html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:100%;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body    {   font-family: "Lucida Sans Unicode, Arial", sans-serif; font-size:10pt; line-height: 1.4;
            background-color: #fff;
        }
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { color:#A87E0F; padding: 0 0px 0 0px; text-align: left; font-family: "Georgia", sans-serif; font-weight: normal; }
h1 {font-size:2.4em; margin: 3px 0 15px 0; }

h1.write { font-family: 'Tangerine', cursive; font-size: 70px; color: #dcc665; line-height:1;}


h2 {font-size:1.5em; margin: 0 0 15px 0; }
h2.datum { float:left; }
hr { height: 1px; border: none; border-top: 1px dotted #A87E0F; margin: 0 20px 20px 0; padding: 10px 15px 10px 0px; }
p { padding: 0 15px 10px 0px; text-align: left; color:#5f5f5f; }
p.datum { margin: 0 0 15px 360px; padding: 3px 5px 3px 5px; color:#5f5f5f; border: 1px dotted #5f5f5f; text-align: center; width: 140px; }
p.gold { color:#A87E0F; }
p.gold a, a.gold {color:#A87E0F !important; text-decoration: none !important;}
p.impklein { padding-right: 25px; text-align: justify; font-size: 0.8em; }
p.footer { text-align: center; font-size: 0.8em; color:#999; padding-top: 5px; }
p.footer span { color:#A87E0F; padding: 0 10px; }
a.footer { color:#999; }
a.footer:hover { color:#A87E0F; }
#frametop  { margin: 0 auto; background: url(../img/bg_kopf.png) repeat-x; }
#frame { width: 920px; margin: 0 auto; background: url(../img/bg_body.png) repeat-y; padding-bottom: 25px;}
#head { width: 900px; margin: 0 auto; height:200px; }
#frame ul.nav { list-style-type:none; width: 900px; margin: 0 auto; }
#frame ul.sub { visibility:hidden; position:relative; width: 129px;}
#frame ul.sub_2 { visibility:hidden; position:relative; width: 129px;}
#frame ul.nav li:hover ul, #frame ul.nav a:hover ul, #frame ul.nav li:active ul, #frame ul.nav a:active ul { visibility:visible; -webkit-user-select: none; -webkit-touch-callout: none}
#frame li.nav { float: left; display: block; border-right: 3px solid white; font-size:0.8em; height: 30px; width: 12.2%; text-align: center; margin: 0 0 10px 0; background: url(../img/bg_li_top_active.png) repeat-x; }
.nav-a-double {margin-top: -8px; text-shadow: 2px 0px darkgray;}
#frame li.sub { display: block; font-size:1.1em; height: 30px; width: 110px; text-align: center; margin: 0px 0 0px 0; background: none; background-color:#F7E7B1; border: none; clear: both; }
#frame li.sub_2 { display: block; font-size:12px; height: 32px; width: 110px; text-align: center; margin: 0px 0 0px 0; background: none; background-color:#ECD37F; border: none; clear: both; }
#frame li a { display: block; color:white; padding: 8px 0 0 0; background: url(../img/bg_li_top.png) repeat-x; height: 22px; font-weight: normal; font-size: 1.1em; text-transform: uppercase; }
#frame li.sub a { display: block; color:#A87E0F; font-weight: normal; font-size: 1.0em; text-transform: none; background: none; border: none; border-top: 1px dotted #A87E0F; }
#frame li.sub_2 a { display: block; color:#A87E0F; font-weight: normal; font-size: 1.0em; text-transform: none; background: none; border: none; border-top: 1px dotted #A87E0F; }
#frame li a.selected { background: url(../img/bg_li_top_selected.png) repeat-x; color:#A87E0F; text-shadow: none;}
#frame li.sub a.selected { color:#A87E0F; }
#frame li.sub_2 a.selected { color:#A87E0F; }
#frame li a:hover { background: url(../img/bg_li_top_hover.png) repeat-x; color:#A87E0F; text-shadow: none;}
#frame li.sub a:hover { }
#frame li.sub_2 a:hover { background: url(../img/bg_li_top_hover2.png) repeat-x; color:#292419; }
#frame li a:active { background: url(../img/bg_li_top_active.png) repeat-x; position:relative; top: 1px; text-shadow: none;}
#frame li.sub a:active { background: url(../img/bg_li_top_active.png) repeat-x; }
#frame li.sub_2 a:active { background: url(../img/bg_li_top_active.png) repeat-x repeat-y; }
#frame li.last { border-right: none; }
#content { width: 900px; margin: 0 auto; background-color: white; }
#content #left { width: 357px;  float: left; margin: 0 4px 0 0; }
#content #left img.sp1, img.sp1_ol { width: 320px; margin: 0 0px 0 0px; }
#content #left img.sp2 { width: 159px; margin: 0 0px 0 0px; }
div.sp1 , div.sp1_ol { width:320px; margin: 0 0px 15px 20px; }
div.sp2, div.sp2_ol { width:159px; margin: 0 0px 15px 20px; float:left; }
div.sp2right, div.sp2right_ol { width:159px; margin: 0 0px 15px 1px; float:left; }
div.sp2einzel { width:159px; margin: 0 0px 15px 181px; }

div.sp_text{margin-left: 0;}


#content #left p { margin: 0 0px 0 0px; color: #A87E0F; font-size: 0.8em; padding: 0 9px 0 9px; }
#content #text { width: 539px; float: left; }
#content #full { width: 900px; margin:0; }
#content img.headline { margin: 10px 0px 10px 0px; }
#content ul.text { list-style-position:outside; padding: 0px 20px 10px 20px; }
#content li.text,#content ul.text li { list-style-type: square; color: #A87E0F; padding-bottom: 3px; }
#content li.text span, #content ul.text li span { color:#5f5f5f; }
#map { margin: 10px 0 0 20px;  width: 315px; height: 315px; }
#content table { color:#5f5f5f; margin: 0 20px 10px 0; text-align: left; border: 1px solid #5f5f5f; }
#content th { background-color: #5f5f5f; padding: 10px; color: white; border: none; }
#content tr { border: none; }
#content td {
    border: none;
    padding: 10px; 
    border-left: 1px dotted #c9c9c9;
    border-right: 1px dotted #c9c9c9;
    border-bottom: 1px dotted #5f5f5f;
    border-top: 1px dotted #5f5f5f; }
#content p span {
    display:block;
    margin-top: 25px;
}
#content p a {
    text-decoration: underline;
    color:#5F5F5F;
}
#content p a.mail {
    text-decoration: none;
    color:#5F5F5F;
}
#content p a.pdflink {
    padding: 3px 0 3px 25px;
    background: url(../img/page_white_acrobat.png) no-repeat 0 center;
}
#content p a.pdflink:hover , #content p a.mail:hover {
    color:#A87E0F;
}
#pictures { width: 900px; margin: 0px 0 25px 0; border-top: 1px solid #A87E0F; border-bottom: 3px solid #A87E0F; }
#pictures img { margin: 0px 0 0px 0; width:33.33%; height:auto;}

#pictures img.last { border-right: none; }
img.galerie { padding: 0 9px 9px 0; }
#footer { width: 920px; margin: 0 auto; height:60px; background: url(../img/bg_footer.png) no-repeat; }
#verlauf {
background-color: white;
position: fixed;
bottom:0;
z-index:-1;
left:0;
width:100%;
height: 600px;
background: url(../img/bg_body_verlauf.png) repeat-x;
}
form { padding:10px 15px 10px 15px; border:none; background-color:#ECECEC; width:420px; margin: 10px 0 30px 0;}
form.black { background-color:black; padding: 20px 0 0px 0; }
form p { font-size:0.8em; color:red; padding: 0 0 0 0; margin: -5px 0 4px 115px; }
form p.preis { font-size:1em; color:black; padding: 13px 0px 0px 0px; margin: 0 0 0 0; float:left; }
p.form { width:440px; }
fieldset { padding: 10px; border:1px solid #727272; background-color:#fff; margin: 0 0 15px 0;}
legend { padding:0 5px 0 5px; border:none; font-weight:bold;}
label { padding:5px; margin: 8px 0 8px 0; border:none; width:100px; height:15px; float:left; }
label.required { font-weight: bold; }
select { font-size: 1em; margin: 8px 5px 5px 5px; width:200px; }
select.black { margin: 0px 0px 0px 0px; width:200px; }
input { padding:4px; margin: 8px 0 8px 5px; border:1px solid #666; width: 270px; height:15px; font-size:9pt; float: left; }
input.plz { width:80px; }
input.ort { width:175px; }
input.fehler { border:1px solid red; }
input.Button { width:140px; height:30px; margin: 5px 0 5px 115px; background-color:#ECECEC;}
input.Button:hover { background-color:#BABABA; }
textarea { padding:4px; margin: 5px 0 5px 5px; border:1px solid #666; width: 270px; height:80px; font-size:9pt; float: left; }
.clearer { clear:both; }
.right { float:right; }
.mobil {display: none !important;}
.desktop {display: block !important;}
#menu {display: none;}
.subnav {display:none;}
.shadow div {box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);display: inline-block; padding: 6px; margin-bottom: 10px;}
.shadow div a {position: relative;display: inline-block;}
.shadow div a:before {content: '';position: absolute;top:0;bottom:0;left:0;right:0;box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.50);}	
.shadow div a:hover {opacity: 0.9;}
.shadow div img {width: 308px !important;}
#content #left .shadow p {padding-left: 0;}
div.room{margin-top:48px;}


div.additional_pictures div {box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);display: inline-block; padding: 4px; margin: 0 6px 12px 0;}
div.additional_pictures a {position: relative;display: inline-block;}
div.additional_pictures a:before {content: '';position: absolute;top:0;bottom:0;left:0;right:0;box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.50);}	
div.additional_pictures a:hover {opacity: 0.9;}


@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait)  {
    nav {margin: 15px auto; padding-bottom: 5px;}
    h2 {font-size: 1.7em; margin: 10px 0 10px 0;}
    .navmobi {display: none;}
    #frame {width: 100%; background: none;}
    .navmobi ul { text-align: center;  color: white; width: 100%; float: left; background: url(../img/bg_li_top.png) repeat-x;  font-weight: bold;  font-size: 1.1em;  text-transform: uppercase;}
    .navmobi p {color: white; text-align: center; padding: 0; font-size: 1.1em; margin-bottom: 3px; margin-top: 5px;}
    .navmobi a {color: white;}
    #frame li.nav { float: none; width: 100%; margin: 0; font-size: 1.2em; border: none}
    #frame ul.sub_2 {width:100%; border: none; margin: 0;}
    #frame li.sub_2 {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #frame ul.sub {width:100%; border: none; margin: 0;}
    #frame li.sub {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #head {width: 100%; height: auto;}
    #head img {width: 100%;}
    #frame ul.nav {width: 100%; padding-top: 25px;}
    #frametop {background: none;}
    #pictures {width: 100%;}
    #pictures img {margin: 0px 0 0px 0; width: 20%; height: auto; border: none;}
    #content { width: 100%;}
    #content #full { width: 100%;}
    #content #left { width: 100%; margin: 0;}
    #content #left p{ display: none;}
    #content #left img.sp1, img.sp1_ol {width: 256px;}
    #content table {font-size: 0.9em}
    #content td {padding: 10px 0; text-align: center}
    #content th {padding: 10px 2px;}
    div .sp1 {margin: 0;  float: left; width: auto;}
    div .sp1 p {text-align: center;}
    .galerie_pic {text-align: center;}
    #content #text { width: 96%; margin-left: 10px;}
    #content #text img{width: 65%; margin: 5px auto;}
    #footer { width: 100%; background: none;}
    .mobil {display: none !important;}
    .tablet_none {display: none !important;}
    .tablet {display: block !important;}
    #verlauf {display: none;}
    #menu {display: block; position: absolute; width: 66px; margin-top: -55px; margin-left: -33px; left: 50%; font-size: 25px; height: 66px; background: url("../img/mobi_nav.svg")}
    div.sp2einzel {margin: 0;}
    p.datum {border: none; margin: 0; padding: 0; text-align: right; width: 95%;}
    form { padding: 0; width:100%; margin: 0;}
    p.form { width:100%; padding: 0;}
}

@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: landscape)  {
    nav {margin: 15px auto; padding-bottom: 5px;}
    h2 {font-size: 1.7em; margin: 10px 0 10px 0;}
    .navmobi {display: none;}
    #frame {width: 100%; background: none;}
    .navmobi ul { text-align: center;  color: white; width: 100%; float: left; background: url(../img/bg_li_top.png) repeat-x;  font-weight: bold;  font-size: 1.1em;  text-transform: uppercase;}
    .navmobi p {color: white; text-align: center; padding: 0; font-size: 1.1em; margin-bottom: 3px; margin-top: 5px;}
    .navmobi a {color: white;}
    #frame li.nav { float: none; width: 100%; margin: 0; font-size: 1.2em; border: none}
    #frame ul.sub_2 {width:100%; border: none; margin: 0;}
    #frame li.sub_2 {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #frame ul.sub {width:100%; border: none; margin: 0;}
    #frame li.sub {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #head {width: 100%; height: auto;}
    #head img {width: 100%;}
    #frame ul.nav {width: 100%; padding-top: 25px;}
    #frametop {background: none;}
    #pictures {width: 100%;}
    #pictures img {margin: 0px 0 0px 0; width: 20%; height: auto; border: none;}
    #content { width: 100%;}
    #content #full { width: 100%;}
    #content #left { width: 100%; margin: 0;}
    #content #left p{ display: none;}
    #content #left img.sp1, img.sp1_ol {width: 256px;}
    #content table {font-size: 0.9em}
    #content td {padding: 10px 0; text-align: center}
    #content th {padding: 10px 2px;}
    div .sp1 {margin: 0;  float: left; width: auto;}
    div .sp1 p {text-align: center;}
    .galerie_pic {text-align: center;}
    #content #text { width: 96%; margin-left: 10px;}
    #content #text img{width: 65%; margin: 5px auto;}
    #footer { width: 100%; background: none;}
    .mobil {display: none !important;}
    .tablet_none {display: none !important;}
    .tablet {display: block !important;}
    #verlauf {display: none;}
    #menu {display: block; position: absolute; width: 66px; margin-top: -55px; margin-left: -33px; left: 50%; font-size: 25px; height: 66px; background: url("../img/mobi_nav.svg")}
    div.sp2einzel {margin: 0;}
    p.datum {border: none; margin: 0; padding: 0; text-align: right; width: 95%;}
    form { padding: 0; width:100%; margin: 0;}
    p.form { width:100%; padding: 0;}
}

@media screen and (max-device-width:740px) and (orientation: landscape) {
    nav {margin: 15px auto; padding-bottom: 5px;}
    h2 {font-size: 1.7em; margin: 10px 0 10px 0;}
    .navmobi {display: none;}
    #frame {width: 100%; background: none;}
    .navmobi ul { text-align: center;  color: white; width: 100%; float: left; background: url(../img/bg_li_top.png) repeat-x;  font-weight: bold;  font-size: 1.1em;  text-transform: uppercase;}
    .navmobi p {color: white; text-align: center; padding: 0; font-size: 1.1em; margin-bottom: 3px; margin-top: 5px;}
    .navmobi a {color: white;}
    #frame li p {height: 38px; padding: 0; background: url(../img/bg_li_top_mobil.png) repeat-x;}
    #frame li p:hover {url(../img/bg_li_top_hover_mobil.png) repeat-x;}
    #frame li.nav { float: none; width: 100%; margin: 0; height: 38px; line-height: 2.5; font-size: 1.2em; border: none; background: url(../img/bg_li_top_active_mobil.png) repeat-x;}
    #frame li p.selected {background: url(../img/bg_li_top_selected_mobil.png) repeat-x; color:black;}
    #frame ul.sub_2 {width:100%; border: none; margin: 0;}
    #frame li.sub_2 {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #frame ul.sub {width:100%; border: none; margin: 0;}
    #frame li.sub {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #frame li.sub p {line-height: 1.8;}
    #head {width: 100%; height: auto;}
    #head img {width: 100%;}
    #frame ul.nav {width: 100%; padding-top: 25px;}
    #frametop {background: none;}
    #content { width: 100%;}
    #pictures { display: none;}
    #content #full { width: 100%;}
    #content #left { width: 100%; margin: 0;}
    #content table {font-size: 0.9em}
    #content td {padding: 10px 0; text-align: center}
    #content th {padding: 10px 2px;}
    div .sp1 {margin: 0; text-align: center; width: 100%;}
    div .sp1 p {text-align: center;}
    #content #text { width: 96%; margin-left: 10px;}
    #content #text img{ width: 100%; margin: 5px auto;}
    #footer { width: 100%; background: none;}
    .desktop {display: none !important;}
    .mobil {display: block !important;}
    #verlauf {display: none;}
    #menu {display: block; position: absolute; width: 66px; margin-top: -55px; margin-left: -33px; left: 50%; font-size: 25px; height: 66px; background: url("../img/mobi_nav.svg")}
    div.sp2einzel {margin: 0;}
    p.datum {border: none; margin: 0; padding: 0; text-align: right; width: 95%;}
    form { padding: 0; width:100%; margin: 0;}
    p.form { width:100%; padding: 0;}
    .winterdeal_wrapper {left: 0!important; margin-left: 0!important; width: 350px!important; height: 250px!important;}
    .winterdeal_link {width: 130px!important;height: 29px!important;}
}

@media screen and (max-device-width:599px) and (orientation: portrait) {
    nav {margin: 15px auto; padding-bottom: 5px;}
    h2 {font-size: 1.7em; margin: 10px 0 10px 0;}
    .navmobi {display: none;}
    #frame {width: 100%; background: none;}
    .navmobi ul { text-align: center;  color: white; width: 100%; float: left; background: url(../img/bg_li_top.png) repeat-x;  font-weight: bold;  font-size: 1.1em;  text-transform: uppercase;}
    .navmobi p {color: white; text-align: center; padding: 0; font-size: 1.1em; margin-bottom: 3px; margin-top: 5px;}
    .navmobi a {color: white;}
    /*.subnav a {background: url(../img/bg_li_top_sub.png) repeat-x !important; text-shadow: 1px 1px 1px #272727; !important; font-weight: bold !important; font-size: 1em !important;}*/
    #frame li p {height: 38px; padding: 0; background: url(../img/bg_li_top_mobil.png) repeat-x;}
    #frame li p:hover {url(../img/bg_li_top_hover_mobil.png) repeat-x;}
    #frame li.nav { float: none; width: 100%; margin: 0; height: 38px; line-height: 2.5; font-size: 1.2em; border: none; background: url(../img/bg_li_top_active_mobil.png) repeat-x;}
    #frame li p.selected {background: url(../img/bg_li_top_selected_mobil.png) repeat-x; color:black;}
    #frame ul.sub_2 {width:100%; border: none; margin: 0;}
    #frame li.sub_2 {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #frame ul.sub {width:100%; border: none; margin: 0;}
    #frame li.sub {width:100%; font-size: 1.1em; margin: 0; line-height: 18px;}
    #frame li.sub p {line-height: 1.8;}
    #head {width: 100%; height: auto;}
    #head img {width: 100%;}
    #frame ul.nav {width: 100%; padding-top: 25px;}
    #frametop {background: none;}
    #content { width: 100%;}
    #pictures { display: none;}
    #content #full { width: 100%;}
    #content #left { width: 100%; margin: 0;}
    #content table {font-size: 0.9em}
    #content td {padding: 10px 0; text-align: center}
    #content th {padding: 10px 2px;}
    div .sp1 {margin: 0; text-align: center; width: 100%;}
    div .sp1 p {text-align: center;}
    #content #text { width: 96%; margin-left: 10px;}
    #content #text img{ width: 100%; margin: 5px auto;}
    #footer { width: 100%; background: none;}
    .desktop {display: none !important;}
    .mobil {display: block !important;}
    #verlauf {display: none;}
    #menu {display: block; position: absolute; width: 66px; margin-top: -55px; margin-left: -33px; left: 50%; font-size: 25px; height: 66px; background: url("../img/mobi_nav.svg")}
    div.sp2einzel {margin: 0;}
    p.datum {border: none; margin: 0; padding: 0; text-align: right; width: 95%;}
    form { padding: 0; width:100%; margin: 0;}
    p.form { width:100%; padding: 0;}
    .winterdeal_wrapper {left: 0!important; margin-left: 0!important; width: 350px!important; height: 250px!important;}
    .winterdeal_link {width: 130px!important;height: 29px!important;}
}