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



body {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000000;  
  padding:0;
  margin:0;
}

a { 
color: #e4414b;
text-decoration: none; 
}
 

h1,h2 {
font-size: 20px;
padding: 5px 20px; 
margin:0
}


p {
margin: 0; 
padding: 5px 20px; 
line-height: 19px;
}

/*  positioning-layers statisch und absolut */

#logo {
	width: 885px;
	margin: auto;

}
#container {
	min-height: 510px;
	width: 885px;
	background-color:#ffffff;
	position:relative;
	padding: 10px; 
	margin: 10px auto;
	border: 1px solid #565656;
	-webkit-box-shadow: 9px 8px 22px #565656; /* webkit browser*/ 
	 -moz-box-shadow: 9px 8px 22px #565656; /* firefox */ 
	 box-shadow: 9px 8px 22px #565656; /* w3c standart */

	}
	
	#links {
	position: absolute;
	width: 166px;
	min-height: 510px;
	text-align:right;
	background-color:#ffffff;
	border-right: 1px solid;
	border-right-color:#565656:
}

	#rechts {
	margin: 0 166px;
	width: 212px;
	padding: 0px 9px 0px 9px;
	font-size: 11px;

}
	#rechts_box {
	margin-top: 9px;
	padding: 12px 0px 20px 0px;
	background-color:#d0d0d0;
	height: 298px;
			
		
	}

	#inhalt_grau {
	position: absolute;
	right: 9px;
	width: 440px;
	height: 510px;
	background-color:#666565;
	padding: 0px 25px 0px 25px;
	top: 11px;


}

	#inhalt_blau {
	position: absolute;
	right: 9px;
	width: 440px;
	height: 510px;
	background-color:#235488;
	padding: 0px 25px 0px 25px;
	overflow:auto;
	top: 10px;
	

}

	#inhalt_rot {
	position: absolute;
	right: 9px;
	width: 440px;
	height: 510px;
	background-color:#e4414b;
	padding: 0px 25px 0px 25px;
	overflow:auto;
	top: 11px;
	

}
	#inhalt_gelb {
	position: absolute;
	right: 9px;
	width: 440px;
	height: 510px;
	background-color:#f4c51a;
	padding: 0px 25px 0px 25px;
	top: 10px;
	

}
	#inhalt_tuerkis {
	position: absolute;
	right: 9px;
	width: 440px;
	height: 510px;
	background-color:#17a1d1;
	padding: 0px 25px 0px 25px;
	overflow:auto;
	top: 10px;
	

}
	#bg_grau{
	   background-color: #d9d8d8;
	   	height: 490px;
	   	min-height: 490px;
		padding-top: 20px;
		overflow: auto;


 }
  
	#bg_blau{
	z-index: 10;
	background-image:url(../images/img_bg_wasser.png);
	height: 490px;
	min-height: 490px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: auto;
 }
 
	#bg_rot{
	z-index: 10;
	background-image:url(../images/img_bg_feuer.png);
	height: 490px;
	min-height: 490px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: auto;
 }
 	#bg_gelb{
	z-index: 10;
	background-image:url(../images/img_bg_sun.png);
	height: 490px;
	min-height: 490px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: auto;
 }
  	#bg_tuerkis{
	z-index: 10;
	background-image:url(../images/img_bg_luft.png);
	min-height: 490px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: auto;
 }
 
/* Navigation */
 
 #mainnavi ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#mainnavi li {
padding: 0;
margin: 0 0 1px;
background-color: #ffffff;
}

#mainnavi ul li a {
	display:block;
	color: #000;
	padding: 5px 14px 5px 3px;
	text-decoration: none;
}

#mainnavi ul li a:visited { color: #000; }
#mainnavi ul li a:hover {
	background-color: #999999;
	color:#fff;

}
#mainnavi #currentpage a {
	background: #999999;
	color: #fff;
	}
	
#mainnavi #subblau a {
	background: #235488;
	color: #fff;
	}
#mainnavi #subrot a {
	background: #e4414b;
	color: #fff;
	}

#mainnavi #subtuerkis a {
	background: #17a1d1;
	color: #fff;
	}

#mainnavi #subgelb a {
	background: #f4c51a;
	color: #fff;
	}

#mainnavi #subgrau a {
	background: #e4e4e4;
	color: #000;
	}

/* Inhalt Produkte */
.kasten1 { 
width: 360px;
padding: 0px 24px 0px 0px;
margin: 0px 0px 10px 20px;
border-bottom: 1px solid grey;
}
.kasten1 p{ 
/* width: 380px; */
padding: 0px;
margin: 0px 0px 0px 130px;
}

.bild { 
float: left; 
padding: 2px;
margin: 0px;
 }

.antifloat {
clear: left;
}

/* Inhalt Referenzen */
.kasten2 { 
width: 360px;
padding: 0px 24px 20px 0px;
margin: 0px 0px 10px 20px;
border-bottom: 1px solid grey;

}
.kasten2 p{ 
/* width: 380px; */
width: 200px;
padding: 0px;
margin: 0px 0px 0px 0px;
float: left;
}

.bild2 { 
float: right; 
padding: 0px 0px 0px 0px;


}
 .antifloat_r {
clear: right;
}

/*Mouseover Referenzen*/

a.menue, a.menue:link, a.menue:visited, a.menue:active {
position: relative;
text-decoration: none;
}

a.menue:hover {
z-index:1000;
background: transparent;
}

a.menue span {
display: none;
text-decoration: none;
}

a.menue:hover span {
z-index:1;
display: block;
position: absolute;
top: -35px;
right: -160px;
padding: 0px;
margin: -1px;
border:1px solid #000000;
background: #FFFFFF;
}