/*
Theme Name: Hotel Bayern Vital
Theme URI: http://www.vlnt.de/
Description: Hotel Bayern Vital Theme by <a href="http://www.vlnt.de/">Daniel Valenti</a>.
Version: 1.0
Author: Daniel Valenti
Author URI: http://www.vlnt.de/

	Hotel Bayern Vital v1.0
	http://www.vlnt.de/

	This theme was designed and built by Daniel Valenti,
	whose portfolio you will find at http://vlnt.de/

	The XHTML, CSS, JS and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/*********** GENERAL ***********/

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#515151;
}

body{
	background:#bcd3fc url(images/bg.jpg) top center no-repeat fixed;
	text-align:center;
}

img{
	border:none;
}



/*********** TYPE ***********/

h1{
	margin:0 10px 34px 0;
	font-size:18px;
	font-weight:normal;
	color:#81ac3d;
}

h2{
	margin:36px 10px 12px 0;
	font-size:14px;
	font-weight:bold;
	color:#81ac3d;
}

h3{
	margin:36px 10px 12px 0;
	font-size:14px;
	font-weight:bold;
}

p{
	margin:0 10px 12px 0;
	font-size:14px;
	line-height:18px;
}


.teaser-top h2,
.teaser h2{
	margin:0 0 6px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.teaser-top h2{
	color:#fff;
}
.teaser h2{
	color:#4e6b1f;
}

.teaser-top p, 
.teaser p,
.teaser li{
	font-size:12px;
	line-height:16px;
	color:#fff;
}
.teaser-top p{
	color:#fff;
}
.teaser p,
.teaser li{
	color:#4e6b1f;
}

#navigation li ul li{ /* navigation 2nd level */
	font-size:12px;
	line-height:16px;
	color:#7aa23a;
}



#footer p{
	font-size:12px;
	color:#a2a2a2;
}
#footer #footer-nav{
	color:#a4b18e;
}

#content strong{
	font-weight:bold;
}



/*********** LINKS ***********/

#content a.pdf:link, #content a.pdf:visited,
#content a.pdf:active, #content a.pdf:hover{ /* link to pdf */
	background:url(images/pdf-grey.png) no-repeat right top;
	padding-right:20px;
	font-size:14px;
	line-height:18px;
	color:#515151;
	text-decoration:underline;
}

.teaser-top a:link, .teaser-top a:visited,
.teaser-top a:active, .teaser-top a:hover{
	font-size:12px;
	line-height:16px;
	color:#fff;
	text-decoration:underline;
}

.teaser a:link, .teaser a:visited,
.teaser a:active, .teaser a:hover{
	font-size:12px;
	line-height:16px;
	color:#4e6b1f;
	text-decoration:underline;
}
.teaser a.pdf:link, .teaser a.pdf:visited,
.teaser a.pdf:active, .teaser a.pdf:hover{
	background:url(images/pdf-green.png) no-repeat right top;
	padding-right:20px;
	font-size:12px;
	line-height:16px;
	color:#4e6b1f;
	text-decoration:underline;
}

#footer p a:link, #footer p a:visited{
	font-size:12px;
	color:#a2a2a2;
	text-decoration:none;
}
#footer p a:active, #footer p a:hover{
	text-decoration:underline;
}

#footer #footer-nav a:link, #footer #footer-nav a:visited{
	color:#a4b18e;
	text-decoration:none;
}
#footer #footer-nav a:active, #footer #footer-nav a:hover{
	text-decoration:underline;
}



/*********** LAYOUT ***********/

#wrapper{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:center;
}
#top-wrapper{
	position:relative;
	background:url(images/wrapper_bg.png) repeat-y top center;
	width:980px;
	padding:0 10px 0 10px;
	text-align:left;
}

#header-top{
	background:url(images/header_bg.jpg) repeat-x;
	width:980px;
	height:70px;
	text-align:right;
}
#header-top #claim{
	margin-right:406px;
}

#header{
	display:block;
	list-style:none;
	width:980px;
	height:255px;
}
#header-start{ /* startsite */
	display:block;
	list-style:none;
	width:980px;
	height:457px;
}



/*********** HEADER OVERLAY ***********/

#header-overlay{
	position:absolute;
	left:20px;
	background:url(images/header-overlay_bg.png) repeat-y;
	z-index:10;
	width:240px;
	height:325px;
	text-align:center;
}
#header-overlay.start{ /* startsite */
	background:url(images/header-overlay-start_bg.png) repeat-y;
	height:219px;
}
#header-overlay-bottom.start{ /* startsite */
	position:absolute;
	left:20px;
	top:506px;
/* 	top:465px; */
	background:url(images/header-overlay-start_bg.png) repeat-y;
	z-index:1000;
	width:240px;
	height:21px;
/* 	height:62px; */
	text-align:center;	
}



/*********** TEASER OVERLAY ***********/

#teaser-wrapper{
	position:absolute;
	right:10px;
	top:315px;
	z-index:10;
	width:220px;
}
#teaser-wrapper.start{ /* startsite */
	top:267px;
/* 	top:374px; */
}
* html #teaser-wrapper.start{ /* IE6 */
	top:247px;
/* 	top:354px; */
}

.teaser-top{
	background:#8ebe43;
	width:200px;
	height:48px;
	margin-bottom:1px;
	padding:14px 10px 18px 10px;
}
.start .teaser-top{ /* startsite */
	background:url(images/reservierung-start_bg.png);
}

.teaser{
	background:#deecc8 url(images/teaser_bg.jpg) top center no-repeat;
	width:200px;
	margin-bottom:1px;
	padding:18px 10px 12px 10px;
}
.start .teaser{ /* startsite */
	background:url(images/teaser-start_bg.png) repeat-x;
}

.teaser ul{
	list-style:url(images/arrow.png);
	padding:0 10px;

}



/*********** NAVIGATION ***********/

#navigation-overlay{  /* startsite wrapper */
	position:absolute;
	left:10px;
	top:219px;
	z-index:1000;
}

#navigation{
	float:left;
	width:220px;
	margin-left:20px;
	list-style:none;
}

* html #navigation{
	margin-left:10px;
}

#navigation li{ /* top level */
	width:220px;
	font-size:1px;
	line-height:0;
}

#navigation a{
	display:block;
	width:220px;
	height:41px;
	margin:0;
	padding:0;
	font-size:0; /* IE list gap bug fix */
	line-height:0; /* IE list gap bug fix */
	text-decoration:none;
	color:#fff;
}

#navigation a:link, #navigation a:visited{
	background:url(images/navigation.jpg);
}
#navigation a:active, #navigation a:hover,
#navigation li.current_page_item a,
#navigation li.current_page_parent a{
	background:url(images/navigation_h.jpg);
}

#navigation li.page-item-3 a{ /* Das Hotel */
	background-position:0 0;
}
#navigation li.page-item-4 a{ /* Kulinarisches */
	background-position:0 246px;
}
#navigation li.page-item-5 a{ /* Aktiv & Vital */
	background-position:0 205px;
}
#navigation li.page-item-116 a{ /* Wellness */
	background-position:0 164px;
}
#navigation li.page-item-6 a{ /* Kids */
	background-position:0 123px;
}
#navigation li.page-item-7 a{ /* Entdecken & Erleben */
	background-position:0 82px;
}
#navigation li.page-item-8 a{ /* Kontakt */
	background-position:0 41px;
}

#navigation li ul{ /* 2nd level */
	background:#eef4e4;
	list-style:none;
	padding:14px 10px 14px 0;
	border-bottom:1px solid #f1f1f1;
	display:none;
}
#navigation li.current_page_item ul,
#navigation li.current_page_parent ul{ /* 2nd level ausgeklappt */
	display:block;
}
#navigation li.page-item-3 ul li, #navigation li..page-item-4 ul li, /**/
#navigation li.page-item-5 ul li, #navigation li.page-item-6 ul li,
#navigation li.page-item-7 ul li, #navigation li.page-item-8 ul li,
#navigation li.page-item-116 ul li{
	width:187px;
}

#navigation li.page-item-3 ul li a, #navigation li.page-item-4 ul li a,
#navigation li.page-item-5 ul li a, #navigation li.page-item-6 ul li a,
#navigation li.page-item-7 ul li a, #navigation li.page-item-8 ul li a,
#navigation li.page-item-116 ul li a{
	background:#eef4e4 url(images/arrow-navigation.png) no-repeat;
	background-position:12px 3px;
	width:187px;
	height:16px;
	padding-left:23px;
	font-size:12px;
	line-height:16px;
	color:#7aa23a;
}

#navigation li.page_item ul li a:link, #navigation li.page_item ul li a:visited{
	font-weight:normal;
}

#navigation li.page_item ul li a:active, #navigation li.page_item ul li a:hover,
#navigation li.current_page_parent ul li.current_page_item a{
	font-weight:bold;
}

/* STARTSEITE 1st-level NAVIGATION */
#navigation-overlay #navigation a:link, #navigation-overlay #navigation a:visited{ /* startsite */
	background:url(images/navigation-start.png);
}
#navigation-overlay #navigation a:active, #navigation-overlay #navigation a:hover{ /* startsite */
	background:url(images/navigation-start_h.png);
}

#navigation-overlay #navigation li.page-item-3 a{ /* Das Hotel */
	background-position:0 0;
}
#navigation-overlay #navigation li.page-item-4 a{ /* Kulinarisches */
	background-position:0 246px;
}
#navigation-overlay #navigation li.page-item-5 a{ /* Aktiv & Vital */
	background-position:0 205px;
}
#navigation-overlay #navigation li.page-item-116 a{ /* Wellness */
	background-position:0 164px;
}

#navigation-overlay #navigation li.page-item-6 a{ /* Kids */
	background-position:0 123px;
}
#navigation-overlay #navigation li.page-item-7 a{ /* Entdecken & Erleben */
	background-position:0 82px;
}
#navigation-overlay #navigation li.page-item-8 a{ /* Kontakt */
	background-position:0 41px;
}



/*********** CONTENT ***********/

#content-wrapper{
	background:#fff url(images/content_bg.png) top left repeat-y;
	width:980px;
}

#content{
	float:left;
	width:480px;
	margin:47px 0 0 20px;
	padding-bottom:22px;
}



/*********** FOOTER ***********/

#footer{
	background:transparent url(images/footer_bg.png) top center repeat-x;
	width:970px;
	height:79px;
	margin:0 0 20px 0;
	padding:0 0 0 30px;
}
#footer p{
	float:left;
	margin:0;
	text-align:left;
}
#footer #footer-nav{
	display:block;
	width:200px;
	margin:16px 0 0 0;
	padding:0 0 0 10px;
	text-align:center;
}

#footer #footer-info{
	display:block;
	width:655px;
	margin:16px 0 0 30px;
}
#footer #footer-ihk{
	display:block;
	width:62px;
	height:62px;
	margin:2px 0 0 0;
}



/*********** CONTENT ***********/

#content ul{ /* list styling */
	margin:0 0 12px 0;
	list-style:none;
}
#content ul li{
	background:url(images/ul-dot.gif) left 7px no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
}
#content ul li ul li{
	margin:0;
}

#content table{
	width:458px;
	margin:0 0 20px 0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #a8a8a8;
}
#content table td{
	padding:5px;
	border-bottom:1px solid #a8a8a8;
	font-size:13px;
	line-height:16px;
}

#content table td p{
	font-size:13px;
	line-height:16px;
}
#content table td strong,
#content table td p strong{
	color:#fff;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}

#content table td.left{
	width:98px;
	border-right:1px solid #a8a8a8;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#content table.emergency{
	background:#e8f2d9;
}

#content table table{ /* emergency table-in-table */
	width:338px;
	margin:0;
}
#content table table td.left{
	width:218px;
}

#content table td.emerg-2{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}



/*********** PARTNER ***********/

#content #partner-logos img{
	margin:0 15px 15px 0;
	border:1px solid #a8a8a8;
}



/*********** CONTACT FORM ***********/

#content fieldset{
	border:0;
	margin-top:20px;
}
#content label{
	float:left;
	display:block;
	width:140px;
	margin::0 20px 0 0;
	line-height:24px;
}
#content label span{
	color:#a8a8a8;
}
#content input,
#content textarea{
	background:#fff;
	margin:0 0 5px 0;
	padding:4px 0 4px 4px;
	border:1px solid #a8a8a8;
	font-size:11px;
}
#content input{
	width:304px;
	height:16px;
	font-size:13px;
}
#content textarea{
	width:304px;
	height:104px;
	font-size:13px;
}
#content input.button{
	width:56px;
	height:24px;
	margin:0 0 0 140px;
	padding:0;
	text-align:center;
	cursor:pointer;
}

#content input#checking{ /* hide spambot-checkfield */
	position:absolute;
	top:-10000px;
	left:-10000px;
}

#content form p{ /* Legende */
	margin:2px 0 6px 140px;
	font-size:11px;
}

#errors{
	margin:20px 0 0 0;
}

#errors p{ /* contact form error messages */
	margin:0;
	color:#be4343;
}

#content .err{
	border:1px solid #be4343;
}

p.thx{
	margin-top:20px;
	color:#81ac3d;
}



/*********** VERANSTALTUNGSKALENDER ***********/

#content table.calendar-table{
	width:470px;
	margin:10px 0 0 0;
	border:none;
	text-align:center;
}
#content table.calendar-table td.calendar-heading{
	height:25px;
	border:1px solid #8ebe43;
	text-align:center;	
}

#content table.calendar-table td{
	padding:0;
	font-size:13px;
}


#content table.calendar-table table, /* no borders for heading */
#content table.calendar-table table tr{
	width:100%;
	border:0;
	text-align:center;
}

#content table.calendar-table td.calendar-next{
	width:25%;
	border:0;
	text-align:center;
}
#content table.calendar-table td.calendar-prev{
	width:25%;
	border:0;
	text-align:center;
}
#content table.calendar-table td.calendar-next a{
	font-size:11px;
	text-decoration:none;
}
#content table.calendar-table td.calendar-prev a{
	font-size:11px;
	text-decoration:none;
}

#content table.calendar-table td.calendar-month{
	width:50%;
	border:0;
	text-align:center;
	font-weight:bold;
}
#content table.calendar-table td.normal-day-heading, /* label days of the week */
#content table.calendar-table td.weekend-heading{ /* label days of the weekend */
	background:#8ebe43;
	width:25px;
	height:25px;
	border:1px solid #8ebe43;
	text-align:center;
	color:#fff;
	font-size:0.8em;
}
#content table .day-with-date,
#content table .day-without-date,
#content table .current-day{ /* single day cell */
	width:60px;
	height:50px;
	padding:5px;
	border:1px solid #8ebe43;
	vertical-align:text-top;
	text-align:left;
}
#content table span.weekend{ /* date weekend */
	color:#8ebe43;
}
#content table .current-day{
	background:#e8f2d9;
}
#content table span.event{
}
#content table .kjo-link{ /* NOT USED!? */
}
#content table .event-title{ /* LIGHTBOX - title of event */
	font-size:13px;
	font-weight:bold;
}
#content table .event-title-break{ /* LIGHTBOX - break after title */
	display:none;
}

.calnk a:link, .calnk a:visited{ /* event title link = event title as displayed */
	font-size:9px;
	line-height:12px;
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #000;
}
.calnk a:active, .calnk a:hover{
	background-position:0 0;
	border-bottom:1px dotted #000;
	text-decoration:none;
	color:#000;
}
.calnk a span{ 
	font-size:12px;
	display:none; 
}
.calnk a:active span, .calnk a:hover span{
	display:block;
	position:absolute;
	background:url(images/cal-lightbox_bg.png);
	width:250px;
	margin-top:1px;
	padding:5px;
	z-index:100;
	color:#fff;
}
.calnk a:active span span, .calnk a:hover span span{
	background:none;
}

.event-content-break{ /* NOT USED!? */
	background:#000;
	width:96%;
	height:1px;
	margin:5px 2% 5px 2%;
	text-align:center;
}
.calendar-date-switcher{ /* NOT USED!? */
	background:#E4EBE3;
	height:25px;
	border:1px solid #D6DED5;
	text-align:center;
}
.calendar-date-switcher form{ /* NOT USED!? */
	margin:0;
	padding:0;
}
.calendar-date-switcher input{ /* NOT USED!? */
	border:1px #D6DED5 solid;
}
.calendar-date-switcher select{ /* NOT USED!? */
	border:1px #D6DED5 solid;
}
.cat-key{ /* NOT USED!? */
	width:100%;
	margin-top:10px;
	padding:5px;
	border:1px solid #D6DED5;
}



/*********** ANFAHRT ***********/

#googlemaps iframe{
	width:450px;
	height:338px;
	border:0;
	overflow:hidden;
}


#googlemaps a{
	color:#515151;
	font-size:10px;
}



/*********** CLEAR FLOATS ***********/

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	font-size:0;
	height:0;
	visibility:hidden;
}
*:first-child+html .clearfix{ /* IE7 */
	min-height:0;
}
* html .clearfix{ /* IE6 */
	height: 1%;
}