@charset "utf-8";

/* scrollbalken im IE*/
html, body, textarea {
	SCROLLBAR-FACE-COLOR: #f6dcbb; 
	SCROLLBAR-HIGHLIGHT-COLOR: #f6dcbb; 
	SCROLLBAR-SHADOW-COLOR: #f6dcbb; 
	SCROLLBAR-3DLIGHT-COLOR: #b2b5b8; 
	SCROLLBAR-ARROW-COLOR: #b2b5b8; 
	SCROLLBAR-TRACK-COLOR: #b2b5b8; 
	SCROLLBAR-DARKSHADOW-COLOR: #b2b5b8;}
	
body {
    	font-family:Arial,Helvetica,sans-serif;
		/*background-color:#f2f2b2;*/
		background:#f6dcbb  url(../img/HG-bild.jpg) no-repeat;
    	/*background: #b2b5b8 url(../img/back-grau.jpg);*/
	/*	background:#b2b5b8 url(../img/steine.gif);*/
    	margin: 10 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
	small {font-family:Arial,Helvetica,sans-serif; font-size:9px;}
	big {font-family:Arial,Helvetica,sans-serif; font-size:14px;}
	.rahmen {  border: 1px #000000 solid}
	.formtext {font-family:Arial,Helvetica,sans-serif;background-color : #fcfcfc;  font-size: 11px; color: #000000;  border-left: 1px solid #b2b5b8; border-bottom: 1px solid #b2b5b8; border-right: 1px solid #b2b5b8; border-top: 1px solid #b2b5b8 }
.butts { font-size: 11px; width: 100; color: #b2b5b8; font-weight: bold; background-color: #fcfcfc; border-left: 1px solid #b2b5b8; border-bottom: 1px solid #b2b5b8; border-right: 1px solid #b2b5b8; border-top: 1px solid #b2b5b8}

	li {margin-bottom:3px; font-family:Arial,Helvetica,sans-serif; font-size: 12pt; color: #000000; }	
	ul {list-style-image: url('../img/bluedot.gif');list-style-type:square; font-family:Arial,Helvetica,sans-serif; font-size:12px;   color:#000000; }

h1 {color:#000000; text-shadow:black; font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
h2 {color:#000000;  text-shadow:black; font-size:15px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
h3 {color:#000000;   text-shadow:black; font-size:14px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
h4 {color:#000000;  text-shadow:black; font-size:13px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
h5 {color:#000000; text-shadow:black; font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}

	
    .oneColFixCtrHdr #container {
    	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #f2f7f9; /*zartblau*/
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	/*border: 5px solid #b2b5b8;*/
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColFixCtrHdr #header {
    	background: #b2b5b8  url(../img/topbild.jpg); 
    	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
		font-size:14px;
    }
	    .oneColFixCtrHdr #nav {
    	background: #b2b5b8; 
			background-image:url(../img/menu-bg.gif); 
    	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	}
	
	   .oneColFixCtrHdr #nav p,a {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 5px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
		font-size:12px;
		font: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color:#000000;
		text-align:center;
		vertical-align: middle;
		text-decoration: none;
    }
	A.menue:LINK    {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000000;text-decoration:none;  }
A.menue:VISITED {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000000; text-decoration:none; }
A.menue:ACTIVE  {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#FEDE5B;text-decoration:none; }
A.menue:hover   {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#ceaa61;text-decoration:none; }
	
    .oneColFixCtrHdr #mainContent {
    	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #f2f7f9;  /*zartblau*/
    }
	
	   .oneColFixCtrHdr #mainContent p,a,td,tr,table,input,textarea,label{
    	text-decoration: none;
		color:#000000;
		font-size:12px;
		font: Arial, Helvetica, sans-serif;
    }
	/*links */
A:LINK    {font-family:Arial,Helvetica,sans-serif; font-size: 12px; color:#000000;text-decoration:none;  }
A:VISITED {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000000; text-decoration:none; }
A.extra:visited {color : red; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:12px;text-decoration:none; } 
A:ACTIVE  {font-family:Arial,Helvetica,sans-serif; font-size: 12px; color:#a00000;text-decoration:none; }
A:hover   {font-family:Arial,Helvetica,sans-serif; font-size: 12px; color:#ceaa61;text-decoration:none; }
	
    .oneColFixCtrHdr #footer {
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#b2b5b8;
		background-image:url(../img/menu-bg-gr.gif)
    }
    .oneColFixCtrHdr #footer p,a {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		font-size:10px;
    }