/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * CSS Author:    Anselm Schopplick
 * Copyright:     PHPwebworks
 * Browser:       Webkit 537.3
 * Browser group: cssA
 */
* { margin: 0px auto; padding: 0px; }
body { background-color: #ffffff; //#bee0ff; margin:0px; padding:0px; background-image: url('out_bg_top.png'); background-repeat: repeat-x; background-position: top left; }
#loading { display: none; position:fixed; left:0; top:0; width:100%; height:100%; background-image:url('transparentbackground.png'); z-index: 99998; }
#loadingmessage { position:absolute; left:50%; top:50%; margin-left: -180px; margin-top: -70px; width:360px; height:140px; background-color: #EDEDED; text-align: center; z-index: 99999; font-family: Arial; font-size: 12px; }
.main { width: 980px; height: 80%; min-height: 500px; background-color: #ffffff; //background-image: url('in_bg.png'); background-repeat: repeat-y; background-position: 0px 103px; font-family: Arial; font-size: 12px; color: #002d57; }
.header { width: 980px; height: 103px; //background-image: url('in_bg_header.png'); background-image: url('out_bg_top.png'); background-repeat: repeat-x; background-position: top left; }
.header2 { width: 980px; height: 45px; }
.maintitel { position: relative; top: 24px; height: 45px; line-height: 45px; vertical-align: middle; float: left; width: 660px; padding-left: 100px; }
.language { position: relative; top: 24px; height: 22px; line-height: 45px; vertical-align: middle; text-align: right; float: right; width: 200px; margin-right: 20px; }
.maintitel h1 { font-size: 24px; color: #ffffff; }
.mainsubtitel { position: relative; top: 8px; height: 16px; line-height: 16px; vertical-align: middle; width: 480px; margin-right: 400px; padding-left: 100px; margin-left: 110px; margin-top: 1px; }
.mainsubtitel h2 { font-weight: normal; font-size: 12px; color: #3f93e0; }
.left { position: relative; margin: 20px 10px 20px 10px; width: 180px; float: left; }
.left a, .left a:visited { text-decoration: underline; color: #3f93e0; }
.left a:hover, .left a:active { text-decoration: none; color: #002d57; }
.menu { margin: 5px 0px 5px 0px; padding: 3px 0px 3px 8px; width: 180px; background-color: #DFF0FF; background-repeat: repeat-y; background-position: top left; text-decoration: none; background-image: url('menu_bg_inactive.png'); color: #3f93e0; }
.menu:hover { background-image: url('menu_bg_active.png'); color: #002d57; }
.menu a, .menu a:visited { text-decoration: none; color: #3f93e0; }
.menu a:hover, .menu a:active { text-decoration: none; color: #002d57; }
.direktkontakt { width: 180px; text-align: center; font-size: 10px; }
.right { margin: 20px 20px 20px 0px; width: 730px; float: right; }
.right h1 { font-size: 16px; }
.right h2 { font-size: 14px; }
.right h3 { font-size: 12px; }
.right h4 { font-size: 10px; }
.right a, .right a:visited, .direktkontakt a, .direktkontakt a:visited, span#togglelink { cursor: pointer; text-decoration: underline; color: #002d57; }
.right a:hover, .right a:active, .direktkontakt a:hover, .direktkontakt a:active, span#togglelink:hover { text-decoration: none; color: #3f93e0; }
.right td { padding: 5px; }
.right li { margin-left: 25px; padding-left: 5px; }
input, textarea, submit, select { border: solid 1px #9FC9F0; background-color: #ffffff; width: 300px; color: #002d57; }
input[type=checkbox] { width: 25px; }
.left input, .left textarea, .left select { width: 155px; }
.submit { font-weight: bold; }
textarea { height: 100px; }
input:hover, textarea:hover, submit:hover, select:hover { border: solid 1px #3F93E0; }
input.grau { border: solid 1px #c0c0c0; background-color: #eaeaea; color: #c0c0c0; }
.shopstart_grp { position: relative; height: 165px; width: 230px; background-image: url('big_shopstart.png'); background-repeat: no-repeat; background-position: bottom right; text-align: center; vertical-align: middle; float: left; margin-left: 10px; cursor: pointer; }
.shopstart_bild { width: 230px; height: 120px; left: 0px; text-align: center; position: absolute; top: 40%; padding: 0px; margin: 0px; }
.shopstart_txt { width: 230px; position: absolute; bottom: 0px; left: 0px; padding: 5px 15px 15px 0px; text-align: center; }
a.gruppen_produktlink, a.gruppen_produktlink:visited { text-decoration: none; font-weight: bold; font-size: 10px; color: #3f93e0; }
a.gruppen_produktlink:hover, a.gruppen_produktlink:active { text-decoration: none; font-size: 10px; color: #002d57; }
.shopstart_produkt { margin-top: 10px; width: 350px; float: left; background-image: url('produkt_main.png'); background-repeat: repeat-y; background-position: top right; }
.shopstart_produkttop { background-image: url('produkt_top.png'); background-repeat: no-repeat; background-position: top right; width: 350px; height: 20px; }
.shopstart_produktmain { width: 300px; height: 130px; padding: 0px 30px 0px 20px; }
.shopstart_produktmain_preis { clear: both; width: 300px; padding: 0px 30px 0px 20px; }
.shopstart_produktbottom { background-image: url('produkt_bottom.png'); background-repeat: no-repeat; background-position: top right; width: 350px; height: 20px; }
.produkt { margin-top: 10px; width: 730px; background-image: url('produkt_main.png'); background-repeat: repeat-y; background-position: top left; }
.produkttop { background-image: url('produkt_top.png'); background-repeat: no-repeat; background-position: top left; width: 730px; height: 20px; }
.produktmain, .boxmain { width: 680px; padding: 0px 30px 0px 20px; }
.produktmain a, .produktmain a:active, .produktmain a:hover, .produktmain a:visited, .shopstart_produktmain a, .shopstart_produktmain a:active, .shopstart_produktmain a:hover, .shopstart_produktmain a:visited { text-decoration: none; color: #002d57; }
img.showpic { border: 1px dotted #9E1E15; display: none; visibility: hidden; position: absolute; margin-left: 110px; background-color: #ffffff; }
.produktmain table { margin-top: 20px; text-align: left; }
td.attrlist { font-size: 12px; font-family: Verdana; vertical-align: text-top; border-top: 1px solid #000000; }
td.firstattribut, .attlist td.title { border-top: 0px; }
.attlist a, .attlist a:visited , a.navi0, a.navi0:visited { font-size: 12px; font-family: Verdana; text-decoration: underline; color: #002d57; }
.attrlist a:hover, .attlist a:active , a.navi0:hover, a.navi0:active { font-size: 12px; font-family: Verdana; text-decoration: none; color: #3f93e0; }
td.gruppenheader { font-size: 14px; padding-bottom: 10px; }
td.blankline { padding-top: 25px; }
td.attrblock { background-color: #FFFFFF; }
.produktbild { width: 130px; height: 100%; margin: 0; float: left; }
.produkttexte { height: 70px; margin: 0; }
.produktpreise { margin: 0 0 0 0px; }
a.email, a.email:visited { text-decoration: underline; }
a.email:hover, a.email:active { text-decoration: none; }
.produktbilder { width: 320px; float: left; text-align: center; font-size: 10px; color: #3F93E0; }
.downloads { width: 320px; text-align: left; color: #002d57; font-size: 12px; }
.downloads a, .downloads a:visited { text-decoration: underline; color: #002d57; }
.downloads a:active, .downloads a:hover { text-decoration: none; color: #3F93E0; }
a.shopstart, a.shopstart:visited { text-decoration: underline; font-weight: bold; color: #3F93E0; }
a.shopstart:active, a.shopstart:hover { text-decoration: none; font-weight: bold; color: #002d57; }
.picbox { width: 68px; height: 51px; margin: 5px; background-position: center center; background-repeat: no-repeat; float: left; border: 1px solid #3F93E0; }
div.notes { font-size:12px; }
div.notes a{ color:#990000; }
.produktdetails { width: 320px; float: right; }
.produktbottom { background-image: url('produkt_bottom.png'); background-repeat: no-repeat; background-position: top left; width: 730px; height: 20px; }
.footer { // background-image: url('out_footer_left_top.png'); background-repeat: no-repeat; background-position: top left; width: 980px; text-align: right; font-size: 10px; font-family: Arial; color: #3f93e0; margin-bottom: 25px; }
.footer a, .footer a:visited { text-decoration: underline; color: #3f93e0; }
.footer a:hover, .footer a:active { text-decoration: none; color: #002d57; }
.klein { font-size: 10px; }
a.kleinrot, a.kleinrot:visited { font-size: 10px; color: #ff0000; text-decoration: underline; }
a.kleinrot:hover, a.kleinrot:active { font-size: 10px; color: #ff0000; text-decoration: none; }
.logo { position: absolute; top: 5px; left: 50%; margin-left: -486px; }
.poduktbutton { width: 48px; height: 22px; padding-left: 22px; text-align: center; line-height: 22px; vertical-align: middle; color: #ffffff; font-size: 8px; font-family: Arial Narrow, Arial; float: left; margin: 0px 3px 0px 3px; cursor: pointer; }
.pfilter { background: #C9E6FF; }
div#results, div#searchresult {display: none; padding: 5px 0px 5px 0px; position: absolute; top: 0px; left: 0px; z-index: 100; background-color: #F0F9FF; border: 1px solid #3F93E0; box-shadow: 5px 5px 10px 1px #3F93E0; border-radius: 5px;}
span.highlight {font-size: 10px; font-weight: bold;}
div#results a, div#results a:visited, div#searchresult a, div#searchresult a:visited {color: #000000; text-decoration: none;}
div#results a:hover, div#results a:active, div#searchresult a:hover, div#searchresult a:active {color: #000000; text-decoration: underline;}
div#results td, div#results span, div#searchresult td, div#searchresult span {cursor: pointer;}
div#results td, div#searchresult td {padding: 4px 10px 4px 10px;}
div#results td.artnr, div#searchresult td.artnr {padding-right: 20px;}
div#results td.hell, div#searchresult td.hell {background-color: #D3EAFF;}
div#results td.dunkel, div#searchresult td.dunkel {background-color: #C9E6FF;}
.prodbutton { display: none; float: left; padding: 15px 30px 15px 30px; background-color: #DFF0FF; font-weight: bold; border-bottom: 1px solid #9FC9F0; }
.prodbutton.activated,.prodbutton:hover { cursor: pointer; background-color: #9FC9F0; }
.prodbutton a, .prodbutton a:visited { text-decoration: none; }
.prodblock { display: none; }
.tzSelect{ height:22px; display:inline-block; width:200px; position:relative; background:url("dropdown_slice.png") no-repeat -99999px; }
.tzSelect .selectBox{ position:absolute; height:100%; width:200px; font:13px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; text-shadow: 1px 1px 0 #EEEEEE; color:#666666; background:url('select_slice.png') repeat-x #fff; background-image:url('select_slice.png'),url('select_slice.png'),url('select_slice.png'),url('select_slice.png'); background-position:0 -90px, right -135px, 50% -45px, 0 0; background-repeat: no-repeat, no-repeat, no-repeat, repeat-x; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.tzSelect .selectBox:hover, .tzSelect .selectBox.expanded{ background-position:0 -113px, right -158px, 50% -23px, 0 -23px; color:#2c5667; text-shadow:1px 1px 0 #9bc2d0; }
.tzSelect .dropDown{ position:absolute; top:30px; left:0; width:200px; border:1px solid #3F93E0; border-width:0 1px 1px; list-style:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 4px #3F93E0; -webkit-box-shadow:0 0 4px #3F93E0; box-shadow:0 0 4px #3F93E0; }
.tzSelect li{ height:30px; line-height:30px; vertical-align: middle; cursor:pointer; position:relative; color: #3F93E0; background-color: #DFF0FF; }
.tzSelect li span{ left:40px; position:absolute; top:0px; }
.tzSelect li i{ color:#999999; display:block; font-size:12px; }
.tzSelect li img{ left:10px; position:absolute; top:9px; }
#nav a, #subMenusContainer a{ text-decoration:none; display:block; padding: 10px 10px; background-color: #DFF0FF; color:#3f93e0; font-size: 12px; padding: 10px 20px 10px 10px; }
#nav a{ margin:0; }
#subMenusContainer a, #nav li li a{ text-align:left; white-space: nowrap; }
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{ background-color:#3f93e0 ; color:#ffffff; }
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus{ background-color:#3f93e0 ; 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:#3f93e0; font-size: 11px; font-family: Arial; 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:189px; z-index:5; text-align: left; display:block; }
#subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; margin-left: 8px; }
#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; }
.colorlanguage:hover { background-color: #ffff00; }