@charset "utf-8";

/* CSS Document */

/*****************************************************************************************/
/*

1. Standards
2. Container
3. Header
	3.1 branding
	3.2 navigation
4. Content
	4.1 contentContainer
5. Footer
	5.1 Subnavigation
6. Kontaktformular
7. Newsletter

/*****************************************************************************************/


/*****************************************************************************************/
/*									 Standards   										 */
/*****************************************************************************************/

* {
			border:0;
			margin:0;
			padding:0;
			outline:none;
			list-style-type:none;
			text-decoration: none;
			}

html, body {
			font:12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			height: 100%;
			width: 100%;
			color:#5a2f15;
			background: url(../images/bg-header-repead.jpg) repeat-x;
			background-color:#fff1ce;
}

html[xmlns^="http"] {
	overflow-y: scroll;
}

a:link,
a:visited {
			color: #b88348;
			text-decoration:underline;
}

a:hover,
a:active {
			color:#a4511a;
			text-decoration: none;
}


h1{
			font:24px/28px Georgia, "Times New Roman", Times, serif;
			color:#6b1109;
}
			
h2 {
	text-indent:-9999px;
	height: 52px;
	position:absolute;
	left:0;
	top:425px;
	width:400px;
}


h2.headline-willkommen {	background: url(../images/h2-home.jpg) 42px no-repeat;
 }

h2.headline-danke {
	background: url(../images/h2-danke.jpg) 42px no-repeat;
}

h2.headline-anfahrt {
	background: url(../images/h2-anfahrt.jpg) 42px no-repeat;}

h2.headline-hehler404 {
	background: url(../images/h2-fehler.jpg) 42px no-repeat;}
	
h2.headline-feriewnwohnungen {
	background: url(../images/h2-ferienwohnungen.jpg) 42px no-repeat;}
	
h2.headline-gaestebuch {
	background: url(../images/h2-gaestebuch.jpg) 42px no-repeat;}

h2.headline-hotel {
	background: url(../images/h2-hotel.jpg) 42px no-repeat;}

h2.headline-impressum {
	background: url(../images/h2-impressum.jpg) 42px no-repeat;}
	
h2.headline-kontakt {
	background: url(../images/h2-kontakt.jpg) 42px no-repeat;}
	
h2.headline-restaurant {
	background: url(../images/h2-restaurant.jpg) 42px no-repeat;}

h2.headline-sommergarten {
	background: url(../images/h2-sommergarten.jpg) 42px no-repeat;}
	
h2.headline-speisekarte {
	background: url(../images/h2-speisekarte.jpg) 42px no-repeat;}
	
h2.headline-unsere-region {
	background: url(../images/h2-unsere-region.jpg) 42px no-repeat;}
	
h2.headline-unsere-zimmer {
	background: url(../images/h2-unsere-zimmer.jpg) 42px no-repeat;}

h3 {
			font:14px Verdana, Arial, Helvetica, sans-serif;
			color: #994515;
			margin-top:10px;
			line-height:60px;
}

h4 {		font:12px/18px Verdana, Arial, Helvetica, sans-serif;
			color: #9f8e7b;
			font-style:italic;
			float:left;
			width:430px;
			padding-bottom:10px;
			padding-top:10px;
}

h5{
			color: #a4511a;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
			width:400px;
}


p {padding-top:10px;}

.clear {clear:both;}

.image {
	margin-top:0px;
	border:1px solid #9b6051;
	float:left;
	

}

a.image:link,
a.image:visited {
	padding:0px;
	margin-right:7px;
	margin-top:15px;
	margin-bottom:10px;
	

}
a.image:hover,
a.image:active {
	padding:0px;
	border-color:#6c1109;
}

#euroweb{width: 470px !important;}

#euroweb a{float:left;}

/*****************************************************************************************/
/*									 Container       									 */
/*****************************************************************************************/

#containerGlobal {
			position: relative;
			margin: 0 auto 0px auto;
			min-height:90.5%;

}

#containerCenter {
			width: 960px;
			position:relative;
			margin: 0 auto !important;


}

/*****************************************************************************************/
/*									 Header       										 */
/*****************************************************************************************/

#header {
			background:url(../images/bg-header.jpg) no-repeat;
			width: 960px;
			height:490px;
			position:relative;
}

/*-----------------------------------branding--------------------------------------------*/

h1#branding a {
			background:url(../images/bg-branding.jpg) no-repeat;
			width: 243px;
			height: 220px;
			position: absolute;
			top: 0px;
			left: 346px;
			text-indent: -9999px;
}

/*-----------------------------------navigation--------------------------------------------*/
ul#navigation {
			background: url(../images/bg-navigation.jpg) 0 0 no-repeat;
			width: 887px;
			position:absolute;
			left:28px;
			top:140px;
			height: 41px;
	
}

ul#navigation li {
			position:relative;
			list-style-type:none;
			float:left;
}

ul#navigation li a:link,
ul#navigation li a:visited {
			/*float:left;*/
			height:41px;
			display:block;
			text-decoration:none;
}


ul#navigation a {
			text-indent:-5000px;
}

ul#navigation li a.n1:link,
ul#navigation li a.n1:visited {
			width:70px;
			background:url(../images/bg-navigation.jpg) 0px 0px;
}

ul#navigation li a.n1:hover,
ul#navigation li a.n1:active {
			background-position: 0px 41px;
}

ul#navigation li a.n2:link,
ul#navigation li a.n2:visited {
			width:120px;
			background:url(../images/bg-navigation.jpg) -70px 0;
}

ul#navigation li a.n2:hover,
ul#navigation li a.n2:active {
			background-position: -70px 41px;
}

ul#navigation li a.n3:link,
ul#navigation li a.n3:visited {
			width:156px;
			background:url(../images/bg-navigation.jpg) -190px 0;
}

ul#navigation li a.n3:hover,
ul#navigation li a.n3:active {
			background-position: -190px 41px;
}

ul#navigation li a.n4:link,
ul#navigation li a.n4:visited {
			width:192px;
			background:url(../images/bg-navigation.jpg) -346px 0;
}

ul#navigation li a.n4:hover,
ul#navigation li a.n4:active {
			background-position: -346px 41px;
}

ul#navigation li a.n5:link,
ul#navigation li a.n5:visited {
			width:109px;
			background:url(../images/bg-navigation.jpg) -538px 0;
}

ul#navigation li a.n5:hover,
ul#navigation li a.n5:active {
			background-position: -538px 41px;
}

ul#navigation li a.n6:link,
ul#navigation li a.n6:visited {
			width:108px;
			background:url(../images/bg-navigation.jpg) -647px 0;
}

ul#navigation li a.n6:hover,
ul#navigation li a.n6:active {
			background-position: -647px 41px;
}

ul#navigation li a.n7:link,
ul#navigation li a.n7:visited {
			width:132px;
			background:url(../images/bg-navigation.jpg) -755px 0;
}

ul#navigation li a.n7:hover,
ul#navigation li a.n7:active {
			background-position: -755px 41px;
}



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

/*-----------------------------------contentContainer---------------------------------------------*/

#contentContainer {
			float: left;
			width: 960px;
			padding: 0;
			padding-top:25px;
			background:url(../images/bg-content.jpg) no-repeat;
}
#contentMain1 {
			width:425px;
			float:left;
			padding-left: 45px;
			padding-right:5px;
}

#contentMain2 {
			float: left;
			width: 470px;
			padding-left: 10px;

}

#contentMain1 a:link,
#contentMain1 a:visited {
			color: #b88348;
			text-decoration:underline;
}

#contentMain1 a:hover,
#contentMain1 a:active {
			color:#a4511a;
			text-decoration: none;
}

#contentMain1 dl, #contentMain2 dl{
float:left;
			width: 420px;
			padding-top:10px;
}

#contentMain1 dt, #contentMain2 dt {
			float:left;
			width:60px;
			color:#5a2f15;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			line-height: 24px;
			text-transform: uppercase;	
}

#contentMain1 dd, #contentMain2 dd {
			font-size:11px;
			color:#5a2f15;
			font: 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			padding-bottom:5px;
			float:left;
			width:360px;
}

.oeffnungszeiten{
width:200px;}



/*#contentMain2 ul {
			margin: 0px 0 10px 10px;
			float: left;
			width: 340px;
}

#contentMain2 ul li {
			background: url(../images/listpoint.gif) 0 11px no-repeat;
			list-style-type: none;
			padding: 10px 20px 0px 20px;
			color:#5a2f15;
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}
*/

.bildborder {
			border:1px solid #5a2f15;
}

/*****************************************************************************************/
/*									 Footer       										 */
/*****************************************************************************************/

#footerContent {
			clear:left;
			background:url(../images/bg-footer-content.jpg) repeat-x;
			height: 130px;
			width: 100%;
}


#footer {
		background:url(../images/bg-footer.jpg) no-repeat;
		height:130px;	
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:960px;
}

/*-----------------------------------Subnavigation-----------------------------------------*/
ul#navigationAdditional {
			position:absolute;
			z-index:10;

}

ul#navigationAdditional li {
			position:relative;
			list-style-type:none;
			float:left;
}

ul#navigationAdditional li a:link,
ul#navigationAdditional li a:visited {
			/*float:left;*/
			display:block;
			text-decoration:none;
}

ul#navigationAdditional a {
			text-indent:-5000px;
}

ul#navigationAdditional li a.n01:link,
ul#navigationAdditional li a.n01:visited {
position:absolute;
			width:172px;
			left:60px;
			top:189px;
			height:210px;
			background:url(../images/bg-navigationAdditional02.jpg) 0 0;
}

ul#navigationAdditional li a.n01:hover,
ul#navigationAdditional li a.n01:active {
			background-position: -172px 0px;
}

ul#navigationAdditional li a.n02:link,
ul#navigationAdditional li a.n02:visited {
position:absolute;
			width:112px;
			left:411px;
			top:333px;
			height:146px;
			background:url(../images/bg-navigationAdditional01.jpg) 0 0;
}

ul#navigationAdditional li a.n02:hover,
ul#navigationAdditional li a.n02:active {
			background-position: -112px 0px;
}

ul#navigationAdditional li a.n03:link,
ul#navigationAdditional li a.n03:visited {
position:absolute;
			width:121px;
			left:767px;
			top:431px;
			height:59px;
			background:url(../images/bg-navigationAdditional03.jpg) 0 0;
}

ul#navigationAdditional li a.n03:hover,
ul#navigationAdditional li a.n03:active {
			background-position: -121px 0px;
}


ul#navigationAdditional li a.n04:link,
ul#navigationAdditional li a.n04:visited {
position:absolute;
			width:130px;
			left:500px;
			top:189px;
			height:60px;
			background:url(../images/aktu/angebote3.jpg) 0 0;
			/*border:1px solid #FF0000;*/
}

ul#navigationAdditional li a.n04:hover,
ul#navigationAdditional li a.n04:active {
			background-position: -130px 0px;
}



#navigationAdditional2{
	font:11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	height:25px;
	list-style-type:none;
	text-transform: uppercase;
	margin-left:125px;
	padding-top:15px;

}

#footer #navigationAdditional2 li a:link, #footer #navigationAdditional2 li a:visited {
	color:#5a2f15;
	text-decoration:none;
	padding:0 10px 0 10px;
}

#footer #navigationAdditional2 li a:hover, #footer #navigationAdditional2 li a:active {
	color:#a4511a;
	text-decoration:none;
/*	padding:0 10px 0 10px;
*/}

#navigationAdditional2 li a {outline:none;}
li{ float:left;}

.kontakt{padding-left:190px}

/*----------------------------------- Kontaktformular-----------------------------------------*/

form#Kontaktformular { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
			width:350px;
			margin:0 0 20px 0;
			padding:0 0 10px 0;
}

form#Kontaktformular label,
form#Kontaktformular input,
form#Kontaktformular textarea {		/* Allgemeine Stile für Labels und Formularfelder */
			font:13px "Trebuchet MS", Arial, Verdana, sans-serif;
			line-height:20px;
			margin:10px 5px 0 0;
			padding:1px;
			/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
			float:left;
}

form#Kontaktformular input,
form#Kontaktformular textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
			border: 1px solid #bda383;
			padding: 2px;
			background-repeat:repeat-x;
			width:200px;
}

form#Kontaktformular textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
			height:80px;
			font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			overflow:auto;
}

form#Kontaktformular input:focus,
form#Kontaktformular textarea:focus {		/* Stile für aktivierte Formularfelder */
			border:1px solid #1F0E04;
}

form#Kontaktformular label {							/* Feldbeschriftungen */
			text-align:left;
			width:100px;
			padding:0;
}

form#Kontaktformular legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */
			/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	display:none;
}

form#Kontaktformular fieldset {						/* Formularabschnitte */
			border:none;
			padding:0;
}

form#Kontaktformular input#submit {				/* Gestaltung des Submit-Buttons */
			background-image:url(../images/kontakt/button-abschicken.jpg);
			height:59px;
			width:208px!important;
			cursor:pointer;
			border:none;
			text-indent:-5000px;
}

form#Kontaktformular input#submit2 {				/* Gestaltung des Submit-Buttons */
			background-image:url(../images/kontakt/button-abschicken.jpg);
			height:59px;
			width:208px!important;
			cursor:pointer;
			border:none;
			text-indent:-5000px;
}

form#Kontaktformular input#button {				/* Gestaltung des Datum Icons */
	background:url(../images/icon.gif) no-repeat;
	cursor:default;
	border:none;
	height:19px;
	text-indent:-9999px;
	width:15px;
	cursor:pointer;
}

form#Kontaktformular input#button2 {				/* Gestaltung des Datum Icons */
	background:url(../images/icon.gif) no-repeat;
	cursor:default;
	border:none;
	height:19px;
	text-indent:-9999px;
	width:15px;
	cursor:pointer;
}


form#Kontaktformular fieldset#submitbox {			/* Element zur Ausrichtung des Submit-Buttons */
			width:100px;
			height:25px;
			padding:0 0 0 105px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
			clear:both;
}

form#Kontaktformular fieldset#submitbox2 {			/* Element zur Ausrichtung des Submit-Buttons */
			width:100px;
			height:25px;
			padding:0 0 0 105px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
			clear:both;
}


form#Kontaktformular label#label-telefon {
			width:100px;
}

form#Kontaktformular input#Telefon {
			width:119px;
}

form#Kontaktformular input.radio {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
			width:20px;
			margin-top:2px;
			border:none;
			background:transparent;
}



form#Kontaktformular label.radio {					/* Beschriftungen für Radio-Buttons */
			width:auto;
}

form#Kontaktformular input.checkbox {					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
			width:20px;
			margin-top:10px;
			border:none;
			background:transparent;
}

* html form#Kontaktformular input.checkbox {			/* Für die Checkboxen im IE ein etwas anderer Abstand... */
			margin-top:7px;
}

form#Kontaktformular label.checkbox {						/* Beschriftungen für Checkboxen */
			width:50px;
}

form#Kontaktformular label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
			background:url(../images/required.gif) top right no-repeat;
			background-repeat:no-repeat;
}

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
			color:#c07505!important;
			font-weight:bold !important;
}

p#fehlermeldung {			/* Die Fehlermeldung */
			display:none;
			border: 1px solid #bda383;
			padding:10px;
			margin:15px 0 15px 0;
			width:370px;
}

/* Die folgenden Angaben bitte nicht verändern! */
form#Kontaktformular br {
			clear:left;
}

form#Kontaktformular input[type=hidden] {
			display:none;
			border:0;
			padding:0;
}

/*----------------------------------- Kontaktformular-----------------------------------------*/

form#Kontaktformular-left { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
			width:350px;
			margin:0 0 20px 0;
			padding:0 0 10px 0;
}

form#Kontaktformular-left label,
form#Kontaktformular-left input,
form#Kontaktformular-left textarea {		/* Allgemeine Stile für Labels und Formularfelder */
			font:13px "Trebuchet MS", Arial, Verdana, sans-serif;
			line-height:20px;
			margin:10px 5px 0 0;
			padding:1px;
			/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
			float:left;
}

form#Kontaktformular-left input,
form#Kontaktformular-left textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
			border: 1px solid #bda383;
			padding: 2px;
			background-repeat:repeat-x;
			width:200px;
}

form#Kontaktformular-left textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
			height:80px;
			font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			overflow:auto;
}

form#Kontaktformular-left input:focus,
form#Kontaktformular-left textarea:focus {		/* Stile für aktivierte Formularfelder */
			border:1px solid #1F0E04;
}

form#Kontaktformular-left label {							/* Feldbeschriftungen */
			text-align:left;
			width:100px;
			padding:0;
}

form#Kontaktformular-left legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */
			/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	display:none;
}

form#Kontaktformular-left fieldset {						/* Formularabschnitte */
			border:none;
			padding:0;
}

form#Kontaktformular-left input#submit {				/* Gestaltung des Submit-Buttons */
			background-image:url(../images/kontakt/button-abschicken.jpg);
			height:59px;
			width:208px!important;
			cursor:pointer;
			border:none;
			text-indent:-5000px;
}

form#Kontaktformular-left input#button {				/* Gestaltung des Datum Icons */
	background:url(../images/icon.gif) no-repeat;
	cursor:default;
	border:none;
	height:19px;
	text-indent:-9999px;
	width:15px;
	cursor:pointer;
}


form#Kontaktformular-left fieldset#submitbox {			/* Element zur Ausrichtung des Submit-Buttons */
			width:100px;
			height:25px;
			padding:0 0 0 105px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
			clear:both;
}

form#Kontaktformular-left fieldset#submitbox2 {			/* Element zur Ausrichtung des Submit-Buttons */
			width:100px;
			height:25px;
			padding:0 0 0 105px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
			clear:both;
}

form#Kontaktformular-left label#label-telefon {
			width:100px;
}

form#Kontaktformular-left input#Telefon {
			width:119px;
}

form#Kontaktformular-left input.radio {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
			width:20px;
			margin-top:2px;
			border:none;
			background:transparent;
}



form#Kontaktformular-left label.radio {					/* Beschriftungen für Radio-Buttons */
			width:auto;
}

form#Kontaktformular-left input.checkbox {					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
			width:20px;
			margin-top:10px;
			border:none;
			background:transparent;
}

* html form#Kontaktformular-left input.checkbox {			/* Für die Checkboxen im IE ein etwas anderer Abstand... */
			margin-top:7px;
}

form#Kontaktformular-left label.checkbox {						/* Beschriftungen für Checkboxen */
			width:50px;
}

form#Kontaktformular-left label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
			background:url(../images/required.gif) top right no-repeat;
			background-repeat:no-repeat;
}

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
			color:#c07505!important;
			font-weight:bold !important;
}

p#fehlermeldung {			/* Die Fehlermeldung */
			display:none;
			border: 1px solid #bda383;
			padding:10px;
			margin:15px 0 15px 0;
			width:370px;
}

/* Die folgenden Angaben bitte nicht verändern! */
form#Kontaktformular-left br {
			clear:left;
}

form#Kontaktformular-left input[type=hidden] {
			display:none;
			border:0;
			padding:0;
}

p#fehlermeldung2 {			/* Die Fehlermeldung */
			display:none;
			border: 1px solid #bda383;
			padding:10px;
			margin:15px 0 15px 0;
			width:370px;
}


p#fehlermeldung3 {			/* Die Fehlermeldung */
			display:none;
			border: 1px solid #bda383;
			padding:10px;
			margin:15px 0 15px 0;
			width:370px;
}

.left{
padding:0 15px 0 0;}

.right{
padding:0 0 0 0;}