body{
	background-color:#ededed;
	margin:0;
	padding:0;
	border:0;
	font-family:"Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
	font-size:1em;
	height:100%;
}

p{
	font-size:1em;
	line-height:1.4em;
}

p #container{
	float:left;
}

p a{
	color:#000;
	text-decoration:none;
	border-bottom:0.08em dotted #000;
}


p a:visited{
	color:#383838;
	text-decoration:none;
	border-bottom:0.08em dotted #383838;
}


p a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:0.08em solid #000;
}




h1{
	font-size:2em;
	font-weight:300;
}

h2{

}

h3{
margin-top:2em;
font-size:1.1em;
}

h4{

}

ul.navigation{
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:0.3em solid #FFF;
	margin:0px;
	text-align:center;
	background-color:#870010;
	position:relative;
}





ul.navigation li{
	list-style: none;
	padding-left:0px;
	padding-right:0px;
	font-size:1em;
	font-weight:bold;
}

@media screen and (max-width: 672px) {
ul.navigation li{
	padding:0.2em 0 0.2em 0.8em;
	display:block;
	text-align:left;
}
} /* /@media screen and (max-width: 672px */


@media screen and (min-width: 672px) {
ul.navigation li{
	display:inline;
	width:20%;
	text-align:center;
}
} /* /@media screen min 672px */


ul.navigation li a{
	color:#FFF;
	text-decoration:none;
}

@media screen and (max-width: 672px) {
ul.navigation li a{
	padding:0.2em 0.8em 0.2em 0.8em;
	width: 100%;
}
} /* /@media screen and (max-width: 672px */


@media screen and (min-width: 672px) {
ul.navigation li a{
	padding-left:0.8em;
	padding-right:0.8em;
}
} /* /@media screen min 672px */


ul.navigation li a.active{
	color:#fff;
	padding-right:0.8em;
	text-decoration:none;
}
@media screen and (max-width: 672px) {
ul.navigation li a.active{
	padding: 0 0 0 0.2em;
	margin: 0.2em 0.8em 0.2em 0em;
	border-left:0.6em solid #FFF;
}
} /* /@media screen and (max-width: 672px */
@media screen and (min-width: 672px) {
ul.navigation li a.active{
	border-bottom:10px solid #FFF;
	padding-left:0.8em;
	padding-top:10px;
}
} /* /@media screen min 672px */

ul.navigation li a:hover{
	color:#6F0600;
	background-color:#FFF;
	border:none;
/*	border-bottom:0.3em solid #FFF;*/
/*	border-top:5px solid #000;*/
}

@media screen and (max-width: 672px) {
ul.navigation li a:hover{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0.8em;
	padding-right:0.8em;
}
} /* /@media screen and (max-width: 672px */
@media screen and (min-width: 672px) {
ul.navigation li a:hover{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0.8em;
	padding-right:0.8em;
}
} /* /@media screen min 672px */


ul.navigation li a:visited{
	border:none;	
}

td{
	text-align:center;
}


#accessibility {
	position: absolute;
	top: -10000px;
}

#content{
	padding-right:1.6em;
	padding-left:1.6em;
	padding-top:1.6em;
}



#foot {
	padding:1.8em;
	clear:both;
	text-align:center;
}


#foot a{
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}


#foot a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;

}


span.pic a,span.pic a:visited,span.pic a:hover{
	border:none;
}

span.pic a img{
	padding:6px;
	margin:1px;
	border:1px solid #A8A8A8;
	background-color:#FFF;
}

span.pic a:visited img{
	border:1px solid #A8A8A8;
	background-color:#E8E8E8;
}

span.pic a:hover img{
	border:1px solid #4D4D4D;
	background-color:#E8E8E8;
}

#greeting{
	float:left;
	width: 99%;
	max-width:400px;
}

/* generic header picture information */
.header01-home, 
.headerdefault,
.header02-ferienhaus,
.header03-ferienwohnung,
.header04-umgebung,
.header05-preise,
.header06-kontakt,
.headerimpressum{
	border:0;
	padding:0;
	margin:0;
	font-size: 0px;
	text-indent:-700em;
}

#container{
	width:670px;
	top:0px;
	bottom:0px;
	background-color:#E8FAA0;
}

/* Device specific header information */

@media screen and (max-width: 672px) {
.header01-home, 
.headerdefault,
.header02-ferienhaus,
.header03-ferienwohnung,
.header04-umgebung,
.header05-preise,
.header06-kontakt,
.headerimpressum{
	width: 672px;
	height: 336px;
}
#container{
	width: 672px;
	margin:0; 
}
#map{
	width:600px;
	height:400px;
}
table{
	width:600px;
}
} /* /@media screen and (max-width: 672px */

@media screen and (max-width: 480px) {
.header01-home, 
.headerdefault,
.header02-ferienhaus,
.header03-ferienwohnung,
.header04-umgebung,
.header05-preise,
.header06-kontakt,
.headerimpressum{
	width: 480px;
	height: 240px;
}

#container{
	width:480px;
	margin:0; 
}
#map{
	width:420px;
	height:300px;
}
table{
	width:420px;
}
} /* /@media screen and (max-width: 480px */

@media screen and (max-width: 320px) {
.header01-home, 
.headerdefault,
.header02-ferienhaus,
.header03-ferienwohnung,
.header04-umgebung,
.header05-preise,
.header06-kontakt,
.headerimpressum{
	width: 320px;
	height: 160px;
}
#container{
	width:320px;
	margin:0; 
}
#map{
	width:280px;
	height:240px;
}
table{
	width:280px;
}
} /* /@media screen and (max-width: 320px */

@media screen and (max-width: 240px) {
.header01-home, 
.headerdefault,
.header02-ferienhaus,
.header03-ferienwohnung,
.header04-umgebung,
.header05-preise,
.header06-kontakt,
.headerimpressum{
	width: 200px;
	height: 120px;
}
#container{
	width:240px;
	margin:0; 
}
#map{
	width:200px;
	height:220px;
}
table{
	width:200px;
}
} /* /@media screen and (max-width: 240px */





@media screen and (min-width: 672px) {

.header01-home, 
.headerdefault,
.header02-ferienhaus,
.header03-ferienwohnung,
.header04-umgebung,
.header05-preise,
.header06-kontakt,
.headerimpressum{
	width: 672px;
	height: 336px;
}


#map{
	width:580px;
	height:400px;
}
table{
	width:580px;
}

#container{
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:2em;
	border-left:1px solid #7A7A7A;
	border-right:1px solid #7A7A7A;
	border-bottom:1px solid #7A7A7A;
}
} /* /@media screen min 672px */




.header01-home, .headerdefault{
	background:url(/images/4.jpg);
	background-size: 100%;
}

.header02-ferienhaus{
	background: url(/images/8.jpg);
	background-size: 100%;
}

.header03-ferienwohnung{ 
	background: url(/images/3.jpg);
	background-size: 100%;
}

.header04-umgebung{
	background: url(/images/97.jpg);
	background-size: 100%;
}

.header05-preise{
	background: url(/images/98.jpg);
	background-size: 100%;
}

.header06-kontakt{
	background: url(/images/2.jpg);
	background-size: 100%;
}

.headerimpressum{
	background: url(/images/96.jpg);
	background-size: 100%;
}


#printhead, #printhead p, #printhead h1{
	display:none;
}










/* base
----------------------------------------------- */


blockquote{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.9em;
	line-height: 1.6em;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}


hr {
	width: 100%;
	height: 1px;
	color: #000;
	background-color: #000;
	border: none;
margin-left:0;
margin-right:0;
}

small, .small {
	font-size: 0.9em;
}


/* overrides
----------------------------------------------- */


.caps {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

div.divider {
	margin: 2em 0;
	text-align: center;
}

/* table
----------------------------------------------- */

table{
	font-size:0.8em;
	width:100%;
}

td{ 
	text-align:left;
	min-width:20%;
	max-width:40%;
}

th{
	text-align:left;
}


/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

fieldset, form{
border:none;
}

p input{

}

p label{
min-width: 5em;
display:block;
float: left;
}

textarea{
width:100%;
}