/* CSS Document */
body{
	margin:0;padding:0;
	background-image:url(/img-brecht/ral-brecht.gif);background-repeat:repeat-y;
	font-family:arial,verdana,sans;
	font-size:0.9em;
	line-height:1.4em;

}
#kopf,#kopfimg,#logo,#inhalt,#navi  {
	position:absolute;

}
#kopf {
	height:121px;
	width:100%;
	border-top:10px solid #296CB0;
	border-bottom:11px solid #6599C1;
	background-color:#296CB0;
	z-index:10;
}
#ecotitle{margin:0 33px}

#headerleft, #headertext, #headerright {display:inline}
#headertext {position:absolute;top:40px;left:305px;font-size:1.5em;color:white;}
#headerright {margin-left:580px;margin-top:8px}

#inhalt {
	top:168px;
	background:url(img-we/back.gif) no-repeat fixed 330px 30px;
	left:160px;
	width:770px;
	padding-left:20px
}
#inhalt li {
	background-image:url(img-brecht/li.gif);
	background-repeat:no-repeat;
	background-position: left 6px;
	list-style-type:none;
	padding-left:15px;
}
#navi{
	top:180px;
	left:12px;
	z-index:20;
	color:white;
	width:140px;
}

#navi p {margin:0;padding:3px;
	width:109px;
	}
#dots{
	background-image:url(img-brecht/dots-brecht.gif); background-repeat:repeat-x;
	height:1px;
	width:129px;
}
#navi #subnaviprodukte p,#navi #subnavikunden p, #navi #subnaviaktuell p{
	margin-left:10px;
	font-size:.9em
	}	
#navi a {
	padding:2px 0px;
	color:white;
	text-decoration:none;
	width:160px;
}
#navi a:hover {
	padding:2px 0px;
	color:#296CB0;
	background-color:white;
	text-decoration:none;
	width:160px;
}

a, a:visited {color:#B12D42;text-decoration:none}
a:hover {color:#296CB0;text-decoration:underline;
text-decoration:none
}

h1 {color:#296CB0}
h1{font-size:1.6em}
h2{font-size:1.2em}

#fuss,#line,hr {border-top:1px dotted #296CB0; font-size:0.8em;text-align:center}
hr{margin:22px 0}
#fuss {margin-left:-20px}
#fuss a,#fuss a:visited {color:black;text-decoration:none}
#bord{border:1px dotted #B12D42;margin-bottom:10px}
#borda{border:1px dotted #B12D42;margin-bottom:10px;padding:10px;width:40%}
#borda img{margin-right:22px}

hr .trenner {border-top:1px dotted #296CB0;}

#mux3e,#mux4e,#lcmux,#mux8e,#mux3,#lcmux,#mux8e,#mux16e,#euromux,#tmux3,#tmux3h,#tmux3mmx,#tmuxusb {float:right;margin:0 0 4px  11px}
.kunden,.produkte,.produkte0 {float:left;margin:6px 17px 4px  0}
.produkte1 {float:right;margin:16px 77px 11px  22px}
.kundenr {float:right;margin:16px 277px 11px  0}

#clear,#clear2 {clear:both}
#clear2 {height:1px;}


h2 .shadow{text-shadow: black 0.02em 0.02em 0.02em;font-size:2.2em}
h3 .shadow{text-shadowx: black 0.01em 0.01em 0.005em;font-size:1.3em}

#manu1 {margin-left:43px}
#manu2 {margin-left:22px}

#navimobil {display:none}
#newsarchiv {float:right;text-align:right;}
#archivue {margin:-10px 0 -20px 0;font-weight:bold}
	

@media only screen and (max-width: 1115px){
	
	#headertext {font-size:1.3em}
	#headerright{margin-left:510px;}
	#headerleft {display:none}
		#headertext {left:335px;color:white;;width:600px;font-size:1.1em}
#headerright {margin-left:50px;margin-top:8px}

}

@media only screen and (max-width: 1024px){
	



}

@media only screen and (max-width: 940px){

	#manu1 {width:38%;height:auto;}
	#manu2 {width:38%;height:auto;}
	img{width:80%;height:auto}
}

@media only screen and (max-width: 800px){

	
#inhalt {
	width:70%;
	top:170px;
	padding-top:0;
	
	}
#headertext {left:335px;color:white;;width:100%;}
	
	#inhalt h3,#inhalt h2 {text-align:center;line-height:2em;}
	#ecotitle{margin:-40px 33px 0 33px}
	#iso{width:20%;height:auto}


}	

@media only screen and (max-width: 600px){
	

	
#inhalt {
	width:60%;
	}
#inhalt li {

}
#headertext {left:310px;top:32px;font-size:1.1em;width:200px;}



.produkte {width:30%;height:auto}
	

}	
@media only screen and (max-width: 480px){
	#manu1 {margin-left:0px;width:auto;height:auto;}
	#manu2 {margin:11px 0 0 0px;width:auto;height:auto;}
	
body{

	background-image:none;
	font-family:arial,verdana,sans;
	font-size:0.9em;
	line-height:1.4em;

}



#kopf{width:100%;height:150px;padding:0;top:0px}
#headertext {position:absolute;top:90px;left:42px;;width:260px;font-size:1.3em}
#headerright {position:absolute;top:0px;;left:-20px;width:200px;height:auto;}


#navi,#inhalt {position:relative}
#inhalt {
	padding-top:0px;
	background:url(img-we/blank.gif) no-repeat;
	top:200px;
	left:0px;
	width:90%;
}


		#inhalt h3,#inhalt h2 {text-align:center;line-height:2em;}


#titeleco{margin:0 22px}

#navi{

	color:black;
	width:90%;

}
#navi p {
	width:90%;font-size:1.1em
	}
	
#navi a {
	padding:2px 10px;
	color:#B12D42;
	font-weight:bold;
	text-decoration:none;

}
#navi a:hover {
	padding:2px 10px;
	color:white;
	background-color:#B12D42;
	text-decoration:none;
	width:200px;
}
#dots {width:90%}

#fuss {display:none;clear:both}
#kopf {
	border-bottom:33px solid #6599C1;
}

		#navimobil {display:inline;position:absolute;top:155px;left:42px;;z-index:11;font-size:1.2em}
		#navimobil img {height:10px;width:auto;float:left;margin:4px 5px 0 -5px}
#navimobil a{color:#296CB0;font-weight:bold}
#navimobil a:hover{color:#B12D42}
#navimobil a:visited{color:#296CB0}
	 h1{margin-left:22px;margin-bottom:-11px}
	 
}
	
@media only screen and (max-width: 320px){
	#headertext{width:199px;font-size:1em}
	#inhalt{width:88%;}
	#navi p {
	width:98%;font-size:.9em;
	}
	#manu1,#manu2 {width:98%;height:auto;}
	ul { padding-left:0 }
h1{margin-left:0px;}
}

@media only screen and (max-width: 240px){
	#inhalt{width:80%;}
	#headertext {left:22px;;width:180px;font-size:.9em}
	#headerright {left:-40px;width:180px;height:auto;}
	 
	#ecotitle {width:100px;}
	#navi p {
	width:98%;font-size:.7em;
	}
#navimobil {left:22px;;font-size:1em}

}