/***************************
		Allgemeines
***************************/

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: 'Open Sans', Verdana, sans-serif;
	text-decoration: none;
}

.clear {
	clear:both;
    height:0;
    width:0;
    margin:0;
    padding:0;
    line-height:0;
    overflow: hidden;
    font-size:0px;
}

ul {
	list-style-type: none;
}

h1, h2 {
	display: block;
	font-weight: normal;
}

img {
	display: block;
}

/***************************
		Grundlayout
***************************/

body {
	background-color: #;
}

#site {
	width: 100%;
	height: 100%;
	overflow: auto;
}

#site_content {
	padding: 28px 0 142px 0;
	overflow: auto;
}

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

#header_bar {
	height: 16px;
	background-color: #3b261f;
	text-align: right;
	padding: 6px 80px;
	
	-moz-box-shadow: 0px 0px 20px #000;
  	-webkit-box-shadow: 0px 0px 20px #000;
  	box-shadow: 0px 0px 20px #000;
  	
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
}
#hb_facebook {
	width: 16px;
	height: 16px;
	float: right;
}
#hb_nav {
	float: right;
	padding: 0 8px 0 0;
}

/***************************
		 Overlays
***************************/

#overlays {
	width: 100%;
	position: absolute;
	top: 28px;
}

#special {
	width: 88px;
	height: 88px;
	
	position: absolute;
	top: 30px;
	left: 32px;
}

#logo {
	width: 185px;
	height: 153px;
	
	position: absolute;
	top: 0px;
	right: 79px;
}

/***************************
		Navigation
***************************/

#navigation {
	width: 185px;
	background: transparent url("images/layout/nav_bg.png") repeat 0 0;
	padding: 8px 0;
	
	position: absolute;
	top: 193px;
	right: 79px;
}

.nav_item {
	text-align: right;
	padding: 0 17px 0 0;
}

/***************************
	 Special - Lightbox
***************************/

#lightbox_special {
	padding: 29px;
}
#ls_header {
	padding: 0 0 22px 0;
}

/***************************
	 Termin - Lightbox
***************************/

#lightbox_termin {
	padding: 29px;
}

#cboxLoadedContent {
	width: 640px;
	height: 370px;
}

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

#footer_bar {
	width: 100%;
	height: 111px;
	background-color: #FFF;
	
	-moz-box-shadow: 0px 0px 20px #000;
  	-webkit-box-shadow: 0px 0px 20px #000;
  	box-shadow: 0px 0px 20px #000;
  	
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	
  	padding: 26px 0px 5px 30px;
}

#fb_text {
	width: 580px;
	float: left;
}

/***************************
	  Footer - Buttons
***************************/

#fb_buttons {
	float: left;
	padding: 0 0 0 24px;
}

div.fbb_item {
	float: left;
	padding: 0 10px 0 0;
}

a.footer_button {
	display: block;
	width: 59px;
	height: 59px;
}

a#button_buchen {
	background: transparent url("images/buttons/buchen.jpg") no-repeat 0 0;
}
a#button_buchen:hover,
a#button_buchen:active {
	background: transparent url("images/buttons/buchen_hover.jpg") no-repeat 0 0;
}

a#button_special {
	background: transparent url("images/buttons/special.jpg") no-repeat 0 0;
}

a#button_speisekarte {
	background: transparent url("images/buttons/speisekarte.jpg") no-repeat 0 0;
}
a#button_speisekarte:hover,
a#button_speisekarte:active {
	background: transparent url("images/buttons/speisekarte_hover.jpg") no-repeat 0 0;
}

a#button_shop {
	background: transparent url("images/buttons/shop.jpg") no-repeat 0 0;
}
a#button_shop:hover,
a#button_shop:active {
	background: transparent url("images/buttons/shop_hover.jpg") no-repeat 0 0;
}

a#button_oeff {
	position: relative;
	background: transparent url("images/buttons/oeff.jpg") no-repeat 0 0;
	overflow: hidden;
}
a#button_oeff:hover,
a#button_oeff:active {
	overflow: visible;
}
div#oeff_tooltip {
	width: 352px;
	height: 198px;
	position: absolute;
	top: -218px;
	left: -342px;
	background: transparent url("images/layout/oeff_tooltip.png") no-repeat 0 0;
	padding: 15px 19px 0 19px;
}

.otc_row {
	padding: 5px 0 0 0;
}

.otc_label {
	float: left;
	padding: 0 10px 0 0;
}
.otc_text {
	float: left;
}

/***************************
	  Footer - Subnav
***************************/

#fb_subnav {
	float: right;
	position: relative;
	top: 93px;
	right: 105px;
}
div.fb_sn_item_wrapper {
	float: left;
	padding: 0 4px 0 0;
}
a.fb_sn_item,
a.fb_sn_item_active {
	display: block;
	width: 14px;
	height: 19px;
	background-color: #74c5c3;
	padding: 1px 0 0 6px;
	position: relative;
	overflow: hidden;
}
a.fb_sn_item_active,
a.fb_sn_item:hover,
a.fb_sn_item:active {
	background-color: #e50051;
}
a.fb_sn_item:hover,
a.fb_sn_item:active,
a.fb_sn_item_active:hover,
a.fb_sn_item_active:active {
	overflow: visible;
}
div.fb_sn_tooltip {
	position: absolute;
	height: 23px;
	top: -28px;
	left: 1px;
}
div.fb_snt_content {
	height: 17px;
	background-color: #e50051;
	padding: 0 6px;
}
div.fb_snt_bottom {
	width: 10px;
	height: 6px;
	background: transparent url("images/layout/subnav_tooltip.jpg") no-repeat 4px 0;
}

/***************************
	 Content - Termine 
***************************/

#termine {
	padding: 45px 33px;
}

.te_kategorie {
	padding: 30px 0 0 0;
}

.te_kat_termine {
	padding: 6px 0 0 0;
}

.te_kat_termin {
	padding: 4px 0 0 0;
}

.te_kt_datum {
	width: 163px;
	float: left;
}

.te_kt_ort {
	width: 128px;
	height: 22px;
	float: left;
}
.te_kt_ort.long {
	width: auto;
}

.te_kt_text {
	width: 400px;
	float: left;
}

#fb_termine_text {
	width: 580px;
}

/***************************
	 Content - Anfahrt 
***************************/

#anfahrt {
	width: 0px;
	height: 0px;
	overflow: hidden;	
}

#fb_anfahrt_text {
	width: 660px;
}

/***************************
	 Content - Kontakt 
***************************/

#fb_kontakt_text {
	width: 640px;
	float: left;
}

#fb_kontakt_partners {
	width: 350px;
	float: right;
}

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

/***************************
	 Content - Impressum 
***************************/

#impressum {
	padding: 30px;
}

/***************************
	  Kontaktformular
***************************/

#kontakt {
	padding: 30px;
}

#ko_anschrift {
	padding: 0 0 32px 0;
}

#ko_header {
	padding: 0 0 2px 0;
}

#ko_note,
#ko_sent_info {
	padding: 0 0 18px 0;
}

.ko_form_field,
.ko_ff_zimmer_field,
.ko_ff_zf_input,
.ko_ff_zf_label {
	float: left;
}

.ko_form_row {
	padding: 0 0 25px 0;
}

.ko_form_field,
.ko_ff_zimmer_field {
	padding: 0 30px 0 0;
}

.ko_ff_label {
	padding: 0 0 8px 0;
}

.ko_ff_zf_label {
	padding: 6px 0 0 10px;
}

.ko_ff_input input,
.ko_ff_zf_input input,
.ko_ff_input textarea {
	border: 1px solid #9a9393;
	overflow: auto;
}

.ko_ff_input input {
	width: 291px;
	height: 30px;
	padding: 0 4px;
}

.ko_ff_zf_input input {
	width: 41px;
	height: 30px;
	padding: 0 4px;
}

.ko_ff_input textarea {
	width: 622px;
	height: 52px;
	padding: 4px;
}

#ko_form_submit {
	padding: 0 0 0 523px;
}

#ko_submit_button {
	width: 109px;
	height: 26px;
	background: transparent url("images/content/kontakt/submit.jpg") no-repeat 0 0;
	cursor: pointer;
}

#ko_preise {
	margin: -12px 0 0 0;
}



/***************************
		   Text
***************************/

.header_bar_text,
.header_bar_text a {
	font-weight: 600;
	font-size: 11px;
	color: #9d938f;
}
.header_bar_text a:hover,
.header_bar_text a:active {
	color: #fff;
}

.nav_text,
.nav_text a {
	font-weight: 600;
	font-size: 20px;
	color: #FFF;
}
.nav_text a:hover,
.nav_text a:active {
	color: #74c5c3;
}
.nav_text sup {
	font-size: 12px;
}

.nav_text_active,
.nav_text_active a {
	font-weight: 600;
	font-size: 20px;
	color: #74c5c3;
}
.nav_text_active sup {
	font-size: 12px;
}

.special_header_text,
.special_header_text a {
	font-weight: 800;
	font-size: 18px;
	color: #422a22;
}

.special_text {
	font-weight: 400;
	font-size: 18px;
	color: #422a22;
}
.special_text a {
	color: #FFF;
}
.special_text a:hover,
.special_text a:active {
	text-decoration: underline;
}

.footer_header_text,
.footer_header_text a {
	font-weight: 800;
	font-size: 18px;
	color: #422a22;
}

.footer_text,
.footer_text a {
	font-weight: 400;
	font-size: 18px;
	color: #422a22;
}
.footer_text a:hover,
.footer_text a:active {
	text-decoration: underline;
}

.subnav_text,
.subnav_text a {
	font-weight: 700;
	font-size: 12px;
	color: #FFF;
}

.oeff_header_text,
.oeff_header_text a {
	font-weight: 800;
	font-size: 16px;
	line-height: 20px;
	color: #422a22;
}

.oeff_label {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #e50051;
}

.oeff_text {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #422a22;
}

.anfahrt_header_text,
.anfahrt_header_text a {
	font-weight: 800;
	font-size: 16px;
	line-height: 20px;
	color: #422a22;
}

.anfahrt_text,
.anfahrt_text a {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #422a22;
}
.anfahrt_text a:hover,
.anfahrt_text a:active {
	text-decoration: underline;
}


.termine_kategorie_text,
.termine_kategorie_text a {
	font-weight: 700;
	font-size: 16px;
	color: #e50051;
}

.termine_datum_text,
.termine_datum_text a {
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #422a22;
}

span.termine_info_text a {
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
}

.termine_text,
.termine_text a {
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	color: #422a22;
}
.termine_text a:hover,
.termine_text a:active {
	text-decoration: underline;
}

.kontakt_text,
.kontakt_text a {
	font-weight: 600;
	font-size: 13px;
	color: #422a22;
}

.kontakt_stern,
.kontakt_stern a {
	font-weight: 600;
	font-size: 13px;
	color: #e50051;
}

.zimmerpreise_header_text,
.zimmerpreise_header_text a {
	font-weight: 800;
	font-size: 18px;
	line-height: 24px;
	color: #422a22;
}

.zimmerpreise_text,
.zimmerpreise_text a {
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: #422a22;
}
.zimmerpreise_text a:hover,
.zimmerpreise_text a:active {
	text-decoration: underline;
}

.kontakt_note_text,
.kontakt_note_text a {
	font-weight: 400;
	font-size: 12px;
	color: #e50051;
}

/***************************
		  FullBG
***************************/

#fullbg,
#fullbg_home {
	display: block;
    position: absolute;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#fullbg {
	margin: 28px 0 142px 0;
}

#fullbg_home {
	margin: 28px 0 0 0;
}