@charset "UTF-8";
/* CSS Document */


 
body {
margin:0 0 0 0;
padding:0;
background-color:#22709c;
background-image:url(../bilder/bgalles.jpg);
background-position:left 60px;
background-repeat:repeat-x;
font-family: Verdana, Geneva, sans-serif;

}

#wrapper {
	position:absolute;
width: 1000px;
left: 50%;
	margin-left:-500px;


}

#header {
background-image:url(../bilder/header_all.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 163px;
width:1000px;
}


#logo {
width: 250px;
float:left;
	
}

#banner {
width:437px;	
float:right;
margin-right: 83px;
padding: 20px 0;
}

#maincontent {

margin: 0 0 0 0;
padding: 15px 20px;
width: 960px;
background-color:#ffffff;
clear:both;
	
}


#infospalte {
float:left;
margin:0 0 0 0;
padding:0;
width:234px;

}


.infoelement {
	
background-image:url(../bilder/ausrufez.gif);
background-position:left top;
background-repeat:no-repeat;
	
	}

.infoelement h2 {

padding: 9px 10px;
margin: 0 0 0 28px;
 background-color:#005a8d;
 color:#ffffff;
 font-size: 11px;
 font-weight:bold;
}


.infoelement p {

padding: 15px 10px;
margin: 0 0 0 28px;
 background-color:#fafbf9;
 color:#676767;
line-height: 15px;
 font-size: 11px;

}

.infoelement p a {
 color:#676767;	
	}




.infoelement2 {
	
background-image:url(../bilder/stern.gif);
background-position:left top;
background-repeat:no-repeat;
	
	}

.infoelement2 h2 {

padding: 9px 10px;
margin: 0 0 0 28px;
 background-color:#005a8d;
 color:#ffffff;
 font-size: 11px;
 font-weight:bold;
}


.infoelement2 p {

padding: 15px 10px;
margin: 0 0 0 28px;
 background-color:#fafbf9;
 color:#676767;
line-height: 15px;
 font-size: 11px;

}


#contentbereich {
float:right;
margin:0 90px 0 0;
padding:0;
width:437px;

}


.contentelement {
margin:0;
padding:0;
font-size: 12px;
line-height: 17px;
	
}

.contentelement h2 {

font-family:Georgia, "Times New Roman", Times, serif;
font-size: 24px;
line-height: 26px;
color:#005a8d;
font-weight: normal;
margin:0 0 15px 0;
padding:0;
}

.contentelement h3 {

font-family:Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 22px;
color:#005a8d;
font-weight: normal;
margin:20px 0 15px 0;
padding:0;
}


#produktliste {
	clear:both;
	float:none;
	margin: 0;
	padding:0 0 0 43px;
	border-top:1px solid #005a8d;
}

#produktliste ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#produktliste li {
	
	float:left;
	margin: 5px;
	padding: 5px;
	width: 190px;
	background-color:#fafbf9
	
}


#produktliste li .produktbild {
	text-align:center;
}

#produktliste li .bildtext {
	font-size: 12px;
	margin: 5px 5px 10px;
	
	
}

#produktliste li .bildtext a {

color:#000000;
}


#footer {

color:#ffffff;
font-size: 12px;
margin: 10px 90px 50px 137px;
text-align:right;


}

#footer a {
color:#ffffff;	
}


.clearer {
clear: both;	
}
.zero {
margin:0;
padding:0;
height:0;
line-height:0;
font-size:0;
}


#infospalte .box {margin:0 0 0 0;}


/*MAGENTO*/


.footer {
background-color:transparent;
margin:0 auto;
padding:10px 10px 4em;
width:1000px;
}

.header-nav-container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent;
background-image: none;
}

.header-top {
margin:0 auto;
position:relative;
width:960px;
z-index:100;

height: 108px;
}

.header-nav {
margin:0 auto 0 195px;
width:740px;
}

#nav {
font-size:1.0em;
}

.footer-container {
border-top:none;
}


.breadcrumbs {
font-size:0.85em;
line-height:1.25em;
padding:6px 0;

border-bottom:1px dotted #005a8d;
}


.out-of-stock {
color:#D83820;
font-weight:bold;
min-height:18px;
height:auto;
padding-top:3px;
}

/*HEADER TOP*/


.header-top {
padding:10px 0;
width: 1000px;
}

/*SUCHE OBEN*/

.mini-search {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

background-color:#0A263C;

background-image:none;
height:25px;
padding:3px 0px 0 40px;

right:0;
top:128px;
width: 220px;

}
.mini-search .input-text {
margin-right:4px;
width: 140px;
border: 1px solid #005a8d;
}

/*HEADErNAV*/

.header-nav #nav > li  {

padding:5px 0px 5px; margin:0 2px;
background-color:#0A263C;

}

#nav > li > a {
color:#A7C6DD;
float:left;
font-weight:bold;
padding:0 10px 5px;
}

/*QUICK ACCESS*/

.quick-access {
color:#333333;
float:right;
margin-top:0;
padding:0 0 0 40px;
text-align:right;
width:728px;
font-size: 11px;
}

.topbanner {

width: 728px;
height:90px;
}

/*VERTNAV*/


.vertnav-container {
	margin-top:10px;
}

#vertnav li .vertnav-cat {
	display:block;
	border-bottom:1px dotted gray;
	padding:3px;
	width:189px;
}

#vertnav li a {
}

#vertnav .inactive .vertnav-cat {
	background-color:#C0C0C0;
}

#vertnav .next .vertnav-cat {
	background-color:#DEDEDE;
}

#vertnav .prev .vertnav-cat {
	background-color:#DEDEDE;
}

#vertnav .first .vertnav-cat {
}

#vertnav .last .vertnav-cat {
}

#vertnav .only .vertnav-cat {
}

#vertnav li.parent .vertnav-cat {
	background-color:#E0E0E0;
	font-weight:bold;
}

#vertnav li.active .vertnav-cat {
	background-color:#FFFFFF;
	font-weight:bold;
}

#vertnav li.inactive .vertnav-cat {
	font-weight:normal;
}

#vertnav .level0 .vertnav-cat {
}

#vertnav .level1 .vertnav-cat {
	padding-left:10px;
	width:182px;
}

#vertnav .level2 .vertnav-cat {
	padding-left:20px;
	width:172px;
}

#vertnav .level3 .vertnav-cat {
	padding-left:30px;
	width:162px;
} 



.header-nav {
margin:0 0 0 0;

}

.quick-access {
position:relative;
right:0;}


.header-nav-container {background-color:#0A263C;}




.form-button, .form-button-alt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none !important;
background:#0A263C none repeat scroll 0 0;
border:1px dotted #ffffff;
color:#FFFFFF;
cursor:pointer;
font-family:arial,sans-serif !important;
font-size:12px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:bold !important;
line-height:normal !important;
overflow:visible;
padding:1px 8px;
text-align:center;
vertical-align:middle;
width:auto;
}
#nav li.active {
background-color:#0A263C;
}
#nav li.active a {
color:#ffffff;
}

#nav li.over, #nav li.active over {
background-color:#ecf3f6;
}
#nav li.over a, #nav li.active over a  {
color:#0A263C;
}





h1#logo {
float:left;
margin:3px 0 10px 0;
width:202px;
height:100px;
}

h1#logo a {
display:block;
width:202px;
height:100px;
}


body .bestellnummer {
display:block;
font-size:0.9em;
color:#a0a0a0;
line-height: 1.2em;
border-top:1px dotted #a0a0a0;
padding: 3px 0;
border-bottom:1px dotted #a0a0a0;

}
