/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.0em; background:url(images/bg.gif) repeat-x top #edf0f3}
html, input, textarea { font-family: Arial, Helvetica, sans-serif;
color:#000000; }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container { overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top; }
h2 {color:#444444; font-size:1.1em;}
h2 a {color:#0a456a; text-decoration:underline}
h1 {color:#444444; font-size:1.0em;}
h1 a {color:#0a456a; text-decoration:underline}
h5 {color:#444444; font-size:0.8em;}
h5 a {color:#0a456a; text-decoration:underline}
h6 {color:#ff0000; font-size:0.8em;}
h6 a {color:#0a456a; text-decoration:underline}
a{color:#077ec8; text-decoration:underline}
a:hover{text-decoration:none}
.link{color:#2e566f; }
.searchheader {
height:102px;
width:302px;
background:url(images/logo.gif)
}
.searchtext {
padding-top:20px;
padding-left:15px;
color:#000000;
}
.searchbox{
border: solid 1px #2e566f;
background:#f1f7fa;
width:190px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
.suggestionsBox {
position: absolute;
z-index:10000!important;
margin: 0px 0px 15px 0px;
width: 600px;
background-color: #cee2ed;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #2e566f;
color: #000000;
font-size:1.0em;
}
.suggestionList {
margin: 0px;
padding: 0px;
font-size:1.0em;
}
.suggestionList div {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
font-size:1.0em;
}
.suggestionList div:hover {
background-color: #fff;
font-size:1.0em;
}
.productfooter{
color:#0a456a;
font-size:1.0em;
padding:1px 10px 1px 10px;
}
.productfooter a{
color:#0a456a;
font-size:1.0em;
padding:1px 10px 1px 10px;
}
.button { display:block; height:28px; width:165px; float:left; background:url(images/submit_card.gif) left top repeat-x; color:#2e566f; text-decoration:none; font-weight:bold; }
.button:hover{ text-decoration:none; color:#077ec8}
.buttonsmall { display:block; height:20px; width:86px; font-size:10px; float:left; background:url(images/refresh_cart.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
.buttonsmall:hover{ text-decoration:none; color:#077ec8}
.buttonsearch { display:block; height:28px; width:65px; float:left; background:url(images/searchbutton.png) left top repeat-x; color:#2e566f; text-decoration:none; font-weight:bold; }
.buttonsearch:hover{ text-decoration:none; color:#077ec8}
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:13px; }
#content ul li a{color:#2e566f; text-decoration: underline; line-height:1.53em}
#content ul li a:hover { text-decoration:none; }
.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2 b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:3px 13px 5px 18px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#077ec8}
/*header*/
#header {font-size:0.8125em; color:#e0e6ea }
#header .title{ margin:0 0 23px 0 }
#header .indent{padding:35px 0 0 0}
#header .indent-block{padding:94px 10px 0 15px}
.block{ background:url(images/bg_block.gif) no-repeat top left; height:277px}
/*#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul li a{color:#486b82; font-weight:bold; text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; margin:0 0 0 0; width:118px; text-align:center; display:block; float:left ; padding:45px 0 43px 0; font-size:1.15em}
#header ul .last a{background:url(images/bg_menu-last.gif) top left no-repeat; width:117px; }
#header ul li a:hover { color:#000000; text-decoration:none; }*/
.headerlogo {color:#486b82; font-weight:bold; background:url(images/logoheader.gif) top left no-repeat; margin:0 0 0 0; height:102px; width:589px; display:block; float:left ; padding:0px 0 5px 0;}
.headermenu {color:#486b82; font-weight:bold; margin:5px 0 5px -303px; padding:0 0 0 0; display:block; float:left ;}
.hovermenu ul{
font-size:0.9em;
color:#486b82;
padding: 3;
margin-left: 0;
}
.hovermenu ul li{
list-style: none;
display: inline;
}
.hovermenu ul li a{
padding: 0.4em 0.5em;
text-decoration: none;
float: left;
color:#486b82;
width:107px;
background-color: #f1f7fa;
border: 1px solid #2e566f;
margin: 2px;
}
.hovermenu ul li a:hover{
background-color: #2e566f;
color:#FFFFFF;
}
html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left; background: url(images/bg_cont.gif)}
#content .indent-main{padding:0 30px 0 6px}
#content .indent-main1{margin:0 30px -10px 6px; position:relative}
#content .indent-main2{padding:10px 30px 30px 37px}
#content .indent-col{padding:10px 40px 10px 33px}
#content .title{ margin-bottom:35px}
#content .title1{ margin-bottom:52px}
#content .img-left{ float:left; margin:0 20px 30px 0}
#content .img-left1{ float:left; margin:0 20px 10px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 11px 0}
#content .p2{ margin:0}
#content h3{color:#9a9a9a; font-size:1.07em; margin-bottom:33px; }
#content .h-3{margin-bottom:0 }
#content h4{color:#444444; font-size:1.1em; margin-bottom:7px; }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:1px; margin-bottom:10px; width:600px;}
#content .tailcart{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:1px; margin-bottom:10px; width:500px;}
.txt{ color:#2e566f}
.txt a{ color:#2e566f}
/*box*/
.box{ background:#cee2ed; width:100%; color:#2e566f}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:20px 30px 35px 32px; }
.box .indent-box1{ padding:20px 30px 5px 32px; }
.box .indent-box2{ padding:20px 25px 5px 32px; }
#content .box h4{color:#597b91; font-size:1.15em; margin-bottom:23px; }
#content .box .h-4{margin-bottom:7px; }
#content .box a{color:#2e566f; }
#content .box p{ margin:0 0 19px 0}
#content .box .p{ margin:0 0 23px 0}
#content .box .p1{ margin:0 0 11px 0}
#content .box .link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
#content .box .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
#content .box .link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:3px 13px 5px 18px; font-style:normal;}
#content .box .link-1:hover{ text-decoration:none; color:#077ec8}
#content .box .link-3 { display:block; float:right; background:url(images/link_bg2.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
#content .box .link-3 em { display:block; background:url(images/link_left2.gif) no-repeat left top;}
#content .box .link-3 b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:3px 13px 19px 18px; font-style:normal;}
#content .box .link-3:hover{ text-decoration:none; color:#077ec8}
/*footer*/
#footer { color:#000; font-size:0.8125em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:53px 50px 0 33px;}
#footer a {color:#0a456a; text-decoration:underline}
#footer a:hover { text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(images/bot_right.gif) no-repeat top right; height:46px}
.indent-2{ position:relative; padding-right:20px; float:left}
.h{ height:26px; background:url(images/bg_input.gif) no-repeat top left}
.h1{ height:242px; background:url(images/bg_textarea.gif) no-repeat top left}
.block-contact { font-size:.923em}
.block-contact span{ float:right;}
.block-contact1 span{ float:right; margin-right:140px}
.block-contact2 span{ float:right; margin-right:60px}
textarea{
border:none;
background:none;
width:230px; height:227px;
font-size:1em;
padding-left:5px;
overflow:auto}
.errorform {
border: 1px solid #2e566f;
background-color: #cee2ed;
color: #000000;
padding: 30px;
width: 400px;
}
input{
border:none;
background:none;
width:223px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
.formfield{
border: solid 1px #2e566f;
background:#f1f7fa;
width:195px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
.formfieldsmall{
border: solid 1px #2e566f;
background:#f1f7fa;
width:55px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
.formfieldbig{
border: solid 1px #2e566f;
background:#f1f7fa;
width:260px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
.formfieldammount{
border: solid 1px #2e566f;
background:#f1f7fa;
width:25px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px;
margin-right:10px;
}
.colblock01{
color:#444444;
font-size:0.8em;
margin-right:17px;
}
.formfieldbrand{
border: solid 1px #2e566f;
background:#f1f7fa;
width:75px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px;
margin-right:10px;
}
.colblock02{
color:#444444;
font-size:0.8em;
margin-right:73px;
}
.formfielddescription{
border: solid 1px #2e566f;
background:#f1f7fa;
width:225px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px;
margin-right:10px;
}
.colblock03{
color:#444444;
font-size:0.8em;
margin-right:185px;
}
.formfieldproductnr{
border: solid 1px #2e566f;
background:#f1f7fa;
width:75px; height:21px;
font-size:1em;
padding-left:5px;
padding-top:2px;
margin-right:10px;
}
.colblock04{
color:#444444;
font-size:0.8em;
margin-right:15px;
}
.addproductline{
border: solid 1px #2e566f;
background:#f1f7fa;
width:470px;
height:30px;
font-size:1em;
padding-left:5px;
padding-top:5px;
padding-bottom:20px;
}
.offernote{
border: solid 1px #2e566f;
background:#f1f7fa;
width:260px; height:80px;
font-size:1em;
padding-left:5px;
padding-top:2px;
}
.checkbox{
width:18px; height:18px;
font-size:1em;
padding-left:0px;
padding-top:0px;
border: 1px solid black;
}
.mainmenu a{
padding: 0.4em 0.5em;
text-decoration: none;
float: left;
color:#486b82;
width:220px;
background-color: #f1f7fa;
font-weight:bold;
border: 1px solid #2e566f;
margin: 2px;
}
.mainmenu a:hover{
color:#FFFFFF !important;
background-color: #2e566f;
}
.activemenu {
color:#FFFFFF !important;
padding: 0.4em 0.5em;
text-decoration: none;
float: left;
width:220px;
background-color: #2e566f;
font-weight:bold;
border: 1px solid #2e566f;
margin: 2px;
}
.winkelwagen{
color:#ffffff;
margin-top:-100px;
margin-left:-20px;
}
.topproducts{
color:#486b82;
background-color: #cee2ed;
font-weight:bold;
margin-top: 5px;
width: 295px;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.topproductsheader{
margin-top:5px;
margin-bottom:-5px;
background:url(images/topproducts.jpg) no-repeat top left;
font-weight:bold;
height:38px;
width: 295px;
}
.topproductstext{
padding-top:10px;
padding-left:25px;
color:#486b82;
font-weight:bold;
}
#contentColumn{
background-color:#cee2ed;
width:530px;
float:left;
color:#486b82;
}
.slideshow { height: 239px; width: 525x; margin: auto }
.slideshow img { }