body{
	font-size:80%;
	min-width:62em;
	max-width:90em;
	padding:0;
	margin:0;
	color:black;
}
body.IE6, body.IE7{
	font-size:75%;
}
body.IE6{
	width: expression(
		document.documentElement.clientWidth < document.getElementById("ie6referenz").offsetWidth*65 ? "66em" :
		document.documentElement.clientWidth > document.getElementById("ie6referenz").offsetWidth*86 ? "87em" : "auto"
		);
	}
div#ie6referenz{ width:1em;height:0; } /*Die Referenz für IE6 max- und min-width*/

body input{ font-size:90%; }
body.IE6  input, body.IE7 input{ font-size:100%; }

h1{
	margin:40px 0 20px 0;
	line-height:130%;
}
h2{
	margin:20px 0 0px 0;
}

hr{
	border:0;
	border-bottom: 1px solid #aaa;
  color: #fff;
  background-color: #fff;
  height: 1px;
	margin-left:35px;
}

table{
	margin:15px 0px;
}

td{
	padding:3px 15px 3px 0px;
}

span.mspace{
	font-size:135%;
	line-height:1px;
}
span.lspace{
	font-size:25%;
	line-height:1px;
}

div{
	padding:0;
	margin:0;
}

/*	2/3 1/3 Teilung:*/
.links, .rechts{
	float:left;
	border-width:0;
}
.links{
	width:66.9%;
	max-width:920px;
}
.rechts{
	width:33%;
	max-width:460px;
}

/*	Innerhalb des ersten Drittels (.links) gibt es zwei Spalten:*/
.spalte1, .spalte2{
	float:left;
	width:50%;
	padding:0;
}

.spalte1 h1, .spalte2 h1, .spalte1 h2, .spalte2 h2, .spalte1 p, .spalte2 p{
	clear:both;
}

.spalte1 p, .spalte2 p{
	overflow:auto;
}
/*
sehr schön!
das hier wäre die alternative gewesen:
*/
/*.spalte1 p:after, .spalte2 p:after{
	content: ".";
	visibility: hidden;			
	height:     0;
	display: block;
	clear: both; 
}*/

body.IE6 .spalte1, body.IE6 .spalte2, body.IE7 .spalte1, body.IE7 .spalte2{ width:49.9%; }
body.IE6 .spalte2, body.IE7 .spalte2{ float:right; }

/*	Weiße Ränder:*/
#logo, #bild, #suche, #navi, #metanavi, #inhalt, #infobox, #fuss{border-color:white;border-style:solid;}

/*	Erste Zeile:*/
#logo, #bild, #suche{height:120px; margin-top:0px;}

.IE6 #logo, .IE6 #bild, .IE6 #suche{margin-top:-10px;}

#logo{
	border-width:10px 3px 3px 10px;
	background: #ededed url(/images/logo_test.gif) no-repeat scroll 15px 15px;
}
body.IE6 #logo, body.IE7 #logo{ border-right-width:2px; }

body.IE6 #logo{ margin-top:-20px; background: #ededed url(/images/logo_test.gif) no-repeat scroll 15px 25px; } /* WTF? */

#homelink{
	display:block;
	margin:10px;
	width:230px;
	height:110px;
}

#bild{
	border-width:10px 3px 3px 3px;
	background: #fff url(/images/home.jpg) no-repeat scroll top right;
}
#suche{
	border-width:10px 10px 3px 3px;
	background: #646464 url(/images/zertifikat.gif) no-repeat scroll top right;
}

/*	Zweite Zeile (navi):*/
#navi{
	border-width:3px 3px 3px 10px;
}
#metanavi{
	border-width:3px 10px 3px 3px;
}

/*	Haupt-Teil:*/
#inhalt{
	background: white url(/images/slogan.jpg) no-repeat scroll 0px 38px;
	border-width:3px 3px 3px 10px;
	padding:0px 20px 20px 20px;
	min-height:400px;
	margin-top:-3px;
}
#inhalt .spalte1, #inhalt .spalte2{
	padding:0 0 30px 0;
/*	margin-top:-5px;*/ /*Eigentlich müßte des ganze inhalt soviel höher*/
}
#inhalt .spalte2{
	padding-top:23px;
}
body.IE6 #inhalt, body.IE7 #inhalt{
	background: white url(/images/slogan.jpg) no-repeat scroll 10px 41px;
	padding-top:20px;
}
body.IE6 #inhalt{
	padding-top:14px;
}
body.IE6 #inhalt .spalte1{
	padding-top:0px;
	margin-top:-16px;
}
body.IE6 #inhalt .spalte2{
	padding-top:30px;
}
body.IE7 #inhalt .spalte1{
	padding-top:0px;
	margin-top:-20px;
}
body.IE7 #inhalt .spalte2{
	padding-top:25px;
}
body.IE6 #inhalt{ padding-left:55px; height:400px; }
body.IE6 #inhalt .spalte1{ width:40%; }
body.IE6 #inhalt .spalte2{ width:53%; }

#inhalt .spalte1 img, #inhalt .spalte2 img{
	float:left;
	margin:0 10px 10px 0;
}

#inhalt > p,
#inhalt > h1,
#inhalt > h2,
#inhalt > h3,
#inhalt > ul,
#inhalt > ol,
#inhalt > form,
#inhalt > img,
#inhalt > table
{
	margin-left:35px;
}

/*	Spalten:*/
#inhalt .spalte1 > p, 
#inhalt .spalte1 > h1, 
#inhalt .spalte1 > h2, 
#inhalt .spalte1 > h3, 
#inhalt .spalte1 > ul, 
#inhalt .spalte1 > ol, 
#inhalt .spalte1 > form,
#inhalt .spalte1 > img,
#inhalt .spalte1 > table
{
	margin-left:35px;
	margin-right:20px;
}

#inhalt .spalte2 > p, 
#inhalt .spalte2 > h1, 
#inhalt .spalte2 > h2, 
#inhalt .spalte2 > h3, 
#inhalt .spalte2 > ul, 
#inhalt .spalte2 > ol, 
#inhalt .spalte2 > form,
#inhalt .spalte2 > img,
#inhalt .spalte2 > table
{
	margin-left:0px;
}

#infobox{
	border-width:3px 10px 3px 3px;
/*	background-color:#dcdede;*/
	padding:25px 5px 5px 0px;
}

#infobox form{
	display:inline;
}
#infobox input{
	height:0;
	display:inline;
	width:0;
	position:absolute;
}

#infobox div{
	border:1px solid #aaa;
	width:18em;
	margin:10px 0 10px 0px;
	padding:0 0 10px 20px;
	font-size:90%;
}

#infobox h3{
	font-size:120%;
	margin:10px 0 3px 0;
}

#infobox ul{
	color:#ac0f1e;
	margin:3px 0;
}

#fuss{
	border-width:3px 10px 10px 10px;
}

/*	Navi:*/
#navi{
	z-index:10;
	background-color:#dcdede;
	padding:25px 5px 0px 11px;
	height:20px;
}

.IE6 #navi{ padding-left:8px; }

#navi ul{
	list-style-type:none;
	margin: -0.5em 0 0 0;
	padding:0 0 0 25px;
}
.IE6 #navi ul{ padding:0 0 0 8px; }

#navi ul li{
	float:left;
	display:block;
	margin:0 19px;
}


#navi li ul {
	z-index:10;
	float:none;
	background:#dcdede;
	display: none;
	position: absolute; 
	margin:0;
	padding:2em 0em 0.7em 0em;
}
body.IE6 #navi li ul, body.IE7 #navi li ul{
	padding:2em 0em 0.7em 0em;
	margin-top:1.2em;
	margin-left:expression(-this.parentNode.offsetWidth-7);
}

#navi li:hover ul, #navi li.hover ul { display: block; }
#navi li ul li{
	padding:0;
	margin:1px 1em;
	clear:both;
}

.IE6 #navi li ul li{margin: 3px 1em 0 0.5em;}

#navi a{
	font-weight:bold;
	color:#494a4b;
}

#navi ul li ul li a{
	font-weight:normal;
}

#navi ul li #current, #navi ul li .r_10{
	color:#ac0f1e;
	font-weight:bold;
}

#navi ul li ul li #current{
	font-weight:normal;
}

#metanavi{
	background-color:#afb1b2;
	padding:25px 5px 0px 5px;
	height:20px;
	font-size:90%;
}

#metanavi ul{ padding:0 0 0 0px; }

#metanavi ul{
	list-style-type:none;
	margin: -0.5em 0 0 0;
}

#metanavi ul li{
	float:left;
	display:block;
	margin:0;
	padding:0;
}

#metanavi ul li#warenkorb{
	border-right:1px solid white;
	padding:0 1em;
	margin-right:1em;
}

#metanavi a.active{
	color:#ac0f1e;	
}

#metanavi a{
	font-weight:normal;
	color:white;
	margin:0;
	padding:0;
	line-height:80%;
}

/*	Suche:*/
#suchform{
	font-size:90%;
	color:white;
	padding:60px 0 0 17px;
}
.IE6 #suchform, .IE7 #suchform{
	padding-top:30px;
}

#suchfeld{
	color:white;
	background-color:#646464;
	border:1px solid white;
	padding:3px 5px;
	height:13px;
}
.IE6 #suchfeld{
	
}
#suchform a{
	color:white;
}

#ok_button{
	margin-bottom:-7px;
}

.IE6 #ok_button, .IE7 #ok_button{
	margin-bottom:-4px;
}

#detailsuche{
	margin-top:10px;
}

#detailsuche img{
	margin:0 0 -3px 6px;
}

/* scrolling="auto" scroll="auto" style="width:100%;" */
iframe{
	border: none;
	height:600px;
	margin:25px 0 0 0;
	marginwidth:0;
	marginheight:0;
	frameborder:0;
	width:100%;
	overflow-x:hidden;
}

.IE7 iframe{
	margin:20px 0 0 25px;
}
/*
iframe.search_target{
	margin:5px 0 0 0;
}*/

/*	Kontakt-Formular: */
table.form{
	margin:0;
}

form textarea{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:100%;
}

form div.field, form div.field_with_errors{
	display: block;
	float:left;
	border:2px solid white;
}
form div.field_with_errors{ border:2px solid #ac0f1e; }

.error_msg{
	color:#ac0f1e;
	padding:1em;
}

a.popup_image{
}

#inhalt a.popup_image img{
	margin:0 5px 5px 0;
	vertical-align:top;
}

body #inhalt a img.at-sign{
	float:none;
	margin:0 0 -2px 0;
}