html
 {
    height: 100%;
 }

 body
 {
    height: 100%;
 }

#navigation_bg{
	position:absolute;
	top:0px;
	left:4%;
	width:180px;
	/*padding-bottom:0px;*/
    height:100%;
	margin-bottom: 10px;
	background-color:#DDD5BC;
	
}
#header_image{
	position:absolute;
	top:40px;
	left:0px;
	width:99%;
	height:150px;
	background-color:#CDC6B1;
	border-style: solid double;
}
#navigation_text{
   	position:absolute;
	top:230px;
	left:6%;
	width:210px;
	color:#000000;
	text-decoration:none;
	}
#navigation_text a{
	 font-size:19px;
	 font-family:verdana;
	 color:#000000;
   	background:transparent;
	 text-decoration:none;
}

#main{
	position:fixed;
	top:240px;
	left:300px;
/*	width:95%; */
	right:50px;
	margin-right:30px;
	bottom:10px;
	color:#000000;
	text-decoration:none;
	font-size:16px;
	font-family:verdana;
	overflow: auto;
}
#main a{
	 font-size:19px;
	 font-family:verdana;
	 color:#000000;
	 text-decoration:underline;
}
#upcoming{
	
}
#infobox{
	
}
#vdst{
	position:absolute;
	top:70px;
	left:23%;
	font-size:70px;
	font-family:verdana;
}
#karlsruhe{
	position:absolute;
	top:70px;
	left:54%;
	font-size:70px;
	font-family:verdana;
}