@charset "utf-8";

html{
	text-align:left;
	font-size:11px;
	font-family: Verdana;
	color: #787669;
	background-color: #666666;
}

*{
	margin:0; 
	padding:0;
	vertical-align:top;
}

a:link,
a:visited,
a:hover,
a:active{
	color: #787669;
	cursor: pointer;
	text-decoration: none;
}

ul{
	list-style: none;
	line-height: 20px;
}

li em{
	display:none;
}

li a:hover,
li a:active{
	color: white;
	cursor: pointer;
	text-decoration: none;
} 
	
	
#main{
	margin:0 auto 0 auto;
	background-image: url('../images/Background.png');
	width:950px;
	height:900px;
	position: relative;
}

.text{
	position: absolute;
}

.text h1{
	color:#b5aa59;
	margin-bottom:15px;
	font-size: 18px;
}

.text h1 em{
	font-style: normal;
	font-size:22px;
	vertical-align: baseline;
}

#text_1{
	left:74px;
	top:245px;
	width:340px;
}
#text_2{
	left:650px;
	top:293px;
	width:300px;
}
#text_3{
	left:332px;
	top:468px;
	width:260px;
}
#text_6{
	left:545px;
	top:700px;
	width:300px;
}


#text_4{
	left:67px;
	top:520px;
	width:155px;
}

#text_4 h1{
	font-size:12px; 
	background-image:url('../images/doppelpfeil.png');
	background-position: right bottom;     
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right:20px;
}

#text_4 h1 em{
	font-size: 18px;
}

#text_5{
	left:200px;
	top:766px;
}

#text_5 h1{
	background-image:url('../images/doppelpfeil.png');
	background-position: right bottom;   
	background-repeat: no-repeat;
	padding-right:15px;   
	cursor: pointer;
}

#text_7{
	left:0px;
	top:875px;
	padding:5px 0 0 0;
	width:950px;
	
	font-family: Arial;/* Passt dann in eine Zeile */
	text-align: center;
}

#text_7 a:hover,
#text_7 li a:active{
	text-decoration: underline;
}

#open_contact{
	position:relative;
	width:25px;
} 
#open_gmap{
	position:absolute;
	left:185px;
	top:520px;	
	width:25px;
	height:20px;
	display:block;
} 


/***  POPUPS Generell  ***/
.popup{
	display:none;
	z-index:1000;
}

.popup .background{
	width:100%;	
	height:100%;	
} 

.popup,
.popup .content,	
.popup .content *{
	position: absolute;	
}

.popup,
.popup .content{
	left:0;
	top:0;
}


/***   ***/

#contact .content input,
#contact .content textarea{
	border:none;
}

#name{
	left:24px;
	top:35px;
	width:179px;	
}
#email{
	left:24px;
	top:80px;
	width:179px;
}
#message{
	left:24px;
	top:129px;
	width:360px;
	height:77px;
}

#send{
	display:block;
	left:321px;
	top:220px;	
	width:69px;
	height:22px;
	
	/* warum braucht der IE7 und Opera diesen Mist */
	background-color: white;
	opacity:0.00;
	filter: alpha(opacity=0);
}

.error{
	color:#802020;
}

#err_name{
	left:210px;
	top:31px;
	width:178px;
}
#err_email{
	left:210px;
	top:76px;
	width:178px;
}
#err_message{
	left:22px;
	top:211px;
	width:290px;
}

#close_gmap{
	display:block;
	left:333px;
	top:5px;	
	width:106px;
	height:20px;
	
	/* warum braucht der IE7 und Opera diesen Mist */
	background-color: white;
	opacity:0.00;
	filter: alpha(opacity=0);
}
#close_contact{
	display:block;
	left:297px;
	top:5px;	
	width:106px;
	height:20px;

	/* warum braucht der IE7 und Opera diesen Mist */
	background-color: white;
	opacity:0.00;
	filter: alpha(opacity=0);
}

#map,#map *{
	position : relative;
}



.hint{
	background-image: url('../images/hint.png');
	width:310px;
	height:95px;
	position:absolute;
	display:none;
}
.hint div{
	margin:10px 66px 10px 12px;
	overflow: hidden;
	width:229px;  
	height:75px;
	font-size: 10px;
	line-height:12px;
}

/* Für moderne Browser */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	line-height:0pt;
	visibility:hidden;
}