@charset "iso-8859-1";

/*** Layout ***/

#seite {
	width: 970px;
	margin: auto;
	background-image: url(../images/hintergr.gif);
	background-repeat: repeat-y;
	padding-right: 11px;
	padding-left: 11px;
}

#kopf {
	background-color: #bad47b;
	width: 970px;
	height: 19px;
	padding: 6px 0 6px 0;
	text-align: right;
	font-size: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5E9;
}

#kopf .links {
	padding-left: 550px;
	padding-top: 3px;
}

#kopf .mitte {
	float: left;
	padding-left: 15px;
}

#kopf .mitte img {
	padding-top: 1px;
	padding-right: 3px;
	float: left;
}

#kopf .rechts {
	padding-right: 10px;
	text-align: right;
}

#kopf fieldset {
	background-image: url(../images/suche.gif);
	background-repeat: no-repeat;
	width: 145px;
	height: 19px;
	padding-left: 5px;
	text-align: left;
}

#kopf .eing {
	background: none transparent;
	border: none transparent;
	height: 15px;
	width: 120px;
	color: #999;
	font-size: 11px;
	position: absolute;
	top: 8px;
}

#kopf .butt {
	background: none transparent;
	border: none transparent;
	height: 19px;
	width: 20px;
	cursor: pointer;
}

#kopfbild .links {
	float: left;
	width: 478px;
	height: 269px;
	margin-right: 1px;
}

#kopfthumbs {
	float: right;
	width: 89px;
	height: 269px;
}

#kopfthumbs div {
	width: 89px;
	height: 89px;
	margin-bottom: 1px;
}

#kopfthumbs img {
	cursor: pointer;
}

#kopfbild {
	width: 568px;
	height: 269px;
	margin: 0 1px;
	position: relative;
}

#kopfflash {
	width: 478px;
	height: 269px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#kopfbilder img {
	width: 478px;
	height: 269px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#kopfbilder img.sichtbar {
	z-index: 3;
}


#kopfbild_start {
	width: 570px;
	height: 391px;
}

#seite_hintergr {
	width: 970px;
	background-image: url(../images/hintergr_seite.jpg);
	background-repeat: no-repeat;
}

#seite_li {
	float: left;
	width: 191px;
	padding-left: 13px;
	text-align: left;
}

#seite_mi {
	float: left;
	width: 570px;
	padding-left: 1px;
	padding-right: 1px;
}

* html #seite_mi { /* IE 6 */
   	margin-left: -25px;
}

#seite_re {
	float: right;
	width: 182px;
	padding-right: 12px;
	background-image: url(../images/hintergr_re_schatten.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#fuss {
	background-color: #bad47b;
	text-align: center;
	width: 970px;
	height: 60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	font-size: 1.1em;
	line-height: 1.8em;
}

#fuss .links {
	width: 475px;
	padding-left: 300px;
}

#fuss .rechts {
	width: 195px;
}

/*** Inhalte links ***/

#li_logo {
	padding-top: 19px;
	text-align: center;
}

#li_buchen {
	width: 157px;
	padding-top: 35px;
	padding-left: 22px;
}

#navi {
	width: 191px;
	padding-top: 45px;
	padding-bottom: 20px;
}

#navi ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

li.navi {
	margin: 0;
	list-style: none;
	width: 171px;
	height: 21px;
	background-image: url(../images/hintergr_navi.png) !important;
	background-image: url(../images/hintergr_navi_ie6.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 1.3em;
}


a.navi {
	text-decoration: none;
	color: #333;
}

a.navi:hover {
	text-decoration: none;
	color: #68b022;
}

li.subnavi {
	margin: 0;
	list-style: none;
	width: 166px;
	height: 20px;
	padding-top: 2px;
	padding-left: 25px;
	background-image: url(../images/hintergr_subnavi.png) !important;
	background-image: url(../images/hintergr_navi_ie6.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 1.3em;
	color: #888;
}

a.subnavi {
	text-decoration: none;
	color: #7a7875;
}

a.subnavi:hover {
	text-decoration: none;
	color: #68b022;
}

a.aktiv {
	color: #68b022;
}

.reklame_shop {
	width: 190px;
	height: 127px;
	border: 1px solid #fff;
	margin-top: 7px;
}

/*** Inhalte rechts ***/

#re_oben {
	width: 182px;
	height: 209px;
	margin-bottom: 1px;
}

.re_news_titel {
	width: 182px;
	height: 25px;
	margin-top: 1px;
}

.re_news_inhalt {
	width: 166px;
	padding: 5px 8px;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.4em;
	background-color: #fff;
}

#news {
	list-style: none;
	margin: 0;
	padding: 0;
}

#news li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

#gaestest {
	list-style: none;
	margin: 0;
	padding: 0;
}

#gaestest li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

#gaestest div {
	width: 166px;
}

#buttons {
	padding: 0;
	margin: 0;
	list-style: none;
}

#buttons li {
	padding: 0;
	margin: 0;
	margin-top: 6px;
	list-style: none;
	float: left;
	width: 190px;
	height: 127px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
}

* html #buttons img { /* IE 6 */
   margin-bottom: -5px;
}

/*** Inhalte Mitte (530px / 570px) ***/

#inhalt {
	width: 520px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 50px;
	padding-left: 25px;
	background-image: url(../images/hintergr_transp.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;	
	font-size: 1.2em;
	line-height: 1.4em;
}

#inhalt2 {
	width: 570px;
	padding-bottom: 50px;
	background-image: url(../images/hintergr_transp.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
}

.inhalt {
	padding: 0 20px;
}

/*** Onlinebuchung ***/

#onlinebuchung label {
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 2px;
	width: 50px;
	font-size: 1.1em;
}

#onlinebuchung .form_kl {
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 2px;
}

#inline1 {
    overflow: auto;
	width: 500px;
	height: 100px;
	background-color: #FDFDFD;
	display: none;
}

/*** Sonstige***/

li.navi_kl {
	float: left;
	padding: 0 8px;	
	margin: 0;
	line-height: 1.0em;
	list-style: none;
	list-style-position: outside;
	white-space: nowrap;
}

li.navi_trenn {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666;
}

/*** Galerie ***/

img.galerie {
	padding: 3px;
	border: 1px solid #d8d4c8;
	background-color: #FFFFFF;
}

li.gal_uebersicht {
	float: left;
	height: 150px;
	width: 122px;
	margin: 0;
	list-style: none;
	text-align: center;
	font-size: 11px;
	line-height: 1.2em;
}

#gmap {
	width: 520px;	
	height: 320px; 
	border: 1px solid #d8d4c8;
	background-color: #FFFFFF;
}

/*** Kalender ***/

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-top: 4px;
	margin-left: 2px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/symbole/calendar.png) no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code has run (to allow space for the calendar icon)
 */
input.dp-applied {
	width: 140px;
	float: left;
}