/*drop_menu_schattenhalb_16_css_index.css 
 *@author: André Flotron
 *@created: 19.02.2016
 */

 * {
							/* Universal Selektor für den Normfall nullen */
 	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
}										/*Typ Selektoren, sind Klassen vorzuziehen		*/
html {
	height: 100.3%;						/*  Erzwingt  Scroolbalken im FF  */	
	font-size: 62.5%;					/*	nach Rutter, normiert die Schrift in allen Browsern	*/

}
body {
	
	text-align: center;					/*	Body im Fenster zentrieren, siehe auch wrapper	*/
	font-size: 1.2em;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	line-height: 3.0em;
	background-color: #efefef; 			/* Farbe wählen, um Blockgrenzen zu sehen!	*/
	background-image: url("../images/...");	
	border: 1px solid #f2f2f2; 
}
 
						/********************/	
						/*		Header		*/										
div#header {
	background-color: #cccccc;
	padding: 0em;
	width: 1000px;
	height: ;
}
div#titel {								/* Kasten für Gemeindename	*/
	width: 685px;
	height: 70px;
	background-color: #ffff00;
	float: left;
}
div#wappen {
	padding-top: 1px;
	width: 55px;
	height: 7px;
	background-color: #ffff00;
	float: left;
}
div#adresse {							/*	Kasten für Adresse	*/
	width: 260px;
	height: 70px;
	float: right;
	background-color: #FFFF00;
}
div#adresse ul {						/*	Adress-Liste	*/
	padding-top: 1.0em;
	margin-left: 0.8em;
	padding-left: 0.8em;
	line-height: 1.4em;
	list-style-type: none;
}
div#adresse a {							/*	e-mail-Zeile formatieren	*/
	color: #000000;
	text-decoration: none;	
}
div#adresse a:hover {					/*	""				*/
	color: #0000ff;
}
.gemeinde {								/*	Gemeindename	*/
	font-size: 2.3em;
	font-family: "Century Gothic"; 
	line-height: 2.6em;
	font-weight: normal;
	color: #000000;
	padding-left:2.2em;
}
div#titelbild {
	background-color:#cccccc;
	width: 640px;
	height: 160px;
	float: left;
	margin: 0px;
	padding-left:0px;
}
						/*		End Header		*/
						/***********************/	
div#wrapper {
	width: 1000px;														
	text-align:left;					/* 	Zurücksetzen von 'center' im body	*/
	margin-top: 20px;					/*	Abstand oberer Femsterrand	*/
	margin-left: 20px;					/*	Im Femster 20 px Abstand, im Femster zentrieren geht nur, wenn keine abs pos	*/	
	margin-right: auto;
	background-color: #cfcfcf; 			
				
}

nav {									/*	nav ist ein Element (Inline-Element?)	*/
	background-color:silver ;			/*	formatiert nav	*/
	padding:0px;							
	width: 1000px;
}
			nav:after {					/*	fügt content (hier Text-Leerzeichen) am Schluss ein, wozu?	*/
				clear: left;
				content: "";
}
nav ul {								/*	definiert nav ul , keine "width" angeben, sonst ist ul ein block!	*/
	padding: 0px;						/*  Nullsetzen nötig, damit ul zentrisch unter Menüpunkt	*/
	text-align: right;					/*	zentriert Text in Menüpunkt	*/
	text-decoration:none;				/*	Strich unter Text eliminiert	*/
	background-color:#f2f2f2;			/*	Farbe wählen, um ul-Grenzen zu seheh	*/	
	font-size: 1.25em;
	letter-spacing:1px;
}
nav li {									/*	formatiert und positioniert alle Menüpunkte in Menuleiste	*/
	float: left;
	width: 125px;
	text-align: center;					/*	zentriert Text in Menüpunkt	*/
	list-style: none;					/*	keine Marker, Punkte etc.	*/
	margin-right: 0px;					/*	Abstand zwischen Menüpunkten, Achtung: wirkt nicht auf nav ul	*/						
	padding-left: 0px;						/* 	muss 0 sein	*/
	position: relative;					/*	positioniert Untermenüpunkte (hier 0/0) zu Menüleiste	*/
	background-color:#cfcfcf;			/*  Farbe Menüleiste	*/							
	border-bottom: 1px solid #f2f2f2; 		
	border-top: 1px solid #f2f2f2; 		
}
ul ul li.eng a {
	letter-spacing:-0.01em;
}
nav a	{								/*	Menü- und Untermenüpunkte formatieren	*/								
	color:#118;							/* Schriftfarbe	und Anlage für alle Menüpunkte, muss hier und nur hier definiert werden*/
	display: block;
	font-weight: normal;
	margin: 0 0 0 0;					/*	Abstand zwischen Menü- und Untermenüpunkten	*/
	text-align: center;					/*	zentriert Text in Menüpunkt	*/
	padding-left: 6px;					/*	Abstand Text zu Rand	*/
	text-decoration: none;
	border-top: 0px solid #f2f2f2; 		
	/*-webkit-transition: all 0s ease-in;
	transition: all 0s ease-in;			Animationen	*/
}				
			/* Unternavigation ausblenden */
nav ul ul {
	font: 0/0 serif;					/*	blendet mit z=-1 nav ul ul aus	*/
	z-index: -1;
	text-align: center;					/*	positioniert Text in Untermenü	*/
	margin: 0px;						/*	positioniert Untermenüpunkte zu Menuleiste, 0 damit Untermenü- genau unter Menupunt ist */
	padding-top: 1px;					/*	Abstand Untermenüpunkte zu nav ul	*/
	position: absolute;					/*	positioniert ul zu Menuleiste, muss Menüleiste tangieren,--*/ 
	top: 36px;							/*  damit Einblenden fuktioniert, top: ausprobieren, damit fast keine Überlapppung	*/
	left: 0em;
}
			/*  Unternavigation einblenden */
nav ul li:hover ul {
	font: inherit;
	z-index: auto;
									/*  Farbe Menüleiste	*/							
}
nav ul ul li {	
	float: none;
	margin-bottom: 0em;					/*	Abstand zwischen Untermenüpunkten	*/
}
nav ul ul li a:hover{	
	float: none;
	margin-bottom: 0em;					/*	Abstand zwischen Untermenüpunkten	*/
	background-color: #f1f2f2;
}


nav a,									/*	Menü- und Untermenüpunkte formatieren	*/
nav span {
	color:#118;							/* Schriftfarbe	und Anlage für alle Menüpunkte, muss hier und nur hier definiert werden*/
	display: block;
	font-size: 0.91em;
	font-weight: normal;
	margin: 0 0 0 0;					/*	Abstand zwischen Menü- und Untermenüpunkten	*/
	padding-left: 6px;					/*	Abstand Text zu Rand	*/
	text-decoration: none;
	text-align:left;								
	/*-webkit-transition: all 0s ease-in;
	transition: all 0s ease-in;			Animationen	*/
}
										 /*	Ecken runden	*/
nav ul ul a,						
nav ul ul span {
	border-radius: 10px;
}																						
 div#menu_useiten li a:hover {
	text-decoration: none;
	color: #118;
}
div#menu_useiten li.selectmenu a {
	background-color: #ffff00;
	text-decoration: none;
	text-align: center;
	padding-left: 0px;
	width: 112px;
}											/*		End index.htm		*/

 
div#menu {									/*		Menue für useiten in  Seiten	*/
	background-color: #cfcfcf;
	float: left;
	text-decoration: none;
	padding-top:19px;
	z-index:10;
} 
										/* 		Fussleiste formatieren	 */
										/*********************************/
p {
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 100px;
}
div#footer {
	text-align: center;
	width: 1000px;
	margin: 0px auto 0px auto;
	overflow: auto;
}
div#footer p	{
	color: #fff;
	padding: 0.1em 1.0em 0.1em 1.0em;	
	background-color: #666699;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}