@charset "utf-8";

html {height:100%;}



body{

	font-size: 101%;

	padding: 0px;

	margin: 0px;

	height: 100%;

	font-family: Arial,Helvetica, sans-serif;

	font-size: 0.8em;

	background-color: #efe3d5;

	line-height: 1.5em;

}





/************************************** Navigation **************************************/



#navigation {

	z-index: 1;

	/*position: relative;*/

	 margin-top: 6.66em;

}



#navigation ul {

	list-style: none;

	padding: 0;

	margin: 0;

	background-color: #efe3d5;

	line-height: 1.5em;

	width: 11em;

}



#navigation li {

	position: relative;

	width: 11em;

	height: 1.5em;

	text-align: center;

	cursor: default;

	background-color: #efe3d5;

	border: none;

	margin-top: 0.25em;

	margin-bottom: 0.25em;

}



#navigation #nav li a:hover, #navigation #nav li a {

	text-decoration: none;

	color: black;

	font-weight: bold;

	display: block;

	width: 11em;

	height: 1.5em;

}



#navigation #nav li a {

	color: black;

}



#navigation #nav ul li a {

	color: black;

}


/*Villas Natur*/

#navigation #nav li a.bttnvn {

	color: #b07e40;

}

#navigation #nav a.bttnvn:hover, #navigation #nav li.sfhover .bttnvn, #navigation #nav li:hover .bttnvn{

	background-color: #af7f3f;

	color: white;

}



#navigation li ul.bttnvn li, #navigation li ul.bttnvn{

	background-color: #8EA3D0;

}



#navigation li ul.bttn5 a:hover{

	background-color: #af7f3f;

}


#navigation li ul {

	position: absolute;

	height: auto;

	left: -999px;

	font-weight: normal;

	padding: 0;

	margin: -2em 0 0 21em;	

	mar\gin: -1.5em 0 0 5.55em;

	width: 11em;

}



#navigation li:hover li ul,#navigation li.sfhover li ul {

   position: absolute;

	height: auto;

	left: -999px;

} 



#navigation li li {

	display: block;

	float: none;

	border: 0;

	margin-top: 0em;

	margin-bottom: 0em;

}







#navigation li:hover ul,#navigation li.sfhover ul {

	left: 5.5em;

	z-index: 1;

}



#navigation li:hover li:hover ul,#navigation li.sfhover li.sfhover ul {

	left: 5.5em;

} 



#navigation li ul.bttn1 li.hidden, #navigation li ul.bttn2 li.hidden, #navigation li ul.bttn3 li.hidden , #navigation li ul.bttn4 li.hidden{

	background-color:  #FFFBDA;

}







/*Image*/

#topicImage {

	text-align: center;

	width: 11em;

	/*position: relative;*/

	height: 410px;

	margin-top: 2em;

}





#leftFrame{

	float:left;

}

/*Überschrift*/

#header {

	position: absolute;

	top: 1em;

	left: 14.67em;

}



#header h1 {

	font-weight: normal;

	padding-top: 2.5em;

	line-height: 1.2em;

	font-size:1.7em;

}



/**********************************  Inhalt ****************************************/

#content {

	/*z-index: 2;

	position: relative;*/

	margin-left: 14.67em;

	width: 43em;

}


#content #contentText {

	margin-top: 14em;

	width: 25em;

	float: left;

}



#content #contentImage {

	margin-top: 18em;

	float:right;

	/*margin-left: 17.44em;/*1.11em;*/

	width: 174px;

}



#content #contentImage img{

	margin-bottom: 5px;

}



#contentIntro {

	background-image: url(../images/intro.jpg);

	background-repeat: no-repeat;

	padding-top: 180px;

	text-align: center;

	width: 440px;

	margin-left: 14.67em;

}

#contentIntro h1{

	font-weight: bold;

	font-size: 1.3em;

}

#contentIntro h1 img{

	margin-top: 1.2em;

	margin-bottom: 1em;

}



#contentIntro .alert {

	color: red;

	font-weight: bold;

}

#contentIntro.adressBox{



}

#content h1{

	font-weight: bold;

	font-size: 1.2em;

}


#content ul,#contentImage ul{

	

	list-style-type: disc;

	margin: 0;

	padding: 0;

	padding-left: 1.3em;

	

}



label.labelLeft{

	display: block;

	float: left;

	width: 10em;

}



#footer{

	text-align: right;

	padding-right: 10px;

	clear: both;

}



a{

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}







.textfeld{

	width: 18.5em;

}

/** Guestbook **/



#guestbook label {

	float: left;

	display: block;

	width:13em;

	padding-top: 5px;

	color: black;

	background-color: transparent;

	

}



#guestbook input, #guestbook textarea {

	margin-bottom: 0.2em;

	width: 20em;

	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size: 1em;

}

#guestbook textarea {

	height: 13em;

}

#guestbook img {

	margin-left: 5em;

}

#guestbook p {

	margin-top: 1em;

}



#guestbook .button {

	width: 10em;

	border: 1px solid white;

	background-color: #F68D39;

}

#guestbook div#guestbookEntries {

	position: relative;

}

#guestbook div#guestbookEntries ul {

}

#guestbook  div#guestbookEntries li {

	list-style: none;

	margin-bottom: 2em;

	clear: left;

}

#guestbook dt {

	font-weight: bold;

   width: 8em;

	float: left;

	clear:left;

}

#guestbook dd {

	margin-left: 8em;

}

/*ERGAENZUNG FUER VILLASNATUR.HTM*/

#headvn1 {

	position: absolute;

	top: 1em;

	left: 14.67em;

}

#headvn2 {
	position: absolute;
	
	top: 2em;
	
	left: 640px;

}

#headBalken {

	position:absolute; 
	
	width: 640px; 
	
	height:10px;
	 
	left: 14.67em; 
	
	top: 150px;
}

#text1{
	
	position: absolute;
	
	top:180px;
	
	left:190px;

	font-weight:bold;
	
	font-size: 1.2em;

}

#text2{
	position: absolute;
	top: 715px;
	left: 190px;
	color:#b07e40;
	font-weight: normal;
	font-size:14px;
	width: 300px;
	height: 183px;
}