html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

body{
	margin:0px; padding:0px;
	text-align:center;
	color: #767377; font-size: 101%;
	font-family:Verdana;
	background: url('img/body_bg.png') 0px 0px repeat-x #F6FBFF;

}
a{
	color: #0089cb;
}
a:hover{
	color:#005781;
}
h1{
	color:#0078bf;
	font-size: 1.1em;
}
h1, h2{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: 500;
}
h2{
	color:#0089cb;
	font-size: 1.2em;
	margin:20px 0px 10px 0px;
	
}
h3{
	color:#767377;
	font-size: 0.9em;
	margin:20px 0px 10px 0px;
}
p{
	font-size: 0.8em; line-height: 1.3;
	margin:20px 0px;
}
#container {
	text-align:left; margin: 0px auto;
	width:950px;
	background-color:#FFF;
}
#header{
	height:347px;
	background:url("img/karlsfeld_wappen.jpg") no-repeat scroll 840px 23px #FFFFFF;
	float:left;
}
#header h1{
	padding:50px;
}
#wrapper{
	background: url('img/content_bg.png') repeat-x #B7E2FA;
	float:left;
}
nav {display: table;width:100%;
}
nav ul{
	display: table-row;
	margin:0;padding:0;
	vertical-align:middle;
	width:100%;
}
nav ul li{
    width: 14%;
	display:table-cell;
	margin:0;padding:0;
	text-align:center;
	vertical-align:middle;
	*display:block;
	*float:left;
	*width:235px;
}
#content nav ul li{
	*width:113px;
	*float:left;
}
nav ul li a{
	float:left;
	font-size: 0.9em;color:#0078bf;
	display:block;
	text-decoration:none;
	vertical-align:middle;
	width:100%;
	padding:5px 0px;
	text-decoration: none;
	border-left:1px solid #84c4ed;
	border-right:1px solid #e9f6fe;
}
nav ul .first a, nav ul .last a:hover{
	border-left:none;
}
nav ul .last a{
	border-right:none;
}
nav ul li a:hover, nav ul .active a{
	background-color:#0089cb;
	color:#FFF;
}
#content{
	overflow:hidden;
	background-color: #FFF;
	margin:10px 0px 10px 10px;
	min-height:440px;
	width:430px;
	padding:40px 40px;
	float:left;
	*margin:10px 0px 0px 10px;
	*width:460px;
}
#content nav{
	margin:-40px -40px 0px -40px;
	width:510px;
	font-size: 0.8em;
	background-color:#b8e2fa;
	
}

#content nav .active{
	background: url('img/arrow.png') 30px 50px no-repeat;
	overflow: visible;
	z-index: 300;
}
.highlight{
	color:#0089CB;
	font-size:14px;
}
#wrapper .small{
	font-size:0.8em;
}
aside{
	min-height:440px;
	background-color: #ebf7fe;
	margin:10px 10px 10px 0px;
	float:left;
	width:340px;
	padding:40px;
	*margin:10px 0px;
	*width:350px;
	*padding:20px;
}
aside p img{
	background-color: #FFF;
	padding:10px;
}
aside p{
	color:#0089cb;
	font-size: 0.8em;
	font-weight: bold;
	font-weight: normal;
}
footer{
	background: url('img/wrapper.png') 50% 5px no-repeat;
	float:left;
	height:30px;
	width:100%;
}