* {
	margin: 0;
	padding: 0;
}

body {
	background: #cdc7cb;
	color: #000000;
	font: 0.9em/1.6em Verdana,sans-serif;
	width: 1002px;
	margin: 0 auto;
	padding: 0;
}

#begin{
	margin-right: auto;
	margin-left: auto;
	width: 1002px;
	background-image: url(kopf.jpg);
	background-repeat: no-repeat;
	height: 30px;
	background-position: 0 10px;
}

#container {
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 962px;
	padding-right: 20px;
	padding-left: 20px;
	background: url(linie.jpg);
}

#end {
	/* Abschließung des Layouts im unteren Seitenbereich */
	margin-right: auto;
	margin-left: auto;
	width: 1002px;
	background-image: url(fuss.jpg);
	background-repeat: no-repeat;
	height: 30px;
}

#columnwrap {
	/* Allgemeines Container für sämtliche Seiteninhalte */
	background-color: #222d2d; 
	padding-bottom: 7px;
	display: block;
}
               
#subwrap {
	/* r e c h t e r Teil Hintergrund */
	background-color: #DAD9E1;
	width: 100%;
	float: left;
	padding-bottom: 6px;
	display: block;
}
          
#content-main {
	/* Linker Teil, Inhalt */
	float: left;
	width: 75%;
	/*background: #fff;*/
	background: #eee;
	/*background-image: url(01.jpg);*/
	color: #000000;
	padding-bottom: 10px;
}         

#content-main * {
	/* Alle Kinderelemente des Inhaltsbereichs sollen über einen äußeren Abstand verfügen */
	margin-left: 22px;
	margin-right: 24px;
}         
#content-related {
	/* Rechtes Navigationsmenü der Seite */
	font-size: 92%;
	float: right;
	width: 25%;
}

a img {
/* Entferne Rahmen von verlinkten Bildern */
	border: 0;
}

strong, 
p.bold {
	font-weight: 700;
}

em {
	font-style: italic;
}

p,ul,dl {
	margin-top: .6em;
	margin-bottom: .8em;
}

ul {
	padding-left: 3.3em;
}
   
ol {
	padding-left: 30px;
}

ul li {
	list-style-type: square;
	margin-bottom: .4em;
}

dt {
	font-weight: 400;
	margin-top: .5em;
	color: #999;
	font-size: 1.1em;
}

dd {
	margin-bottom: .8em;
}

/* Verweise in Inhaltsbereich und Footer werden mit einem Icon versehen */
#content-main a:link, 
#footer a:link {
	text-decoration: none;
	color: #149;
	font-weight: 700;
	text-decoration: underline;
	background: url(unchecked.png) right center no-repeat;
	padding: 2px 14px 2px 1px;
	margin: 0;
}
     
#footer .footerright a:link {
	background: none;
	text-align: right;
}
               
               #content-main a:focus,
               #footer a:focus {
                    background-color: #115599;
                    color: #fff;
               }

               /* Hover-Zustand soll für besuchte wie noch nicht besuchte Seiten gleich sein */
               #content-main a:hover, #content-main a:visited:hover,
               #footer a:hover, #footer a:visited:hover {
                    color: #c00;
					background-color: #fff0f7;
               }
          
               /* Bereits besuchte Seiten werden entsprechend hervorgehoben */
               #content-main a:visited, 
			   #footer a:visited  {
               	color: #666;
               	text-decoration: underline;
               	border: 0;
               	background: url(checked.gif) right center no-repeat;
               	padding: 2px 12px 2px 1px;
               	margin: 0;
               	margin-bottom: 10px;
               	font-weight: bold;
               }    
               
               #content-main a:active, 
               #footer a:active {
                    /* Focus und Active: in diesen Zuständen soll sich ein Verweis deutlich hervorheben */
               	background-color: #999;
               	color: #fff;
               }    
               

                        
/*	-------------------------------------------------------------
	RECHTES NAVIGATIONSMENÜ (#CONTENT-RELATED)
	------------------------------------------------------------- */

#content-related h2 {
	font-size: 1.2em;
	margin-top: 3em;
}    
#content-related h3 {
	color: #9aef3f;
}                                 
               
#content-related a:hover, 
#content-related a:visited:hover, 
#content-related a:focus, 
#content-related a:visited:focus {
	/* H o v e r rechter Teil */
	/* Hover und Focus: in diesem Fall werden beide Zustände identlisch gestaltet */
	background-color: #0069B3;
	color: #FFFFFF;
}
               
#content-related a:visited {
	color: #666;
	padding-right: 12px;
}

#content-related h2 {
	background-color: #DAD9E1;
	font-weight: 600;
	color: #cee780;
	padding: 3px;
	padding-left: 15px;
}
               
#content-related h2 a,
#content-related h2 a:hover,
#content-related h2 a:visited  {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
	text-decoration: none;
	background-color: #fff;
}
                    
.homelist {
	/* Abstände für die ungeordnete Liste ul.homelist */
	padding-bottom: .6em;
	padding-right: 12px;
	padding-left: 12px;
}
               
#content-related .homelist li {
	list-style-type: none;
}
               
#content-related ul.homelist li {
	padding-bottom: 1px;
}
               
#content-related li a, 
#content-related li a:visited {
	/* Gestaltung der Verweise: Verweis wird zum Block deklariert und mit einer festen Breite versehen */
	/* Dadurch wird es dem Nutzer leichter fällen, einen Verweis anzuklicken. */
	display: block;
	color: #149;
	font-size: 1em;
	font-weight: 700;
	text-decoration: underline;
	border-bottom: 1px dashed #C0C0C0;
	text-align: left;
	width: 180px;

	/* Ein 'künstlicher' Listenmarker soll sich rechts befinden */
	background: transparent url(marker.gif) no-repeat 3% 50%;
	padding: 0 5px 4px 32px;
}

#content-related li.current a,
#content-related li.current a:visited,
#content-related li.current a:visited:hover {
	/* Der aktuelle Seitenbereich wird durch seine Hintergrundfarbe markiert */
	background-color: #67af1e;
	color: #fff;
	border: 2px solid #9be252;
}

/* Bei Bedarf kann man angeklickte Bereiche mit CSS automatisch hervorheben */
/*
               #content-related li a:visited {
                    background: url(check.gif) right center no-repeat;
               }
*/

h1 {
	line-height: 1.3em;
	font-family: "Trebuchet MS",sans-serif;
	font-weight: 400;
	font-size: 218%;
	margin-top: 1.3em;
	margin-bottom: 0.1em;
	color: #092e20;
}
               
h2 {
	font-family: "Trebuchet MS", Verdana,"Trebuchet MS",sans-serif;
	font-size: 1.5em;
	margin-bottom: .6em;
	line-height: 1.22em;
	color: #092e20;
}

h3 {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: 700;
	margin-bottom: .2em;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 2px 3px 2px 10px;
}    

h4 {
	line-height: 1.3em;
	font-family: "Trebuchet MS",sans-serif;
	font-weight: 400;
	font-size: 180%;
	margin-left: 0.3em;
	margin-top: 0.7em;
	margin-bottom: 0.1em;
	color: #092e20;
}

#content-main h2, 
#content-main h3 {
	margin-top: 1.2em;
}
    
/*	-------------------------------------------------------------
	7. HEADER (#header)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #header
               {
                    /* Zugänglichkeit: auch ohne CSS-Stile soll die Seite gut benutzbar sein. Ein Verweis 
                    wird durch ein Bild ersetzt, indem er horizontal als Inline-Element präsentiert und um
                    9999px nach links verschoben wird. Suchmaschinen sehen den Verweis trotzdem. */
               	height: 120px;
               	background: #0c648a url(logotype.jpg);
               }
               
               #header h1
               {
               	display: inline;
               }
               
               #header h1 a
               {
               	text-indent: -9999px;
               	display: block;
               	width: 510px;
               	height: 86px;
               	margin: 0;
               }    
     
/*	-------------------------------------------------------------
	HORIZONTALES NAVIGATIONSMENÜ (#TOPNAV)
	------------------------------------------------------------- */
     
#topnav{
	/* <div id="topnav">
		Oberes Navigationsmenü auf die volle Breite; text-align sorgt dafür,
		das der Inhalt von Listenelementen innerhalb von LIs zentriert wird. 
	*/
	width: 962px;
	height: 33px;
	line-height: 15px;
	text-align: center;
	background-color: #045;
	border-top: 2px solid #0c648a;
}
              
#topnav ul {
	display: inline;
	margin: 0;
	padding: 0;
}
               
#topnav ul li {
	/* Listenelemente werden in eine Reihe gelegt. */
	display: inline;
}
               
#topnav a {
	/* Das Navigationsmenü soll Verweise als Kästchen präsentieren, demzufolge werden sie
		zu Block-Level-Elementen deklariert und als Blöcke gestaltet. */
	font: bold 12px Verdana, Arial, sans-serif;
	color: #fafafa;
	text-decoration: none;

	/* Gefloatete Elemente sind automatisch Block-Level-Elemente;
		display: block; ist nicht notwendig */
	float: left;
	height: 1.6em;
	width: 143px; /* MenuItem width */
	background-color: #0c648a;
	border: 1px solid #1a74a8;
	border-width: 1px 1px 0;
	margin: 3px 1px;
	padding: 4px 6px;
}
               
#topnav a:hover {
	height: 19px;
	background-color: #0d7eb0;
	color: #fff;
	text-decoration: underline;
}
               
#topnav a.home {
	/* Verweis zur Startseite wird besonders markiert 
	background-color: #bcf183;
	border: 1px solid #7cc51b;
	color: #333;
	border-width: 1px 1px 0;
	margin: 4px 1px 3px 4px;
	padding: 4px 10px 4px 6px;
	*/
}
               
#topnav a.on {
	/* Die aktuelle Rubrik wird besonders markiert */
	background-color: #199fd4;
	color: #fff;
	/*
	text-decoration: underline;
	border: 1px solid #167faa;
	border-width: 2px 2px 0;
	margin: 4px 2px 4px 4px;
	padding: 4px 6px 6px;
	*/
}
               
#topnav li a.darknav {
	/* Weitere Elemente können auch unterschiedlich hervorgehoben werden */
}
         
/*	-------------------------------------------------------------
	9. BANNER (#IMAGEINTRO)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/     
#imageintro {
	/* Eine horizontale Abgrenzung zwischen dem Banner und dem übrigen Inhalt */
	/*border-bottom: 6px solid #08425c;*/
}
               
#homepage #imageintro {
	/* #homepage ist eine Body-ID, nach der ggf. unterschieden werden können.
	So können unterschiedliche Seiten verschiedene Banner haben. Die Auswahl kann
	mit CSS 'automatisch' erfolgen. So wird das Bild banner.png nur auf der Seite mit Body-ID
	#homepage erscheinen, auf den anderen Seiten (mit anderen IDs) dagegen nicht. */
	background: #00a0d5 url(banner.jpg) no-repeat;
}
               
#homepage #imageintro h2 {
	/*border-top: 1px solid #167faa;*/
	/*border-bottom: 1px solid #167faa;*/
	text-indent: -5000px;
	height: 164px;
	width: 962px;
	margin: 0;
}
               
#imageintro h2 a {
	/* Die ganze Bannerfläche (962px x 140px) soll angeklickt werden können. */
	display: block;
	width: 962px;
	height: 140px;
	margin: 0;
}
     
#footer {
	/* Footerbereich: damit auch Footer nicht gefloatet wird, wird es mit clear: left aus dem Fluß herausgerissen
		und erscheint wie gewohnt unter dem übrigen Inhalt. */
	clear: left;
	color: #487858;
	font-size: 90%;
	padding: 10px 20px;
	background-color: #FFFFFF;
}
                  
.footerleft {
	/* Linker Teil des Footers: für den Text. clear: both, damit das Hintergrundbild .fooerleft und .footerright noch umschließt. */
	min-height: 35px;
	clear: both;
	padding-top: 2px;
	padding-left: 30px;
}
               
.footerleft p {
	color: #999;
	font-size: 10px;
	margin: 6px 20px 6px 0;
	padding: 0;
}
               
.footerleft dl {
	width: auto;
	text-align: left;
	font-size: 0.9em;
	color: #333;
	margin: 0 10px 0 0;
	padding: 0;
}
               
.footerleft dl dt {
	float: left;
	clear: left;
	width: 80%;
	margin: 0 -1px 0 0;
	padding: 0;
}
               
.footerleft dl dd {
	width: 20%;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}
               
.footerright {
	/* Rechter Teil des Footers: für das Bild. Innerhalb von .footerleft */
	float: right;
	width: 154px;
}
               
.footerright a {
	display: block;
	width: 146px;
	height: 31px;
	padding: 4px;
}
                   
#footer p {
	font-weight: 400;
}
               
.footerright img {
	border: none;
}     

/* Notwendig für die Umschließung des gesamten Seitenbereichs. */
#columnwrap:after,
#subwrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.faq {
	font-size: 110%;
	font-weight: bold;
}

/* class */
.incr_klicks {
	display: none;
}
.klicks {
	height: 20px;
	width: 80px;
	font-size: 80%;
	border: none;
}
.maus {
	cursor: pointer;
}
.fett {
	font-weight: bold;
}
.refs {
	padding-top: 10px;
	text-align: center;
}
.stripe {
	background-color: #DAD9E1;
}
.mittig {
	line-height: 1.3em;
	font-family: "Trebuchet MS",sans-serif;
	font-weight: 400;
	font-size: 160%;
	padding-left: 100px;
	margin-top: .3em;
	margin-bottom: 0.1em;
	color: #092e20;
}
.mittigStreifen{
	line-height: 1.3em;
	font-family: "Trebuchet MS",sans-serif;
	font-weight: 400;
	font-size: 160%;
	padding-left: 100px;
	margin-top: .3em;
	margin-bottom: 0.1em;
	color: #092e20;
	background-color: #DAD9E1;
}
.zellFarbe {
	background-color: #DAD9E1;
}
.tabelle {
	border: thin solid black;
	caption-side: bottom;
	border-collapse: collapse; /* zusammenziehen */
}
.zelle {
	padding: 5px;
}
.versteckt {
	display: none;
}
.mini {
	font-size: 60%;
}
.agbOL {
	padding-left: 30px;
	padding-top: 10px;
}
.homeAnker {
	padding-top: 10px; 
	text-align: right;
}