html, body{
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}

#top_bar{
	position: absolute;
	height: 40px;
	width: 100%;
	background-color: #FFF;
	
	z-index: 10;
	
}
#top_bar_center{
	position: absolute;
	height: 40px;
	width: 800px;
	left:50%;
	margin-left: -400px;
	background-color: #FFF;
	color: #DDD;
	text-align: right;
	z-index: 11;	
}
	#top_bar_center a{font: 11px "Lucida Sans Unicode"; text-decoration: none; margin-right: 20px;}
	#top_bar_center a:link,  #top_bar_center a:visited,   #top_bar_center a:active{color: #AAA;}
	#top_bar_center a:hover{ color: #a51d1c; text-decoration: underline;}
	
#header{
	position: absolute;
	height: 40%;
	min-height: 300px;
	width: 100%;
	background-color: #FFF;
	top: 0px;
	
}

#header_pic{
	position: relative;
	height: 300px;
	width: 100%;
	top: 100%;
	margin-top: -300px;
}

#header_center{
	position: relative;
	background-image: url(./header.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 1200px;
	left: 50%;
	margin-top: -300px;
	margin-left: -600px;
	
}

#bottom{
	position: absolute;
	height: 60%;
	min-height: 300px;
	top: 40%;
	width: 100%;
	background-color: #EEE;	
}
#bottom_center{
	position: relative;
	height: 300px;
	width: 1000px;
	left: 50%;
	top: 0px;
	margin-left: -500px;
}

.ul_top{
	list-style: none;
	text-align: left;
	margin-left: 60px;
}
ul.ul_sub{
	list-style: none;
	color: #AAA;
	margin-left: 0px;
}

a.li_top {
	font: small-caps 20px Verdana;
	letter-spacing:0.1em;
	text-decoration: none; 
	margin-right: 20px;}
	
.li_top{font: small-caps 18px Verdana; display: inline; color: #a51d1c;}

.ul_sub li{ margin: 5px;}

a.li_sub{font: 12px Verdana;}
a.li_sub:link, a.li_sub:visited, a.li_sub:active{color: #666;text-decoration: none;}
a.li_sub:hover{ color: #a51d1c; text-decoration: underline;}

.text{font: 14px Verdana; color: #888;}
.text_zitat{font: italic 16px Verdana; color: #666; text-align: center;}