/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

#main_table {
	width: 944px; /* = 968 - 2*12 -> header */
	text-align: left;
}

#header {
	background-color: #ffd400;
}
#header td {
	height: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	padding-right: 12px;
	vertical-align: top;
	color: #666;
	background-image: url(../img/layout_bg_top.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#header td a {
	text-decoration: none;
	color: #666;
}
#header td a:hover {
	text-decoration: underline;
	color: #666;
}
#header #header_address {
	float: left;
}

#sidebar_rechts {
	background-color: #8cc63f;
	color: #fff;
}

#sidebar_links {
	background-color: #8cc63f;
}

#content {
	background-image: url(../img/layout_bg_content.jpg);
	background-repeat: repeat-y;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

#footer td {
	padding-top: 10px;
}
#footer td a {
	text-decoration: none;
	color: #666;
}
#footer td a:hover {
	text-decoration: underline;
	color: #666;
}
#footer #container {
	background-color: #fbd007;
}
#footer #links {
	height: 17px;
	float: left;
	padding-top: 7px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../img/layout_bg_corner_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#footer #rechts {
	height: 17px;
	padding-top: 7px;
	padding-right: 20px;
	text-align: right;
	background-image: url(../img/layout_bg_corner_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#container_content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#container_content .linie {
	clear: both;
	font-size: 1px;
	height: 1px;
	background-image: url(../img/layout_bg_linie_content.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-bottom: 15px;
}

#container_content .linie2 {
	font-size: 1px;
	height: 1px;
	background-image: url(../img/layout_bg_linie_content.gif);
	background-repeat: repeat-x;
	margin-top: 3px;
	margin-bottom: 15px;
}

#container_content .einzug {
	padding-left: 11px;
	padding-right: 11px;
	line-height: 17px;
}

#container_content .einzug a {
	text-decoration: none;
	color: #8cc63f;
}
#container_content .einzug a:hover {
	text-decoration: underline;
	color: #8cc63f;
}

#container_content h1 {
	font-size: 18px;
	font-weight: bold;
	color: #8cc63f;
	margin-bottom: 7px;
}

#container_content h3 {
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

#container_content h4 {
	font-size: 14px;
	color: #8cc63f;
	font-weight: bold;
}

#container_content h5 {
	font-size: 11px;
	color: #8cc63f;
	font-weight: bold;
	display: inline;
	padding: 0;
	margin: 0;
}

#container_content h3.subheadline {
	display:block;
	margin-top: -10px; 
	margin-bottom: 7px;
}

#container_content .text_rechts {
	float: left;
	margin-right: 5px;
	margin-bottom: 4px;
}
#container_content img.text_rechts {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#container_content .text_links {
	float: right;
	margin-left: 5px;
	margin-bottom: 4px;
}

.form_sb {
	padding-left: 9px;
	padding-right: 9px;
	color: #fff;
}

.form_sb a {
	text-decoration: none;
	color: #fff;
}
.form_sb a:hover {
	text-decoration: underline;
	color: #fff;
}

.float_left {
	float:left;
}


.textfield_sb {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #80b63a;
	background-color: #fff;
	margin-bottom: 6px;
}

.button_sb {
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #80b63a;
	background-color: #fff;
	margin-bottom: 6px;
}

.form_content {
	padding-left: 9px;
	padding-right: 9px;
	color: #666;
}

.textfield_content, #sb_datepicker_field {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #999;
	background-color: #fff;
	margin-bottom: 6px;
}
.textfield_content_klein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #999;
	background-color: #fff;
	margin-bottom: 6px;
}
.textfield_content_klein_disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 6px;
}

.button_content {
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #999;
	background-color: #fff;
	margin-bottom: 6px;
}



#tab_freie_zimmer {
	width: 200px;
	height: 180px;
	background-color: #6daa32;
	background-image: url(../img/layout_tab_freie_zimmer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 47px;	
	text-align: left;
}

#tab_wetter {
	width: 200px;
	height: 120px;
	background-color: #7fba3a;
	background-image: url(../img/layout_tab_wetter.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 47px;	
	text-align: left;
}

#tab_newsletter {
	width: 200px;
	height: 187px;
	background-color: #68a631;
	background-image: url(../img/layout_tab_newsletter.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 47px;	
	text-align: left;
}

#tab_webcam {
	width: 200px;
	height: 211px;
	background-color: #8cc63f;
	background-image: url(../img/layout_tab_webcam.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 47px;	
	text-align: center;
}

.ct_table .ct_border_left {
	background-image:url(../img/ct_border_left.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 200px;
}
.ct_table .ct_td_headline {
	background-image: url(../img/ct_bg_top_r.gif);
	background-repeat: repeat-x;
	height: 30px;
}
.ct_table .ct_div_headline {
	height: 30px;
	background-image:url(../img/ct_bg_top.gif); 
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fff;
	float:left;
}
.ct_table .ct_div_headline h2 {
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-bottom: 7px;
	display: inline;
}
.ct_table .ct_div_headline h3 {
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	margin-bottom: 7px;
	display: inline;
}
.ct_table .ct_border_right {
	background-image:url(../img/ct_border_right.gif);
	background-repeat: no-repeat;
	width: 6px;
}
.ct_table .ct_content {
	padding: 10px;
	vertical-align: top;
	height: 150px;
}


.link_bullet {
	background-image: url(../img/link_bullet_green.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 10px;
}
.link_bullet:hover {
	/*background-position: 2px 4px;	*/
	background-position: 0px 4px;	
}

.link_next {
	background-image: url(../img/link_bullet_green.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 7px;
}

.link_back {
	background-image: url(../img/link_bullet_green_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 7px;
}

.link_next_inactive {
	background-image: url(../img/link_bullet_grau.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 7px;
}

.link_back_inactive {
	background-image: url(../img/link_bullet_grau_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 7px;
}

.link_top {
	background-image: url(../img/link_bullet_green_top.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.suche_ergebnis_table {
	width: 100%;
}
/*.suche_ergebnis_table:hover {
	width: 100%;
	background-color: #fafafa;
}*/
.suche_ergebnis_table .bild {
	width: 148px;
	padding-right: 15px;
}
.suche_ergebnis_table .headline {
	padding-bottom: 5px;
}
.suche_ergebnis_table .headline h3 {
	display: inline;
	font-size: 11px;
	font-weight: bold;
}
/* .suche_ergebnis_table .content {} */

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

.breadcrumb a {
	text-decoration: none;
	color: #666;
}
.breadcrumb a:hover {
	text-decoration: underline;
	color: #666;
}

#navi {
	padding-left: 9px;
	padding-right: 9px;
}

#navi .linie {
	font-size: 1px;
	height: 1px;
	background-image: url(../img/layout_bg_punkte.gif);
	background-repeat: repeat-x;
	margin-top: 1px;
	margin-bottom: 1px;
}

.navClosed a {
	display: block;
	height: 16px;
	background-image: url(../img/navi_bullet_closed.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: #fff;
	padding-left: 19px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
}
.navClosed a:hover {
	background-color: #7eb739;
}
.navActive a, .navActive a:hover {
	display: block;
	height: 16px;
	background-image: url(../img/navi_bullet_closed.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #7eb739;
	color: #fff;
	padding-left: 19px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
}
.navSub a {
	height: 13px;
	display: block;
	background-image: url(../img/navi_bullet_sub.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 12px;	
	margin-left: 17px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #fff;
}
.navSubActive a {
	height: 13px;
	display: block;
	background-image: url(../img/navi_bullet_sub.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 12px;	
	margin-left: 17px;
	margin-bottom: 3px;
	text-decoration: underline;
	color: #fff;
}
.navSub a:hover, .navSubActive a:hover {
	height: 13px;
	display: block;
	background-image: url(../img/navi_bullet_sub.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 12px;	
	margin-left: 17px;
	margin-bottom: 3px;
	text-decoration: underline;
	color: #fff;
}
/*////////////////////////////////  Navigation ENDE ////////////////////////////////*/
/*////////////////////////////////  Kalender        ////////////////////////////////*/
.kalender {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
.kalender .scroll {
	/*width: 630px;
	height: 70px;
	overflow: auto;*/
}
.kalender .inhalt {
	/*width: 800px;*/
}
.kalender .inaktiv {
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e8e8e8;
}
.kalender .normal {
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	color: #333;
}
.kalender .vergeben {
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	color: #333;
}
.kalender .frei {
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	background-color: #c4e19f;
	border: 1px solid #b9b9b9;
	color: #333;
}
.kalender .halb_re {
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	background-image: url(../img/halb_re.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #c4e19f;
	border: 1px solid #b9b9b9;
	color: #333;
}
.kalender .halb_li {
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	text-align: center;
	background-image: url(../img/halb_li.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #c4e19f;
	border: 1px solid #b9b9b9;
	color: #615f50;
}

.kalender_legende_frei {
	height: 13px;
	background-image: url(../img/voll_gruen.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-bottom: 5px;
	padding-top: 4px;
}

.ausstattung_tooltip {
	background-color: #eaeaea;
}
.ausstattung_tooltip h1 {
	background-color: #ffd400;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.ausstattung_tooltip img {
	float: left;
	margin-right: 10px;
}

.img_blumen {
	width: 55px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

.links_div_first {
	width: 123px;
	height: 140px;
	text-align: center;
	float: left;
	border: 0;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-top: 10px;
}
.links_div {
	width: 123px;
	height: 140px;
	text-align: center;
	float: left;
	border: 0;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-top: 10px;
}
.links_div_last {
	width: 123px;
	height: 140px;
	text-align: center;
	float: left;
	border: 0;
	margin-left: 4px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.sitemap_main {
	background-image: url(../img/link_bullet_grau.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 10px;
}

.sitemap_sub {
	background-image: url(../img/link_sitemap_bullet_sub.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding-left: 24px;
}

.liste .kopf {
	background-color: #eeeeee;
}
.liste .kopf td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #8CC63F;
	font-weight: bold;
}
.liste .rowNormal {
	background-color: #fafafb;
}
.liste .rowNormal:hover {
	background-color: #f3f3f3;
}
.liste .rowNormal td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #c4e29d;
}

.infobox_links {
	float: left;
	margin-left: 11px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.infobox_rechts {
	float: right;
	margin-left: 10px;
	margin-right: 11px;
	margin-bottom: 5px;
}
.infobox_kopf {
	width: 190px;
	background-image: url(../img/infobox/kopf.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #8CC63E;
	padding: 60px 5px 0px 5px;
	vertical-align: top;
}
.infobox_fuss {
	background-image: url(../img/infobox/fuss.jpg);
	background-repeat: no-repeat;
	height: 16px;
}


.infobox_kopf ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.infobox_kopf a, .infobox_kopf a.active {
	display: block;
	height: 16px;
	background-image: url(../img/navi_bullet_closed.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: #fff;
	padding-left: 19px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
}

.infobox_kopf a:hover, .infobox_kopf a:active, .infobox_kopf a.active {
	color: #FBD007;
}

.content_liste {
	list-style-image: url(../img/link_bullet_green.gif);
	padding-left: 10px;
	margin-left: 10px;
}

.error_big {
	font-size: 12px;
	font-weight: bold;
	color: #f00;
	text-transform: uppercase;
}

::-moz-selection{
	background-color: #8CC63F;
	color: #fff;
}