/* ------- ALLGEMEIN  -------- */

* {
	margin:0;
	padding:0;
	}
	
html, body {
	height:100%;
	}

body {
	background:#99CC99;
	background:url(../images/layout/bg-aussen.gif);
	font:  9pt verdana, arial, georgia, sans-serif;
	line-height:12pt;
	color: #444444;
	text-align:left;
	
	scrollbar-arrow-color: #cccccc;
	scrollbar-3dlight-color: #006699;
	
	scrollbar-highlight-color: #cccccc;
	scrollbar-face-color: #006699;
	
	scrollbar-shadow-color: #cccccc;
	scrollbar-darkshadow-color: #006699;
	scrollbar-track-color: #006699;		
	}
	
p {
	margin-bottom:7px;
	}	
	
h1 { 
	margin:10px 0 5px 0;
	font:  10pt  verdana, arial, georgia, sans-serif;
	font-weight:normal;
	letter-spacing:0.1em;
	color: #ccff66;
	text-transform: uppercase;	
	text-transform: normal;	
} 

h1.oben { 
	margin-top:0px;
}  


h1.links { 
	float:left;
	margin-right:10px;
}  


h2 { 
	margin:10px 0 5px 0;
	font-size:8pt;
	font-weight:normal;
	text-decoration: underline;
} 


h3 { 
	margin:0 0 0 0;
	font:  9pt verdana, arial, georgia, sans-serif;
	font-weight:normal;
	color: #ccff66;
	text-decoration:normal;
} 
	
a:link, a:visited, a:hover, a:active { 
	color: #ffffff;
  	font-weight: normal;
  	text-decoration: none;
  	}
  	
a:hover { 
	text-decoration:underline;
  	} 
	
img {
	border:0px;
}

ul {
	list-style-image:url(../images/layout/liste.gif);
	margin-left:20px;
	clear:left;
}

li {
	margin-bottom:1px;
	vertical-align:top;
}

/* ------- EBENEN ALLGEMEIN------- */

#container {
	background:url(../images/layout/bg.gif) no-repeat;
	height:600px;
	width:860px;
	margin:-300px 0 0 -430px;
	top: 50%; 
	left: 50%;
	color: #ffffff;	
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	position:absolute;
}

#logo {
	text-align:right;
	margin:10px 10px 0 15px;
}

#header {
	background:url(../images/layout/bg-balken.gif);
	height:160px;
}

#header img {
	float:right;
}

#header img.links {
	float:left;
	margin-left:77px;
}

#header img.rubrik {
	margin-top:20px;
}

#distance{
	height:25px;
}

#sp-li{
	margin:0 0 0 77px;
	height:292px;
	width:600px;
	float:left;
	overflow-y:auto;
	border:0px solid #ffffff;
	
}

#sp-re{
	margin:0px 0 0px 20px;
	height:292px;
	width:157px;
	float:left;
	border: 0px solid #CC6600;
	overflow-y:auto;
}


#sp-breit{
	margin:0 0 0 77px;
	height:292px;
	overflow-y:auto;
	border:0px solid #ffffff;
}

#sp-breit img{
	float:right;
	margin:0 20px 10px 20px;
	border:1px solid #ffffff;
}

#footer{
	clear:both;
	text-align:right;
	position:absolute;
	right:8px;
	bottom:0px;	
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { 
	color: #6699CC;	
	text-decoration:none;
	text-transform: uppercase;	
	text-transform: normal;	
	font:  8pt arial, verdana, georgia, sans-serif;
	font-weight:normal;
	letter-spacing:0.1em;
  	}
	
#footer a:hover, #footer a:active { 
	color: #6699CC;	
	text-decoration:underline;
  	}

#footer a.an:link, #footer a.an:visited, #footer a.an:hover, #footer a.an:active { 
	color: #444444;	
  	}

/* ------- NAVIGATION------- */

#nav { 
	margin:20px 0 0 20px;
	height:20px;
	}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	display:block;
	float:left; 
	margin-right:20px;
	color: #ffffff;	
	font:  9pt arial, verdana, georgia, sans-serif;
	font-weight:normal;
	letter-spacing:0.1em;
	text-decoration:none;
	text-transform: uppercase;	
	text-transform: normal;	
  	}
	
#nav a:hover, #nav a:active { 
	color: #ccff99;	
	text-decoration:none;
  	}

#nav a.an:link, #nav a.an:visited, #nav a.an:hover, #nav a.an:active { 
	color: #ccff99;	
	text-decoration:none;
  	}