/*stylesheet für fewo-gruen.de */

body, html { /*Festlegeung des Bildschirmhintergrundes*/
	margin: auto;
	background-color: rgb(161, 168, 61);
	color: rgb(0, 0, 0);
	line-height: normal;
	width: 900px;
	height: 620px;
	position: relative;
	background-position: center; 
	z-index: 0; }
	 


/* Seiteninhalte */
.content {
	position: absolute;
	width: 900px;
	height: 620px;
	background-image: url(../bilder/hg_sites.jpg);
	background-repeat:no-repeat;
	left: auto;
	top: 50px; }
    
.box {
	position: absolute;
	width: 590px;
	height: 348px;
	left: 277px;
	top: 250px;
	background-color: white;
	border: 0px solid;
	z-index: 1; }
    
	
.boxtiefer {
	position: absolute;
	width: 590px;
	height: 250px;
	left: 277px;
	top: 350px;
	background-color: white;
	border: 0px solid;
	z-index: 1; }

.boxoverflow {	
	position: absolute;
	width: 590px;
	height: 348px;
	left: 277px;
	top: 250px;
	background-color: white;
	border: 0px solid;
	overflow: scroll;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	text-align: left; }
	

/* Textformatierung */    
p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	color: rgb(0,0,0);
	line-height: 20px;
	text-align: left; }
	
p1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 7pt;
	color: rgb(0,0,0);
	line-height: 14px;
	text-align: left; }
	
p2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	color: rgb(161, 168, 61);
	line-height: 20px;
	text-align: left; }
	
p3 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	color: rgb(234, 113, 37);
	line-height: 20px;
	text-align: left; }

h {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13pt;
	color: rgb(161, 168, 61);
	text-align: left; }
	
  
/* Linkeigenschaften*/  
a:link { color: rgb(161, 168, 61);
    text-decoration: none; }

a:visited { color: rgb(127, 127, 127);
text-decoration: none; }

a:hover { color: rgb(127, 127, 127); }

a:active { color: rgb(161, 168, 61); }  

/* Menüstruktur */

	
#infos	{ /*Ort und Aussehen für den Schalter Infos*/
	display: block;
	position: absolute;
	top: 361px;
	left: 55px;
	width: 143px;
	height: 38px;
	background-image:url(../bilder/icon/infos_off.gif);}

#infos:hover	{ /*Ausehen bei überfahren mit Mauszeiger*/
	background-image: url(../bilder/icon/infos_on.gif);}
	
#galerie	{ /*Ort und Aussehen für den Schalter Galerie*/
	display: block;
	position: absolute;
	top: 406px;
	left: 55px;
	width: 143px;
	height: 38px;
	background-image: url(../bilder/icon/galerie_off.gif);}
	
#galerie:hover	{ /*Ausehen bei überfahren mit Mauszeiger*/
	background-image: url(../bilder/icon/galerie_on.gif);}

#lage	{ /*Ort und Aussehen für den Schalter Lage*/
	display: block;
	position: absolute;
	top: 451px;
	left: 55px;
	width: 143px;
	height: 38px;
	background-image: url(../bilder/icon/lage_off.gif);}
	
#lage:hover	{ /*Ausehen bei überfahren mit Mauszeiger*/
	background-image: url(../bilder/icon/lage_on.gif);}
	
#kontakt	{ /*Ort und Aussehen für den Schalter Kontakt*/
	display: block;
	position: absolute;
	top: 496px;
	left: 55px;
	width: 143px;
	height: 38px;
	background-image: url(../bilder/icon/kontakt_off.gif);}
	
#kontakt:hover	{ /*Ausehen bei überfahren mit Mauszeiger*/
	background-image: url(../bilder/icon/kontakt_on.gif);}


#impressum	{ /*Ort und Aussehen für den Schalter Impressum*/
	display: block;
	position: absolute;
	top: 541px;
	left: 55px;
	width: 143px;
	height: 38px;
	background-image: url(../bilder/icon/impressum_off.gif);}
	
#impressum:hover	{ /*Ausehen bei überfahren mit Mauszeiger*/
	background-image: url(../bilder/icon/impressum_on.gif);}
	

#home {
	display: block;
	position: absolute;
	width: 554px;
	height: 165px;
	left: 277px;
	top: 31px;
	border: 0px solid;}
	
.bildboxg { /*Box für die Anfahrtsskizze*/
	position: absolute;
	width: 554px;
	height: 348px;
	left: 277px;
	top: 250px;
	border: 1px solid;}