/* by Adrian Thomale 01.05.2013 */

body {		
	font-family:'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size:15px;
	line-height:1.25;
   background-color:#374145;
	margin:0;
	padding:0;
}

h1, h2, p {
	color:black
}
   
#Rand {								/* Ränder zwischen dem Browserinnenfenster und der Seite (Inhalt) */	
	margin-left:30px;  
	margin-right:30px;
	margin-top:30px;
	margin-bottom:30px;
}         

#Seite {								/* Die Seite */	
	background-color:white;
	min-width:250px;
	max-width:1000px;		
	margin-left:auto;
	margin-right:auto;
	padding-top:35px;				/* Damit oben und unten ein Standardrand mit background-color bleibt */	
	padding-bottom:35px;
}
		 
#Kopf {
	border: none;
	margin-top:15px;
	margin-left:auto;				/* wird zentriert */	
	margin-right:auto;
	max-width:86%;					/* Das sind 860px, so bleibt ein Rand von 70 px */	
	min-height:90px;
}

#Kopf h1 {
	line-height:normal;
	margin-top:0px;
	margin-bottom:0px;
}		 		             		
		
#Kopf h1 + p {						/* nur falls p direkt nach h1 folgt */	
	margin-top:0px;
	color: grey
}		 		             		

#Bild {
	border:none;
	margin-top:15px;
}

#Bild img {
	display:block;					/* verhindert einen unteren Bildrand */
	width:100%;
	height:100%;
}								
		 
#Menuerahmen {
	background-color:#222222;		
	overflow:hidden;				/* paßt die Höhe dieses containers automatisch an. Hier bei float:left der inneren divs notwendig */
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.4);  /* Werte: x-Offset, y-Offset, Weichzeichner, Radius  */
	clear:both;						/* Damit dieser div-Block wieder linksbündig als Block angeordnet wird  */         
}

#Menue {		
	margin-left:auto;				/* Menue mit den Items wird zentriert */	
	margin-right:auto;
	max-width:89%;					/* Das sind 890px, so bleibt ein Rand von 70 px */		
}

.menueitem {						/* Damit die einzelnen divs mit den Links nebeneinander liegen */	
	float:left;	
}

a.menuelink_self {
	font-weight:bold				/* Hauptlink fett, da ausgewählt */ 
}

a.menuelink,
a.menuelink_self {
	font-size:13px;
	line-height:normal;		
	white-space:nowrap;	
	text-decoration:none;
	height:43px;				
 	padding-left:15px;			/* linker und rechter Mindestabstand zum nächsten Link */
 	padding-right:15px;
 	display:table-cell;			/* als Zelle, da sonst keine vertikale Ausrichtung möglich ist */
 	vertical-align:middle;	    	
}

a.menuelink:link,
a.menuelink:visited,
a.menuelink_self:link,
a.menuelink_self:visited {
	color: #EEEEEE;
} 

a.menuelink:focus,
a.menuelink:hover,
a.menuelink:active,
a.menuelink_self:focus,
a.menuelink_self:hover,
a.menuelink_self:active {
	background-color: #EEEEEE;	/* ältere Browser */ 
	background-image: linear-gradient(#f9f9f9, #e5e5e5);
	color:black;	
	outline:none;  				/* kein gepunkteter Rahmen */ 
}

#Inhalt {
	border:none;	
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	max-width:86%;					/* Das sind 860px, so bleibt ein Rand von 70 px */		
}

#Inhalt h2 {
	line-height:normal;
	margin-top:0px;
}

#Inhalt a {
	color:cornflowerblue;
	font-weight:bold;
}

#Inhalt a:link,
#Inhalt a:visited {
	text-decoration:none;
} 

#Inhalt a:hover,
#Inhalt a:focus,
#Inhalt a:active {
	text-decoration:underline;
	outline:none;
}

#Impressum {
	border:none;	
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	max-width:60%;					/* Das sind 860px, so bleibt ein Rand von 70 px */		
}

#Impressum h2 {
	line-height:normal;
	margin-top:0px;
}