html,body {
	height: 100%;

 } 

body {
	font: 100.01%  Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	overflow: -moz-scrollbars-vertical;
	background-color: #E9E7DA;

} 

#header{
	width: 100%;
	height: 162px;
	background-color: #fff;
}
#wrapper {
	position:absolute;
	left:100px;
	width:860px;
	top: 166px;
	margin-bottom: 55px;
	text-align: left;
	}
#navi2{
	position: absolute;
	width: 860px;
	top: 135px;
	left: 3px;
	text-align:right;
	font-size: 10px;
}
#navi2 a{
	text-decoration:none;
	color: #69859b;

}
#navi{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
}
#main{
	position: relative;
	left: 164px;
	top: 0px;
	width: 590px;
	background-color: #fff;
}
.content{
	padding: 10px 20px 10px 20px;
	font-size: 11px;
	background-color: #fff;
	display: inline-block ;
}
.content h1, .content h1 a{
	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #0098d9;
}
.content h2, .content h2 a, .content h3, .content h3 a, .rowtitel{
	font-size: 11px;
	font-weight: bold;
	color: #505050;
}

.content a{
	text-decoration: none;
	color: #69859b;
}
.content .start a{
	text-decoration: underline;
	color: #fff;
}
#news{
	position: relative;
	margin-top: 4px;
	left: 164px;
	width: 590px;
	background-color: #fff;
}
#blog{
	position: relative;
	margin-top: 4px;
	left: 164px;
	width: 590px;
	background-color: #fff;
}
#right{
	position: absolute;
	top: 162px;
	left: 858px;
	width: 160px;
	
}
.rightbox{
	margin-top: 4px;
	background-color: #fff;
	
}

#right a{
	font-size:11px;
	text-decoration:none;
	color: #69859b;
	}
#navi ul{
	margin: 0px;
	padding: 0px;
}
#navi ul li{
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
}
#navi ul li ul li{
	margin-bottom: 2px;
	margin-left: 0px;
	list-style-type: none;
}


#navi ul li a {
	display:block;
	position: relative;
	text-decoration: none;
	font-style: bold;
	padding: 3px 0px 3px 0px;
	width: 160px;
	color: #fff;
	font-size: 10px;
	background-color: #505050;
}
#navi ul li ul li a, #navi ul li.active ul li a {
	display:block;
	position: relative;
	text-decoration: none;
	font-style: bold;
	padding: 3px 0px 3px 0px;
	width: 160px;
	color: #fff;
	font-size: 10px;
	background-color: #97a4aa;
}
#navi ul li a:hover, #navi ul li.active a, #navi ul li ul li a:hover, #navi ul li ul li.active a, #navi ul li ul li.active ul li.active a {
	display:block;
	text-decoration: none;
	font-style: bold;
	padding: 3px 0px 3px 0px;
	width: 160px;
	color: #fff;
	font-size: 10px;
	background-color: #0098d9;
}
#navi ul li ul li.active ul li a{
		display:block;
	position: relative;
	text-decoration: none;
	font-style: bold;
	padding: 3px 0px 3px 0px;
	width: 160px;
	color: #fff;
	font-size: 10px;
	background-color: #CCC;
}

#navi ul li ul{
	margin-top: 2px;
}
#navi a span, #navi ul li.active ul li span {
display: none;
text-decoration: none;
}

#navi ul li a:hover span, #navi ul li.active span {
	display: block;
	position: absolute;
	top: -13px;
	left: -30px;
	width: 20px;
	color: #0098d9;
	text-align: left;
	font-weight: normal;
	font-size:20px;
}
.footer{
	padding: 10px 20px 10px 20px;
	font-size: 10px;
	background-color: #fff;
	color: #69859b;
}
.footer a{
	color: #698f9b;
	text-decoration: none;
}
.field{
	width: 250px;
	margin: 3px 0px 3px 0px;
	border: 1px solid #698f9b;
	color: #505050;
	float: left;
}

.radio{
	margin: 0px 0px;
}

label{
	clear: both;
	width: 150px;
	float: left;
}

.textfield{
	width: 250px;
	height: 100px;
	margin: 3px 0px 3px 0px;
	border: 1px solid #698f9b;
	float: left;
	
}
.checkbox{
	float: left;
}
.clear{
	clear: both;
}

.gruppe_1 a{
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	float: left;
	background-image: url(images/z_einzel_1.jpg);
	width: 88px;
	height: 413px;
	display: block;
	visibility: visible;
}
.gruppe_2 a{
	/*position: absolute;
	top: 0px;
	left: 88px;*/
	float: left;
	background-image: url(images/z_einzel_2.jpg);
	display: block;
	width: 47px;
	height: 413px;
	visibility: visible;
}
.gruppe_3 a{
	/*position: absolute;
	top: 0px;
	left: 135px;*/
	float: left;
	background-image: url(images/z_einzel_3.jpg);
	display: block;
	width: 61px;
	height: 413px;
	visibility: visible;
}
.gruppe_4 a{
	/*position: absolute;
	top: 0px;
	left: 196px;*/
	float: left;
	background-image: url(images/z_einzel_4.jpg);
	display: block;
	width: 50px;
	height: 413px;
	visibility: visible;
}
.gruppe_5 a{
	/*position: absolute;
	top: 0px;
	left: 246px;*/
	float: left;
	background-image: url(images/z_einzel_5.jpg);
	display: block;
	width: 50px;
	height: 413px;
	visibility: visible;
}
.gruppe_6 a{
	/*position: absolute;
	top: 0px;
	left: 296px;*/
	float: left;
	background-image: url(images/z_einzel_6.jpg);
	display: block;
	width: 55px;
	height: 413px;
	visibility: visible;
	
}
.gruppe_7 a{
	/*position: absolute;
	top: 0px;
	left: 351px;*/
	float: left;
	background-image: url(images/z_einzel_7.jpg);
	display: block;
	width: 50px;
	height: 413px;
	visibility: visible;
}
.gruppe_8 a{
/*
	position: absolute;
	top: 0px;
	left: 401px;
	*/
	float: left;
	background-image: url(images/z_einzel_8.jpg);
	display: block;
	width: 58px;
	height: 413px;
	visibility: visible;
}
.gruppe_9 a{
	/*position: absolute;
	top: 0px;
	left: 459px;*/
	float: left;
	background-image: url(images/z_einzel_9.jpg);
	display: block;
	width: 83px;
	height: 413px;
	visibility: visible;
}
.gruppe_1 a:hover img, .gruppe_2 a:hover img, .gruppe_3 a:hover img, .gruppe_4 a:hover img, .gruppe_5 a:hover img, .gruppe_6 a:hover img, .gruppe_7 a:hover img, .gruppe_8 a:hover img, .gruppe_9 a:hover img{
	visibility: hidden;
}
.kunden{
float: left;
width:70px;
height:70px;
margin-right:5px;
margin-bottom: 5px;
}
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: absolute;
text-decoration: none;
font-style: bold;
}

a.tooltip:hover {
background: #fff;
z-index: 100;
}

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

a.tooltip:hover span {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 70px;
height: 70px;
background-color: #505050;
color: #fff;
text-align: center;
z-index: 100;
}
div#team a img{
	border: 0px;
}
div#team a span {height: 0; width: 0; border-width: 0; display: none}

div#team a:hover span.fridge  {position: absolute; top: 200px; left: 321px; height: 356px; width: 269x;display: block}
div#team a:hover span.team1{position: absolute; top: 180px; left: 120px; height: 100px; width: 100px; display: block; }
div#team a:hover span.team2{position: absolute; top: 299px; left: 20px; height: 100px; width: 100px; display: block; }
div#team a:hover span.team3{position: absolute; top: 417px; left: 120px; height: 100px; width: 100px; display: block; }
div#team a:hover span.team4{position: absolute; top: 534px; left: 20px; height: 100px; width: 100px; display: block; }
div#team a:hover span.team5{position: absolute; top: 652px; left: 120px; height: 100px; width: 100px; display: block; }
div#team a:hover span.team6{position: absolute; top: 802px; left: 20px; height: 100px; width: 100px; display: block; }