/* HTML Elemente */
body {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	background-color:#5D0512; /* braun */
	margin:0; padding:0;}	

h1 {font-size:20px; font-weight:normal;  color:#41020A; margin-bottom:8px;}	/* blau */

h2 {font-size:14px; color:#41020A;  margin:10px 10px 5px 0px; border-bottom:1px solid #653239;} 

h3 {font-size:13px; color:#41020A; margin-bottom:0;} 

h4 {font-size:12px; color:#41020A; margin-bottom:10px;}	

a:link {color:#638BBC;}
a:visited {color:#638BBC; }
a:hover {color:#638BBC;}
a:active {color:#638BBC;}

hr {border:thin dotted black;} /* Abschlusslinie für contentfarbig */

img{border:0;}

th {color:#638BBC; text-align:left; font-size:13px;}  /* Überschrift einer Tabelle */
td {color:#000000; font-size:12px;}

ul{margin:0; padding:0;}
li{padding-top:8px;margin-left:25px;}

/* gesamter Seitenbereich  */
#main {margin:40px auto 0 auto; border:1px solid; border-color:#46040D; width:899px; background-color:#41020A; text-align:left;}
/*Ende Basiselemente und Basisstruktur*/
/**************************************************************************************************/
/**********************************Header *****************************************************/
#logo {position:absolute; top:-21px; left:5px;}

#head {position:relative; width:897px; height:106px;}
#buchen{float:right;margin:10px;}
#navigation {padding:0;margin:0; }	
#navigation ul{padding:83px 0 0 0; margin:0;text-align:right; height:28px;}
#navigation li{display:inline;margin-left:0;border-left:1px solid #FFEDCD;padding:5px 18px 5px 18px;}
#navigation a{color:#FFEDCD; text-decoration:none;}
#navigation li#aktiv_sub{background-color:#FFEDCD;color:#41020A;}
#navigation li#aktiv_sub a{color:#41020A;text-decoration:none;}
.folgende{padding-left:8px;}
/*Ende Header*/
/**************************************************************************************************/
/**********************************Linke Seite *****************************************************/
#unternaviagtionsspalte {width:163px; float:left;} 

#unternavigation { margin-bottom:0;background:url(../img/layout/nav_bg.jpg) no-repeat;height:282px; } /* height wichtig für detailbild! */
#unternavigation ul{ padding:0; margin:0;color:#FFEDCD; }
#unternavigation li{margin-left:20px;padding:13px 12px 13px 5px;border-bottom:1px solid #41020A;}
#unternavigation a{color:#FFEDCD;text-decoration:none;display:block;}

/*Formatierung unterhalb der Hauptnavigation*/
#unternaviagtionsspalte h3.normal{background:url(../img/nav_bg.jpg); padding:5px 5px 5px 12px;color:#FFEDCD;font-weight:normal;}
#unternaviagtionsspalte p{padding-left:12px;color:#FFEDCD;line-height:18px;}
#unternavigation li#aktiv{list-style-type:none;padding-left:25px;display:block;margin-left:0;}
#aktiv a{text-transform:uppercase;}
/*Ende links*/
/**************************************************************************************************/
/**********************************Mitte****** *****************************************************/
/*Mittlerer Bereich der Seite Bildergallerie, Content */
#main_content{width:734px; float:right; margin:0; background-color:#FFFFFF; padding:0;border-top:1px solid #653239; }

#untersub_links{margin:0;padding:0;}
#untersub_links ul{text-align:right;  margin:15px 0 10px 0;}
#untersub_links li{display:inline; margin-left:0;padding:0 15px 0 15px;}
#untersub_links a{}

#detailbild {margin:0;}
#detailbild small{padding-left:12px;color:#FFEDCD;}

#bildergallerie img{margin:0; padding:0;border-bottom:1px solid #653239;}


#content {}

#text {margin:20px; font-size:13px;}
/*Ende Mitte*/
/**************************************************************************************************/
/**********************************Abschluss *****************************************************/
#metanavigation {clear:both; text-align:right; padding:0;margin:10px 0 0 0;}
#metanavigation ul{padding:0; margin:10px 0 0 0;text-align:right; height:20px;}
#metanavigation li{display:inline;border-left:1px solid #FFEDCD;padding:0 18px 0 18px;}
#metanavigation a{color:#FFEDCD; text-decoration:none;}

#footer {width:897px; font-size:12px; margin:8px auto; padding:0; text-align:left;color:#FFEDCD; }
#footer p{line-height:12px;}
#footer a{color:#FFEDCD; text-decoration:none;}

/**************************************************************************************************/
/**********************************Allgemein Klassen *****************************************************/
.unterbrecher{clear:both;height:5px;}

#formular {margin:20px; color:#000000; border:3px solid; border-color:#46040d; border-style:double;}
 

/* Klassen */
.stern {font-size:10px; color:#638BBC; font-weight:bold; } /* in Menükarte klein blau */	  /* Klassendeklaration */

.preisliste {margin-top:20px; padding:5px;}

.preisliste tr {height:20px;}

.preisliste td {border-bottom:thin dotted black; }

.saisonzeiten {color:#000000;font-size:12px;}

.button {font-family:Lucida Handwriting; font-weight:bold; color:#638BBC;}

.raum_links a{color:#638BBC; padding-right:60px; text-decoration:underline;}
.gutschein{margin-bottom:60px;}
.gutschein img{float:left; margin:0 20px 0 0;}
.gutschein h2{font-style:italic; font-weight:bold;}
.gutschein p{margin-right:20px;}


.aktuell{background-color:#FFEDCD; padding:10px 30px 10px 30px;}

.tabelle_ueber{font-weight:bold; padding:10px 0 10px 0}
/*Tabellenlayout für Speisekarte */
.speisekarte{margin:15px 10px 10px 25px; }
.speisekarte thead th{color:#638BBC; font-size:14px; font-weight:bold;border-bottom:1px solid #638BBC;padding-right:30px;}
.speisekarte th{font-weight:normal;width:400px;padding-top:15px;color:#000000;}
.speisekarte td{padding-top:15px; width:100px;vertical-align:bottom;text-align:right;}
.speisen_trenner{color:#CC99CC;width:500px;margin:15px 10px 10px 25px;}
/* umfasst Informationen zur Lage neben der Google Map Karte in Anfahrt*/
.info_lage
{
	height:280px;
	width:230px;
	float:right;
	font-size:11px;
	
}
.info_lage p
{
	font-size:11px;
	margin-top:5px;
}
.left{float:left;width:250px;margin:0;}
.right{float:right;}

/******************************STARTSEITE******************************************/

.start_rechts{float:right; width:145px;margin:10px 10px 0 10px;border:1px solid #41020A;text-align:center;}
.start_rechts img{margin:10px 0 10px 0;width:130px;}
.start_rechts p{padding:0;margin:0;font-size:11px;}
.start_links{margin:10px;width:510px;}
.start_button {display:block;background-color:#41020A;padding:5px;color:#FFEDCD;}
.start_rand{border:1px solid #41020A;width:480px; margin:25px 10px 0 0px;padding:8px;background-color:#FFEDCD;}
.start_rand h2{margin:-18px 0 0 15px; border:1px solid #41020A;padding:5px;text-align:center;color:#FFEDCD;;background-color:#41020A;width:100px;}
/******************************WOHNEN*********************************************/
/*Zimmerkategorien*/
.zimmerkategorie{margin:20px 10px 10px 10px;padding:0 0 10px 0; border:1px solid #41020A;}
.zimmerkategorie h3{background-color:#41020A;padding:5px;margin:0;color:#FFEDCD;}
.zimmerkategorie h4{margin-left:8px;}
.zimmerkategorie p{padding:0 0 0 8px;}
.zimmerkategorie ul{margin:10px 0 0 8px;}
.zimmer_bild{
	float:right;
	margin:0 0 0 8px;
	color:#653239;
	padding:0;
}
.zimmer_bild img{margin:10px 8px 0 5px;}
.horizontal{display:inline;margin:10px 0 10px 8px;}
.horizontal_folgende{display:inline;padding-left:35px;}

/*Tabelle für Zimmerpreise*/
.zimmerpreise{
	border-collapse:separate;
	margin:5px 10px 0 8px;
}

.zimmerpreise thead th {text-align:center;color:#41020A;font-size:12px;padding:8px 5px;}
.zimmerpreise tbody th{color:#41020A; text-align:left;font-size:12px; width:130px;}
.zimmerpreise td{padding:8px 5px;width:150px;text-align:center;}
.haupt{background-color:#FFEDCD;}/*Tabellenhintergrund für saisonzeiten in Kategorie*/
.zwischen{background-color:#DFB5BC;}/*Tabellenhintergrund für saisonzeiten in Kategorie*/
.neben{background-color:#DFE5FF;}/*Tabellenhintergrund für saisonzeiten in Kategorie*/
.saisonzeiten{margin-top:10px; width:163px;}
.saisonzeiten h3{padding:5px;border-bottom:2px solid #FFFFFF;border-top:2px solid #FFFFFF;margin-top:0;}
.saisonzeiten ul{list-style-type:none;padding:0 0 15px 0;margin:0;}
.saisonzeiten li{margin-left:10px;}


/*Hotelüberblick*/
.hotel_ausstattung{border:1px solid #41020A;margin:25px 10px 0 10px;padding:8px;background-color:#FFEDCD;min-height:170px;}
.hotel_ausstattung h4{margin:-18px 0 0 15px; border:1px solid #41020A;padding:5px;text-align:center;color:#FFEDCD;;background-color:#41020A;width:100px;}

/**************************************PAUSCHALEN******************************************/
/******************************************************************************************/
/*Pauschalen 7-Tage... Style wie Hotelausstattung*/
.pauschalen_rand{border:1px solid #41020A;width:450px; margin:25px 10px 0 10px;padding:8px;background-color:#FFEDCD;}

/*Nebensaison für Pauschalen*/
.nebensaison{width:163px;border:1px solid #41020A;background-color:#DFE5FF;margin:0;}
.nebensaison_top{font-weight:bold;color:#41020A;display:block;padding:5px 5px 5px 10px;border-bottom:1px solid #41020A;margin:0;}
.nebensaison ul{list-style-type:none;padding:0;margin:0;}
.nebensaison li{margin-left:0;border-bottom:1px solid #FFFFFF; padding:8px 5px 8px 10px; }

.zwischensaison{width:163px;border:1px solid #41020A;background-color:#DFB5BC;margin:0;}
.zwischensaison_top{font-weight:bold;color:#41020A;display:block;padding:5px 5px 5px 10px;border-bottom:1px solid #41020A;margin:0;}
.zwischensaison ul{list-style-type:none;padding:0;margin:0;}
.zwischensaison li{margin-left:0;border-bottom:1px solid #FFFFFF; padding:8px 5px 8px 10px; }
/*Preise Pauschalen Tabelle*/
.pauschalen td{padding-top:8px;}
.pauschalen th{color:#41020A; font-size:13px;text-align:left;}
/*div box rechts für Nebensaisonzeiten und Link auf Gutscheine*/
.fein_rechts{float:right; width:165px;margin:20px 15px 0 15px;}
/*Bild rechts mit Link zu weiteren Informationen Pauschalen Gutscheine*/
.bild_links{
	margin:10px 0 0 0;
	border:1px solid #653239;
	color:#653239;
	padding:5px 0 0 0;
	width:163px;
	text-align:center;
}
.bild_links img{}
.bild_links p{padding:5px;}
.bild_links h3{margin:0;padding:5px;color:#41020A;}

/*Rechte Seite für Wanderpauschalen*/
.wandern_rechts{float:right; width:165px;margin:0 10px 0 10px;}
/*Linke Seite für Jahreszeitenerlebnisse*/
.jahreszeiten_links{margin:20px 0 20px 10px;}
.horizontale li{display:inline;}

/*Formualare*/
.eintragformular {
	width:250px;
	color:#41020A;
}

.feld{
		top:-5px;
  		position:relative;
  		width:200px;
  
}
fieldset{
		
		
		border:1px solid #41020A;
		background-color:#FFEDCD;
		
		
}
legend{
		padding: 10px 0;
		font-weight:bold;
		color:#2e1b0a;/* braun */
		margin-left:27px;
		
}
.form_left {
		 float: left;
		 text-align: right;
		 width: 30%;
		 margin-right: 2%;
		 
 
 
}
.form_right {
 		margin-left:12%;
		top:2px;
  		position:relative;
}
.form_button{background-color:#41020A;width:250px;color:#FFEDCD;font-weight:bold;height:30px;}
/*Blog Titel und Kurzbeschreibung*/
.blog_news{background-color:#FFEDCD; margin:6px;padding:3px;}