/* CSS Document */
html, body, div, p, td, a, input, textarea, select {
    font-family:Arial, sans-serif;
    color:#000000;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    margin:0;
    padding:0;
    background-color:black;
}
ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
a, a:hover{
    text-decoration:none;
}
p {
    margin:0;
    padding:0;
}
img{
    border:none;
}
strong{
    font-weight:bold;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div#wrapper{
    width:944px;
    margin:0 auto;
    padding:0;
    background-color:#bebebe;
}
div#topspacer{
    height:31px;
    background-color:#ffffff;
}
div#header{
    width:944px; 
    height:93px;
    position:relative;
    border-bottom:3px solid #808080;
    background-color:#9d9d9d;
}
div#logo{
    width:357px;
    float:left;
}
div#metaNavi{
    float:right;
    padding:13px 0 0 230px;
}
div#mainNavi{
    background-color:#828282;
    width:925px;
    padding:7px 0 7px 19px;
    height:10px;
}
div#breadcrumbNavi{
    padding:6px 0 29px 0px;
    height:12px;
    color:#808080;
}
div#main{
    clear:both;
    margin:0 115px;
    width:714px;
    background-color:#ffffff;
}
div#left{
    width:711px;
    float:left;
}
div#middle{
    min-height:500px;
    padding-bottom:20px;
}
div#right{
    width:233px;
    float:left;
}

div#footer{
    clear:both;
    width:711px;
    padding:15px 0 4px 0;
}
div#footer p{
    font-size:9px;
    text-align:center;
    text-align:center;    
    color:#828282;
}

/**************** Home *************/

div#main.home div#left,
div#main.home div#right{
    display:none;
}
div#main.home div#middle{
    padding:0 16px;
    width:682px;
}
div#main.home div#breadcrumbNavi{
    padding-bottom:5px;
}
div#content{
    
}
div#main.home div#content{
    padding:3px 0 0 67px;
    background-color:#ffffff;
}
div#main.home table{
    width:682px;
}
div#main.home table td{
    width:224px;
}
div#main.home table td img{
    border:none;
    padding:0;
    margin:0;
}

/******************* Unternehmen ******************/
div#main.unternehmen div#left{
    float:left;
    width:121px;
    padding:0 26px 0 16px;
}

div#main.unternehmen div#middle{
    float:left;
    width:400px;
    padding:0 12px 0 0px;
}

div#main.unternehmen div#right{
    float:left;
    width:121px;
    padding:0 16px 0 0px;
}
div#main.unternehmen img{
    margin-bottom:12px;
}

/****************** Produkte Uebersicht ***************/
div#main.produkte_uebersicht div#left,
div#main.produkte_uebersicht div#right{
    display:none;
}
div#main.produkte_uebersicht div#middle{
    padding:0 16px;
    width:680px;
}
div#main.produkte_uebersicht h1{
    color:#ffffff;
    background-color:#bebebe;
    font-size:19pt;
    font-weight:normal;
    padding:6px 0 4px 15px;
    margin-bottom:15px;
}
div#content{
    
}
div#main.produkte_uebersicht div#content{
    padding:3px 0 0 67px;
    background-color:#ffffff;
}
div#main.produkte_uebersicht table{
    width:680px;
}
div#main.produkte_uebersicht table td h2{
    color:#bebebe;
    font-size:11pt;
    padding:0;
    margin:0;
}
div#main.produkte_uebersicht table td.spacer{
    width:13px;
}
div#main.produkte_uebersicht table td img{
    border:none;
    padding:0;
    margin:0;
}

/******************* Produkte *****************/
div#main.produkt_ebene_b div#left{
    width:122px;
    float:left;
    padding:0 21px 0 21px;
}
div#main.produkt_ebene_b div#middle{
    width:529px;
    float:left;
    padding:17px 21px 0 0px;
}
div#main.produkt_ebene_b div#middle h1{
    color:#ffffff;
    background-color:#bebebe;
    font-size:14pt;
    font-weight:normal;
    padding:6px 0 4px 15px;
    margin-bottom:25px;
}
div#main.produkt_ebene_b div#middle h2{
    color:#000000;
    font-size:11pt;
    font-weight:bold;
    padding:0px 0 14px 19px;
    background:url(../images/produkt_h2.gif) 0 2px no-repeat;
}

/******************** Produktliste *******************/
div#main.produkt_liste div#contentTop{
    border-bottom:1px solid #000000;
    height:100px;
    margin:0 16px 0px 16px;
    padding:0 0 4px 0;
}
div#main.produkt_liste div#contentTop div#topLeft{
    width:122px;
    float:left;
    padding:0 16px 0 0px;
}
div#main.produkt_liste div#contentTop div#topLeft div.textItem p{
    margin:0;
    padding:0;
}
div#main.produkt_liste div#contentTop div#topLeft div.textItem p img{
    margin:0;
    padding:0;
}
div#main.produkt_liste div#contentTop div#topRight{
    width:500px;
    padding:15px 0 0 7px;
    float:left;
}
div#main.produkt_liste div#contentTop div#topRight h1{
    font-size:15pt;
    padding:0 0 0 20px;
    background:url(../images/produkt_h2.gif) 0 2px no-repeat;
}
div#main.produkt_liste div#contentBottom{
    margin:0 16px;
}
div#main.produkt_liste div#contentTop div#contentBottom div#left{
    width:711px;
    float:left;
}
div#main.produkt_liste div#contentTop div#contentBottom div#middle{
    display:none;
}
div.produktI{
    width:582px;
    border-bottom:1px solid black;
    padding:5px 60px 7px 37px;
}
div.produktI div.left{
    width:84px;
    padding:0 25px 0 0;
    float:left;
}
div.produktI div.right{
    position:relative;
    width:389px;
    height:84px;
    float:left;
    margin-top:-3px;
}
div.produktHeadline a p{
    font-size:15pt;
    font-weight:bold;
}
div.produktMoreLink{
    position:absolute;
    bottom:8px;
    left:0px;
}
div.produktMoreLink a{
    color:#9d9d9d;
    background:url(../images/arrow_right_grey.gif) right center no-repeat;
    padding:0 10px 0 0;
}
div.produktI div.produktTrenner{
    
}

/************************** Produkt Artikel **********************/
div#main.produkt_artikel div#contentTop{
    border-bottom:1px solid black;
    height:100px;
    margin:0 16px 4px 16px;
    padding:0 0 4px 0;
}
div#main.produkt_artikel div#contentTop div#topLeft{
    width:122px;
    float:left;
    padding:0 16px 0 0px;
}
div#main.produkt_artikel div#contentTop div#topLeft div.textItem p{
    margin:0;
    padding:0;
}
div#main.produkt_artikel div#contentTop div#topLeft div.textItem p img{
    margin:0;
    padding:0;
}
div#main.produkt_artikel div#contentTop div#topRight{
    width:500px;
    padding:15px 0 0 7px;
    float:left;
}
div#main.produkt_artikel div#contentTop div#topRight h2{
    font-size:15pt;
    padding:0 0 0 20px;
    background:url(../images/produkt_h2.gif) 0 2px no-repeat;
}
div#main.produkt_artikel div#contentBottom{
    margin:0 0 0 16px;
}
div#main.produkt_artikel div#contentBottom div#left{
    width:122px;
    float:left;
    padding:0 24px 0  0;
}
div#main.produkt_artikel div#contentBottom div#middle{
    width:552px;
    float:left;
}
div#main.produkt_artikel div#contentBottom div#middle div#middleTop{
    
}
div#main.produkt_artikel div#contentBottom div#middle div#middleTopLeft{
    width:337px;
    float:left;
}
div#main.produkt_artikel div#contentBottom div#middleTopRight{
    width:139px;
    float:right;
    padding:33px 0 0 0;
}
div#main.produkt_artikel div#contentBottom div#middleTopRight .produktinfo-download{
    display:block;
    clear:both;
    width:122px;
    height:15px;
    padding:5px 2px 6px 15px;
}
div#main.produkt_artikel div#contentBottom div#middleBottom{
    clear:both;
}
div#main.produkt_artikel div#contentBottom div#middleBottom div.backlink a{
    color:#9d9d9d;
    background:url(../images/arrow_left_grey.gif) 0 3px no-repeat;
    padding:0 0 0 12px;
}

*+html div#main.produkt_artikel div#contentBottom div#middleBottom div.backlink a{
    background:url(../images/arrow_left_grey.gif) 0 4px no-repeat;
}

/** Image preview **/
#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
}
a.preview{
    display:block;
    width:122px;
    height:122px;
    background:url(../images/produktPreviewBg.jpg) top left no-repeat;
}
div.backlink{
    padding:5px 0 0 0;
}
/******************* Service ******************/
div#main.service div#left{
    float:left;
    width:121px;
    padding:0 26px 0 16px;
}
div#main.service div#left p img{
    margin:0 0 10px 0;
    padding:0;
}
div#main.service div#middle{
    float:left;
    width:400px;
    padding:0 12px 0 0px;
}
div#main.service div#middle h2{
    padding:0;
    margin:0;
    font-weight:bold;
}

div#main.unternehmen img{
    margin-bottom:12px;
}

/******************* Kontakt ******************/
div#main.kontakt div#left{
    float:left;
    width:121px;
    padding:0 26px 0 16px;
}

div#main.kontakt div#middle{
    float:left;
    width:402px;
    padding:0 12px 0 163px;
}
div#main.kontakt div#middle h1{
    font-size:12pt;
    padding:0 0 10px 0;
    margin:0;
    font-weight:bold;
}

div#main.kontakt div#right{
    width:121px;
    float:right;
    padding:0 0px 0 0;
}
div#main.kontakt  div#right a.produktinfo-download{
    display:block;
    clear:both;
    width:104px;
    height:15px;
    padding:5px 2px 4px 15px;
}
div#main.kontakt img{
    margin-bottom:12px;
}

/******************* Downloads ******************/
div#main.downloads div#left{
    display:none;
}

div#main.downloads div#middle{
    float:left;
    width:678px;
    padding:0 16px 0 16px;
}
div#main.downloads div#middle h1{
    font-size:12pt;
    padding:0 0 10px 22px;
    margin:0;
    font-weight:bold;
    background:url(../images/produkt_h2.gif) 0 2px no-repeat;
    border-bottom:1px solid black;
}

div#main.downloads div#right{
    width:121px;
    float:right;
    padding:0 16px 0 0;
}
div#main.downloads img{
    margin-bottom:12px;
}
div.downloadlist{
    margin:10px 0 0 0;
}
div.downloadlist ul{
    
}
div.downloadlist ul li{
    padding:0 0 4px 0;
}
div.downloadlist ul li a{
    font-size:11pt;
    font-weight:bold;
}
/******************* Anfahrt ******************/
div#main.anfahrt div#left{
    display:none;
}

div#main.anfahrt div#middle{
    float:left;
    width:450px;
    padding:0 12px 0 163px;
}
div#main.anfahrt div#middle h1{
    font-size:12pt;
    padding:0 0 10px 0;
    margin:0;
    font-weight:bold;
}

div#main.anfahrt div#right{
    display:none;
}
div#main.anfahrt img{
    margin-bottom:12px;
}

/************************************************ Navigation *******************************/

div#metaNavi ul li{
    position:relative;
    float:left;
    padding:2px 8px 1px 7px;
    font-size:8pt;
    border-right:1px solid #ffffff;
}
div#metaNavi ul li.no6{
    border-right:none;
}
div#metaNavi ul li a{
    color:white;
}
div#metaNavi ul li a:hover, 
div#metaNavi ul li a.active{
    color:#BEBEBE;
}
div#mainNavi{
    position:absolute;
    top:57px;
    left:209px;
    z-index:30;
    width:520px;
    height:40px;
    padding:0 0 0 0px;
    background:url(../images/mainNaviBg.jpg) top left no-repeat;
}
div#mainNavi > ul > li{
    position:relative;
    float:left;
    padding:0;
    font-size:10pt;
    padding:8px 0;
    background:url(../images/mainnav_bg.gif) right 5px no-repeat;
}
div#mainNavi > ul > li.firstLevel4{
    background:none;
}
div#mainNavi ul li a{
    color:#ffffff;
    text-transform:uppercase;
    padding:8px 12px 8px 12px;
}
div#mainNavi ul li:hover a,
div#mainNavi ul li.akt a{
    color:#bebebe;
}
div#mainNavi ul li ul.sec{
    padding:0px 8px 10px 12px;
    margin:4px 0 0 0;
    background-color:#9d9d9d;
    display:none;
    width:74px;
}
div#mainNavi ul li:hover ul.sec{
    display:block;
}
div#mainNavi ul li ul.sec li{

}

div#mainNavi ul li ul.sec li a{
    font-size:9pt;
    color:#ffffff;
    height:17px;
    padding:4px 15px 4px 8px;
    background:url(../images/subnav_bg.gif) 0 11px no-repeat;
}
div#mainNavi ul li ul.sec li a:hover{
    color:#bebebe;
    background:url(../images/subnav_bg_act.gif) 0 11px no-repeat;
}
div#breadcrumbNavi a{
    font-size:8pt;
    background:url(../images/breadcrumb_pfeil.png) center left no-repeat;
    padding:0 0 0 0px;
    margin:0 2px 0 0;
    color:#808080;
}
div#breadcrumbNavi a.navipathHome{
    padding-left:11px;
    
}

div#languageNavi{
    position:absolute;
    top:64px;
    left:835px;
    z-index:30;
    width:100px;
    height:25px;
    padding:0 0 0 0px;
}
div#languageNavi > ul > li{
    position:relative;
    float:left;
    padding:0;
    font-size:9px;
    padding:1px 4px 2px 4px;
    margin:0 4px 0 0;
    border:1px solid white;
}
div#languageNavi ul li a{
    color:#ffffff;
    padding:0;
}
div#languageNavi ul li:hover a,
div#languageNavi ul li.akt a{
    color:#bebebe;
}


/************************************* Format ********************************/
h1{
    font-size:15pt;
    margin:0 0 5px 0;
    padding:0;
    color:#000000;
    font-weight:bold;
}
h2{
    font-size:12pt;
    margin:0 0 5px 0;
    padding:0;
}
div.textItem p{
    margin:0 0 1em 0;
}
div.textItem td{
    vertical-align:top;
    padding:0;
    margin:0;
}

div.backlink a,
div.backlink a:hover{
    color:#5bac36;
    padding:0 0 0 12px;
    background:url(../images/produktZurueckPfeil.jpg) center left no-repeat;
}

p.search-message{
    padding-bottom:10px;
}
p.result{
    padding:10px 0 10px 0;
}

p img {
    margin:0 10px 5px 0;
}

.produkt-kategorie{
    color:#bebebe;
    font-size:11pt;
}
.produktinfo-download{
    padding:3px 0 3px 12px;
    background:url(../images/produkt_download.gif) 0 0 no-repeat;
    color:#ffffff;
    margin-bottom:8px;
}
.trenner{
    background:url(../images/spacer.gif)0 0px repeat-x;
    height:2px;
    padding:0;
}
div#content ul{
    margin:0 0 10px 0;
}
div#content ul li{
    background:url(../images/li_icon.gif) 0 6px no-repeat;
    padding:0 0 0px 8px;
}
div#right ul li{
    padding:0px 0 34px 17px;
    background:url(../images/arrow_grey_right.png) 0 4px no-repeat;
    font-size:8pt;
}
div#content table ul li{
    padding:0px 0 8px 17px;
    background:url(../images/arrow_grey_right.png) 0 4px no-repeat;
    font-size:8pt;
}


/************************************* Sitemap *******************************/

ul.sitemapext_cat_0 li {
    margin-bottom:1em;
    padding:3px 0 0 0;
}
ul.sitemapext_cat_0 li ul.sitemapext_cat_1 li{
    margin:0;
    padding:3px 0 0 10px;
}
ul.sitemapext_cat_0 a{
    background:url(../images/sitemapIcon.jpg) center left no-repeat;
    padding:0 0 0 0px;
}
/************************************* Suche *********************************/

div.searchResultItem{
    border-bottom:1px black dotted;
    padding:5px 0 5px 0;
}
a.editor-weiter,
a.editor-weiter:hover{
    background:url(../images/produktWeiterPfeil.jpg) center right no-repeat;
    padding:0 35px 0 0;
}
div#search{
    padding:0 0 20px;
}
div#searchbox{
    float:right;
    height:20px;

}
input#search_send{
    width:85px;
    height:18px;
    cursor:pointer;
    color:#000000;
    background-color:transparent;
    font-size:8pt;
    margin:0;
    padding:0;
}
div#searchbox table{
    border:1px solid white;
}
input#searchterm{
    width:110px;
    font-size:11px;
    height:13px;
    border:1px solid #000000;
    margin:0 4px 0 0;
    padding:0;
}
div#searchResults p.message{
    padding:0 0 6px 0;
}
div.searchResultItem h2{
    padding:0;
    margin:0;
}


/*************** Kontaktformular **************/
div.kontaktformular{
    padding:16px 0 0 0;
}
div.contactRow{
    margin-bottom:8px;
    width:378px;
}
div.text{
    margin-top:27px;
}
div#contactForm{
    width:378px;
}
.contactRow label {
    float:left;
    width:120px;
}
.contactRow label.anreden {
    width:90px;
}
.contactRow input, .contactRow textarea {
    width:255px;
    height:16px;
    padding:0;
    border:1px solid #000000;
}
.contactRow textarea{
    height:70px;
    font-size:9pt;
}
div#contactFormSubmit{
    float:right;
    width:378px;
}
div.contactRow table{
    margin-left:-2px;
    font-size:1.1em;
}
input#Vorname,
input#Plz{
    width:85px;
    padding:0;

}
input#Nachname,
input#Ort{
    width:164px;

}
input.submitbutton{
    width:85px;
    height:21px;
    cursor:pointer;
    color:#000000;
    background-color:transparent;
    float:right;
    margin-right:7px;
}

input.resetbutton{
    width:85px;
    height:21px;
    cursor:pointer;
    color:#000000;
    background-color:transparent;
    float:right;
}

div#kontaktAntwort p{
    font-weight:bold;
}