/* (c) 2008 - Gregor Dick - Stuenings Medien GmbH */

/* reset */
* {margin: 0; padding: 0; font-size: 100.01%;}
body, div, td, tr, span, li, h1, h2, h3, h4, h5, h6, p, input, button, label, ol, dl, a {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address {margin: 0.5em 0;}
input, button {margin: 2px;}
li, dd {margin-left: 1.5em;}
* html li, dd {margin-left: 2em;}
*+html li {margin-left: 2em;}
fieldset {padding: .5em;}

/* base settings */
html, body {height: 100%;}
body {font-size: .75em; color: #000; line-height:1.3; background: #7A797A;}
a, a:link, a:visited {color: #000; text-decoration: none;}
a:hover, a:active {color: #000; text-decoration: underline;}
img {border: 0;}
h3 {font-size: .75em;}

/* containers */
#wrapper {margin: 0 auto; padding: 0 1px 6px 1px; width: 1010px; background: url(img/background.png) repeat-y; min-height: 100%; overflow: hidden;}
#col_left {float: left; width: 194px; padding-right: 1px; overflow: hidden;}
#col_right {float: right; width: 45px; overflow: hidden;}
#col_mid {overflow: hidden; padding-right: 1px;}
#header {height: 110px; border-bottom: 1px solid #000; background: #B1B2B3; padding: 0 32px 0 34px;}
#content {padding: 15px 32px 16px 34px; overflow: hidden;}
#navtrail {margin-bottom: 12px; font-size: .8em; color: #5E5E5E;}

/* header */
#header img {float: right;}
#header .innerHeader {background: url(img/bg_header.png) repeat-x; height: 110px; font-size: 12px;}

/* font-sizer */
#font-sizer {position: absolute; margin: 22px 0 0 290px;}
#font-sizer a, #font-sizer a:link, #font-sizer a:visited, #font-sizer a:hover, #font-sizer a:active {display: inline; color: #404040;}
#font-sizer a.larger {font-size: 20px !important;}
#font-sizer a.smaller {font-size: 12px !important;}
#font-sizer a.reset {font-size: 16px !important;}

/* content */
#navtrail a {color: #5E5E5E;}
#navtrail a:hover, #navtrail a:active {text-decoration: underline; color: #5E5E5E;}
#navtrail span {color: #E10686;}

/* boxes */
#col_left .infoBoxHeading {background: url(img/bg_categories.png) repeat-y #C0BFC1; color: #fff; padding: 6px 15px; font-weight: bold; font-size: 12px; border-bottom: 1px solid #000;}
#col_left .boxText {}
/*
#col_right .infoBoxHeading {background: #CFD67A; color: #5D5949; padding: 3px 16px; font-weight: bold; font-size: 12px; border-top: 1px solid #A7B40A; border-left: 1px solid #A7B40A;}
#col_right .boxText {background: #ffffff; border-left: 1px solid #A7B40A; border-bottom: 1px solid #A7B40A; margin-bottom: 18px; padding: 8px 16px; color: #5D5949;}
#col_right .boxText a, #col_right .boxText a:link, #col_right .boxText a:hover {color: #5D5949;}
#col_right .boxText input {margin: 0;}
#col_right .boxText .input {width: 95%; margin-bottom: 4px;}
*/

/* language box */
.languageBox {padding-top: 28px; color: #404040;}
.languageBox a:link, .languageBox a:visited, .languageBox a:hover, .languageBox a:active {color: #404040; font-size: 13px !important;}
.languageBox a.active {font-weight: bold;}

/* search box */
.searchBox {margin-top: 26px;}
.searchBox .searchField {border: 1px solid #7A797A; padding: 1px 8px; margin: 0 3px 0 -1px; width: 200px; height: 15px; float: left;}
.searchBox .searchSubmit {float: left; margin: 1px 0 0 0;}

/* cart box & buttons near cart box */
#cart {overflow: hidden; border-bottom: 1px solid #000; margin-bottom: 12px;}
#cart .buttons {padding: 5px 10px 5px 28px; background: no-repeat 9px 5px #E10685; color: #fff; float: left; margin-right: 2px;}
#cart .buttons:hover {text-decoration: none;}
#cart .account {background-image: url(img/button_account.png);}
#cart .cart {background-image: url(img/button_cart.png); background-position: 9px 7px;}
#cart .checkout {background-image: url(img/button_checkout.png);}
#cart #products {text-align: right; color: #404040; padding: 4px 0 0 10px;}
#cart #products img {vertical-align: middle;}

/* menu */
ul.cats a {color: #fff; display: block; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #000;}
ul.cats a:link, ul.cats a:visited {color: #fff; padding-top: 4px; padding-bottom: 4px;}
ul.cats a:hover, ul.cats a:active {text-decoration: underline; color: #fff;}
ul.cats {padding: 0px; margin: 0px; list-style: none;}
ul.cats li {margin-left: -15px; padding-left: 15px;}
li.cats1 a.active, li.cats2 a.active {font-weight: bold;}
li.cats1 a, li.cats2 a, li.cats1 a.active {padding-left: 15px;}
/*
li.cats3 a {padding-left: 30px; background: #E9ECC2; color: #fff;}
li.cats3 a.active {background: #C1CE1E; color: #fff;}
li.cats4 a {padding-left: 30px;}
*/
li.cats3, li.cats4 {display: none;}
#col_left .content ul.cats a {border-top: 0; border-bottom: 1px solid #000; color: #000;}
#col_left .content ul.cats a:link, #col_left .content ul.cats a:visited, #col_left .content ul.cats a:hover, #col_left .content ul.cats a:active {color: #000;}

/* navtrail */
.headerNavigation {}

/* main content */
.pageHeading {font-weight: bold; min-height: 22px; border-bottom: 1px solid #000; margin-bottom: 12px; padding: 5px 10px 0 10px; background: url(img/bg_headline.png) repeat-y left #B0AFB1; color: #fff;}
.pageText {}
.pageText  h3 {font-size: 1.12em !important;}
.contentsTopics {}
.headerMessage {margin-bottom: 16px; padding: 4px 8px; background: #E6E6E6; border: 1px solid #666;}
.buttonContinue {text-align: right; margin-top: 12px;}
.buttonBack {margin-top: 24px; /*border-top: 1px solid #CCCCCC;*/ padding-top: 10px; text-align: center;}

/* login box */
#hideLoginBox {display: none;}

/* page navi */
.pageNavi {}
.pageNavi span {float: right;}

/* categorie listing */
.categorie_listing {border-top: 1px solid #BDBDBD; margin-top: 4px;}
.categorie_listing .entry {background: url(img/listdot_gray.png) 10px 50% no-repeat; border-bottom: 1px solid #BDBDBD;}
.categorie_listing .content {background-image: url(img/listdot_gray.png); background-position: 10px 50%; background-repeat: no-repeat;}
.categorie_listing .entry span {font-size: .9em; font-weight: bold;}
.categorie_listing .entry a {display: block; padding: 6px 60px 6px 35px;}

/* product listing */
.product_listing hr {background: #7C7C7C; color: #7C7C7C; height: 1px; border: 0; clear: both; margin-bottom: 8px;}
.product_listing .image {float: right; width: 120px; margin-bottom: 8px; padding: 6px 4px; text-align: center;}
.product_listing .image a {display: block;}
.product_listing .text {margin-right: 300px; margin-bottom: 16px;}
.product_listing .buy {margin: 8px 0;}
.product_listing .price {margin-right: 300px; margin-bottom: 8px;}
.product_listing .ekastu_icons {float: right; margin-right: 8px; margin-top: 6px; width: 150px; text-align: right;}

/* product detail */
.product_detail {overflow: hidden;}
.product_detail .left {float: left; width: 215px; margin-top: 6px;}
.product_detail .right {margin-left: 225px; margin-top: 6px;}
.product_detail .image {margin-left: 1px; margin-bottom: 8px; border-right: 1px solid #ccc; text-align: center; padding-right: 15px;}
.product_detail .ekastu_icons {}

/* boxes below product detail */
.below_product_detail {}
.heading {font-weight: bold; padding: 3px 10px 3px 8px; background: #BCBCBC; color: #000; margin-top: 16px;}

/* forms */
.formArea {}
.formArea input {margin-left: 0;}
.inputRequirement {color: #f00;}

/* checkout */
.moduleRow, .moduleRowSelected, .moduleRowOver {border: 1px solid #BBC3D3;}
.moduleRow td, .moduleRowSelected td, .moduleRowOver td {padding: 4px 6px;}
.moduleRow {background: #F1F2F2;}
.moduleRowSelected {background: #D1D2D2;}
.moduleRowOver {background: #D1D2D2;}
.checkoutBarFrom, .checkoutBarTo {color: #8c8c8c; width: 25%;}
.checkoutBarCurrent {font-weight: bold; width: 25%;}
a.checkoutmodifylink {color: #555;}

/* miscellaneous */
.hr {background: #BBC3D3; color: #BBC3D3; height: 1px; border: 0; clear: both; margin-bottom: 6px;}
.topborder {border-top: 1px solid #BBC3D3;}
.bmargin {margin-bottom: 8px;}
.bgcolor {background: #D1D2D2;}
.errorbox {color: #f00;}
.logout {text-align: center; margin-top: 40px;}
.copyright {display: none;}
.small {font-size: 0.8em;}

/* ie fixes */
* html #wrapper, * html #col_mid {height: 100%; overflow: visible;}
* html #col_left {margin-right: -3px;}
* html #col_right {margin-left: -3px;}
* html .ie_fix, * html .product_detail, * html #cart, * html #content {display: inline-block;}
* html .pageHeading {height: 22px;}

/* for special content */
.datasheets  td {padding: 2px;}