
/*
 *
 *style.css
 *
**/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              Setup
*/
body, div, p, td, ul, li, h1, h2, p{margin:0;padding:0;font-size:12px;vertical-align:baseline;}
body{font-family:arial,helvetica;line-height:18px;}
h1, h2, h3, h4, h5, h6 {clear:both;font-weight:normal;}
img, a img{border:medium none;}
.page{margin:0 auto 0 40px;width:914px;min-height:90%;}

a{text-decoration:none;color:#222222}
a:hover{color:#005da2}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              Header und Topmenu
*/
.logocontainer{background-color:#005da2;height:140px;text-align:right;}
.logocontainer.preview{background:#005da2 url(bg/preview.png) no-repeat;}
.logocontainer img{margin:30px 40px 0 0;}
#header{height:40px;background:url(bg/top_navi_background.png);margin-bottom:30px;}
#header a{
    display:block;float:left;height:40px;line-height:40px;vertical-align:middle;width:232px;}

#header a span{display:none;}
#header a.active{background:url(bg/top_navi_background-active.png);}
#header a:hover span{color:#B5D9FD;}

#header a.products{width:186px;}


#header a.homelink{width:42px;background-image:url(bg/Produktfinder_oeffnen_link.jpg)}
#header a.homelink:hover{background-image:url(bg/Produktfinder_oeffnen_hover.jpg);}
#header a.homelink.desc{background-image:url(bg/Produktfinder_schliessen_active.jpg)}
#header a.homelink.desc:hover{background-image:url(bg/Produktfinder_schliessen_hover.jpg);}



.page.de #header a.contact{background-image:url(bg/Kontakt_link.jpg);}
.page.de #header a.contact:hover{background-image:url(bg/Kontakt_hover.jpg);}
.page.de #header a.contact.active{background-image:url(bg/Kontakt_active.jpg);}
.page.en #header a.contact{background-image:url(bg/Contact_link.jpg);}
.page.en #header a.contact:hover{background-image:url(bg/Contact_hover.jpg);}
.page.en #header a.contact.active{background-image:url(bg/Contact_active.jpg);}

.page.de #header a.products{background-image:url(bg/Produkte_link.jpg);}
.page.de #header a.products:hover{background-image:url(bg/Produkte_hover.jpg);}
.page.de #header a.products.active{background-image:url(bg/Produkte_active.jpg);}
.page.en #header a.products{background-image:url(bg/Catalog_link.jpg);}
.page.en #header a.products:hover{background-image:url(bg/Catalog_hover.jpg);}
.page.en #header a.products.active{background-image:url(bg/Catalog_active.jpg);}

.page #header a.service{background-image:url(bg/Service_link.jpg);}
.page #header a.service:hover{background-image:url(bg/Service_hover.jpg);}
.page #header a.service.active{background-image:url(bg/Service_active.jpg);}



#header a span{height:40px;line-height:40px;font-size:13px;vertical-align:middle;margin-left:14px;color:#97BBDF;font-weight:bold;}
#header p.sep{display:block;float:left;height:40px;width:1px;background:url(bg/top_navi_separator.png);text-shadow: #000000 4px 4px 2px;}
#homegalerie{background:#e5eef6 url(bg/home.galerie-background.png) no-repeat;position:absolute;top:0;}
ul.breadcrumb{list-style:none;display:inline;}
ul.breadcrumb li{list-style:none;display:inline;}
ul.breadcrumb li a{color:#888888;}
ul.breadcrumb li a:hover{color:#005da2;}
.page.home #header{margin-bottom:34px;}
#footer{margin-top:54px;clear:both;height:54px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              Spalten im Content
*/

.column.left             {width:225px;float:left;margin:auto;}
.column.right            {width:225px;float:right;margin:auto;border:0;}
.column.center           {width:464px;float:left;border:0;}
.column.left.center      {width:689px;}
.column.center.right     {width:689px;}
.column.left.center.right{width:914px;}

.column.left .box.navi   {margin-top:12px;}
.column.left .box.navi ul li {list-style-image:none;list-style-position:outside;list-style-type:none;border:solid 1px transparent;}
.column.left .box.navi ul li a{display:block;color:#AAAAAA;line-height:22px;}
.column.left .box.navi ul li a:hover, .column.left .box.navi ul li tr:hover a{color:#005DA2;}
.column.left .box.navi ul li td a{display:block;color:#AAAAAA;line-height:18px;display:inline;}
.column.left .box.navi ul li a.expanded{color:#005DA2;}

.column.left .box.navi ul ul li {padding-left:12px;}
/*.column.left .box.navi ul ul li{background:url(bg/navi_pfeil-light.png) no-repeat left 4px;}*/
.column.left .box.navi ul ul li.active{background:url(bg/navi_pfeil.gif) no-repeat left 4px;}
/*.column.left .box.navi ul ul li:hover{background-image:url(bg/navi_pfeil.gif)}*/

.button.subproduct{background:transparent url(bg/button-subproduct.png) no-repeat;width:195px;height:22px;line-height:22px;vertical-align:middle;text-align:center;float:left;margin:8px 36px 0 0;}
.button.subproduct.first{clear:both;}
.button.subproduct.last{margin:8px 0 0 0}
.button.subproduct a{color:#FFFFFF;}
.button.subproduct a:hover{color:#005DA2}
div.product.subnavigation{padding:11px 0 36px 0;}

.column.left .box   {margin-right:8px;}
.column.center .box {margin-left:8px;}
.column .box.title{color:#888888;border-bottom:1px solid #dadada;padding-bottom:3px;}

.column.quarter{border-style:solid;border-width:0 20px 0 0;border-color:#ffffff;float:left;}
.column.quarter.wx224{width:214px;}
.column.quarter.wx202{width:209px;}
.column.quarter.wx220{width:197px;}
.column.quarter a{text-decoration:none;color:#005da2}
.column.quarter a:hover{color:#222222}

.box .column{line-height:18px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              forum
*/
table.forum{border-left:1px #CACACA solid; border-top:1px #CACACA solid;margin-top:3px;}
table.forum th, table.forum td {border-right:1px #DADADA solid; border-bottom:1px #DADADA solid; text-align:left; padding:4px;}
table.forum tr.odd td{background-color:#EAEAEA;}
table.forum tr.second td, table.forum th{border-bottom:1px #CACACA solid}
table.forum td:last-child, table.forum th:last-child{border-right:1px #CACACA solid}
table.forum td.num{text-align:center;vertical-align:middle;}
table.forum td a{color: #005DA2;}
table.forum td.vertblow{padding:16px;}
table.forum td.italic{ font-style:italic; color:#999; }
table.forum td small { font-size:10px; line-height:12px; }
table.forum td.right, table.forum th.right{text-align:right;}
#form_new_thread{display:none}
#form_new_posting{display:none}
table.forum td p.modified{font-style:italic;color:#999;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              pager
*/
div.pager{

    border-left:1px solid #fff;
    border-top:1px solid #fff;
    background-color:#ffffff;
    height:100%;
    font-size:12px;
    margin: 4px 0px 8px 8px;

}


div.pager div, div.pager p, div.pager input{
    float:left;
    padding-top:3px;
    padding-bottom:3px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    background-color:#ffffff;
    width:26px;
    text-align:center;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
    color:#0045cf;
    z-index:16666;
}
div.pager input{
    border-style:solid;
    border-left:0;
    border-top:0;
    border-right:0;
    width:auto;
    cursor:text;
    font-weight:normal;
    color:black;
    height:19px;
    background-color:#E1F3F7;
    padding-top:2px;
}

div.pager div.left{

    float:left;
    width:auto;
    border:0;
    padding:0;
    display:block;

}
div.pager div.right{

    float:right;
    text-align:right;
    border:0;
    padding:0;
    display:block;
    width:auto;
}
div.pager div.middle{

    margin:auto;
    display:none;

}

div.pager p{
    width:auto;
    padding-left:4px;
    padding-right:4px;
    border-left:0;
    border-right:0;
}
div.pager p.first{
    border-left:1px solid #fff;
}
div.pager p.caption{
    color:black;
    font-weight:normal;
    cursor:default;
}
div.pager div.active{
    background-color:#FB7F05;
    color:#ffffff;
}
div.pager div.left p.caption{
    width:100%;
    text-align:left;
}

div.pager div.right p.limiter,
div.pager div.empty{
    display:none;
}
div.pager div:last-child{

}














/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              product.galerie
*/
#homegalerie #screen{border:0;height:193px;position:relative;top:0;width:914px;overflow: hidden;white-space:nowrap;}
#homegalerie #screen .item{text-align:center;position:absolute;top:18px;width:180px;height:160px;}
#homegalerie #screen .item a.link{color:#333333;width:135px;white-space:normal;display:block;margin-left:17px;margin-top:-1px;font-size:11px;line-height:17px;}
#homegalerie #screen .item a.link:hover{color:#005da2;}

#homegalerie #screen .pic{text-align:center;margin-bottom:0px;margin-left:17px;width:133px;height:133px;}
#homegalerie #screen .pic .cell{display:table-cell;width:135px;height:135px;line-height:135px;vertical-align:middle;}
#homegalerie #screen .pic img{margin:0;vertical-align:middle;}

#homegalerie #slider{
    border:0;
    height:20px;
    position:relative;
    top:0;
    width:914px;
    background-color:#E1EFF8;
}
#homegalerie #slider div{
    width:20px;
    height:20px;
    background-color:#ddffdd;
    text-align:center;
    font-size:14px;
    cursor:pointer;
}
#homegalerie #ratsch{
    position:absolute;
    top:0;
    height:200px;
}
#homegalerie #slider div.left{
    float:left;
}
#homegalerie #slider div.middle{
    position:absolute;
    top:0px;
    left:22px;
}
#homegalerie #slider div.right{
    float:right;
}
#homegalerie .slider{
    position:absolute;
    height:100%;
    width:40px;
    top:0px;
    z-index:10001;
    cursor:pointer;
}
#homegalerie .slider.left{background:url(bg/Pfeil-li-hover.png) no-repeat 15px 93px;}
#homegalerie .slider.left:hover{background-image:url(bg/Pfeil-li-hover.png);}
#homegalerie .slider.right{background:url(bg/Pfeil-re-hover.png) no-repeat 9px 93px;left:100%;margin-left:-40px;}
#homegalerie .slider.right:hover{background-image:url(bg/Pfeil-re-hover.png);}

.catalog.detail.iconset{text-align:right;float:right;margin:-1px 0 0 2px;}
.iconset .ico{height:20px;display:block;float:left;background-repeat:no-repeat;margin-left:6px;}

.iconset .ico.mailto{background-image:url(bg/Icon-Mail.gif);width:18px;background-position:left 3px;}
.iconset .ico.mailto:hover{background-image:url(bg/Icon-Mail-hover.gif);}
.iconset .ico.download{background-image:url(bg/Icon-download.gif);width:14px;}
.iconset .ico.download:hover{background-image:url(bg/Icon-download-hover.gif);}
.iconset .ico.print{background-image:url(bg/Icon-drucken.gif);width:19px;background-position:left 1px;}
.iconset .ico.print:hover{background-image:url(bg/Icon-drucken-hover.gif);}
.iconset .ico.edit{background-image:url(bg/Icon-edit.png);width:19px;background-position:left 1px;}
.iconset .ico.edit:hover{background-image:url(bg/Icon-edit-hover.png);}

.iconset .ico.lang.de{background-image:url(bg/Icon-de-active.gif);width:16px;background-position:left 1px;}
.iconset .ico.lang.de:hover{background-image:url(bg/Icon-de-hover.gif);}
.iconset .ico.lang.de.inactive{background-image:url(bg/Icon-de-inactive.gif);cursor:default;}
.iconset .ico.lang.en{background-image:url(bg/Icon-en-active.gif);width:16px;background-position:left 1px;}
.iconset .ico.lang.en:hover{background-image:url(bg/Icon-en-hover.gif);}
.iconset .ico.lang.en.inactive{background-image:url(bg/Icon-en-inactive.gif);cursor:default;}

.simpleSearchBox{
    width:214px;
    height:40px;
    background:url(bg/suchfeld-mit-bg.png) no-repeat;
    float:left;
    position:relative;
}
.simpleSearchBox label.subcaption{
    position:absolute;
    top:10px;
    left:23px;
    font-size:14px;
    color:#aaaaaa;
}
.simpleSearchBox input{
    position:absolute;
    top:0px;
    left:0px;
    width:154px;
    border:none;
    margin:10px 0 0 22px;
    background:transparent;
    z-index:10001;
}
.simpleSearchBox input:focus -{
    opacity:0;
}


.simpleSearchContainer{
    position:absolute;
    left:497px;
    z-index:10000;
}
.simpleSearchContainer .ssKindTitle{
    font-weight:bold;
    margin:16px;
}
.simpleSearchContainer .ssProductTitle a{
    color:#333;
}
.simpleSearchContainer .ssProductImage{
    float:left;
    width:64px;
    height:64px;
    margin:12px 20px 0 20px;
}
.simpleSearchContainer .ssProductThumb{
    background-color:#e1eff8;
    display:table-cell;
    height:64px;
    line-height:64px;
    width:64px;
    vertical-align:middle;
}
.simpleSearchContainer .ssProductThumb img{
    margin:0;
    vertical-align:middle;
}
.simpleSearchContainer .ssProductTitle{
    font-size:16px;
    font-weight:bold;
    color:#333333;
    float:left;
    width:340px;
    margin-top:12px;
}
.simpleSearchContainer .ssProductDesc{
    float:left;
    color:#666;
    line-height:16px;
    width:337px;
}
.simpleSearchContainer .ssProductDesc a{
    background:url(bg/navi_pfeil-grey.png) no-repeat right 2px;
    padding-right:10px;
}
.simpleSearchContainer .ssProductDesc a:hover{
    background-image:url(bg/navi_pfeil.gif);
}
.simpleSearchContainer .ssSearchString{
    color:#005DA2;
}
.simpleSearchContainer .gsstop{
    height:7px;
    background:url(bg/oben_multiply.png) repeat-x;
}
.simpleSearchContainer .gssleft{
    width:7px;
    background:url(bg/links_multiply.png) repeat-y;
}
.simpleSearchContainer .gsscont{
    width:450px;
    background-color:#D2E0ED;
}
.simpleSearchContainer .toptrans{
    width:450px;
    height:40px;
    background:url(bg/Suchfeld_transp.png) no-repeat 247px 9px;
    border-bottom:#B3CCE2 1px solid;
    position:relative;
}
.simpleSearchContainer .toptrans .gssCloser{
    display:block;
    position:absolute;
    background:url(bg/gssCloser.png);
    width:14px;
    height:14px;
    left:412px;
    top:13px;
    cursor:pointer;
    z-index:10001;
}
.simpleSearchContainer .topwhiteline{
    height:28px;
    border-top:#EBF1F7 1px solid;
    overflow:hidden;

}
.simpleSearchContainer .bottomtrans{
    width:450px;
    height:56px;
    border-top:#EBF1F7 1px solid;
    text-align:right;

    line-height:16px;
}

.simpleSearchContainer .bottomtrans .bhl{
    margin:12px 20px 0 0;
}
.simpleSearchContainer .bottomtrans .rhl{
    margin:0 20px 0 0;
}
.simpleSearchContainer .bottomtrans a{color:#005da2;}
.simpleSearchContainer .bottomtrans a:hover, .simpleSearchContainer .bottomtrans a.highlighted, .simpleSearchContainer .bottomtrans{color:#333333;}
.simpleSearchContainer .bottomtrans a, .simpleSearchContainer .bottomtrans p.sep{
    vertical-align:middle;
    float:right;
    display:block;
    margin:auto 2px;
    text-align:center;
}

.simpleSearchContainer .bottomwhiteline{
    height:40px;
    border-bottom:#B3CCE2 1px solid;
    overflow:hidden;
}
.simpleSearchContainer .gsscont table{
    width:406px;
}
.simpleSearchContainer .gssright{
    width:16px;
    background:url(bg/rechts_multiply.png) repeat-y;
}
.simpleSearchContainer .gssleft.top{background:url(bg/ol.png)}
.simpleSearchContainer .gssright.top{background:url(bg/or.png)}
.simpleSearchContainer .gssleft.bottom{background:url(bg/ul.png)}
.simpleSearchContainer .gssright.bottom{background:url(bg/ur.png)}
.simpleSearchContainer .gssbottom{
    height:17px;
    background:url(bg/unten_multiply.png) repeat-x;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              Form - Dialog
*/
.dialog{
    display:block;
    position:fixed;
    top:0px;left:0px;width:100%;height:100%;
    background:url(bg/shadow.png);
}
.dialog div.body{
    position:fixed;
    top:214px;
    left:385px;
    width:420px;
    height:auto;
    border:3px #012A49 solid;
    background-color:#ffffff;
    padding:24px;
}
.dialog div.body .title{
    color:#012A49;
    font-size:16px;
    margin-bottom:24px;
    font-weight:bold;
    float:left;
}
.dialog div.body .closer{
    width:16px;
    height:16px;
    background:url(bg/Icon-close-active.gif) no-repeat;
    float:right;
    margin:-22px -22px 0 0;
    cursor:pointer;
}
.dialog div.body .closer:hover{
    background:url(bg/Icon-close-hover.gif) no-repeat;
}
.dialog div.body .caption{
    float:left;
    width:140px;
}
.dialog div.body .message{
    color:#cc6633;
}
.dialog div.body input{float:right;width:240px;}
.dialog div.body input[type="submit"]{clear:both;width:auto;}
.dialog div.body textarea{font-family:arial;font-size:12px;float:right;width:240px;height:90px;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              Schï¿½ne Tabelle
*/
table.lightborder{
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
}
table.lightborder th, table.lightborder td{
    text-align:left;
    padding:0px;
    border-top:1px solid #dadada;
    border-right:1px solid #ffffff;
    white-space:nowrap;
}
table.lightborder th.int, table.lightborder td.int, table.lightborder th.cur, table.lightborder td.cur{
    text-align:right;
}
table.lightborder th.check, table.lightborder td.check{
    text-align:center;
}
table.formtable td.subheader{
   /* padding-top:2px;
    padding-bottom:2px;
    background-color:#1F3E64;*/
    color:#000000;
    font-style:italic;
    border-top:1px solid #dadada;
    font-weight:bold;
}
table.formtable tfoot tr.first td{
    border-top:1px solid #dadada;
    padding-top:6px;
    padding-bottom:0;
}
table.formtable thead, table.formtable tfoot{
    /*background-color:#005DA2;*/
    color:#000000;
}
table.formtable tbody{
    /*background-color:#D0D8E8;*/
}
table.formtable tbody tr.odd{
   /* background-color:#E9EDF4;*/
}
table.formtable tfoot td{
    padding:24px 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
              Schnipsel
*/
.clear{clear:both;height:1px;width:1px;overflow:hidden;margin:0;padding:0;}
.prewrap{white-space: pre-wrap}
.mt15{margin-top:15px;}
div.product.text.mb16{margin-bottom:16px;}
div.product.line.mb16{margin-bottom:16px;}

.box p.caption{width:210px;height:26px;line-height:26px;vertical-align:middle;}
.box p.controll{width:160px;height:26px;line-height:26px;vertical-align:middle;float:left;}
.box p.controll select{width:130px;}

.product a.download{padding-left:16px;background:url(bg/Icon-download.gif) no-repeat 0 0;}
.product a.download:hover{background:url(bg/Icon-download-hover.gif) no-repeat 0 0;}

.icona{display:block;width:64px;height:64px;margin-right:16px; float:left;}
.icona span{width:64px;height:64px;line-height:64px;display:table-row;vertical-align:middle;text-align:center;}
.icona span span{display:table-cell;background-color:#e2eff8;}
.icona img{vertical-align:middle;text-align:center;}
.product.icon .title{font-weight:bold;}



.tdarticleanchor{background-color:#005DA2;text-align:left;color:#ffffff;}

div.product.table table tr.tdarticleanchor td a{color:#ffffff;}

td.productcode{white-space:nowrap}

/*
 *
 *dev.css
 *
**/

.nothig{}

/*
 *
 *product.css
 *
**/


div.product{margin-bottom:45px;}
div.product.headsubline{color:#333333;margin-bottom:35px;padding-top:19px;}
div.product.headsubline.first{margin-bottom:45px;}

div.product.line{border:0;border-bottom:1px solid #dadada;height:0px;overflow:hidden;margin:0;}

div.product.headsubline p.headline{font-size:20px;font-weight:bold;}
div.product.headsubline p.subline{font-size:20px;font-weight:normal;margin-top:16px;}

div.product.picure.big{}
div.product.picure.big p{margin-top:18px;color:#222222;line-height:18px;}

div.product.text{color:#222222;line-height:18px;padding-top:18px;margin-bottom:39px;/*entspricht tatsächlich 45px*/}
div.product.text.nopad{padding-top:0;}
div.product.text .column b.btitle{display:block;}
div.product.text.extrared{color:red;}

div.product.single{margin-bottom:24px;}
div.product.hidden{display:none;}

div.product .column{line-height:18px;}
div.product .column.left{width:215px;float:left;border-right:18px solid #ffffff;}
div.product .column.center{width:215px;float:left;border-right:18px solid #ffffff;}
div.product .column.right{width:215px;float:left;}
div.product .column.center.right{width:448px;float:left;border:none;}

div.product.picure.small{margin-bottom:0px;}
div.product.picure.small p{color:#222222;line-height:18px;}
div.product.picure.small a.pic{background-color:#E2EFF8;display:table-cell;width:215px;line-height:215px;height:215px;text-align:center;vertical-align:middle;}

div.product.picure.small a.pic img{text-align:center;vertical-align:middle;}
div.product.picure.small .clear.break{margin-bottom:22px;}

div.product .listtitle{
font-weight:bold;margin:0;margin-top:13px;}
div.product .listtitle a .arcnowrap{background:url(bg/navi_pfeil-black.gif) no-repeat right 1px; padding-right:9px;}
div.product .listtitle a:hover .arcnowrap{background-image:url(bg/navi_pfeil.gif)}
div.product .listtitle img{margin-left:6px;}
div.product .listdesc{clear:both;margin-top:0px;}

div.product.table{margin-bottom:0;}
div.product.table table{width:100%;border:0;margin:16px 0 24px 0;}
div.product.table table th{text-align:right;padding-left:12px;border-bottom:1px solid #dadada;border-bottom:1px solid #dadada;line-height:16px;height:22px;}
div.product.table table th.sub{height:auto;}
div.product.table table td{font-size:12px;text-align:right;border-bottom:1px solid #dadada;}
div.product.table table td.ProductNr{width:60px;text-align:left;}
div.product.table table td[align="left"],
div.product.table table th[align="left"]{text-align:left;padding-right:12px;padding-left:0;}
div.product.table table td a{color:#005da2;}
div.product.table table td a:hover{color:#222222;}

div.product.table.single table td{text-align:left;}
div.product.table.single table td.ProductNr{width:auto;}

div.product.table.single table colgroup col.col_1{width:215px;}
div.product.table.single table colgroup col.col_2{width:18px;}
div.product.table.single table colgroup col.col_3{width:215px;}
div.product.table.single table colgroup col.col_4{width:18px;}
div.product.table.single table colgroup col.col_5{width:215px;}
