@charset "utf-8";
/* CSS Document */

html, body{
	margin:0px;
	padding:0px;
	height:108%;
	font-family:Arial;
	font-size:14px;
	color:#000;
	line-height:20px;
}

body{ background-color:#d0e8fa; background-image:url(../images/bg_verlauf.gif); background-repeat:repeat-x; background-position:top;}

p{padding:0px; margin:0px 0px 30px 0px;}

a{color:#00000; text-decoration:none;}

#content a{color:#000; background-image:url(../images/underline.gif); background-position:bottom; background-repeat:repeat-x;}


ul{margin:0px 0px 0px 20px; padding:0px;}
li{list-style:circle; margin-bottom:5px;}
iframe{border:1px solid #666;}
h2{font-family:Arial; font-size:14px; color:#000; font-weight:bold; margin:0px 0px 10px 0px;}

small{font-size:11px;}



.shadow{background-image:url(../images/shadow.gif); width:843px; background-position:10px; background-repeat:repeat-y; float:left;}

.shadow-top{background-image:url(../images/shadow_top.gif); width:834px; height:11px; background-position:11px top; background-repeat:no-repeat;}
.shadow-left{background-image:url(../images/shadow_left.gif); width:17px; background-position:left top; background-repeat:no-repeat; float:left; height:764px; position:absolute; left:2px; top:41px}
.shadow-right{background-image:url(../images/shadow_right.gif); width:17px; background-position:right top; background-repeat:no-repeat; float:right; height:764px; position:absolute; left:824px; top:41px}
.shadow-bottom{background-image:url(../images/shadow_bottom.gif); width:834px; height:11px; background-position:11px bottom; background-repeat:no-repeat; float:left;}


#container{ position:absolute; left:50%; margin-left:-420px;}

#top{margin:0px 0px 0px 20px; height:30px;  font-size:16px; color:#FFFFFF; font-weight:bold; padding: 0px 20px 0px 20px; width:760px;}
#top img{vertical-align:text-bottom; margin:0px 10px 0px 0px}
#top a{color:#FFFFFF; text-decoration:none;}
#top div{margin-top:8px;}

#main-outside{background-color:#FFF;  width: 802px; padding:1px; margin:0px 0px 0px 20px; float:left;}
#main-inside{background-color:#FFF; width:800px; border-top:#602d0a solid 1px; border-left:#602d0a solid 1px; border-right:#602d0a solid 1px; float:left}


#header{height:197px; width:800px; background-image:url(../images/header.jpg); background-repeat:no-repeat;}
#header-corner{
	position:absolute;
	left:816px;
	top:31px;
	background-image:url(../images/visual_corner.jpg);
	background-repeat:no-repeat;
	height:80px;
	width:42px;
}


#menue{height:90px; width:800px; background-image:url(../images/menue.gif); background-repeat:no-repeat; line-height:normal;}
#menue ul{margin:0px; padding:0px;}
#menue li{float:left; font-size:19px; font-weight:bold; color:#FFF; list-style:none; padding:9px 7px; border:0px solid #000000;
background-image:url(../images/menue_trenner.gif); background-repeat:no-repeat; background-position:right top;}
#menue .pension{}
#menue .zimmer{}
#menue .service{}
#menue .anfrage{}
#menue .anreise{background-image:none;}
#menue a{color:#fff; text-decoration:none; margin:0px 13px 0px 13px;}
#menue a:hover{color:#602d0a;}

#headline{width:760px; margin-left:20px;}

#content{width:780px; float:left; margin:40px 0px 0px 20px; padding-bottom:80px;}


.button {background-color:#fb901e; text-align:center; color:#FFFFFF; font-weight:bold; background-image:url(../images/btn_bg.gif); padding:0px 5px; width:120px; border:1px solid #666;}
.button a{background-image:none;}


/* Preistabelle */
.preis-td{width:160px; float:left; text-align:center; margin:5px 0px 5px 20px}
.preis-td-l{width:220px; float:left; text-align:right; margin:5px 0px 5px 0px; }
.preis-tr{width:760px; float:left; margin-right:20px; border-bottom:1px solid #fa8f1e; }
/* Preistabelle Ende */

/* Zimmer */
.zimmer-tr{width:760px; float:left; margin-right:20px; }
.zimmer-td{width:184px; height:320px; float:left; padding:10px 0px 0px 4px; border-right:1px solid #fa8f1e;}
.zimmer-td h2{margin-left:5px;}
.zimmer-td ul{ padding:0px; margin:0px;}
.zimmer-td li{ list-style:none; background-image:url(../images/listitems_6x6.gif); background-repeat:no-repeat; background-position:left 7px; padding-left:15px; margin-left:5px;}

/* Zimmer Ende */



.einspaltig{width:239px; float:left; margin-right:20px;}
.zweispaltig{width:500px; float:left; margin-right:20px;}
.dreispaltig{width:780px; float:left; margin-right:0px;}

.zimmerbild{background-image:none; text-align:center; }
.zimmerbild img{ border:1px solid #fa8f1e; padding:10px; background-color:#ffeedd; margin:10px; cursor:url("../images/lupe.gif"), pointer; background-image:none;}
.bildtext{font-size:10px; display:inline-block; margin-top:-8px;}

.trennlinie{height:40px; width:780px; margin:10px 0px 10px 0px; background-image:url(../images/trennlinie1.gif); background-repeat:no-repeat; background-position:left; float:left;}

.trennlinie-klein{height:40px; width:500px; margin:10px 0px 10px 0px; background-image:url(../images/trennlinie2.gif); background-repeat:no-repeat; background-position:left; float:left;}

/* Footer */

#footer{width:800px; height:190px; background-image:url(../images/footer_bg.gif); background-position:top; background-repeat:no-repeat; background-color:#fb901e; border-bottom:#602d0a solid 1px; border-left:#602d0a solid 1px; border-right:#602d0a solid 1px; font-size:11px; font-weight:bold; color:#FFF; float:left; padding-bottom:20px;}
#footer ul{ padding:0px; margin:0px;}
#footer li{list-style:none; background-image:url(../images/listitems.gif); background-repeat:no-repeat; background-position:left; padding-left:10px;}
#footer a{color:#FFFFFF; text-decoration:none;}
#footer a:hover{color:#FFFFFF; text-decoration:underline;}
#footer .einspaltig{width:170px;}
.footer-content{background-image:url(../images/footer_bottom_bg.gif); height:150px; background-position:bottom; background-repeat:no-repeat; padding:50px 0px 0px 130px; } 
/* Footer Ende */

/* Formular / Kontakt */
form{margin-top:40px;}
form div{ margin-bottom:10px; width:490px}
.labeltext-klein{width:100px; float:left;}
.labeltext{width:150px; float:left;}
input, textarea, select{border:1px solid #666; background-color:#ffdab2;}
input {width: 300px;}
select {width: 303px;}
textarea {width:300px; height:100px;}
.btn-loeschen{width:100px; margin-left:40px;  background-color:#fb901e; color:#FFFFFF; font-weight:bold; background-image:url(../images/btn_bg.gif);}
.btn-senden{width:100px; margin-left:20px; background-color:#fb901e; color:#FFFFFF; font-weight:bold; background-image:url(../images/btn_bg.gif);}
.input-klein{width:80px;}
#buchung img{vertical-align:bottom; margin-left:5px;}

.success{font-weight:bold;}

/*Mailadresse*/


.muscheln{
	height:168px;
	width:150px;
	position:absolute;
	top:520px;
	left:842px;
	background-image:url(../images/muscheln.gif);
}