@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 {
			background:url(../images/bg.jpg) repeat-x;
			font:11px/16px Verdana, Arial, Helvetica, sans-serif;
			height: 100%;
			width: 100%;
			color:#f6f5df;
			background-color: #000000;
			text-align:center;
}

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


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

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


h2 {
			color:#fff869;
			padding:8px 0 0 0;
			font:14px/18px Verdana, Arial, Helvetica, sans-serif;
}

h3 {		color:#fff869;
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding-top:10px;

}

h4 {
			color:#fff869;
			padding:8px 0 0 0;
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}

h5 {
			color:#f6f5df;
			padding:8px 0 0 0;
			font:14px/18px Verdana, Arial, Helvetica, sans-serif;
}

h6 {
			color:#ffffff;
			padding:8px 0 0 0;
			font-weight:bold;
			font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}

.highlight {
	background-image:url(../images/bg-index.png);
	padding:20px 5px;
}


p {
			padding-top:15px;
}

.clear {
			clear:both;
}

.image {
			padding:1px;
			margin:3px;
			border:1px solid #2e2214;
			float: left;
}

.content-box{
padding-bottom:20px;}

.cd {
			padding:1px;
			margin:3px;
			margin-top:15px;
			width:102px;
			float: left;
}

.text{
	display:block;
	height:20px;
	width:100px;
}

a.image:link,
a.image:visited {
			border-color: #fff869;
			text-decoration:underline;
		
}

a.image:hover,
a.image:active {
			border-color: #fff869;
			text-decoration:none
}

#containerSwf {
			position:absolute;
			top:221px;
			left:647px;
}

.gelb{
color:#fff869;
font:12px/18px Verdana, Arial, Helvetica, sans-serif;}

.teaserbox{
padding-bottom:10px;}

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

#containerGlobal {
			position: relative;
			background:url(../images/bg-header.gif) repeat-x;
			width: 960px;
			margin: 0 auto 0px auto;
			min-height: 100%;
}

* 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:440px;
			position:relative;
}

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

h1#branding a {
			background:url(../images/bg-branding.jpg) no-repeat;
			width: 254px;
			height: 109px;
			position: absolute;
			top: 23px;
			left: 665px;
			text-indent: -9999px;
}

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

ul#navigation {
			width: 600px;
			position:absolute;
			left:235px;
			top:5px;
			height: 37px;
			text-align:center;

}

ul#navigation li {
			position:relative;
			list-style-type:none;
			float:left;
			padding:10px;
			font-size:12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#navigation li a:link,
ul#navigation li a:visited {
			color:#fff;
			text-decoration:none;
}

ul#navigation li a:hover,
ul#navigation li a:active {
			color:#fff869;
}

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

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

#contentContainer {
			width: 960px;
			padding: 0;
			text-align:left;
/*			margin: 0 auto;
*/}

#contentMain1 {
			background:url(../images/bg-contentMain1.jpg) no-repeat;
			width:175px;
			min-height:286px;
			padding-left:80px;
			padding-right:20px;
			padding-top:5px;
			float:left;
}


* html .contentMain1 {
			width:275px !important;
			background:url(../images/bg-contentMain1.jpg) no-repeat;
			min-height:286px;

			padding-top:5px;
			float:left;
} 

* html #contentMain1 {height:300px;}

#contentMain2 {
			background:url(../images/bg-contentMain2.jpg) no-repeat;
			float: left;
			width: 370px;
			min-height:286px;
			padding-bottom:20px;
			padding-right:20px;
			padding-left:10px;
}


* html #contentMain2 {height:300px;}


#contentMain2 ul {
			width: 210px;
			padding-left:20px;
			padding-bottom:30px;
			padding-top:10px;
}

.titel {
			padding:30px 5px 0 0;
			float:left;
			width: 238px;
}


.cover {
			padding:15px 15px 0 0;
			text-align:center;
			float:left;
			width:102px;
}

.galerie {
			padding:15px 10px 0 10px;
			text-align:center;
			float:left;
			width:102px;
			font-size:10px;
}


.galerie img {
			margin:0px 0 15px 0;
			border:1px solid red;
}


.cover img {
			margin:0px 0 15px 0;
			border:3px solid #6e1505;
}

#contentMain3 {
			background:url(../images/bg-contentMain3.jpg) no-repeat;
			float: left;
			width:270px;
			min-height:286px;
			padding:10px 0 0 15px;
}

* html #contentMain3 {	height:286px;

}

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

#contentMain1 dt {
			font-weight:bold;
			float:left;
			width:200px;
			font-size:11px;
			color:#2e2214;
}

#contentMain1 dd {
			font-size:11px;
			color:#2e2214;
			float:left;
			width:190px;
}

/*contentMain1 dl {
			width: 300px;
}

#contentMain1 dt {
			font-weight:bold;
			float:left;
			width:150px;
			font-size:11px;
			color:#000;
			text-transform: uppercase;
}

#contentMain1 dd {
			font-size:11px;
			color:#545353;
			float:left;
			width:100px;
}
*/



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




/*#contentMain2 h2 {

}*/

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

#koestritzer-logo{
width:180px;
height:70px;
}

#koestritzer-logo a{
width:180px;
height:70px;
display:block !important;
overflow:hidden;
text-indent: -999em;}

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


#footerContent {
			clear:left;
			height: 58px;
			width: 100%;
			background: #000;
}

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

#address {
			font:11px/18px Verdana, Arial, Helvetica, sans-serif;
			width:220px;
			padding:0px 0 0 60px;
			float:left;
}

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


ul#navigationAdditional {
			width: 200px;
			color:#FFFFFF;
			position:absolute;
			left:680px;
			top:408px;
			height: 30px;
}

ul#navigationAdditional li {
			position:relative;
			list-style-type:none;
			float:left;
			padding:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#navigationAdditional li a:link,
ul#navigationAdditional li a:visited {
			color:#fff;
			text-decoration:none;
}

ul#navigationAdditional li a:hover,
ul#navigationAdditional li a:active {
			color:#fef969;
}

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

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

form#Kontaktformular label,
form#Kontaktformular input,
form#Kontaktformular textarea {		/* Allgemeine Stile für Labels und Formularfelder */
			font:11px 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:160px;
}

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

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

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 */
			width:207px!important;
			padding:3px;
			font-weight:bold;
			font:15px Verdana, Arial, Helvetica, sans-serif;
			cursor:pointer;
			color:#ffffff;
			border:none;
			height:26px;
			background-image:url(../images/kontakt/buton.gif);
			text-transform: uppercase;
}

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:55px;
}

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

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.png) top right no-repeat;
			background-repeat:no-repeat;
}

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

p#fehlermeldung {			/* Die Fehlermeldung */
			display:none;
			border: 1px dashed #bda78e;
			padding:10px;
			margin:15px 0 15px 0;
			width:288px;
}

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

form#Kontaktformular input[type=hidden] {
			display:none;
			border:0;
			padding:0;
}
.price{
width:80px;
}

.termin_teaser{
	float:left;
   width:90px;
	height:65px;
	color:#fff869;
	font-size:14px;
}
	
	.termin_ort{
	float:left;
   width:280px;
	height:65px;}