/* schatten_16.css 
 *@author: André Flotron
 *@created: 19.01.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: 2.0em;
	background-color: #efefef; 			/* Farbe wählen, um Blockgrenzen 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;
}
h4.grau	{
	background-color:#dfdfdf;
}
h6.grau
p {
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 100px;
}


a:link {
	font-family : 'Lato', Geneva, Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: none;
	border : 0px ;
	letter-spacing: 1px;

	border-color:#000000;
	padding-left: 0px;
}
a:visited {
	font-family: 'Lato', Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	letter-spacing: 1px;
	text-decoration: none;
	border : 0px;
	border-color:#cccccc;
}
a:hover {
	font-family: 'Lato', Geneva, Arial, Helvetica, sans-serif;
	color : #ff0000;
	text-decoration: none;
	border : 0px;	
	border-color:#cccccc;
	letter-spacing: 1px;

}
a:active {
	font-family: 'Lato', Geneva, Arial, Helvetica, sans-serif;
	color: #3366ff;
	letter-spacing: 1px;
	text-decoration: none;
	border : 0px;
	border-color:#cccccc;
}
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: #cfcfcf; 			
				
}
										/********************/	
										/*		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		*/
										/***********************/	

																				
										/*  ***		Menüs	in index.htm		***	*/

										/*		Hintergrund für horizontale Menüleiste 			*/
div#box_menu {
	position: absolute;	left: 20px; top: 90px;	
	width: 1001px;
	height: 38px;
 	background-color:#cfcfcf;
 	border-bottom: 1px solid #f2f2f2;			
 	border-top: 1px solid #f2f2f2;			

}


										/*	Ebenen für Menupunkte in horizontaler Kopfleiste 			*/
#ebene1	{
	background-color:#cfcfcf;
	width: 112px;
	font-size:1.06em;
    line-height:38px;
	text-align: center;

/*	border-radius: 10px 10px 0px 0px; */

}

#ebene1 a {
	color: #118;
	text-decoration: none;
}
										/*		Menü useiten in index.htm		*/

div#menu_useiten {
	background-color: #cfcfcf;
	float: left;
	height:auto;
	width:112px;
}

div#menu_useiten ul {
	float: left;
}
div#menu_useiten li {
	list-style-type: none;
	display:block;
	text-align: left;
}
div#menu_useiten li a {
	display: block;
	color: #118;
	padding-left: 4px;
	border-bottom: 1px solid #f2f2f2;		/* 		heller Strich zwischen Menupunkten*/
	text-decoration: none;
}
div#menu_useiten li.eng	a {
	letter-spacing:-0.01em;
}
div#menu_useiten li a:hover {
	text-decoration: none;
	color: #118;
	background-color: #f1f2f2;
}
div#menu_useiten li.selectmenu a {
	background-color: #ffff00;
	text-decoration: none;
	text-align: center;
	padding-left: 0px;
	width: 112px;
}												/*		End index.htm		*/
												/*	************************	*/
													
												/*		seiten				*/


div#menu {										/*		Menue für useiten in  Seiten	*/
	background-color: #cfcfcf;
	float: left;
	text-decoration: none;
	padding-top:19px;
	z-index:10;
}

div#menu ul {
	float:left;
}
div#menu li {
	list-style-type: none;
	display:block;
	text-align: left;
	width: 140px;
}

div#menu li a {
	display: block;	
	color: #118;
	padding-left:10px;
	text-decoration: none;
	border-bottom: 1px solid #f2f2f2; 	
	line-height: 34px;
}
div#menu li a:hover {
	text-decoration: none;
	color: #118;
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2; 	
}
div#menu li.selectmenu a {
	background-color: #ffff00;
	color: #118;
	text-decoration: none;
}
													/*	Logos	*/
div#logo_aareschlucht	{
	position:absolute;
	left:50px;
	top:477px;
}																											
div#logo_reichenbachtal	{
	position:absolute;
	left:50px;
	top:575px;
}																											
div#logo_haslital	{
	position:absolute;
	left:50px;
	top:431px;
}												
												
										/*		useiten von aktuelles	*/
										/*********************************/
																								
div#maintextvoll_aktuell {
	background-image: url("../images/geissholz_860.jpg");  
	width: 860px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#box_agenda {							
    position: relative;
    top:45px;
    left: 175px;
    opacity: 0.9;
  	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: 860px;
	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;
}
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 aktuelles	*/
										/*********************************/

										/*		useiten von portraet	*/
										/*********************************/

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

div#bilder_bild {							
	margin-top:100px;
    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;
}


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:-413px;
    left:530px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 180px;
	height:420px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
div#box_bauten {
    position: relative;
    top:46px;
    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;
}
div#box_malerei {
    position: absolute;
    top:130px;
    left: 161px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 840px;
	height:570px;
	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;
}
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;
}
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 {
    position: relative;
    top:80px;
    left: 175px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 420px;
	height:400px;
	border:thin black solid;
	background-color:#fffffc;
	padding: 20px;
}
div#box_buch_text2	{
	position: absolute; top: 160px; left: 250px;
	width: 210px;
}
div#maintextvoll_unesco {
	background-image: url("../images/unesco_welt_web2.jpg");  
	width: 860px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#unesco_text1 {
	position: absolute;
	top:410px;
    left:230px;
	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:860px;  
	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:75px;
	width: 360px;							
    margin-left: 15px;
	color: white;
	padding: 10px;
}
div#box_gemeinderat {
    position: relative;
    top:80px;
    left: 20px;
    opacity: 0.9;
  	color: black;
	border: thin #000000 solid;
	width: 780px;
	height:456px;
	background-color:#fffffc;
}
div#box_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 {
    position: relative;
    top:70px;
    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.88;
  	color: black;
	border: thin #000000 solid;
	width: 360px;
	height:500px;
	background-color:#fffffc;
	padding: 20px;
}
div#box_links2 {
    position: relative;
    top: -602px;
    left: 430px;
    opacity: 0.88;
  	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: 860px;
	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 {
    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 {
    position: relative;
    top:-50px;
    left: 80px;
    opacity: 0.85;
  	color: black;
	border: thin #000000 solid;
	width: 620px;
	height:480px;
	background-color:#fffffc;
	padding: 24px;
}
div#box_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 {
	background-image: url("../images/abfall_orthofoto_860.jpg");  
	width: 860px;
	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: 860px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#box_unternehmen {
    position: relative;
    top:45px;
    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: 43px;
    left: 40px;
    opacity: 0.9;
  	color: black;
	border: ;
	width: 470px;
	height:520px;
	background-color:#fffffc;
	padding: 20px;
}
div#box_landwirtschaft2 {
    position: relative;
    top:-517px;
    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: 860px;
	height: 610px;
	background-color: #cccccc;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;	
}
div#box_hotels {
    position: relative;
    top:60px;
    left: 20px;
    opacity: 0.9;
  	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.8;
  	color: black;
	border: thin #000000 solid;
	width: 500px;
	height:420px;
	background-color:#fffffc;
	padding: 20px;
	list-style-position:inside;
	line-height:1.7em;
}
										
										/*	End useiten von tourismus	*/
										/*********************************/

										/*		useiten schule	*/
										/*********************************/
div#maintextvoll_schule {
	background-image: url("../images/schule_willigen_860.jpg");  
	width: 860px;
	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	 */
										/*********************************/
div#footer {
	text-align: center;
	width: 1000px;
	margin: 0px auto 0px auto;
	overflow: auto;
}
div#footer p	{
	color: #fff;
	padding: 0.3em 1.0em 0.3em 1.0em;	
	background-color: #666699;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}