@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:#2c1312;
			background-color:#ded4b9;
}

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

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

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


h1{
			font:24px/28px Georgia, "Times New Roman", Times, serif;
			color:#6b1109;
}
			
h2 {
			font:12px/18px Georgia, "Times New Roman", Times, serif;
			color:#c07505;
			padding-bottom:25px;
}

h3 {
			font:14px/20px Verdana, Arial, Helvetica, sans-serif;
			color: #000;
			padding:10px 0 0 0;
}

h4 {display:none;}

.h4 {
			font:18px/18px Georgia, "Times New Roman", Times, serif;
			color: #be6c01;
}


/*h5 {
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
			padding:10px 0 0 0;
			color: #811616;
}

h6 {
			font: 18px/24px Georgia, "Times New Roman", Times, serif;
			padding:10px 0 0 0;
			color: #811616;
}*/



p {padding-top:15px;}

.clear {clear:both;}

.image {
			float: left;
			border:1px solid #9b6051;
}

a.image:link,
a.image:visited {
			padding:3px;

	border-color: #9b6051;

}

.image01 {
			padding:3px;

			float: left;
			border:1px solid #9b6051;
}


.image02 {
			padding:3px;
			margin:0 5px 5px 0;
			float: left;
			border:1px solid #9b6051;
}

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

.yellow{color:#c07505;}

.box{
	width:210px;
	padding-right:15px;
	float:left;
}

.tageskarte{width:300px;}

.preis{width:150px;}

#euroweb{width: 470px !important;}

#euroweb a{float:left;}
/*****************************************************************************************/
/*									 Container       									 */
/*****************************************************************************************/

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

* html #containerGlobal {
	height:100%;
}

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

}

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

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

}

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

h1#branding a {
			background:url(../images/bg-branding.gif) no-repeat;
			width: 275px;
			height: 108px;
			position: absolute;
			top: 39px;
			left: 390px;
			text-indent: -9999px;
}

/*-----------------------------------navigation--------------------------------------------*/

ul#navigation {
			background: url(../images/bg-navigation.jpg) 0 0 no-repeat;
			width: 238px;
			position:absolute;
			left:415px;
			top:157px;
			display:none;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#contentContainer {
			float: left;
			width: 960px;
			padding-bottom:77px;
			padding: 0;

}
#contentMain1 {
			background:url(../images/contentleft.jpg) no-repeat;
			width:269px;
			float:left;
			padding:115px 0 0 94px;
			height:115px;

}

#contentMain1 dl {
			width: 270px;
			height:145px;
}

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

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

#contentMain2 {
			background:url(../images/content.jpg) no-repeat;
			background-color:#ded4b9;
			float: left;
			width: 475px;
			min-height:138px;
			padding: 0px 100px 0px 12px;

}


#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:#7e7466;
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}



#contentMain3 p .image {
			background:url(../images/img.gif) 0 0 no-repeat;
			width: 265px;
			border:1px solid red;
			height:285px;
			padding: 20px 0 0 20px;
}

#contentMain3 .image2 {
			background:url(../images/img.gif) 0 0 no-repeat;
			width: 225px;
			height:245px;
			margin: 0 20px 20px 0;
			padding: 20px;
}

#contentMain3 .image3 {
			background:url(../images/img-thumb.gif) 0 0 no-repeat;
			width: 228px;
			height:126px;
			padding: 20px;
}



#contentMain3 p {
			padding: 20px 0 0 0px !important;
}

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

#containerSwf {
			background:url(../images/img.gif) 0 0 no-repeat;
			width: 235px;
			height:285px;
			padding: 20px 0 0 20px;
}

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

#footerContent {
			clear:left;
			height: 77px;

			width: 100%;
}


#footer {
		background:url(../images/bg-footer.jpg) repeat-x;
			height:77px;	
			margin-left:auto;
			margin-right:auto;
			position:relative;

			width:960px;
}


#address {
			font:12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			width:600px;
			height:47px;
			padding-left:92px;
			padding-top:30px;
			color: #2c1312;
}

/*-----------------------------------Subnavigation-----------------------------------------*/

ul#navigationAdditional {
			background: url(../images/bg-navigationAdditional.jpg) 0 0 no-repeat;
			width: 265px;
			position:absolute;
			height: 34px;
			top:0px;
			left:653px;
			display:none;

}

ul#navigationAdditional li {
			position:relative;
			list-style-type:none;
			display:inline;
}

ul#navigationAdditional li a:link,
ul#navigationAdditional li a:visited {
			float:left;
			height:34px;
			text-decoration:none;
}

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

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

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

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

ul#navigationAdditional li a.n2:hover,
ul#navigationAdditional li a.n2:active {
			background-position: -74px 34px;
}

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

ul#navigationAdditional li a.n3:hover,
ul#navigationAdditional li a.n3:active {
			background-position: -134px 34px;
}

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

ul#navigationAdditional li a.n4:hover,
ul#navigationAdditional li a.n4:active {
			background-position: -195px 34px;
}



ul#navigationAdditional2 {
			background: url(../images/bg-navigationAdditional2.jpg) 0 0 no-repeat;
			width: 90px;
			position:absolute;
			height: 29px;
			top:396px;
			left:144px;
}

ul#navigationAdditional2 li {
			position:relative;
			list-style-type:none;
			display:inline;
}

ul#navigationAdditional2 li a:link,
ul#navigationAdditional2 li a:visited {
			float:left;
			height:29px;
			text-decoration:none;
}

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

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

ul#navigationAdditional2 li a.n6:hover,
ul#navigationAdditional2 li a.n6:active {
			background-position: 90px 0;
}

/*----------------------------------- 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 dashed #bda78e;
			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 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 label#label-telefon {
			width:100px;
}

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

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 dashed #bda78e;
			padding:10px;
			margin:45px 0 15px 0;
			width:200px;
}

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

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