/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * CSS Author:    Anselm Schopplick
 * Copyright:     PHPwebworks
 * Browser:        0
 * Browser group: 
 */
* { margin: 0px; padding: 0px; }
body { background-color: #e7e7e7; text-align: center; }
body,td { color: #000000; font-size: 12px; font-family: Verdana, Tahoma, Helvetica, Arial; }
.maintable { width: 80%; position: relative; margin: 50px 10% 10px 10%; background: url('back_content.png') left top repeat-y; }
.maintable_small { width: 94%; position: relative; margin: 50px 2% 10px 2%; background: url('back_content.png') left top repeat-y; }
.top_header_left { height: 40px; background: url('top_left.png') left top no-repeat; text-align: right; }
.top_header_right { height: 40px; background: url('top_right.png') right top no-repeat; text-align: left; }
.top_header_menu { background: url('right_header_left.png') left top no-repeat; background-color: #c9e97d; margin-right: 28px; padding-left: 15px; height: 40px; line-height: 40px; color: #ffffff; font-weight: bold; text-align: left; font-size: 12px; }
.top_header_menu a, .top_header_menu a:visited, .right a, .right a:visited, .kundenkonto a, .kundenkonto a:visited { font-weight: normal; color: #1f3d2a; text-decoration: underline; }
.top_header_menu a:active, .top_header_menu a:hover, .kundenkonto a:active, .kundenkonto a:hover { font-weight: normal; color: #ffffff; text-decoration: none; }
.right a:active, .right a:hover { font-weight: normal; color: #000000; text-decoration: none; }
.logo { width: 250px; margin: 0px; margin-top: -30px; }
.left { width: 250px; background: url('menu_background.jpg') left bottom no-repeat; text-align: right; vertical-align: top; }
.mainmenu { width: 230px; text-align: left; margin: 20px 10px 20px 10px; }
.mainmenu img { margin: 5px 10px 5px 5px; }
.mainmenu a, .mainmenu a:visited { text-decoration: none; font-weight: bold; color: #1f3d2a; }
.mainmenu a:hover, .mainmenu a:active { font-weight: bold; text-decoration: none; color: #000000; }
.produktsuche { width: 230px; text-align: left; margin: 20px 10px 20px 10px; }
.shopmenu { width: 230px; text-align: right; margin: 20px 10px 20px 10px; }
.kundenkonto { background-color: #BBE45C; opacity: .9; width: 210px; text-align: left; padding: 10px; margin: 20px 10px 20px 10px; }
.kundenkonto ul { color: #1f3d2a; }
.kundenkonto li, .right li { margin-left: 20px; }
.trustedshops { width: 230px; text-align: center; margin: 30px 0px 30px 0px; }
.right { width: 100%; padding: 20px 30px 20px 30px; vertical-align: top; background: url('back_content_right.png') left top repeat-y; background-color: #ffffff; }
.right h4 { margin: 0px; padding: 10px 0px 10px 0px; font-size: 10px; font-weight: normal; }
.bilder { padding: 10px; width: 340px; float: left; font-size: 12px; text-align: left; }
.centerbild { font-size: 10px; text-align: center; }
.centerbild img { margin: 0px; }
.wkb { width: 300px; float: right; }
.picbox { width: 68px; height: 51px; margin: 5px; float: left; border: 1px solid #000000; }
.bottom_footer_left { height: 28px; background: url('bottom_left.jpg') left top no-repeat; text-align: right; }
.bottom_footer_right { position: relative; height: 28px; background: url('back_content_right.png') left top repeat-y; text-align: right; }
.bottom_footer { background: url('bottom_right.png') right top no-repeat; background-color: #ffffff; position: relative; height: 28px; margin-left: 15px; text-align: right; }
.button { cursor: pointer; width: 104px; height: 37px; line-height: 37px; vertical-align: middle; text-align: center; color: #ffffff; font-size: 10px; padding: 0; background: url('button.png') left top no-repeat; }
.page_footer { width: 100%; height: 103px; background: url('footer_middle.png') left top repeat-x; margin: auto; padding: 0px; position: relative; }
.page_footer_left { height: 93px; background: url('footer_left.png') left top no-repeat; float: left; padding: 10px 10px 0px 10px; color: #adacad; font-size: 10px; text-align: left; }
.page_footer_left a, .page_footer_left a:visited { color: #adacad; text-decoration: underline; }
.page_footer_left a:hover, .page_footer_left a:active { color: #86bc3e; text-decoration: none; }
.page_footer_right { width: 410px; height: 103px; float: right; }
.group_description { margin-top: 20px; width: 100%; }
.headers { width: 100%; margin: 30px 0px 0px 0px; padding: 0px; clear: both; }
.group_description img { margin: 0px 10px 10px 0px; float: left; }
.product_description { width: 100%; margin-top: 30px; background-color: #f5f5f5; }
.order_stat { width: 100%; font-size: 10px; margin-bottom: 10px; }
.order_stat_active { background-color: #c9e97d; font-weight: bold; padding: 2px 10px 2px 10px; margin: 0px 2px 0px 2px; }
.order_stat_inactive { background-color: #e7e7e7; padding: 2px 10px 2px 10px; margin: 0px 2px 0px 2px; }
.box_left_top { background: url('box_background_top.png') left top no-repeat; width: 20px; float: left; height: 10px; }
.box_right_top { background: url('box_background_top.png') right top no-repeat; width: 20px; float: right; height: 10px; }
.box_open_close { width: 100%; height: 10px; background-color: #e7e7e7; }
.product_box, .box { clear: both; padding: 10px 10px 10px 10px; }
.box_left_bottom { background: url('box_background_bottom.png') left bottom no-repeat; width: 20px; float: left; height: 10px; }
.box_right_bottom { background: url('box_background_bottom.png') right bottom no-repeat; width: 20px; float: right; height: 10px; }
.product_box img { margin: 0px 10px 0px 0px; float: left; }
.centerbild img { margin: 0px; }
a.sociallink img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
a.sociallink:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
.product_box h2 a, .product_box h2 a:hover, .product_box h2 a:visited, .product_box h2 a:active { font-size: 14px; font-weight: bold; margin: 0; text-decoration: none; color: #1f3d2a; }
a.nochange, a.nochange:visited, a.nochange:hover, a.nochange:active { text-decoration: none; color: #000000; }
.product_description_pricing { width: 100%; white-space: nowrap; margin: 10px 0px 0px 0px; }
.button a, .button a:hover, .button a:active, .button a:visited { text-decoration: none; color: #1f3d2a; }
.klein { font-size: 10px; }
input, select, textarea { border: #1f3d2a solid 1px; color: #1f3d2a; }
.submit { background-color: #e7e7e7; }
.grau { border-color: #777777; color: #777777; background-color: #c0c0c0; }
.sslhinweis { font-size: 10px; width: 100%; height: 25px; line-height: 25px; vertical-align: middle; text-align: center; color: #ffffff; font-weight: bold; background-color: #000080; padding: 0px; margin: 0px 0px 20px 0px; }
.sslhinweis img { margin-right: 20px; }
.hinweis { width: 100%; text-align: center; color: #ff0000; border: 2px dotted #ff0000; font-weight: bold; background-color: #f6dfdf; margin: 20px 0px 20px 0px; padding: 20px 0px 20px 0px; }
.wkbtable, .wkbtable td, .logintable, .logintable td, .datentable, .datentable td { padding: 5px; }
.right h1, h1 { font-family: Verdana; font-weight: normal; margin: 0px 0px 20px 0px; font-size: 18px; color: #1f3d2a; }
.headers h2, .box h2, h2 { color: #1f3d2a; font-family: Verdana; font-size: 14px; font-weight: bold; margin: 0; }
.result { background-color: #00ffff; }
#nav a, #subMenusContainer a{ text-decoration:none; display:block; padding: 10px 10px; background-color: #c9e97d; color: #000000; font-size: 12px; padding: 10px 20px 10px 10px; }
#nav a{ margin:0; }
#subMenusContainer a, #nav li li a{ text-align:right; white-space: nowrap; }
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{ background-color:#c9e97d ; color:#ffffff; }
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus{ background-color:#c9e97d ; color:#ffffff; }
.subMenuParentBtn{ background: url('arrow_right.png') right center no-repeat; }
.subMenuParentBtnFocused{ background: url('arrow_right_over.png') right center no-repeat; }
.mainMenuParentBtn{ background: url('arrow_right.png') right center no-repeat; }
.mainMenuParentBtnFocused{ background: url('arrow_right_over.png') right center no-repeat; }
.smOW{ display:none; position: absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px; }
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { color:#000000; font-size: 11px; font-family: Verdana; left:0; }
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; }
#nav li { display:block; list-style:none; position:relative; }
#subMenusContainer li{ list-style: none; }
#nav{ display:block; position: relative; list-style:none; margin:0; width:230px; z-index:5; text-align: right; display:block; }
#subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; margin-left: 13px; }
#nav li li{ float:none; }
#nav li li a{ position:relative; float:none; }
#nav li ul { position: absolute; width: 10em; margin-left: -1000em; }
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul { margin-left: -1000em; }
#nav li:hover ul{ margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul { margin-left: 10em; }
#nav li a:focus + ul { margin-left: 186px; margin-top:-2.5em; }
#nav li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#nav li li a:focus {left:186px; margin-left:1000em; width:10em; margin-top:-2.5em;}
#nav li li li a:focus {left:186px; margin-left: 2010em; width: 10em; margin-top:-2.5em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }