/*  =========================================================
CSS: Styleguide für Stylesheets
Datei: myStyleguide.css
Media: screen, projection 

Datum: August 2006
Georg Schmidt 
 
Gliederung der CSS-Datei
                                   
1. Allgemeine Selektoren 
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs 
   - Sonstiges 
                              
2. Layoutbereiche 
   - Wrapper 
   - Kopfbereich   
   - Navibereich   
   - Textbereich   
   - Fussbereich   

3. Spezielle Seiten 
   - Kontaktformular 

========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

/** {  Kalibirierung von Abständen 
 padding: 0; 
  margin: 0; 
}
*/

/*html { /* In Firefox Rollbalken erzwingen - bei Bedarf einfügen 
  height: 101%; 
}*/

html, body {height:101%} /*Höhe sollte sich an Borwserfenster anpassen*/

body { 
					  color:#01173f;
					  /*background-image:url(../imagesSite/mainBG3Stripes01.gif);*/
					  background-color: #7e929b;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: small;
					  margin:0px;
					  text-align:left;
					  overflow:auto;
					 
}

/* ===============================
   =Block-Elemente 
=============================== */
h1,h2,h3,h4,p { 		margin-top:0px;
					
  			}
h1			{			font-size:150%;
						font-weight:bold;
			}
h2			{			font-size:130%;
						font-weight:bold;
			}
h3			{			font-size:120%;
						font-weight:bold;
			}
h4			{			font-size:110%;
						font-weight:bold;
			}
p			{			font-size:100%;
								}
							
/*Pseudoklassen für Standardlinkfarben*/
a:link, a:visited {	line-height:18px;
					font-weight:bold;
					font-size:100%;
					color:#666666;
					background-color: transparent;
					text-decoration:underline;
					
							}
a:active, a:hover {
					color: #01173f;
					text-decoration:underline;
  }
a.menu:link, a.menu:visited {
							line-height:25px;
							vertical-align: middle;
							text-decoration:none;
							font-weight:bold;
							font-size:12px;
							color:#fff;
							padding-top:2px;
							padding-bottom:2px;
							padding-left:12px;
							padding-right:10px;
							border: 0px solid #000000;
		}

a.menu:active, a.menu:hover {
							color: #e3deda;
							
  		}


/* CSS für Texte */

 
#content h1,h2,h3,h4 {				
								margin-top: 10px;
								padding:0px;
								width:380px;
								text-align:left;
								font-family:Verdana, Arial, Helvetica, sans-serif;
								text-align:left;	
								margin-left:15px;
											
			}
#content p{						margin-left:25px;
								width:380px;
								padding-bottom:10px;
								}

			
.white				{		color:white;
}

img {				border:0;}


/*li	Listenelemente
li 	{
		list-style-image: url(../images/bulletOne.gif);
		}*/
		
ul {margin:0px;}		


/* Textformat für Anzeige des aktuellen Themas*/
ol {list-style-type: decimal-leading-zero;}
li {font-weight:bold;}
/*li		{
		list-style: none;
		}*/
		
		
/*Container für Inhaltsbereiche */

/* zur Zentrierung in Bildschirm und Festlegung der Breite benötigt*/

#container {		background-color:#e0d9d3;
					width:800px; 
					margin:10px auto;
					border-color:#FFFFFF;
					border-style:solid;
					border-width:0px;
									
					
			}
/* Banner für Bild -> themenbezogener Wechsel*/

#banner{				height:160px;
						width:800px;
						background-color: #FFFFFF;
						margin:0px;
						padding:0px;
				
	}
#subBanner{				height:30px;
						width:800px;
						background-color: #FFFFFF;
						margin:0px;
						padding:0px;
				
	}
		
	
#navigation {	height:20px;
				width:100%;
				text-align:left;
				background-color:#e3deda;
						}

/* Container fuer Inhaltsbereich dreispaltig*/



#mainContent {			background-color:#e3deda;
						width:100%;
						overflow:visible;
						/*min-height hack*/
						min-height:370px;
						height:auto !important;
						height:370px;	
								}

/*#mainContentVideo {		width:100%;
						background-color:#e3deda;
						overflow:auto;
						min-height hack
						min-height:350px;
						height:auto !important;
						height:350px;	
								}
								
							*/	
								
								

/*Hauptinformationsbereich*/

/*#content {				
							width:500px;
							float:left;
							background-color:#e3deda;
							padding: 0px;
							margin:0px;
							overflow:auto;
							min-height hack;
							min-height:400px;
							height:auto !important;
							height:400px;
							}*/
							
							
#contentVideo {				
							width:550px;
							float:left;
							background-color:#e3deda;
							padding: 0px;
							margin:0px;
							overflow:visible;
							/*min-height hack*/
							min-height:370px;
							height:auto !important;
							height:370px;
							}
#impressum	{				width:550px;
							float:left;
							background-color:#e3deda;
							padding: 0px;
							margin:0px;
							overflow:visible;
							/*min-height hack*/
							min-height:370px;
							height:auto !important;
							height:370px;
							}																
/*Emotionselement und ggf fuer weitergehenden Informationen */
#impressum p {margin-left:55px;
				width:340px;
				text-align:justify;}
#impressum h3 {margin-left:55px;}
#impressum h2 {margin-left:55px;}
							

#picRight {					width:247px;
							background-color:#ea1c28;
							/*background-image:url(../images/picRight.jpg);*/
							float:left;
							text-align:left;
							/*min-height hack*/
							min-height:370px;
							height:auto !important;*/
							height:370px;
							border-left:3px #fff solid;
						
						
						}
#picRightLeer {				float:left;		
							width:247px;
							background-color:#2b252c;
							/*background-image:url(../images/homePic.jpg);*/
							text-align:left;
							overflow:visible;
							/*min-height hack*/
							min-height:370px;
							height:auto !important;*/
							height:370px;
							border-left:3px #fff solid;
						
						
										}
#picRightLeer  h3 { margin-top:10px; margin-left:10px; width:220px;color:#fff;}
#picRightLeer p {margin-left:10px; width:220px;font-weight:normal;color:#fff;}
				
				




/* Fusszeile mit Navigation*/

#navlist li {				padding:0px;
							display: inline;
							list-style-type: none;
							margin-left:10px;
			}
#footer{ 					clear:both;
							color:#FFFFFF;
							height: 15px;
							font:bold 9px verdana,helvetica,arial, sans-serif;
							background-color:#870e05;			
							padding:5px 8px;
							text-align:right;
							margin:0px;
			}
			
a.footer:link,a.footer:visited {	font-weight:bold;
									font-size:10px;
									color:#fff;
									background-color: transparent;
									text-decoration:none;					
							}
							
a.footer:active, a.footer:hover {
									color:#AFAFAF;
									text-decoration:underline;
  }



/* listenmenu horizontal*/
form {margin:0;
float:left;
}
#whiteSpacerBot {				height:15px;
								margin:0px;
								background-color:white;
} 

.stripewhite {					width:100%;
								height:15px;
								margin:0px;
								background-color:white;
}


.clearbox {						clear:both;
								height:0.1px;
								background-color:#4083AD;
								display:none;
								visibility:hidden;
								}
#player1 {margin-top:20px;
margin-left:20px;
}