/*

	Design für Ferienwohnung Meier.

	©2010, Anton Reindl
	toni.reindl@lvdmedia.net
	www.lvdmedia.net


*/

@charset "UTF-8";

body {
	background-color: #FFF4D4;
	margin: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4b4b4b;
}
.clear {
	clear: both;
	height: 0;
}

.fleft {float: left;}
.fright {float: right;}

a, a:active, a:visited {
	color: #4E0805;
	text-decoration: none;
}
a, a:active, a:link, a:hover, a:focus {outline:none;}
a:hover {
	text-decoration:underline;
}

#main {
	margin: 20px auto 0 auto;
	width: 941px;
}
				
			/*////////////////
			/
			/	HEADER
			/
			///////////////*/
			

#header {
	background:url(../images/header.jpg) no-repeat;
	width: 100%;
	height: 181px;
}

#flags {
	height: 23px;
	}
#flags img {
		
	}	

#headerText {
	margin: 24px 0 0 60px;
	color: #FFF4D4;
	font-size: 11px;
}
#headerText P { padding-top: 3px;}

#headerText a { color: #FFF4D4;}

#logo {
	width: 506px;
	margin: 40px 0 0 50px;
}
#slideshowContainer {
	border: 3px solid #4B4B4B;
	width:265px;
	margin-right: 15px;
	
}	

#slideshow {
    position:relative;
    height:175px;;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


		/*////////////////
		/
		/	Content
		/
		///////////////*/


#wrapper {
}

/* NAVIGATION */

#nav {
	background:url(../images/navBg.jpg) no-repeat;
	margin: 56px 30px 56px 0;
	height: 209px;
	width: 211px;
	position: relative;
	}
#nav a:hover {
	text-decoration: underline;
	outline: none;
}
	
#nav span a {padding: 10px 0;}	

#nav span.navStartseite {
	position: absolute;
	color: #4B4B4B;
	font-size:20px;
	top: 36px;
	left: 36px;
	line-height: 80%;
 }	
 
 #nav span.navStartseite a {color: #4E0805;}
 
 #nav span.navImpressum {
    position: absolute;
    font-size: 14px;
    left: 8px;
	bottom: 64px;
 }	
 
 #nav span.navImpressum a {color: #FFF4D4;}
 
 #nav span.navAnfrage {
	position: absolute;
	color: #4B4B4B;
	font-size:26px;
	bottom: 46px;
	right: 19px;
 }	
 
 #nav span.navAnfrage a {color: #FFF4D4;}
 
 #nav span.navWohnung {
	position: absolute;
	color: #4B4B4B;
	font-size:28px;
	top: 40px;
	right: 8px;
 }
 	
 #nav span.navWohnung a {color: #FFF4D4;}
 
 /* Anpassungen für englische Sprache */
 
 #nav span.navStartseiteEn {
	position: absolute;
	color: #4B4B4B;
	font-size:20px;
	top: 50px;
	left: 25px;
	line-height: 80%;
 }	
 
 #nav span.navStartseiteEn a {color: #4E0805;}
 
 #nav span.navImpressumEn {
    position: absolute;
    font-size: 14px;
    left: 22px;
	bottom: 64px;
 }	
 
 #nav span.navImpressumEn a {color: #FFF4D4;}
 
 #nav span.navAnfrageEn {
	position: absolute;
	color: #4B4B4B;
	font-size:26px;
	bottom: 46px;
	right: 24px;
 }	
 
 #nav span.navAnfrageEn a {color: #FFF4D4;}
 
 #nav span.navWohnungEn {
	position: absolute;
	color: #4B4B4B;
	font-size:24px;
	top: 40px;
	right: 8px;
 }
 
 #nav span.navWohnungEn a {color: #FFF4D4;}
 
 
 /*  CONTENT  */
 
 #content {
	 
	 padding: 10px 20px 10px 0;
	 margin-left: 241px;
}
 
#content p {
	
}

#content h1 {
}
	
#content h2 {
	color: #4E0805;
}

#content h3 {
	color: #4E0805;
	}	
	
	
/* FORMULAR GESTALTUNG */

.label {
	font-weight: bold;
	width: 200px;
}	
.trigger {
	margin-left: 3px;
    vertical-align: middle;
}
.anfragetable td {
	vertical-align: top;
	padding: 5px 0;
}
input, textarea {
	background-color: #b8c591;
	border: none;
	}
	
input:hover, textarea:hover {
	background: #a3ae80;
}	

.button {
	margin: 5px 5px 5px 0;
	padding: 6px;
	color: #fff4d4;
	background: #4b4b4b;
	
}	
.button:hover {
	background: #4E0805; 
	color: #FFF4D4;
	cursor:pointer;}
	
	
/* WOHNUNG */

#preistabelle .head {
	border-bottom: dashed 1px #4b4b4b;
}	

#preistabelle td {padding: 5px;}

#preistabelle tr {
	background-color: #efe5c7;
	}

#preistabelle .even {
	background: #d9d0b6;
}	
	
		/*////////////////
		/
		/	Footer
		/
		///////////////*/
		
#footer {
	height: 20px;
	border-top: 9px solid #4B4B4B;
	text-align:right;
	color: #4B4B4B;
	font-size:10px;
}