html
{
height: 100%;
}


body {	
	height: 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#gesamt {
	height: 100%;
	margin:0 auto;
 	width:990px

}

#inhaltof {
	height: 100%;
}

#topleft {
	float:left;
	width: 150px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background : #fff;
	text-align: right;
	border-bottom: 2px solid #fff;
}



#topmid {
	float:left;
	width: 250px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background : #fff url(picture/gelb1.png) repeat-x top left;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}

#topright {
	float:left;
	width: 550px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background : #fff url(picture/blau1.png) repeat-x top left;
	border-bottom: 2px solid #fff;
}

#logocont {
	clear:both;
	width: 952px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	color: #30363F;
	border-bottom: 2px solid #ffffff;
	background: url(picture/kellerarnslogo5.png) no-repeat;
	
}


#midleft {
	float:left;
	width: 150px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	color: #30363F;
	
}


#midmid {
	float:left;
	width: 250px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	border-right: 2px solid #fff;
	text-align: right;
}



#midright {
	float:left;
	width: 550px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	background: #fff url(picture/blau3.png) no-repeat top left;
	text-align: left;
}

#midright img{
	
	position:relative; top:30px; left:40px;
}

#midrightzw {
	float:left;
	width: 550px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	background: #fff url(picture/blau3.png) no-repeat top left;
	text-align: left;
}

#midrightzw img{
	
	position:relative; top:0; left:220px;
}

#midrightdr {
	float:left;
	width: 550px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	background: #fff url(picture/blau3.png) no-repeat top left;
	text-align: left;
}

#midrightdr img{
	
	position:relative; top:0; left:90px;
}

#midrightvi {
	float:left;
	width: 550px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	background: #E0E0E8;
	text-align: left;
}

#midrightvi img{
	
	position:relative; top:0; left:21px;
}

#midrightfu {
	float:left;
	width: 550px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	background: #fff url(picture/blau3.png) no-repeat top left;
	text-align: left;
}

#midrightfu img{
	
	position:relative; top:0px; left:3px;
}

#zeile {
	clear: both;
	width: 952px;
	height: 40px;
	background : #B0B5D2;
	border-bottom: 2px solid #ffffff;
	overflow: hidden;
}

#zeile span {
	padding: 0px 15px;
	vertical-align: middle;
	color: #222;
	text-decoration: none;
	font-size: 20px;
	line-height: 40px;
}

#bottomleft {
	height:auto;
	float:left;
	width: 150px;
	min-height: 400px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	color: #30363F;
	border-bottom: 2px solid #fff;
}

#bottomleftzw {
	height:auto;
	float:left;
	width: 150px;
	min-height: 400px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	color: #30363F;
	border-bottom: 2px solid #fff;
	background : #fff url(picture/pueppi.png) no-repeat bottom left;
}


#bottommid {
	height:auto;
	float:left;
	width: 250px;
	min-height: 400px;
	padding: 0px;
	margin: 0px;
	background : #fff url(picture/gelb2.png) repeat-x top left;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}


#nav {
	padding: 25px 0px 0px 0px;
}

#nav a{
	display:block;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 5px 0px;
	text-decoration:none;
	color: #000099;
	border-left: #000099 3px solid;
	font-size: 18px;
}


#nav a:hover { font-weight:bold; color:#000066; text-decoration:underline; border-left: #000099 10px solid;}


#bottomright {
	height:auto;
	float:left;
	width: 550px;
	min-height: 400px;
	padding: 0px;
	margin: 0px;
	background : #fff url(picture/bgbr3.png) no-repeat center;
	border-bottom: 2px solid #fff;
}

#bottomrightzw {
	height:auto;
	float:left;
	width: 550px;
	min-height: 400px;
	padding: 0px;
	margin: 0px;
	background : #fff url(picture/bgbr4.png) no-repeat center;
	border-bottom: 2px solid #fff;
}

#textoben {
	padding: 0px;
	margin: 25px 0px 30px 25px;
	font-size: 14px;
}

#textoben h3, h4, h5 {
	text-decoration: underline;
}

#textmain {
	padding: 0px;
	margin: 25px 0px 30px 25px;
	font-size: 13px;
}

#textmain h3, h4, h5 {
	text-decoration: underline;
	padding-top: 10px;
}

#textmain a {
	text-decoration: none;
	color: #000099;
}

#textimg {
	text-align: center;
	background : #E0E0E8;
}

#textimg img {
	text-align: center;
	border: none;
	padding-left: 15px;
	padding-bottom: 15px;
}

#textimg2 {
	text-align: center;
	background : #eee;
}

#textimg2 img {
	text-align: center;
	border: none;
	padding-left: 5px;
	padding-bottom: 10px;
}

#textleist {
	padding: 0px;
	margin: 25px 0px 30px 25px;
	font-size: 13px;
}

#textleist h3, h4, h5 {
	text-decoration: underline;
	padding-top: 10px;
}

#textleist a {
	display: block;
	font-size: 14px;
	text-decoration: underline;
	color: #000099;
}
#zeilebottom {
	clear:both;
	width: 952px;
	height: 20px;
	background : #B0B5D2;
	border-bottom: 2px solid #fff;
	overflow: hidden;
	text-align: center;
}



#zeilebottom span, #zeilebottom span a {
	padding: 0px 15px;
	vertical-align: middle;
	margin: auto;
	color: #222;
	text-decoration: none;
	font-size: 10px;
	line-height: 20px;
}