* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 100%;
}
body {	
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eeeff0;
	color: black;
	font-size: 12px;

}

.banner{
color: white;
padding-top:30px;
padding-left:250px;
font-family:Comic Sans MS,Verdana,Helvetica;
font-size:17pt;
}


#topper{
	background-color:transparent;
	width: 950px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	}

#main{
	color:#000;
	border:1px solid #eeeff0;
	background-color:#eeeff0; 	
	width: 950px;
	margin-right: auto;
	margin-left: auto;

}


#header{
	float:left;
	border:4px solid #eeeff0;
	background-image:url(images/bahnhof.jpg);
	background-repeat:no-repeat; 	
	width: 680px;
	height: 278px;
	
	
	}



#navbar{
	background-color:#eeeff0;
	float:left;
	border:0px solid #eeeff0;
	width: 690px;
	height: 25px;
	

}


#navcontainer
{
margin: 0;
padding: 0 0 0 0px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}






#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, .subnav A:active { color: #444; }
#subnav A.active:link, .subnav A.active:visited { color: #444; }
#subnav BR, .navcontainer BR { clear: both; }






#maincontent{

	float:left;
	border:6px solid #eeeff0;
	width: 680px;
	height:900px;
	background-image:url(images/maincontentside.png);
	
}

#maincontentcenter{
	
	border:0px solid #eeeff0;
	background-color: #eeeff0;
	width: 600px;
	height:850px;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	
	
}


#previewright{

	float:right;
	border:5px solid #eeeff0;
	width: 240px;

	
	
}

#questtop{

	padding-left:5px;
	border:10px solid #eeeff0;
	width: 200px;
	height:51px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(images/box_bg2top.png);
	background-repeat:no-repeat;
}

#zahler{
margin-left:30px;




}
#questtop p{
color: black;
padding-top:5px;
padding-left:5px;
padding-right:40px;
font-family:Arial,Comic Sans MS,Verdana,Helvetica;
font-size:10pt;
font-weight:bold;
}

#quest{
	padding-left:5px;
	border:10px solid #eeeff0;
	width: 200px;
	height:165px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(images/box_bg2.png);
	background-repeat:no-repeat;
}




#quest p{
color: black;
padding-top:5px;
padding-left:5px;
padding-right:40px;
font-family:Arial,Comic Sans MS,Verdana,Helvetica;
font-size:8pt;
font-weight:bold;
}


#quest p a{

text-decoration:underline;
color:black;
font-weight:normal;

}



