@charset "utf-8";
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:black;
	margin: 0;
	padding: 0;
	/*background-image: url(../images/hintergrund_gelb.jpg);
	background-position:right;
	background-repeat: repeat-y;*/
	background-color:#cccccc;
	}
	
/*a { text-decoration: none; outline: none;} 
a:link { color: #d90000; } 
a:visited { color: #cc6666; }
a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000 
}
a:active { 
   color: white; 
   background-color: #d90000; 
}*/
    
#container {
	position:absolute;
	width: 1000px;
	height: 700px;
	top:2px; /*auf 50% stellen*/
	left:50%; /*auf50% stellen*/
	background-image:url(../images/hintergrund.jpg);
	background-repeat:repeat-x;
	/*background: #FFFFFF;*/
	/*margin-left:-500px; /*auf -500px stellen - ist immer horizontal mittig */
	/*margin-top:-400px; /*auf -350px stellen - ist immer vertikal mittag */
	margin:0px 0px 0px -500px; /*zuerst von der Höhe und zum Schluss von der Breite*/
	border: 1px solid #006633;
	/*text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */

    } 

#header { 
    /*background-image:url(../images/hintergrund_logo.jpg);*/
	/*background-color:#006633;*/
	/*background-repeat:repeat; */
   	padding: 10px;  
	height: 110px;
	vertical-align:middle;
	font-weight:bold;
    } 

#header table {
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	}
    
#sidebar1 {
	/*background-image:url(../images/hintergrund_gelb.jpg);*/
	/*background-color:red;*/
	/*background-repeat:repeat; */
	float: left;
	width: 190px;
	padding: 0px 0px; /*0px wenn das linke Inhaltsverzeichnis direkt an den Hauptbereich anschließen soll */
	height:570px;
	margin:0px;
	text-align:left;
	}

#sidebar1 h1, #sidebar1 p {
	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 10px;
	font-weight: bold;
	}
    
#mainContent {
	/*background-image:url(../images/hintergrund_gelb.jpg);*/
	/*background-repeat:repeat-x;*/
	/*background-position:right bottom;*/
	/*background-color:f09f73;*/
	width:790px; /*geht im Explorer - sonst evtl. löschen */
	height:540px;
	float:right; /*geht im Explorer - sonst evtl. löschen */
	padding:15px 10px;
	overflow:auto;
	} 
	
#mainContent h1 {
	/*font-family:Arial, Helvetica, sans-serif, Brush Script MT;*/
	font-family: "Brush Script MT", Vivaldi, fantasy; 
	font-size:30pt;
	color:#666666;
	font-weight:bold; 
	margin-left:10px;
	margin-top:5px; /*Abstand zum oberen Rand für die Schrift*/
	}	
	
#mainContent p {
	margin-left:10px;
	margin-right:10px;
	}	
	
#mainContent table {
	margin-left:10px;
	}
	
#mainContent #Tabellentext, td {
	vertical-align:top;
	valign:top;
	margin-top:0;
	margin-left:15px;
	margin-right:15px;
	}

#mainContent #Bild {
	margin:0;
	vertical-align:top;
	}


/*Navigation in Karteikartenform - vertikal */

#navibereich_links {
   float: left; 
   padding-top: 20px;
   padding-left:10px;
   width:180px; 
   margin-right:0px;
   } 
  
/*   #navibereich_links ul {
	width: 180px;
	clear:both;
    border-top: 1px solid #cccccc; 
	} */
      
   #navibereich_links li { 
      /*border-left: 1px solid #cccccc; 
      border-bottom: 1px solid #cccccc; 
	  border-top: 1px solid #cccccc; */ /*wenn ein Rahmen um die Elemente angezeigt werden soll - schaut dann so aus wie Karteikarten */
      margin-top: 7px; /*Abstand zwischen den einzelnen Listelementen*/
	  margin-left: 5px;
	  margin-right:5px;
	  margin-bottom:0px;
	  padding:0;
	  list-style-type:none; 
	  font-weight: bold;
   }

   #navibereich_links a { 
      display: block;  
      text-decoration: none;
      color: black; 
      background-color: red; 
      padding: 4px; /*Höhe der Listenelemente - Kastenhöhe */ 
      border-left: 4px solid red;  /*Breite der linken Linie - Farbe muss die gleiche sein, wie der Hintergrund*/
	  margin-top:0px;
   }  
   #navibereich_links a:hover,
   #navibereich_links a:focus,
   #Seite1 #navi01 a, 
   #Seite2 #navi02 a,
   #Seite3 #navi03 a,
   #Seite4 #navi04 a,
   #Seite2_1 #navi02_1 a,
   #Seite2_2 #navi02_2 a,
   #Seite2_3 #navi02_3 a { 
      color: black; 
      background-color: orange; /*Farbe des Kastens bei Hover*/
      border-left-color: red; /*rechter Rand bei Kasten bei Hover*/
      border-bottom: none;
   }  
   #navibereich_links a:active { 
      color: black;
      background-color: orange; /*Farbe des Kastens beim Draufklicken */ 
   }  

/*Unterpunkt einblenden, wenn Punkt 2 (id=Seite2 im body) aktiv ist */
#Seite2 #navi02_1, /*wenn id=Seite2 dann die id navi02_1 einblenden */
#Seite2 #navi02_2,
#Seite2 #navi02_3,
#Seite2_1 #navi02_1,
#Seite2_1 #navi02_2,
#Seite2_1 #navi02_3,
#Seite2_2 #navi02_1,
#Seite2_2 #navi02_2,
#Seite2_2 #navi02_3,
#Seite2_3 #navi02_1,
#Seite2_3 #navi02_2,
#Seite2_3 #navi02_3 {
display:block;
margin-left:20px;
margin-bottom:0px;
margin-top:2px;
}

/* Unterpunkt ausblenden */   
#navi02_1,
#navi02_2,
#navi02_3 {
display: none;
}
    
/* Verschiedene wieder verwertbare Klassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }