/*	-------------------------------------------------------------
	1. RESET 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               * {
                    margin: 0;
                    padding: 0;
							 }
							 
							 img {border: 0;}
							 
							 a { text-decoration: none }
							 
							 a:link { color: #ff3300 }
							 a:visited { color: #ff3300 }
               a:hover { color: #ff9900; cursor: pointer }
							 a:active { color: #ff3300 }
							 a:focus { color: #ff9900 }
									
							               
               body {                  
									background-color: #fff280;
                  color: black;
									font-size: 12pt;
									font-family: Arial, Helvetica, sans-serif;																									
							 }
							 
							 font.fett { font-weight: bold }
							 font.unterstrichen { text-decoration: underline }
							 font.kursiv { font-style:italic }
							 font.rot { color:red }
							 
							 							 			 
							 p.zentriert { text-align: center }
							 
/*	-------------------------------------------------------------
	1. Gesamtstruktur 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #Gesamtstruktur {
							 			position: relative;
										margin: 4%;
										border:solid 1px #ff9900;
							 }
							 
							 
 
							 
/*	-------------------------------------------------------------
	2a. Kopfleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Kopfleiste {                    
									 overflow: visible;
									 background-color: #ff3300;
									 background-image:url(Kopfleiste_Hintergrund.jpg);
									 color: #fff280;
									 width: 100%;
									 height: 120px;
							 }
							 
 							 #Kopfleiste p {							 			
									 text-align: center;
									 padding-top: 0.8em;
									 font-size: 33px;
									 font-weight: bold;
							 }
							 
							 #Kopfleiste p.Untertitel {							 			
									 text-align: center;
									 padding-top: 0.8em;
									 font-size: 12px;
									 font-weight: bold;
							 }
							 

/*	-------------------------------------------------------------
	2b. Navigationsleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Navigationsleiste {                    
									 overflow: visible; width: 100%; text-align: center;
									 font-size: 80%; font-weight: bold;
									 background-color: #ff3300; color: #fff280;								 
							 }
							 
							 #Navigationsleiste p {                    
							 		 padding-top: 0.4em; padding-bottom: 0.4em;
							 }
							 
 							 #Navigationsleiste a {
 										color: #fff280;
							 }
							 
							 #Navigationsleiste a.unsichtbar {
							 			color: #ff3300;
							 }
							 
							 #Navigationsleiste a:hover {
										color: #ff9900;
										text-decoration: none;
										cursor: pointer;
               }
							 
							 #Navigationsleiste a.blind:hover {
										color: #fff280;
										cursor: auto;
               }
							 
							 #Navigationsleiste a.unsichtbar:hover {
							 			color: #ff3300;
										cursor: auto;
							 }
							 
/*	-------------------------------------------------------------
	3. Sprach- und Hinweisleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Sprachleiste {                    
									 background-color: #fff280;
									 color: #ff3300;
									 width: 100%;
							 }
							 
 							 #Sprachleiste p {							 			
									 text-align: right;
									 padding-right: 5%;
									 padding-top: 1em;
									 padding-bottom: 1em;
									 font-size: 80%; font-weight: bold;
							 }
							 
							 #Tippleiste {                    
									 width: 100%;
							 }
							 
 							 #Tippleiste p {							 			
									 text-align: right;
									 padding-right: 5%;
									 padding-top: 1em;
									 padding-bottom: 1em;
									 font-size: 80%; font-weight: bold;
							 }

/*	-------------------------------------------------------------
	Titelleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Titelleiste {
							     color: #ff3300;                    
							 }
							 
 							 #Titelleiste p {							 			
									 padding-left: 8%; padding-right: 15%;
									 padding-top: 1em; padding-bottom: 1em;
									 font-size: 200%; font-weight: bold;
							 }
							 
							 #Titelleiste p.mit_Pfeil_zurueck {text-indent: -36px}
							 
							 #Titelleiste img {vertical-align: middle}
							 
							 #Titelleiste p.lang {
							     font-size: 100%;
									 color: black;									 							
							 }
							 
							 #Titelleiste p.lang_mit_Pfeil_zurueck {
							     font-size: 100%;
									 color: black;
									 text-indent: -36px									 							
							 }
							 
/*	-------------------------------------------------------------
	Hinweisleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Hinweisleiste {
							     width: 100%;                    
							 }
							 
 							 #Hinweisleiste p {							 			
									 text-align: right;
									 padding-right: 5%;
									 padding-top: 0.5em;
									 padding-bottom: 1em;
									 font-size: 90%; font-style: italic;
							 }
							 
					 
/*	-------------------------------------------------------------
	Inhaltsleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Inhaltsleiste {                    
									 position: relative;
									 width: 100%;
               }
							 
							 #Inhaltsleiste p {
							 		 padding-left: 15%; padding-right:15%; padding-bottom: 0.75em;
									 text-align: justify;							     
							 }
							 
							 #Inhaltsleiste p.links {
									 text-align: left;							     
							 }
							 
							 #Inhaltsleiste ul {
							 		 list-style-type: disc;
									 padding-left: 18%; padding-right:15%; padding-bottom: 1em;
									 text-align: justify;
							}							 
							 
							 
							 #Inhaltsleiste ol {
							 		 list-style-type: decimal;
									 padding-left: 17%; padding-right:15%; padding-bottom: 1em;
									 text-align: justify;							     
							 }
							 
							 #Inhaltsleiste li.mit_Leerzeile {
							 		 margin-bottom: 1em;							     
							 }
							 
							 			 
							 #Inhaltsleiste p.eingerueckt {
							 		 padding-left: 18%;							     
							 }
							 
							 #Inhaltsleiste p.stark_eingerueckt {
							 		 padding-left: 25%;							     
							 }
							 
							 #Inhaltsleiste p.rechts {text-align: right;}
							 
							 #Inhaltsleiste p.zentriert {text-align: center;}
							 
							 #Inhaltsleiste p.standard_gross {
							      font-size: 120%;
							 }
							 
							 #Inhaltsleiste p.gross_zentriert_rot {
							      margin-top: 1.5em; margin-bottom: 1.5em;
										font-size: 120%;
										text-align: center;
										color: #ff3300;
							 }
							 
							 #Inhaltsleiste p.eingerueckt_gross {
							      font-size: 120%;
										padding-left: 18%;
							 }
							 
							 #Inhaltsleiste p.eingerueckt_klein {
							      font-size: 80%;
										padding-left: 18%;
							 }
							 
							 
							 #Inhaltsleiste p.Grafiklink {
							     text-indent:-36px;
									 padding-left: 21%; 
							 }
							 
							 #Inhaltsleiste p.Grafiklink_gross_und_fett {
							 		 text-indent:-36px;
									 padding-left: 21%; 
									 font-size: 120%;
									 font-weight: bold;     
							 }
							 
							 
							 #Inhaltsleiste p.Richtungspfeile {
							     text-align: center							 
							 }
							 
							 #Inhaltsleiste p.Videorahmen {
							     padding-left: 33%							 
							 }
							 
							 #Inhaltsleiste h2 {
							     padding-left: 15%; padding-right:15%; padding-bottom: 1em;
									 text-align: left;
									 font-size: 120%;
									 font-weight: bold;
							 }
							 
							 #Inhaltsleiste h3 {
							     padding-left: 15%; padding-right:15%; padding-bottom: 0.75em;
									 text-align: left;
									 font-size: 100%;
									 font-weight: bold;
							 }						 
							 
							 #Inhaltsleiste hr {
														 position: relative;
														 left: 45%;
														 text-align: left;
														 width: 10%;
														 background-color: #ff9900;
														 color: #ff9900;
														 margin-top: 0.3em;
														 margin-bottom: 0.5em;
								}
							 
							 #Inhaltsleiste a {text-decoration: underline}
							 
							 #Inhaltsleiste a.blind {cursor: text}
							 
							 #Inhaltsleiste span.rot { color: #ff3300  }
							 
							 #Inhaltsleiste span.kursiv { font-style:italic }
							 
							 #Inhaltsleiste object.Willkommensvideo { 
							     width: 300px;
									 height: 225px							 
							 }
							 
							 #Inhaltsleiste table.Fotogalerie {
							     position: relative;
									 width: 70%;
									 margin-left: 15%;  margin-right: 15%;
							 }
							 
							 #Inhaltsleiste td {
							     position: relative;
									 width: 50%;
									 vertical-align: top;									 
							 }
							 
							 #Inhaltsleiste td.Fotogalerie {
							     position: relative;
									 width: 33%;
									 vertical-align: top;									 
							 }
							 
							 #Inhaltsleiste img.Fotogalerie { border: solid 2px #ff7423 }
							 
							 
							 /*	-------------------------------------------------------------
	             Seite mit Bildschirmteilung
	             - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							 
							 #Inhaltsleiste table {
							     position: relative;
									 width: 96%;
									 margin: 2%;
							 }							 
							 
							 
							 #Inhaltsleiste td.fuenfzig_rechts {
							     position: relative;
									 width: 50%;
									 min-width: 50%;
									 vertical-align: top;
									 padding: 2%;
									 border: solid 1px #ff9900;
							 }
							 
							 #Inhaltsleiste p.linke_Seite_zentriert {
							 		 padding-left: 0; padding-right:0; padding-bottom: 0.75em;
									 text-align: center;							     
							 }
							 
							 #Inhaltsleiste h3.rechte_Seite {
							     padding-left: 0; padding-right: 0;
									 padding-bottom: 0.75em;
									 font-size: 120%;
									 text-align: center;			 
							 }
							 
							 #Inhaltsleiste h4.rechte_Seite {
							     padding-left: 0; padding-right: 0;
									 padding-bottom: 0.75em;
									 font-size: 100%;
									 text-align: center;
									 font-weight: bold;			 
							 }							 
	 
							 #Inhaltsleiste p.rechte_Seite {
							 		 padding-left: 0; padding-right: 0;
									 font-size: 90%;     
							 }
							 
							 #Inhaltsleiste p.rechte_Seite_gross_und_fett {
							 		 padding-left: 0; padding-right: 0;
									 font-size: 120%;
									 font-weight: bold;     
							 }						 
							 
							 
							 #Inhaltsleiste p.rechte_Seite_zentriert {
							 		 padding-left: 0; padding-right: 0;
									 font-size: 90%;
									 text-align: center;     
							 }
							 
							 #Inhaltsleiste p.Grafiklink_rechte_Seite {
							     text-indent:-36px;
									 padding-left: 36px;
									 padding-right: 0;
									 font-size: 90%; 
							 }
							 
							 #Inhaltsleiste ul.rechte_Seite {
									 padding-left: 3%; padding-right:0;
									 font-size: 90%;    
							 }						 
							 
							 #Inhaltsleiste p.Kontakt {
							     padding-top: 1em; padding-bottom: 1em;
									 font-size: 90%;
							 }		 
							 
							 
               /*	-------------------------------------------------------------
	             Nachrichten-Formular (innerhalb der Inhaltsleiste
	             - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							 
							 
               #Inhaltsleiste p.Button {
							      padding-left:30%;
							 }
							 
							 #Inhaltsleiste input, select, textarea {
										background-color: #fff280;
										border-color: #ff9900;
										width: 50%;
							 }
							 
							 #Inhaltsleiste input.normal {width: auto}
							 
						   #Inhaltsleiste input.abschicken {
							      color: #fff280; background-color: #ff4c00; border-color: #ff3300;
										font-size: 80%; font-weight: bold;
										height: 21pt;
										cursor: pointer;
										width: auto;
							 }
							 
/*	-------------------------------------------------------------
	5. Kontakttabelle
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Kontaktleiste {                    
									 width: 100%;
									 color: #ff3300;
               }
							 
							 #Kontaktleiste p {							 			
									 padding-left: 8%; padding-right: 15%;
									 padding-top: 1.5em; padding-bottom: 1.5em;
									 font-size: 110%; font-weight: bold;
							 }
							 
							 #Kontaktleiste input {
				              color: #fff280; background-color: #ff3300; border-color: #ff0000;
											font-size: 80%; font-weight: bold;
											height: 18pt;
											cursor: pointer
				 			 }
							 
							 	


/*	-------------------------------------------------------------
Buttonbehälter
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
							#Buttonbehaelter {
										position: absolute; top: 40%; right: 5%; width: 9%;
										z-index:10;
										font-weight:bold; font-size:large;
										background-color: #ff3300; color: #fff280;
										border:solid 1px #ff0000; 
																			
							}
							
							#Buttonbehaelter p {
										color: #fff280;
										font-size: 70%;
										padding:1em;
										margin-bottom: 0.5em;
										text-align: center;				
							}
							
							#Buttonbehaelter input, select {
				              color: #cc0000;
											background-color: #fff280;
											border-color: #fff280;
											font-weight: bold;	
				 			 }
							 
/*	-------------------------------------------------------------
Absolut positionierte Elemente
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							
							div.HPElement {
										position: absolute;
										z-index:10;
										
							}
														
							#Titelbild {top:3%; left: 3%; width: 120px; height: 120px; font-weight:bold; font-size:large;}
									 #Titelbild img { 
																		border-top: solid 2px #ff7423;
																		border-left: solid 2px #ff7423;
																		border-right: solid 2px #fff280;
																		border-bottom: solid 2px #fff280;															
																	}
																	
							table.HPElement {
										position: absolute;
										z-index:10;
										
							}
							
							#Nachrichtenfenster {top:3%; right:3%; width: 180px; height: 120px;
																		border-top: solid 2px #ff7423;
																		border-left: solid 2px #fff280;
																		border-right: solid 2px #ff7423;
																		border-bottom: solid 2px #fff280;
																		background-color: #fff280;								 	
																	}						
									 #Nachrichtenfenster p {
									 										 	  font-size: 80%;
																					text-align: center;																														
																	       }
									 #Nachrichtenfenster a {
									 										 	  text-decoration: underline;
																					font-weight:bold; 																														
																	       }