/*
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:black;
        margin:0 17px 22px 0;
        padding:12px 12px 12px 12px;
        float:left;
        
}
#mid_right label{
        display: block;
}

#ankungtstag, #abfahrtstag{
        margin-right: 5px;
}

 #mid_right span.fehler, p.fehler, p.fehlermeldung{
        background-color: red;
        color: black;
        font-weight: bold;
        padding: 3px 2px;
        display: inline-block;
        margin-left: 5px;               

}

#mid_right p.erfolg{
        color: green;
        font-weight: bold;
}

#mid_right .fielderror{
        border: 1px solid red;
}

/*------------------------------------------------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/whirlpool_3.jpg) 0 bottom 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.fotogalerie{
        display:block;
        padding-bottom:120px;
        margin:0px;
        border:none;
        background:url(images/fotogalerie.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--------------------*/

/*------------------------------------------------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 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--------------------*/
#kontakt {
         font:normal 14px/18px Arial, Helvetica, sans-serif;
         color:#282828;
         
/*-----------------------------------------------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--------------------*/