/*
Design by MILESTEP Business Consulting & Training GmbH
http://www.milestep.com
Version    : 1.1a
Released   : 3. Apr. 2010
*/

body{
	padding:0;
	margin:0;
	background-color:#FFFAEA;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	list-style-position: inside;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------top part--------------------*/
#top{
	position:relative;
	background:url(images/top_part.gif) 0 0 no-repeat;
	width:968px;
	height:133px;
	margin:0 auto;
	overflow:hidden;
}
#top img{
	position:absolute;
	left:75px;
	top:22px;
	border-width:0;
}
#top h2{
	position:absolute;
	height:44px;
	width:auto;
	left:333px;
	top:38px;
	font:bold italic 26px/20px Times, Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color:#497C00;
}
#top h2.shadow{
	left:334px;
	top:39px;
	color:#ffcc67;
}
#top ul{
	width:309px;
	height:29px;
	position:absolute;
	left:635px;
	top:81px;
}
#top ul li{
	float:left;
	margin:0 1px 0 0;
}
#top ul li a{
	background:url(images/nav_bg.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#top ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	color:#4C4C4C;
	background-color:inherit;
}
#top ul li.hover{
	float:left;
	margin:0 1px 0 0;
	background:url(images/nav_hover.gif) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#top p{
	display:block;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#497C00;
	text-align:center;
	margin:1px auto;
}
/*------------------------------------------------top part--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:920px;
	border-left:#ffffff solid 7px;
	border-right:#ffffff solid 7px;
	background:url(images/top_green_bg.gif) 0 0 repeat-x;
	height:162px;
	margin:0 auto;
	padding:0 17px;
	position:relative;
}
#header ul.nav{
	width:800px;
	height:150px;
	position:absolute;
	left:70px;
	top:17px;
	margin:0 auto;
	color:#000;
}
#header ul.nav li.navLink{
	display:block;
	float:left;
	height:150px;
	width:200px;
	text-align:right;
}
#header ul.nav li.one{
	background:url(images/pension.png) 0 0 no-repeat;
	padding:0 100px 0 0;
}
#header ul.nav li.two{
	background:url(images/restaurant.png) 0 0 no-repeat;
	padding:0 100px 0 0;
}
#header ul.nav li.three{
	background:url(images/wellness.png) 0 0 no-repeat;
	padding:0 0px 0 0;
}
#header ul.nav li.navLink a{
	display:block;
	height:110px; 
	padding:0px 15px 0 105px;
	background:url(images/btn_header_click.gif) 105px 0px no-repeat;
	font: italic 14px/16px Times, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
/*#header ul.nav li.navLink a.tp {
	color:#000;
	background:#fff;
	opacity:0.8; 
	filter:alpha(opacity=80);
}*/
#header ul.nav li.navLink a:hover{
	background:url(images/btn_header_click_active.gif) 105px 0px no-repeat;
	color:#000;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:968px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
	}
#nav{
	width:822px;
	height:40px;
	border-bottom:#EEEEEE solid 4px;
	padding: 0 0 0 0;
	margin:0 auto 24px auto;
	background-color:#fff;
	color:#000;
	text-align:center;
	overflow:hidden;
}
#body a.navLink, a.navLinkNoBdr{
	display:inline;
	padding:0 14px 0 14px;
	font:bold 13px/36px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:top;
}
#body a.navLink{
	background:url(images/nav_div.gif) right top repeat-y;
}
#body a.navLinkNoBdr {
}
#body a.navLink:hover, a.navLinkNoBdr:hover{
	color:#FF660e;
}

/*------------------------------------------------left panel--------------------*/
#left{
	width:366px;
	padding:5px 15px 0 22px;
	float:left;
	background-color:#fff;
	text-align:justify;
}
#left h2{
	font:bold 24px/24px Arial, Helvetica, sans-serif;
	color:#497C00;
	background-color:#fff;
	margin:0 0 12px 0;
	display:block;
}
#left ul, p.lftText{
	font:normal 14px/24px Arial, Helvetica, sans-serif;
	color:#282828;
	background-color:#fff;
	margin:0;
	padding:0 7px 0 7px;
}
#left p.lftText span{
	color:#ff9911;
	font-weight:bold;
}
#left p.viewMore{
	width:77px;
	height:13px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 288px;
	margin:10px 0 10px 0;
	font-size:0;
	display:block;
}
#left p.viewMore a{
	background:url(images/view_more.gif) 0 0 no-repeat;
	width:77px;
	height:13px;
	display:block;
}
#left p.borderbottom{
	width:77px;
	height:13px;
	background:url(images/view_more_bg.gif) 0 0 repeat-x;
	padding:0 0 0 288px;
	margin:10px 0 10px 0;
	font-size:0;
	display:block;
}
#left p.viewMore a:hover{
	background:url(images/view_more.gif) 0 0 no-repeat;
}
#leftBottom{
	width:364px;
	background:url(images/left_bottom_bg.gif) 0 0 repeat-y;
}
#leftBottom p.top1{
	background:url(images/left_bottom_top.gif) 0 0 no-repeat;
	width:364px;
	height:21px;
}
#leftBottom h2{
	background:url(images/left_bottom_h2.gif) 0 0 no-repeat;
	width:364px;
	height:52px;
}
#leftBottom p.lftBottomText{
	margin:0 13px 0 18px;
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#91835B;
	background-color:#fff;
}
#leftBottom p.lftBottomText span{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#C24E01;
	background-color:#fff;
}
#leftBottom p.bot1{
	background:url(images/left_bottom_bot.gif) 0 0 no-repeat;
	width:364px;
	height:25px;
}
#left table {
	width: 100%;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#000;
	margin: 0 0 20px 0;
	text-align:center;
	vertical-align:middle;
	background-color:#e5e5e5;
}
#left td {
	padding:5px 10px 5px 10px;
	vertical-align: middle;
	background-color:#f9f9f9;
}
#left td.lcol {
	text-align:left;
}
#left thead td {
/*	border-bottom: solid grey 5px; */
	background:url(images/gradient_ge.jpg) 0 0 repeat-x;
	font:normal 10px/10px Arial, Helvetica, sans-serif ;
	color:gray;
	height:17px;
}
#left thead td.lcol {
	font:normal 14px/14px Arial, Helvetica, sans-serif;
}
#left thead td.neu {
	padding:0px 10px 0px 10px;
}
#left thead td.neu a {
	display:block;
	width:37px;
	height:20px;
	background:url(images/new_bg.png) 0 0 no-repeat;
	color:#D35400;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding-top:5px;
	text-align: center;
	vertical-align: middle;
}
#left tfoot td {
/*	border-top: dotted grey 1px;*/
	text-align:right;
	font:italic 8px/9px Arial, Helvetica, sans-serif;
	padding-top:4px;
}
#left table.umgebung {
	width: auto;
	margin: 20px auto 20px auto;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	vertical-align:middle;
	background-color:#fff;
}
#left table.umgebung td {
	background-color:#fff;
}
/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------mid_right panel--------------------*/
#mid_right{
	width:520px;
	text-align:left;
	color:gray;
	margin:0 17px 22px 0;
	padding:12px 12px 12px 12px;
	float:left;
}
#mid_right thead{
	font:normal 16px/24px Arial, Helvetica, sans-serif;
	color:#497C00;
}
#mid_right tbody{
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#282828;
}
#mid_right td.t_right{
	text-align:right;
}
#mid_right h1{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#497C00;
	background-color:#fff;
	margin:0 0 12px 0;
	display:block;
}
#mid_right h2{
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	margin:7px 0 0 0;
	display:block;
}
#mid_right p{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#282828;
	background-color:#fff;
	margin:0;
	padding:7px 7px 7px 7px;
}
/*------------------------------------------------mid_right panel--------------------*/

/*------------------------------------------------mid panel--------------------*/
#mid{
	width:300px;
	border:#FF6600 solid 1px;
	background:url(images/mid_panel_bg.gif) 0 0 repeat-x #FF660e;
	color:#fff;
	padding:12px 12px 12px 12px;
	margin:0 17px 22px 0;
	float:left;
}
#mid table {
	width:100%;
	height:100%;
	border:none;
}
#mid table.index {
	background:url(images/pic_1.jpg) 0 0 no-repeat #FF660e;
	height:400px;
}
#mid table.pension {
	background:url(images/himmelbett_1.jpg) 0 0 no-repeat #FF660e;
	height:400px;
}
#mid table.restaurant {
	background:url(images/restaurant3.jpg) 0 bottom no-repeat #FF660e;
	height:400px;
}
#mid table.wellness {
	background:url(images/wellness1.jpg) 0 0 no-repeat #FF660e;
	height:400px;
}
#mid td {
	width:33%;
	height:25%;
	border-right:#FF660e solid 1px;
	border-bottom:#FF660e solid 1px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
#mid td.bg_on {
	background-color:#FF660e;
}
#mid td.bg_off {
	background:none;
}
#mid td.bg_tp {
	background:url(images/trans_bg_or.gif) 0 0 repeat;
}
#mid td.bg_tp2 {
	background-color:#FF660e;
	opacity:0.8; 
	filter:alpha(opacity=80);
}
* html div.inner {height:1%;} /*Damit bekommt das Element "LAYOUT" - sonst keine Anwendung der Filter!*/

#mid td p{
	font:italic 24px/28px Times, Arial, Helvetica, sans-serif;
	word-spacing:2px;
	letter-spacing:1px;
	color:#fff;
	background-color:#FF6600;
	margin:5px;
}
#mid td a{
	font:italic 12px/13px Times, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#FF6600;
}
#mid table.angebote td {
	font:normal 11px/12px Times, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fcf4b3;
	padding:5px;
	text-align:left;
}
#mid table.angebote td span{
	font:italic 9px/9px Times, Arial, Helvetica, sans-serif;
}
#mid table.angebote td.head {
	font:italic bold 13px/14px Times, Arial, Helvetica, sans-serif;
	color:#D35400;	
	background:url(images/gradient_ge.jpg) 0 0 repeat-x;
	padding:0px 5px 5px 5px;
	text-align:left;
	height:27px;
	vertical-align:bottom;	
}
#mid table.angebote td.head span{
	padding-left: 10px;
}
#mid table.angebote td.center{
	font:italic bold 13px/16px Times, Arial, Helvetica, sans-serif;
	color:#D35400;	
	text-align: center;
}
#mid table.angebote td.spacer{
	background:none;
	padding:0;
	height:2px;
}
#mid table.umgebung {
	width: 100%;
	margin: 0;
	padding: 0;
	font:italic 12px/13px Times, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	vertical-align:middle;
	background:none;
}
#mid table.umgebung td {
	background:none;
	text-align:right;
	vertical-align:middle;
	margin:0;
	padding:0 10px 0 0;
}
/*------------------------------------------------mid panel--------------------*/

/*------------------------------------------------right panel--------------------*/
#right{
	width:199px;
	float:left;
}
#right h2.mem{
	width:184px;
	height:57px;
	background:url(images/add_bg.gif) 0 0 repeat-x;
	padding:0 0 0 17px;
/*	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#7BCA0A;*/
	font:bold 14px/57px Arial, Helvetica, sans-serif;
	color:#497C00;
	background:none;
}
#right div.area{
/*	background-color:#c3c3c3;*/
	display:block;
	background:none;
	border:#F1F1F1 solid 1px;
	width:199px;
	padding:0;
	margin:0 0 15px 0;
}
#right a{
	padding:0 14px 10px 14px;
	text-decoration:none;
}
#right span{
	display:block;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#91835B;
	text-decoration:none;
	padding:10px 0 0 0;
}
#right a span.lnk{
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	color:#D35400;
	padding:5px 0 0 0;
}
#right a span.lnk:hover{
	color:#497C00;
}
#right a.anfrage{
	display:block;
	padding-bottom:55px;
	margin:0px;
	border:none;
	background:url(images/anfrage_icon.png) bottom center no-repeat;
}
#right a.karte{
	display:block;
	padding-bottom:120px;
	margin:0px;
	border:none;
	background:url(images/karte.png) 0 0 no-repeat;
}
#right a.feiern{
	display:block;
	padding-bottom:120px;
	margin:0px;
	border:none;
	background:url(images/restaurant2.png) 4px 4px no-repeat;
}
#right a.massage{
	display:block;
	padding-bottom:120px;
	margin:0px;
	border:none;
	background:url(images/wellness3.png) 0 0 no-repeat;
}
#right a.gruppen{
	display:block;
	padding-bottom:85px;
	margin:0px;
	border:none;
	background:url(images/sachsenerleben.png) bottom center no-repeat;
}
/*------------------------------------------------right panel--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:953px;
	margin:0;
	padding:8px 8px 19px 8px;
	float:left;
}
#bodyBottom ul{
	background-color:#F1F1F1;
	color:#000;
	padding:0;
	float:left;
	display:block;
	overflow:hidden;
}
#bodyBottom ul li{
	position:relative;
	width:293px;
	height:164px;	
	padding:7px 7px 7px 7px;
	background:#fff;
	float:left;
	border-top:#F1F1F1 solid 8px;
	border-bottom:#F1F1F1 solid 8px;
	border-left:#F1F1F1 solid 8px;
	display:block;
}
#bodyBottom ul li.one{
	background:url(images/preisschild_sd.png) 200px 70px no-repeat #fff;
}
#bodyBottom ul li.two{
	background:url(images/preisschild_sd.png) 200px 70px no-repeat #fff;
}
#bodyBottom ul li.three{
	border-right:#F1F1F1 solid 8px;
	background:url(images/sachsenerleben.png) 125px 70px no-repeat #fff;
}
#bodyBottom ul li a{
	height:164px;
	font:bold 14px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background:none;
	text-decoration:none;
	text-align:center;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li a:hover{
	color:#497C00;
}
#bodyBottom ul li span{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#91835B;
	text-decoration:none;
	margin:0 0 0 0;
	padding-left:20px;
	text-align:left;
	display:block;
}
#bodyBottom ul li span.preis{
	position:absolute;
	top:90px;
	left:215px;
	width:50px;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background:none;
	text-decoration:none;
	padding:0;
	margin:0 0 0 0;
	text-align:center;
	display:block;
}
/*
#bodyBottom ul li.one{
	padding:7px 47px 36px 21px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:258px;
}
#bodyBottom ul li.one a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.one a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
#bodyBottom ul li.two{
	padding:7px 18px 36px 24px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:271px;
}
#bodyBottom ul li.two a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.two a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
#bodyBottom ul li.three{
	padding:7px 16px 36px 26px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:#fff;
	float:left;
	border-right:#F1F1F1 solid 8px;
	display:block;
	width:238px;
}
#bodyBottom ul li.three a{
	font:bold 11px/43px Arial, Helvetica, sans-serif;
	color:#D35400;
	background-color:#fff;
	text-decoration:underline;
	margin:0 0 0 0;
	display:block;
}
#bodyBottom ul li.three a:hover{
	color:#528B00;
	background-color:#fff;
	text-decoration:none;
}
*/
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:968px;
	margin:0 auto;
	height:128px;
	background-color:#fff;
	color:#000;
	padding:0 0 16px 0;
}
#footer{
	width:953px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:128px;
	position:relative;
}
#footer ul{
	display:block;
	width:400px;
	position:relative;
	margin:10px auto 0 auto;
	text-align:justify;
}
/*#footer ul{
	width:457px;
	position:absolute;
	left:250px;
	top:30px;
}*/
#footer ul li{
	float:left;
	width:100px;
	color:#666;
	background:none;
	text-align:center;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#666;
	width:91px;
	background:none;
	padding:0 11px;
	text-align:center;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#fff;
	background-color:#03373B;
}
#footer p.copyright{
	font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FDFF35;
	background:none;
	position:absolute;
	left:400px;
	top:38px;
}
#footer a.xht{
	width:85px;
	height:13px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:391px;
	top:59px;
	margin:0;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:85px;
	height:13px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:478px;
	top:59px;
	margin:0;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer p.data{
	display:block;
	width:auto;
	height:17px;
	padding:3px;
	top:83px;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#497C00;
	background:none;
	text-transform:none;
	text-align:center;
	margin-bottom:20px;
}
#footer p.design{
	display:block;
	width:auto;
	height:17px;
	padding:3px;
	top:83px;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#666;
	background:none;
	text-transform:none;
	text-align:center;
}
#footer p.design img{
	border:none;
	width:100px;
	height:9px;
}
#footer p.design img:hover{
/*	width:100%;
	height:100%;*/
}
/*------------------------------------------------footer--------------------*/
/*-----------------------------------------------twitter--------------------*/
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	color:#000000 !important;
	font-size:14px; 
	font-weight: bold;
}
/*-----------------------------------------------twitter--------------------*/
