* {
							/* 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: #eeeeee; 			/* Farbe wählen, um Aussengrenzen zu sehen!	*/
	background-image: url("../images/...");	
	border: 1px solid #f2f2f2; 
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 0.4em 0em 0.2em 0.0em;
	line-height: 1.00em;
	letter-spacing: 1px;
}

h3 {font-size: 1.6em;
	font-weight:bolder;
	background-color: #fffffc;
	line-height: 0.7em;
}

h4 {
	font-weight:bolder;
	background-color: #fffffc;
	line-height: 0.7em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.2em;	
	background-color: #fffffc;
}

h6 {
	font-size: 0.8em;
	line-height: 1.2em;	
	background-color: #fffffc;
}h3.grau	{
	background-color:#dfdfdf;
}

h4.grau	{
	background-color:#dfdfdf;
}
h5.grau	{
	background-color:#dfdfdf;
	font-size: 1.0em;
	line-height: 1.5em;
}
h4.grau	{
	background-color:#dfdfdf;
}
h6.grau
p {
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 100px;
}

/*--	a:hover {
	color : #ff0000;
	text-decoration: none;	--*/>
}

						/*		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;
	border-bottom: 1px solid #f2f2f2; 		
	background-color: #dfdfdf; 			
				
}
						/*	Navigation	*/
						/****************/
nav {									/*	nav ist ein Element (Inline-Element?)	*/
	border: 0px solid black;			/*	formatiert nav	*/
	padding:0px;							
	width: 1000px;
}

nav a	{
	color:#118;							/* Schriftfarbe	und Anlage für alle Menüpunkte, muss hier und nur hier definiert werden*/
	font-size: 0.91em;								/*	Menü- und Untermenüpunkte formatieren	*/
	display: block;
	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;								
}

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: center;					/*	zentriert Text in Menüpunkt	*/
	font-size: 1.25em;
	letter-spacing:1px;
}

nav li {									/*	formatiert und positioniert alle Menüpunkte in Menuleiste	*/
	float: left;
	width: 125px;
	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; 		
}
nav li.selectmenu a {
	background-color: #ffff99;
	color: #118;
	text-decoration: none;
}

ul ul li.eng a {
	letter-spacing:-0.01em;
}
	
 
nav ul ul li	{							/*	Menue für useiten in  Seiten	*/
	font-size: 0.8em;						/*	Menü- und Untermenüpunkte formatieren	*/
	display: block;
	font-weight: normal;
	background-color: #cfcfcf;
	float: left;
	text-decoration: none;	
	border-top: 1px solid #f2f2f2;			/* 	heller Strich zwischen Menupunkten*/
	padding-top:0px;
	padding-left: 0px;
	width: 122px;
}
nav ul ul li.selmenu a	{					/*	Menue für useiten in  Seiten	*/
	background-color: #ffff99;
	color: #118;
	float: left;
	text-decoration: none;	
	padding-top:0px;
	margin-left:3px;
	padding-left:3px;
	width: 117px;
}
nav ul ul li.selmenueng a	{					/*	Menue für useiten in  Seiten	*/
	background-color: #ffff99;
	color: #118;
	float: left;
	text-decoration: none;	
	padding-top:0px;
	margin-left:3px;
	padding-left:3px;
	width: 117px;
	letter-spacing:-0.01em;
}


nav ul ul li a:hover {
	text-decoration: none;
	color: #118;
	background-color: #f1f2f2;
	width: 117px;
	margin-left:3px;
	padding-left:3px;
}

							/*	Logos	*/
							/************/
div#logo_aareschlucht	{
	position:absolute;
	left:40px;
	top:477px;
}																											
div#logo_reichenbachtal	{
	position:absolute;
	left:40px;
	top:575px;
}																											
div#logo_haslital	{
	position:absolute;
	left:40px;
	top:431px;
}												
												





							/*	Maintext	*/
							/****************/
								
								/*	Aktuell	*/


div#maintextvoll_aktuell {
	background-image: url("../images/geissholz_860.jpg");  
	width: 874px;
	height: 610px;
	background-color: #eeeeee;
	float: right;
}
div#legende	{
	position:absolute;
	left:160px;
	top:150px;
	color:#ffffff;
}
div#box_agenda {							
    position: relative;
    top:25px;
    left: 175px;
    opacity: 0.88;
  	color: black;
	border: thin #000000 solid;
	width: 420px;
	height:520px;
	background-color:#fffffc;
	padding: 20px;
}
div#maintextvoll_mitteilungen {
	background-image: url("../images/geissholz_860.jpg");  
	width: 874px;
	height: 1100px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}

div#box_mitteilungen {
    position: relative;
    top:50px;
    left: 30px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 720px;
	height:950px;
	background-color:#fffffc;
	padding: 20px;
}
										/*		useiten von portraet	*/
										/*********************************/

div#maintextvoll_portraet {
	background-image: url('../images/rosenlauigletscher_860.jpg');  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;
}
										/*	Bilder	*/
div#maintextvoll_portraet_bilder {
	background-image: url('../css/...jpg');  
	width: 874px;
	height: 640px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;
}

div#bilder_bild {							
	margin-top:65px;
    margin-left: 135px;
	width: 360px;
	height: 420px;							
	color: #000000;
	background-color:#fffffc;
	border:1px black solid;
}
div#bilder_text {
	margin-top:0px;
	width: 356px;
    margin-left: 0px;
	color: #ffffff;
	background-color:#fffffc;
	padding: 2px;
}
										/*	Kulturgut	*/
div#box_kulturgut1 {
    position: relative;
    top:50px;
    left: 70px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 420px;
	height:420px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
div#box_kulturgut2 {
    position: relative;
    top:-412px;
    left:530px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 180px;
	height:420px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
										/*	Bauten	*/
div#box_bauten {
    position: relative;
    top:26px;
    left: 90px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 600px;
	height:520px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
div#box_bautentext1 {
    position: absolute;
    top:420px;
    left: 0px;
    opacity:1.0;
  	color: black;
	width: 195px;
	height:70px;
	background-color:#fffffc;
	padding: 12px;
}
div#box_bautentext2 {
    position: absolute;
    top:20px;
    left:360px;
    opacity:1.0;
  	color: black;
	width: 220px;
	height:130px;
	background-color:#fffffc;
	padding: 20px;
}
										/*	Malerei	*/
div#box_malerei {
    position: absolute;
    top:140px;
    left: 161px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 840px;
	height:575px;
	background-color:#eeeeee;
}
div#malerei_text {
	margin-top:40px;
	width: 340px;
	height: 320px;							
    margin-left: 200px;
	border: thin #000000 solid;
	color: white;
	background-color:#fffffc;
	padding: 10px;
}																				
										/*	Literatur	*/
div#box_literatur {
    position: absolute;
    top:145px;
    left: 290px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 500px;
	height:500px;
	background-color:#fffffc;
	padding: 20px;
}										/*	Geschichte	*/

div#box_geschichte {
    position: relative;
    top:45px;
    left: 125px;
    opacity: 0.8;
  	color: black;
	border: thin #000000 solid;
	width: 500px;
	height:520px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
div#box_statistik {						/*	Statistik	*/
    position: relative;
    top:80px;
    left: 175px;
    opacity: 0.82;
  	color: black;
	border: thin #000000 solid;
	width: 420px;
	height:400px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
div#box_buch_text2	{					/*	Buch	*/
	position: absolute; top: 160px; left: 250px;
	width: 210px;
}
div#maintextvoll_unesco {				/*	Unesco	*/
	background-image: url("../images/unesco_welt_web2.jpg");  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#unesco_text1 {
	position: absolute;
	top:410px;
    left:210px;
	width: 300px;							
    opacity:1.0;
	padding: 15px;
	background-color:#dfdfdf;
}
div#unesco_text2 {
	position: absolute;
	top:130px;
    left:190px;
	width: 250px;							
    opacity:1.0;
	padding: 15px;
	background-color:#dfdfdf;
}										
										/*	End useiten von portraet	*/
										/*********************************/

										/*		useiten behoerden		*/
										/*********************************/

div#maintextvoll_behoerden {
	background-image: url("../images/willigen_unterdorf_860.jpg");
	width:874px;  
	height: 610px;
	background-color: #cccccc;
	float: left;
	font-size: 1.1em;
	line-height: 1.1em;		
}
div#maintextvoll_behoerden.korp {
	height: 645px;
}	
div#bildlegende_willigen_udorf {
	margin-top:35px;
	width: 360px;							
    margin-left: 5px;
	color: white;
	padding: 10px;
}
div#box_gemeinderat {								/*	Gemeinderat	*/
    position: relative;
    top:0px;
    left: 50px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 780px;
	height:456px;
	background-color:#fffffc;
}
div#box_korporationen {								/*	Korporationen	*/
							
    position: relative;
    top:40px;
    left: 21px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 780px;
	height:605px;
	border:thin black solid;
	background-color:#fffffc;
}
div#box_kommissionen {								/*	kommissionen	*/
    position: relative;
    top:0px;
    left: 20px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 780px;
	height:405px;
	border:thin black solid;
	background-color:#fffffc;
}
div#box_links1 {									
    position: relative;
    top:60px;
    left: 30px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 360px;
	height:500px;
	background-color:#fffffc;
	padding: 20px;
}
div#box_links2 {
    position: relative;
    top: -482px;
    left: 430px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 340px;
	height:500px;
	background-color:#fffffc;
	padding: 20px;
}	
										/*	End useiten von behorden	*/
										/*********************************/
										/*		useiten verwaltung		*/
										/*********************************/
div#maintextvoll_verwaltung {
	background-image: url("../images/willigen_860.jpg");  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#bildlegende_willigen {
	margin-top:35px;
	width: 300px;							
    margin-left: 15px;
	color: white;
	padding: 10px;
}
div#box_gemeindebuero1 {				/*	gemeindebüro	*/
    position: relative;
    top: 9px;
    left: 40px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 450px;
	height:420px;
	background-color:#fffffc;
	padding: 20px;
}

div#box_gemeindebuero2 {
    position: relative;
    top:-451px;
    left: 530px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 210px;
	height:420px;
	background-color:#fffffc;
	padding: 20px;
}
div#box_publikationen {					/*	publikationen	*/
    position: relative;
    top:-50px;
    left: 80px;
    opacity: 0.88;
  	color: black;
	border: thin #000000 solid;
	width: 620px;
	height:480px;
	background-color:#fffffc;
	padding: 24px;
}
div#box_formulare{							/*	formulare	*/
    position: relative;
    top:0px;
    left: 0px;
    opacity: 1.0;
  	color: black;
	border: thin #000000 solid;
	width: 428px;
	height:110px;
	background-color:#ffffcc;
	padding: 50px;
}
div#maintextvoll_abfall {					/*		Abfall		*/
	background-image: url("../images/abfall_orthofoto_860.jpg");  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#abfall_text {
	position: absolute;
	top:500px;
    left:230px;
	width: 300px;							
    opacity:0.8;
	padding: 15px;
	background-color:#ffffff;
}
div#box_feuerwehr{							
    position: relative;
    top:50px;
    left: 175px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 400px;
	height:150px;
	background-color:#fffffc;
	padding: 40px;
}

										/*	End useiten von verwaltung	*/
										/*********************************/

										/*		useiten wirtschaft		*/
										/*********************************/
div#maintextvoll_wirtschaft {
	background-image: url("../images/wirtschaft_860.jpg");  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#box_unternehmen {
    position: relative;
    top:25px;
    left: 20px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 700px;
	height:480px;
	background-color:#fffffc;
	padding: 40px;
}
div#box_dienstleister {
    position: relative;
    top:45px;
    left: 20px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 730px;
	height:480px;
	background-color:#fffffc;
	padding: 30px;
}
div#box_landwirtschaft1 {
    position: relative;
    top: 23px;
    left: 40px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 470px;
	height:520px;
	background-color:#fffffc;
	padding: 20px;
}
div#box_landwirtschaft2 {
    position: relative;
    top:-536px;
    left: 550px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 230px;
	height:520px;
	background-color:#fffffc;
	padding: 20px;
}
										
										/*	End useiten von wirtschaft	*/
										/*********************************/

										/*		useiten tourismus	*/
										/*********************************/
div#maintextvoll_tourismus {
	background-image: url("../images/postauto_web_860.jpg");  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#box_hotels {
    position: relative;
    top:30px;
    left: 20px;
    opacity: 0.88;
  	color: black;
	border: thin #000000 solid;
	width: 780px;
	height:920px;
	border:thin black solid;
	background-color:#fffffc;
}
div#box_restaurant {
    position: relative;
    top:70px;
    left: 20px;
    opacity: 0.8;
  	color: black;
	border: thin #000000 solid;
	width: 780px;
	height:280px;
	background-color:#fffffc;
}
div#box_bergsteigen1 {
    position: relative;
    top: 50px;
    left: 90px;
    opacity: 1.0;
  	color: black;
	width: 400px;
	height:500px;
	background-color:#fffffc;
	padding: 20px;
}

div#box_bergsteigen2 {
    position: relative;
    top:-490px;
    left: 529px;
    opacity: 1.0;
  	color: black;
	width: 180px;
	height:480px;
	background-color:#fffffc;
	padding: 30px;
}
div#box_wandern1 {
    position: relative;
    top: 110px;
    left: 140px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 500px;
	height:420px;
	background-color:#fffffc;
	padding: 20px;
	list-style-position:inside;
	line-height:1.7em;
}
									/*		Zusatzseiten	Aareschlucht, Reichenbach	*/
div#bild_reichenbachtal	{
	float:right;
}
div#text_reichenbachtal	{
	float:left;    
  	color: black;
  	text-align:center;
	border: thin #000000 solid;
	width: 330px;
	height:400px;
	background-color:#dfdfdf;
	padding: 20px;
	margin-left:30px;
	margin-top:70px;
}
div#text_aareschlucht	{	
	float:left;    
  	color: black;
  	text-align:center;
	border: thin #000000 solid;
	width: 330px;
	height:400px;
	background-color:#dfdfdf;
	padding: 20px;
	margin-left:30px;
	margin-top:70px;
}
div#unterschrift	{
	position:relative;
    top:60px;
    left: 130px;
    font-size:x-small;
}
div#unterschrift_reichenbach	{
	position:relative;
    top:60px;
    left: 30px;
    font-size:x-small;
}

										
										/*	End useiten von tourismus	*/
										/*********************************/

										/*		useiten schule	*/
										/*********************************/
div#maintextvoll_schule {
	background-image: url("../images/schule_willigen_860.jpg");  
	width: 874px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#box_schulbetrieb1 {
    position: relative;
    top:50px;
    left: 30px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 360px;
	height:300px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}

div#box_schulbetrieb2 {
    position: relative;
    top: -292px;
    left: 430px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 340px;
	height:300px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}

div#box_disclaimer {
    position: relative;
    top:0px;
    left: 0px;
    opacity: 1.0;
  	color: black;
	border: thin #000000 solid;
	width: 758px;
	height:510px;
	border:thin black solid;
	background-color:#ffffcc;
	padding: 50px;
}
									
										



								/* 	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;
}