/* MAIN */

html, body, form {
	margin:0; padding:0; 
}
html{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}
body{
	text-align:center;
	background:#FFFFFF;
}

/* TAGS */

hr { border-bottom:solid #cccccc 0px; border-top:solid #cccccc 1px; height:0; }
.hr { margin:8px 0; padding:0; height:1px; background:#cccccc; }
.hr hr { display:none; }

td { vertical-align:top; font-size:12px; line-height:16px; }
thead, th { background-color:#cce4f1; font-weight:bold; color:#0078b8; }

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; line-height:30px; color:#0078b8; margin:16px 0; padding:0; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:24px; color:#0078b8; margin:16px 0; padding:0; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:18px; color:#0078b8; margin:8px 0; padding:0; }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:16px; color:#0078b8; margin:0; padding:0; }

ul { padding:0 0 0 16px; margin:16px 0; }
ul li { background:url(../images/list_square.gif) no-repeat 0 0; padding:0 0 0 16px; margin:0; list-style:none; }
ul li ul { padding:0 0 0 16px; margin:8px 0 16px; }
ul li ul li { background:url(../images/list_dot.gif) no-repeat 0 6px; padding:0 0 0 16px; margin:0; list-style:none; }

img { border:0px; padding:0; margin:0;}
a img.link { vertical-align:-6px; }
sup { vertical-align:3px; font-size:75%; line-height:75%; }

a:link, a:active, a:visited { color:#0078b8; text-decoration:none; }
a:hover { color:#0078b8; text-decoration:underline; }

#main_wrapper {
	margin:0 auto;
	padding:0;
	width:924px;
	min-height:750px;
	position:relative;
	text-align:left;
}
#top {
	margin:0;
	padding:18px 0;
	width:924px;
	text-align:left;
	position:relative;
	z-index:0;
}

.w_normal { margin-bottom:400px; }
.w_start { margin-bottom:400px; }

.wrapper_top {
	background:url(../images/main_top_corner_bg.png) no-repeat left top;
	width:924px;
	padding:12px 0 0 0;
}
*html .wrapper_top {
	background:url(../images/main_top_corner_bg_ie.gif) no-repeat left top;
}
.wrapper_bottom {
	background:url(../images/main_bottom_corner_bg.png) no-repeat left bottom;
	width:924px;
	padding:0 0 12px 0;
}
*html .wrapper_bottom {
	background:url(../images/main_bottom_corner_bg_ie.gif) no-repeat left bottom;
}
.wrapper {
	width:900px;
	background:url(../images/main_middle_bg.png) repeat-y center top;
	padding:0 12px;
	position:relative;
}

*html .wrapper {
	background:url(../images/main_middle_bg_ie.gif) repeat-y center top;
	width:924px;
	w\idth:900px;
}
#main {
	width:868px;
	padding:16px 16px 0 16px;
}
*html #main {
	width:900px;
	w\idth:868px;
}

/* STANDARD NAVI */

#std_nav {
	height:18px;
	margin-bottom:10px;
	width:900px;
	color:#58585A;
	font-size:12px;
	line-height:18px;
	text-align:right;
	overflow:hidden;
}
#std_nav img { padding:0 20px; line-height:18px; vertical-align:middle; }

#std_nav a {
	color:#58585A;
	text-decoration:none;
	font-weight:normal;
}
#std_nav a:hover {
	text-decoration:underline;
}
#std_nav a.aktiv {
	font-weight:bold;
	text-decoration:none;
	color:#58585A;
}

/* MAIN NAVI */

#main_nav {
	width:900px;
	height:38px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#0078b8;
}
#main_nav ul {
	margin:0;
	padding:0;
}
#main_nav li {
	margin:0;
	padding:0;
	background:none;
	float:left;
	display:block;
}
#main_nav li a {
	background:no-repeat 0 0;
	height:38px;
	display:block;
}
#main_nav li a:hover, #main_nav li a.aktiv {
	background-position:0 38px !important;
}
#main_nav li a span { display:none; }

/* AUFMACHER */

#aufmacher {
	margin:0;
	padding:0;
	width:924px;
	height:750px;
	overflow:visible;
	position:absolute;
	z-index:-1;
	top:0;
	left:-138px;
	float:none;
}

.aufmacher {
	width:1200px;
	height:750px;
	position:absolute;
}
.scollobj { display:none; }
.scrollshow { display:block; }

#aufmacher h1 { display:none; }

/* SUB NAV */

#left_col {
	margin:0;
	padding:0;
	width:300px;
	float:left;
	overflow:hidden;
}
#left_col .divider {
	background:url(../images/sub_nav_divider.jpg) no-repeat 50% 50%;
	width:300px;
	height:25px;
	padding:8px 0;
}

#sub_nav ul {
	margin:8px 0 0 0;
	padding:0;
}
#sub_nav li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	background-position:0px 3px;
}
#sub_nav li a {
	display:block;
	padding:4px 0 4px 16px;
	line-height:16px;
	color:#58585a;
	text-decoration:none;
	font-weight:normal;
}
#sub_nav li a.aktiv, #sub_nav li a:hover {
	font-weight:bold;
}
#sub_nav li ul { margin:0; padding:0; }
#sub_nav li ul li { background:none; }
#sub_nav li ul li a { padding:0 0 0 24px; }

.news_item {
	width:300px;
	color:#58585a;
	margin:-3px 0 8px 0;
}
.news_item h3 { display:inline; margin:0; padding:0; font-size:12px; color:#58585a; }
.news_item h3 a { color:#58585a; }
.news_item h3 a:hover { color:#58585a; }
.news_item img { padding:3px 8px 8px 0; }

/* CONTENT */

#content {
	margin:0 0 41px 0;
	padding:0;
	width:550px;
	min-height:200px;
	float:right;
}

/* FOOTER */

#footer {
	background:url(../images/footer.jpg) no-repeat right top;
	text-align:right;
	height:41px;
	width:550px;
	line-height:41px;
	position:absolute;
	right:26px;
	bottom:0;
}

/* START */

#start {
	background:url(../images/start_bg.gif) no-repeat 50% 0%;
	width:900px;
	min-height:184px;
	padding-top:16px;
}
#start .col1 { float:left; width:245px; }
#start .col2 { float:left; width:300px; margin:25px 30px 0 30px; }
#start .col3 { float:right; width:255px; margin:20px 10px 0 30px; }

*html #start .col2 { margin:25px 15px 0 30px; }
*html #start .col3 { margin:20px 5px 0 15px; }

#start .col1 h1 { display:none; }
#start .col1 a { width:200px; height:140px; display:block; margin:-5px 0 0 17px; }
#start .col1 a span { display:block; width:200px; height:140px; visibility:hidden; }

#request_short_form { width:255px; height:98px; overflow:hidden; }
#buchungsanfrage table tr td { padding:0 0 8px 0; line-height:22px; }
#buchungsanfrage table tr th { background:none; }
#buchungsanfrage img, #buchungsanfrage input { vertical-align:top; }
#buchungsanfrage .checkbox { vertical-align:baseline; }
#buchungsanfrage h3 { margin:16px 0 4px 0; text-align:left; }
*html #buchungsanfrage img { vertical-align:2px; }
#abreise, #anreise, #anreiseSpecial { width:125px; margin-right:5px; }
#availability_btn { border:none; padding:0; margin:0; }
.delete_obj a { display:none; }
.delete_obj a img, .success img, .failure img { vertical-align:middle !important; }
.delete_obj:hover a { display:inline; }
.success, .failure { font-weight:bold; font-size:14px; }
.success { color:#79ba29; }
.failure { color:#aa211b; }
#buchungsanfrage #categorys { padding:0; margin:0; }
#buchungsanfrage #categorys li {
	width:50%;
	float:left;
	padding:0;
	margin:0;
	background:none;
}
#buchungsanfrage #categorys li input { border:none; padding:0; }
#buchungsanfrage #categorys ul li {
	width:100%;
	float:none;
	padding:0 0 0 16px;
	margin:0;
}

/*  Preisliste */
table.season { width:265px; float:left; margin:0 5px 24px 5px; }
table.season thead th { background-color:#cce4f1; color:#333333; font-weight:normal; }
table.season thead th h3 { margin:0; padding:0; }
table.season .top { padding-top:10px; }
table.season .btm { padding-bottom:10px; }
table.season .lft { padding-left:10px; }
table.season .rght { padding-right:10px; }
table.season tbody tr td { background-color:#ffffff; line-height:24px; }
table.season tbody tr.second td { background-color:#f9f9f9; }



#weather { width:255px; height:32px; overflow:hidden; padding:31px 0 0 0; font-size:12px; }
#weather td { height:32px; }
#weather #heute { width:36px; text-align:left; }
#weather #temp { width:55px; text-align:center; }
#weather #temp span { display:block; background:#cce4f1; line-height:15px; height:15px; font-size:10px; margin-bottom:2px; }
#weather #w_divider { text-align:center; width:36px; }
#weather #modus { text-align:left; width:53px; }
#weather #modus a { color:#a7a7a8; }
#weather #modus a:hover { color:#0078b8; }
#weather #modus a.aktiv { color:#0078b8; font-weight:bold; }
#weather #sonstiges { text-align:left; width:75px; background:#cce4f1; vertical-align:middle; }
#weather #wind { line-height:16px; font-size:10px; padding:0 0 0 4px; }
#weather #regen { line-height:32px; }
#weather #regen img { vertical-align:middle; }

/* NEWS */

#news .news .date{
	float:left;
	height:38px;
	width:48px;
	background:#0078b8;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	line-height:14px;
	overflow:hidden;
	padding-top:10px;
}
*html #news .news .date {
	height:48px;
	h\eight:38px;
}
#news .news .date strong {
	font-size:20px;
	font-weight:normal;
}
#news .news .text {
	overflow:hidden;
	margin:0 0 0 56px;
}
#news h3  { display:inline; text-transform:uppercase; color:#0078b8; line-height:16px; }

/* BELEGUNGSPLAN */

.cal_month {
	width:175px;
	float:left;
	margin:0 8px 10px 0;
}
.cal_month .cal_head {
	background:#0078b8;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	line-height:20px;
}
.cal_month table {
	border-collapse:collapse;
	border:solid 0px;
	font-size:12px;
}
.cal_month table tr th {
	width:25px;
	text-align:center;
	height:20px;
	line-height:20px;
}
.cal_month table tr td {
	text-align:center;
}
.legend {
	float:left;
	margin:0 16px 0 0;
}
.legend span {
	display:block;
	width:25px;
	height:16px;
	float:left;
	margin:0 8px 0 0;
}
.progress_bar {
	margin:16px 0;
}
.progress_bar span {
	display:block;
	border-bottom:3px solid #cce4f1;
	color:#cce4f1;
	float:left;
	text-align:center;
}
.progress_bar span.aktiv {
	border-bottom:3px solid #0078b8;
	color:#0078b8;
}

.hits_action {
	float:left;
	width:50%;
	font-size:14px;
}
.hits_action img {
	vertical-align:-6px;
}

/* BOOKING */
#booking .sub_category { position:relative; }
#booking .sub_category h3 { padding:0; margin:0 0 8px 0;}
#booking .sub_category .change_rqst { right:8px; bottom:8px; position:absolute; }
#booking .hit { margin:12px 0; }
#booking .hit .pic { padding:0 16px 0 0; }
#booking .price { line-height:32px; font-size:30px; color:#0078b8; font-weight:bold; padding:0 0 0 16px; float:right; text-align:right; }
#booking .sub_category table .price { font-weight:normal; padding:0 0 0 64px; border-top:solid 1px #0078b8; margin-top:16px; }
#booking .price small { font-size:12px; }
#booking .hit .price span { color:#333333; font-size:12px; font-weight:normal; line-height:16px; }
#booking .hit .price span span { text-decoration:line-through; }

#booking .hit .h3 { margin:0; padding:0; }
#booking td.checkbox input { vertical-align:-2px; }
#booking #book_now { text-align:right; padding:0; margin:0; }
#booking #book_now_btn { border:none; padding:0; margin:0; text-align:right; }
#booking .special_info { font-size:24px; line-height:32px; margin:12px 0; padding:0 0 0 32px; background:url(../images/warning.gif) no-repeat 0px 6px; }

/* SPECIALS */

.slider_wrapper { margin:0 8px 0 6px; }
.slider ul { margin:0 0 10px; padding:0; width:100%; height:20px; overflow:hidden; }
.slider ul li { list-style:none; background:none; padding:0; margin:0; float:left; text-align:center; width:8.8%; }
.slider ul li.first { text-align:left; width:6%; }
.slider ul li.last { text-align:right; width:6%; }

.slider_output .headline { float:left; margin:0; }
.slider_output .presentation { text-align:right; float:right; }
.slider_output .presentation label { display:block; }
.slider_output .presentation label, .slider_output .headline h3 { line-height:18px; font-weight:bold; margin:16px 0 0 !important; }
#search_specials_btn { border:none; padding:0; margin:16px 0 0; }
.special_box_list h1, .special h1 { margin:0; padding:0; font-weight:bold; }
.special_box_list p.general { margin:0; }
.special_box_list .pic { padding: 0 16px 0 0; }

/* ALLGEMEIN */

.content_headline_img { width:550px; padding:8px 0 0; margin:0; overflow:hidden; }
.content_headline_img h1{ display:none; }

.highlight { color:#0078b8; font-weight:bold; }
.h3 { font-size:14px; line-height:16px; font-weight:normal; color:#333333; }

.highlight_box {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:133%;
	line-height:133%;
	background:#cce4f1;
	color:#0078b8;
	font-style:italic;
	text-align:center;
	border-top:1px solid #0078b8;
	border-bottom:1px solid #0078b8;
	padding:8px;
	margin:16px 0;
}
.highlight_box p { padding:0; margin:0; }

.sub_category {  
	padding:8px;
	background:#cce4f1;
}
.sub_category ul { width:100%; display:block; }
.sub_category ul, .sub_category ul li { margin:0; padding:0; }
.sub_category ul li { background:none; width:33%; display:block; float:left; }

.sub_category ul.sub li { float:none; width:100%; }
.sub_category ul.sub li span { float:left; }
.sub_category ul.sub li p { padding:0 0 0 16px; margin:0; }

.sub_category .hr { background:#0078b8; }

.date { font-weight:normal; font-size:10px; text-transform:uppercase; color:#777777; }

.image_box_right { float:right; margin:0 0 16px 16px; }
.image_box_left { float:left; margin:0 16px 16px 0; }
.image_box_right .text, .image_box_left .text, .schrift_klein { color:#444444; font-size:10px; line-height:14px; }

#map_canvas { min-height:300px; }
*html #map_canvas { height:300px; }

.data h3 { margin:16px 0 0; padding:0; font-weight:normal; font-size:20px; line-height:24px; color:#0078b8; }
.data .datei { float:left; width:100%; margin-top:8px; }
.datei_icon { float:left; text-align:left; display:block; }
.datei_text ul { list-style-type:circle; margin:0; padding:0 0 0 45px; }

.versteckt, .hidden { display:none; }

.kontaktinput { margin-bottom:8px; width:100%; font-size:12px; }
input, textarea, select { 
	border:1px solid #a9afb5;
	color:#0078b8;
	background-color:#FFFFFF;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:11px;
	line-height:15px;
	margin:0;
	padding:3px;
}
#submit { background:#0078b8; color:#FFFFFF; }
.kontaktinput input, .kontaktinput textarea { width:90%; }
label { font-weight:bold; font-size:12px; color:#58585a; }

.headline { margin:0 0 8px; padding:0; }
.jumper { text-align:right; line-height:18px; margin:0; padding:0; }

.jumper_links { font-size:14px; margin:8px 0; padding:0; }

.galerie .img img { margin:0 5px 5px 0; }
.galerie .info { margin:0 5px 5px 0; text-align:right; }

.float-left { float:left; margin-right:10px;}
.float-right { float:right; margin-left:10px;}

.clear { clear:both; line-height:0px; height:0px; font-size:0px; }
