/* 
* * * * * design, production and code by Thomas Koch 
* * * * * © 2009
*/



/* * * * * START: HEADER AREA * * * * */
body {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1,5em;
	text-align: center;
	color: #5A4D16;
	
}
#wrapper {
	margin: 0 auto;
	width: 960px;
	
}
#contentwrap {
	width: 940px;
	height: 500px;
	padding: 10px;
	background:#FFFFFF;
	text-align: left;
	background-image: url(../images/brown-flowers.gif);
	border: 3px solid #5A4D16;
}
#header {
	width: 960px;
	text-align: left;
	margin: 0 0 10px 0;
}
#logo {
	height: 50px;
	width: 320px;
	background: url(../images/logo.gif) no-repeat bottom left;
	float: left;
	}
/* * * * * END: HEADER AREA * * * * */

/* * * * * START: NAVIGATION AREA * * * * */
 #navigation {
	float: right;
	color:#5A4D16;
	width: 640px;
	padding: 0px 0 0 0;	
	text-align: right;

	
 }
   #navigation li { 
      list-style-type: none; 
	  display: inline;
      margin: 0 10px 0 0;
	  color:#5A4D16;
	  font-size: 11px;
	  font-weight: bold ; 
	  text-decoration: none;
	     }

#navigation a:link{   
color:#5A4D16;
text-decoration: none;
}

#navigation a:visited{   
/*color:#5A4D16;*/
text-decoration: none;
}
	
#navigation a:hover{   
color: #6394BD;
text-decoration: none;
}

#start #navi00 a,
#pension #navi01 a,
#zimmer #navi02 a,
#freizeit #navi03 a,
#freizeit2 #navi03 a,
#preise #navi04 a,
#anreise #navi05 a,
#buchungsanfrage #navi06 a,
#kontakt #navi07 a {

color: #6394BD;
text-decoration: none;
}

	

/* * * * * END: NAVIGATION AREA * * * * */

/* * * * * START: CONTENT AREA * * * * */
#main {
	width: 620px;
	height: 500px;
	padding: 0 10px 0 10px;
	float: left;
}

#image_left {
	width: 300px;
	float: left;
}

#contenttop {
	width: 620px;
	margin: 0 0 0 0;
	float: left;
	text-align: justify;
	overflow: hidden;
	}
	
	

.contentteaser {	
width: 620px;
margin: 5px 10px 0px 0px;
float: left;
font-size: 11px;
overflow: hidden;
text-align: justify;
}
div.photogallerie img {	
float: right;
margin: 1px 15px 7px 15px;
border: 1px solid #5A4D16;
text-align: center;
padding: 5px;
 
}



.galerie {	
width: 615px;
float: left;
font-size: 11px;
overflow: hidden;
text-align: justify;
}
div.galerie img {	
float: right;
border: 1px solid #5A4D16;
padding: 5px;
margin-left: 20px;
margin-top: 20px;
}


/* * * * * END: CONTENT AREA * * * * */


/* * * * * START: DIVERSES AREA * * * * */


img.title {
	margin: 0 0 10px 0;
}


#mainImage {
	float: left;
	padding: 5px;
	border: 1px solid #999;
}


a:focus {
color:#5A4D16;
text-decoration: underline;
}
a:visited {
color: #5A4D16;
text-decoration: underline;
}
a:hover {
color:#990000;
text-decoration: underline;
}
a:link {
color:#5A4D16;
text-decoration: underline;
}

h1 {
font-size:14px;
}

h2 {
font-size:12px;
}

#fussbereich {
color:#5A4D16;
text-align: right;
font-size: 10px;
}
.divider {
	height: 1px;
	background: #5A4D16;
	
	/* Das Kontaktformular */

  
} 
form { 
   
   border: 1px solid #8c8c8c;
   margin: 20px;
   background-color: #eee;
   width: 500px; /* Breite des Formulars */ 
   padding: 20px; 
   
   }
   label { 
   display: block; 
   }
  input#name_absender:focus, 
    input#email_absender:focus, 
	input#telefon_absender:focus, 
	input#anzahl_nächte:focus, 
	input#anzahl_personen:focus, 
textarea:focus {
   background-color: #d9d9d9; 

} 


	

/* * * * * END: DIVERSES AREA * * * * */

.titel 		{color: #CC0033;}

#navigation .navigation {   
color:#3C6A9A;
}