{
    margin:0;
    padding:0;
   	background-color:white;
    font-family:arial, verdana, sans-serif;
}

		
	
#main {
		width:600px;
		height:700px;
		background-color:white;
		/*background:url(picture/HPIM2346.JPG);*/
		margin-left:auto;
		margin-right:auto;
		margin-top:100px;

		}
		
		
		#left	{

 width:140px;
    height:240px;
    position:absolute;
    left:3px;
	top:60px;
	/*border:1px dashed black;*/
	



}		
		
#kopf {
    background:url(kc.bmp);
	background-align:center;
	background-color:white;
	background-repeat:no-repeat;
    width:140px;
    height:240px;
    position:absolute;
    left:420px;
	top:60px;
	border:1px dashed blue;
	
	}
#Zeile {	
	
	
	background:url(Pbild.JPG);
	background-align:center;
	background-color:white;
	background-repeat:no-repeat;
    width:140px;
    height:240px;
    position:absolute;
    left:690px;
	top:60px;
	border:1px dashed black;
}

#Zeilen {

	background:url(Pbild.JPG);
	background-align:center;
	background-color:white;
	background-repeat:no-repeat;
    width:140px;
    height:240px;
    position:absolute;
    left:520px;
	top:320px;
	border:1px dashed black;


}





#kopf h1 {
	font:35px;
	color:#fff;
	text-align:center;
	background:none;
    margin:30px;
}

#navi {
    position:absolute;
    left:570px;
    top:520px;
    /*background:#8f9384;*/
    width:150px;
    height:300px;
}

#navi ul {
	/*background:#babc80;*/
	list-style-type:none;
	width:325px;
	height:200px;
	margin:10px;
}

#navi ul li a {
	text-decoration:none;
	background:#daa282;
	font:bold 12px arial;
    text-align:center;
	color:black;
	padding:3px;
	display:block;
}

*html #navi ul li a {
	width:100%;
}

#navi ul li {
	padding-bottom:5px;
}
#navi a:hover{
		background-color: #999999;
		color: #ffffff;
		}	
				
#inhalt {
    position:absolute;
    left:80px;
    top:520px;
    background:#8f9384;
    width:640px;
    height:600px;
}

#inhalt h2 {
	text-align:center;
	
	background:none;
	color:#fff;
}

/*Reiter*/
#reiter1 {
    position:absolute;
    left:20px;
    top:40px;
    background:#babc80;
    width:100px;
    height:20px;
}

#reiter2 {
    position:absolute;
    left:130px;
    top:40px;
    background:#daa282;
    width:100px;
    height:20px;
}

#reiter3 {
    position:absolute;
    left:240px;
    top:40px;
    background:#7ed2ec;
    width:100px;
    height:20px;
}

#inhalt .reiter a {
	text-decoration:none;
	background:none;
	font:bold 14px arial;
    text-align:center;
	color:#fff;
	padding:3px;
	display:block;
}

#content{
	
	background:url(picture/HPIM2189_edited.JPG);
	
	
    position:absolute;
    left:80px;
    top:520px;
	
   
    width:440px;
    height:450px;


}
#content ul {

	/*background:url(HPIM2407.JPG);*/
	list-style-type:none;
	font:bold 16px arial;
	margin:10px;
	color:white;
}
#content li {
/*text-decoration:none;*/
	background:url(picture/HPIM2328.JPG);
	
	/*background:#daa282;*/
	font:bold 12px arial;
    text-align:center;
	color:white;
	padding:7px;
	display:block;
}

/*LayerKarten*/
#karte1 {
    position:absolute;
    left:20px;
    top:60px;
    background:#babc80;
    overflow:auto;
    width:400px;
    height:330px;
    visibility:visible;
}

#karte2 {
    position:absolute;
    left:20px;
    top:60px;
    background:#daa282;
    overflow:auto;
    width:400px;
    height:330px;
    visibility:hidden;
}

#karte3 {
    position:absolute;
    left:20px;
    top:60px;
    background:#7ed2ec;
    overflow:auto;
    width:400px;
    height:330px;
    visibility:hidden;
}

#inhalt .karte ul {
    width:250;
    list-style-type:none;
    font:12px arial;
    background:#fff;
    margin:10px;
    border-right:20px solid #000;
    padding:20px;
}

#inhalt .karte ul li {
    background:#fff;
}

.karte ul li span {
    background:#babc80;
    font:bold 14px arial;
}

.karte ul li img {
    width:90px;
    height:90px;
    float:right;
    margin:5px;
}

#contact_form{
	width:									350px;
	background-color:				silver;
	border:									1px dashed grey;
	padding:								10px;
	margin:								0 auto;
}

#contact_form label{
	width:									100px;
	margin-bottom:					10px;
	float:									left;
	display:								block;
}

#contact_form input{
	width:									345px;
	margin-bottom:					10px;
	float:									left;
}

#contact_form textarea{
	width:									345px;
	height:									150px;
	margin-bottom:					10px;
	float:									left;
}

#contact_form br{
	clear:									left;
}

.clearer{
	clear:									both;
}		

#cc{
	font:35px;
	color:#fff;
	text-align:left;
	background:none;
    margin:30px;
	}
#schooren{
	width:									350px;
	background-color:				silver;
	border:									1px dashed grey;
	padding:								10px;
	margin:								0 auto;


}	


/*#karte1 ul, #karte2 ul, #karte3 ul {
	width:300px;
	padding:5px 5px;
	list-style-type:none;
	margin:5px;
	border:1px solid black;
}

#karte1 ul li {
	background:#7ed2ec;
}

#karte2 ul li {
	background:#babc80;
}

#karte3 ul li {
	background:#daa282;
}

span {
	font-weight:bold;
	font-style:italic;
	background:#efefef;
}*/