	html, body {
		height:100%;
		background-image:url(grafik/back-better-2.gif);
		background-repeat:no-repeat; 
		background-position:top center;
		}
	body {
		padding: 0px;
		margin: 0px; 
		background-color:#ffffff;
		font-family: Arial, Verdana, sans-serif;
		font-size: 10pt;
		line-height: 13pt;
		background-image:url(grafik/back-better-2.gif);background-repeat:no-repeat; background-position:top center;
		}
		
	h1 {
		color:#BF0D0D;
		font-family: Georgia, Times, serif;
		font-variant: small-caps;
		font-size: 18pt;
		line-height: 18pt;
		}
		
	h2 {
		padding-top: 4px;
		padding-left: 18px;
		color:#00376E;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12pt;
		line-height: 10pt;
		}
		
	h3 {
		padding-left: 0px;
		color:#BF0D0D;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12pt;
		line-height: 14pt;
		}
		
		
	.fliesstext {
		padding-top: 0px;
		padding-left: 18px;
		color:#000000;
		font-family: Arial, Verdana, sans-serif;
		font-size: 10pt;
		line-height: 13pt;
		text-align:justify;
		}

	div#mitte-container {
		width:970px;
		position:absolute; 
		left:50%; 
		margin-left:-490px;
		}
		
	div#logo {
		border:none;
		position:absolute;
		top:26px;
		width:239px;
		left: 720px;
		}
		
	div#rotesfeld {
	 	z-index:1;
		margin:0 auto;
		position:absolute;
		text-align:left;
		top:138px;
		width:177px;
		left: 11px;
		color:#F3AA90;
		font-family: Georgia, Times, serif;
		font-size: 13pt;
		font-weight: normal;
		line-height: 18pt;
		}
		
	div#rotesfeld a{
		color:#E88366;
		font-family: Georgia, Times, serif;
		font-size: 13pt;
		font-weight: normal;
		line-height: 18pt;
		text-decoration:none;
		padding-left: 13px; 
		background-image: url(grafik/dreieck-rotesfeld.gif);
		background-repeat: no-repeat;
		background-position:  center left;
		}
		
	div#rotesfeld a:hover{
		color:#F3AA90;
		text-decoration:none;
		}
		
		
	/*	..... Haupt-Navi .....  */


	div#navigation {
		text-align:center;
		list-style: none;
		position:absolute;
		border-left:1px solid #ffffff;
 		top:214px;
		left: -185px;
		width:1100px;
		height:28px;
		}

	#span1
	{
		color: rgb(47, 79, 79); 
		font-size: 18px; 
		font-family: georgia,serif;
	}

	#span2
	{
		font-family: arial,helvetica,sans-serif;
	}

	.start {
		float: left; 
		border-right:1px solid #ffffff;
		height:28px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#D88700;
		line-height: 26px;
		width:173px;
		padding-left:8px;
		text-decoration:none;
		}
	
	.nav {
		float: left; 
		border-right:1px solid #ffffff; 
		height:28px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#D88700;
		line-height: 26px;
		text-decoration:none;
		width:140px;
		}
	
	.subnav {
		border-right:1px solid #ffffff;
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#28147B;
		background-color:#FEF6D8;
		text-decoration:none;
		display:none;
		text-align:left;
		width:140px;
		}
	
	.start a:link{
		height:28px;
		display: block;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		padding-left: 8px;
/*		padding-right: 8px; */
		text-align:left;
		}
	.nav a:link{
		height:28px;
		display: block;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		text-align:left;
		}
		
	.subnav a:link{
		height:28px;
		display: block;
		text-decoration:none;
		color:#BF0D0D;
		background-color: transparent; 
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		}
	
	.nav a:visited{
		color:#ffffff;
		}
		
	.nav a:hover{
		background-color: #ffffff; 
		color:#BF0D0D;
		}
		
	.start a:hover{
		background-color: #ffffff; 
		color:#BF0D0D;
		padding-left: 8px;
		padding-right: 8px;
		}
		
	.subnav a:hover{
		height:28px;
		display: block;
		background-color: transparent; 
		color:#28147B;
		text-decoration:none;
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		}
		
	.nav a:active{
		height:28px;
		display: block;
		text-decoration:none;
		color:#B30900;
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		}
		
		
	.navaktiv {		
		float: left; 
		display: block; 
		height:28px;
		border-right:1px solid #ffffff;
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		line-height: 26px;
		}
		
	.navaktiv a:link{
		height:28px;
		background-color: #FFFFFF;
		display: block;
		text-decoration:none;
		color:#BF0D0D;
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		}
		
	.navaktiv a:visited{
		height:28px;
		background-color: #FFFFFF;
		display: block;
		text-decoration:none;
		color:#BF0D0D;
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		}
		
	.navaktiv a:hover{
		height:28px;
		background-color: #FFFFFF;
		display: block;
		text-decoration:none;
		font-weight:bold;
		color:#BF0D0D;
		padding-left: 8px;
		padding-right: 8px;
		}
		
	.navaktiv a:active{
		height:28px;
		background-color: #FFFFFF;
		display: block;
		text-decoration:none;
		color:#BF0D0D;
		font-weight:bold;
		padding-left: 8px;
		padding-right: 8px;
		}
		
	/*	...........................  */	
		
	div#spalte-bilder {
		margin:0 auto;
		position:absolute;
		top: 342px;
		left: 0px;
		width:243px;
		clear:left;
		}
		
	/*	.... Unter-Navigationen .....  */
		
	div#spalte-navi {
	  	float: left;
		margin:0 auto;
		position:absolute;
 		top: 382px; 
		left:207px;
		width:155px;
		clear:left;
		text-align:left;
		}
		
	div#spalte-ss-cat {
		float: left;
		margin: -15px 0px 0px 0px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
	div#spalte-navi-1 {
		float: left;
		margin: -15px 0px 0px 0px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
		
	div#spalte-navi-2 {
		float: left;
		margin: -15px 0px 0px 9px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
	div#spalte-navi-3 {
		float: left;
		margin: -15px 0px 0px 9px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
	div#spalte-navi-4 {
		float: left;
		margin: -15px 0px 0px 9px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
	div#spalte-navi-5 {
		float: left;
		margin: 35px 0px 0px 0px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
		
	div#spalte-navi-6 {
		float: left;
		margin: 35px 0px 0px 9px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
	div#spalte-navi-7 {
		float: left;
		margin: 35px 0px 0px 9px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
	div#spalte-navi-8 {
		float: left;
		margin: 35px 0px 0px 9px;
		position:relative;
 		top: 0px; 
		left:0px;
		width:130px;
		height: 200px;
		text-align:left;
		}
		
	.spalte-navi a{
		display: block; 
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#00376E;
		line-height: 11pt;
		text-decoration:none;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 11px; 
		background-image: url(grafik/nav-blau.gif);
		background-repeat: no-repeat;
		background-position:  center left;
		}

		
	.spalte-navi a:hover{
		font-weight:bold;
		color:#BF0D0D;
		text-decoration:none;
		padding-left: 11px; 
		background-image: url(grafik/nav-rot.gif);
		background-repeat: no-repeat;
		background-position:  center left;
		}
		
	.spalte-navi-aktiv a{
		display: block; 
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#BF0D0D;
		line-height: 11pt;
		text-decoration:none;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 11px; 
		background-image: url(grafik/nav-rot.gif);
		background-repeat: no-repeat;
		background-position:  center left;
		}
		
	.schul-navi{
		float: left;
		display: block; 
		color:#ffffff;
		height: 17px;
		width: 549px;
		text-align: center;
		background-color:#B4BB70;
		}
				
	.schul-navi-zurueck a{
		list-style: none;
		float: left;
		display: block; 
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#ffffff;
		line-height: 5pt;
		text-decoration:none;
		margin-left: 20px;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 15px; 
		padding-right: 75px;
		background-image: url(grafik/nav-weiss-2.gif);
		background-repeat: no-repeat;
		background-position:  center left;
		}

		
	.schul-navi-zurueck a:hover{
		list-style: none;
		float: left;
		font-weight:bold;
		color:#BF0D0D;
		text-decoration:none;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 15px; 
		padding-right: 75px;
		background-image: url(grafik/nav-rot-2.gif);
		background-repeat: no-repeat;
		background-position:  center left;
		}
		
	.schul-navi-weiter a{
		list-style: none;
		float: left;
		display: block; 
		font-family: Arial, Verdana, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		color:#ffffff;
		line-height: 5pt;
		text-decoration:none;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 15px; 
		padding-right: 15px;
		background-image: url(grafik/nav-weiss.gif);
		background-repeat: no-repeat;
		background-position:  center right;
		}

		
	.schul-navi-weiter a:hover{
		list-style: none;
		float: left;
		font-weight:bold;
		color:#BF0D0D;
		text-decoration:none;
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 15px; 
		padding-right: 15px;
		background-image: url(grafik/nav-rot.gif);
		background-repeat: no-repeat;
		background-position:  center right;
		}
		
	/*	...........................  */
		
	div#spalte-text {
		float: left;
		margin:0 auto;
		position:absolute;
 		top: 365px; 
		left: 410px;
		width:549px;
		text-align:left;
		clear:left;
		}
		
		
	div#footer {
		position:relative;
		top: 20px;
		margin-top: 30px;
		padding-left: 18px;
		float: left;
		width:100%;
		bottom: 0px;
		color:#BEAD96;
		font-family: Arial, Verdana,  sans-serif;
		font-weight: normal;
		font-size: 8pt;
		line-height: 19px;
		}
		
	div#footer a{
		color:#BEAD96;
		font-weight: normal;
		text-decoration:none;
		}
		
	div#footer a:hover{
		color:#958671;
		text-decoration:none;
		}
		

