/* CSS Document */


* {
	margin: 0;
	padding: 0;
}

	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;color:#999999;background-color:#FFFFFF;
}
	
#grundbox {
	position: absolute;
	padding: 25px;
	background:#FFFFFF;
	width:850px;
	border: 0px solid #000;
	}
	
	
	
#header {
	position: relative;
	padding: 10px;
	background-color:#FFFFFF;
	width:830px;
	border: 0px solid #000;
	}
	
	
#navi {
	position: relative;
	padding: 0px;
	background-color:#FFFFFF;
	width:830px;
	border: 0px solid #000;
	border-bottom: 1px solid #666666;
	left:10px
	}	
	

#container {
	position: relative;
	padding: 10px;
	background-color:#FFFFFF;
	width:830px;
	border:0px solid #000;
	overflow: auto;
	}	
	
#content-left {
	width: 300px;
	padding: 0px;
	background-color:#FFFFFF;
	border: 0px solid #000;
	float: left;
	}	

#content-right {
	width:400px;
	padding: 0px;
	background-color:#FFFFFF;
	border: 0px solid #000;
	float: right;
	}		
	
	
	
ul {
	list-style: inside;
	}
	
h2 {font-size: 1.8em;color:#CC0000;}
h1 {font-size: 1.0em;color:#999999;}


	
	
#grundbox ul {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
	}

#grundbox ul li {
  	display: inline;
  	text-align: center;
	}

#grundbox ul li a {
  	color:#666666;
  	background-color:#FFFFFF;
  	width: 8em;
  	padding: 0.3em 1.2em;
  	text-decoration: none;
	}
#grundbox ul li a:hover {
  	background-color:#99FF99;
	}
	


/* Diese Anweisung markiert den knopf der aktuellen seite mit einem strich und strich breite */
body#index #navi ul li#navi1 a,
body#index2 #navi ul li#navi2 a,
body#index3 #navi ul li#navi3 a,
body#index4 #navi ul li#navi4 a,
body#index5 #navi ul li#navi5 a,
body#index6 #navi ul li#navi6 a,
body#index7 #navi ul li#navi7 a,
body#index8 #navi ul li#navi8 a,
body#index9 #navi ul li#navi9 a,
body#index10 #navi ul li#navi10 a,
body#index11 #navi ul li#navi11 a,
body#index12 #navi ul li#navi12 a,
body#index13 #navi ul li#navi13 a,
body#index14 #navi ul li#navi14 a
{
	text-decoration: none;
	border-bottom: 3px solid #FF33FF;
}
/* Dies Anweisung bewirkt dass bei der aktuellen seite der knopf nicht leuchtet*/
body#index #navi ul li#navi1 a:hover,
body#index2 #navi ul li#navi2 a:hover,
body#index3 #navi ul li#navi3 a:hover,
body#index4 #navi ul li#navi4 a:hover,
body#index5 #navi ul li#navi5 a:hover,
body#index6 #navi ul li#navi6 a:hover,
body#index7 #navi ul li#navi7 a:hover,
body#index8 #navi ul li#navi8 a:hover,
body#index9 #navi ul li#navi9 a:hover,
body#index10 #navi ul li#navi10 a:hover,
body#index11 #navi ul li#navi11 a:hover,
body#index12 #navi ul li#navi12 a:hover,
body#index13 #navi ul li#navi13 a:hover,
body#index14 #navi ul li#navi14 a:hover,

body#index #navi ul li#navi14 a:hover,
body#index2 #navi ul li#navi14 a:hover,
body#index3 #navi ul li#navi14 a:hover,
body#index4 #navi ul li#navi14 a:hover,
body#index5 #navi ul li#navi14 a:hover,
body#index6 #navi ul li#navi14 a:hover,
body#index7 #navi ul li#navi14 a:hover,
body#index8 #navi ul li#navi14 a:hover,
body#index9 #navi ul li#navi14 a:hover,
body#index10 #navi ul li#navi14 a:hover,
body#index11 #navi ul li#navi14 a:hover,
body#index12 #navi ul li#navi14 a:hover,
body#index13 #navi ul li#navi14 a:hover,
body#index14 #navi ul li#navi14 a:hover
{
	background:#FFFFFF;
}

#navi ul {
	margin-bottom: 5px;
}

#grundlinie {
position: relative;
	padding: 0px;
	background-color:#FFFFFF;
	width:830px;
	border:0px solid #000;
	left:10px;
	border-bottom: 1px solid #FFFFFF;
	overflow: auto;
	}	

#index-left {
	font-size: 0.85em;color:#999999;
	width: 300px;
	padding: 0px;
	background-color:#FFFFFF;
	border: 0px solid #000;
	float: left;
	}	

#index-right {
	font-size: 0.85em;color:#999999;
	width:400px;
	padding: 0px;
	background-color:#FFFFFF;
	border: 0px solid #000;
	float: right;
	}