html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,a,abbr,cite,em,font,img,s,strong,tt,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; outline:0; font-size:100%; font-weight:inherit; margin:0; padding:0}
:focus{outline:0}
ol,ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
caption,th,td{text-align:left; font-weight:400}
body{line-height:1; font:62.5% verdana, arial, tahoma, sans-serif; color:#000; background:url(../grafik/kopf.jpg) no-repeat center 0}
.tarnen{position:absolute; overflow:hidden; top:-1000px; left:-1000px; width:0; height:0}
.clear:after{clear:both; display:block; height:0; content:"."; visibility:hidden}
html{background:url(../grafik/hintergrund.gif) repeat-y center 0}
#kopfbild{border:1px solid #fff; float:left; width:100%; height:264px}
#rahmen{width:94em; background:transparent; margin:0 auto}
#hintergrund{float:left; width:94em!important; margin-top:260px; background:#fff; min-height:500px}
#kopf{padding-left:40px; height:218px; width:140px; position:relative; top:60px; left:0; background:#fff}
#kopf h1{text-indent:-5000px}
#navi_haupt{width:94em; float:left; position:relative; top:-200px; left:8px}
#navi_haupt li{display:inline; font-size:1.4em}
#navi_haupt a:link,#navi_haupt a:visited,#navi_haupt span{display:block; float:left; height:17px; text-indent:-11100px; text-decoration:none; color:#224263; padding:0 5px}
#navi_haupt .hotel a{width:56px; background:url(../grafik/navi_oben.gif) no-repeat -3px -8px}
#navi_haupt .hotel a:hover,#navi_haupt .hotel a:focus,#navi_haupt .hotel span{width:56px; background:url(../grafik/navi_oben.gif) no-repeat -3px -41px}
#navi_haupt .restaurant a{width:102px; background:url(../grafik/navi_oben.gif) no-repeat -3px -74px}
#navi_haupt .restaurant a:hover,#navi_haupt .restaurant a:focus,#navi_haupt .restaurant span{width:102px; background:url(../grafik/navi_oben.gif) no-repeat -3px -106px}
#navi_haupt .kulinarisch a{width:106px; background:url(../grafik/navi_oben.gif) no-repeat -3px -139px}
#navi_haupt .kulinarisch a:hover,#navi_haupt .kulinarisch a:focus,#navi_haupt .kulinarisch span{width:106px; background:url(../grafik/navi_oben.gif) no-repeat -3px -172px}
#navi_haupt .catering a{width:83px; background:url(../grafik/navi_oben.gif) no-repeat -2px -205px}
#navi_haupt .catering a:hover,#navi_haupt .catering a:focus,#navi_haupt .catering span{width:83px; background:url(../grafik/navi_oben.gif) no-repeat -2px -238px}
#navi_haupt .feiern a{width:60px; background:url(../grafik/navi_oben.gif) no-repeat -3px -271px}
#navi_haupt .feiern a:hover,#navi_haupt .feiern a:focus,#navi_haupt .feiern span{width:60px; background:url(../grafik/navi_oben.gif) no-repeat -3px -304px}
#navi_haupt .tagen a{width:58px; background:url(../grafik/navi_oben.gif) no-repeat -2px -337px}
#navi_haupt .tagen a:hover,#navi_haupt .tagen a:focus,#navi_haupt .tagen span{width:58px; background:url(../grafik/navi_oben.gif) no-repeat -2px -370px}
#navi_haupt .veranstaltungen a{width:151px; background:url(../grafik/navi_oben.gif) no-repeat -2px -403px}
#navi_haupt .veranstaltungen a:hover,#navi_haupt .veranstaltungen a:focus,#navi_haupt .veranstaltungen span{width:151px; background:url(../grafik/navi_oben.gif) no-repeat -2px -436px}
#navi_haupt .aktionen a{width:87px; background:url(../grafik/navi_oben.gif) no-repeat -2px -469px}
#navi_haupt .aktionen a:hover,#navi_haupt .aktionen a:focus,#navi_haupt .aktionen span{width:87px; background:url(../grafik/navi_oben.gif) no-repeat -2px -502px}
#navi_haupt .arrangements a{width:131px; background:url(../grafik/navi_oben.gif) no-repeat -2px -535px}
#navi_haupt .arrangements a:hover,#navi_haupt .arrangements a:focus,#navi_haupt .arrangements span{width:131px; background:url(../grafik/navi_oben.gif) no-repeat -2px -568px}
#navi_zwei{display:block; float:left; position:relative; top:60px; left:0; padding-left:40px; height:325px; width:150px}
#navi_zwei li{display:block; font-size:1.4em}
#navi_zwei a:link,#navi_zwei a:visited,#navi_zwei span{display:block; width:116px; height:17px; text-indent:-1110px; text-decoration:none; color:#224263; padding:7px 0}
#navi_zwei .preise a{background:url(../grafik/navi_links.gif) no-repeat 0 -7px}
#navi_zwei .preise a:hover,#navi_zwei .preise a:focus,#navi_zwei .preise span{background:url(../grafik/navi_links.gif) no-repeat 0 -40px}
#navi_zwei .anfahrt a{background:url(../grafik/navi_links.gif) no-repeat 0 -73px}
#navi_zwei .anfahrt a:hover,#navi_zwei .anfahrt a:focus,#navi_zwei .anfahrt span{background:url(../grafik/navi_links.gif) no-repeat 0 -105px}
#navi_zwei .buchung a{background:url(../grafik/navi_links.gif) no-repeat 0 -138px}
#navi_zwei .buchung a:hover,#navi_zwei .buchung a:focus,#navi_zwei .buchung span{background:url(../grafik/navi_links.gif) no-repeat 0 -171px}
#navi_zwei .kontakt a{background:url(../grafik/navi_links.gif) no-repeat 0 -204px}
#navi_zwei .kontakt a:hover,#navi_zwei .kontakt a:focus,#navi_zwei .kontakt span{background:url(../grafik/navi_links.gif) no-repeat 0 -237px}
#navi_zwei .bernburg a{background:url(../grafik/navi_links.gif) no-repeat 0 -270px}
#navi_zwei .bernburg a:hover,#navi_zwei .bernburg a:focus,#navi_zwei .bernburg span{background:url(../grafik/navi_links.gif) no-repeat 0 -303px}
#navi_zwei .umgebung a{background:url(../grafik/navi_links.gif) no-repeat 0 -336px}
#navi_zwei .umgebung a:hover,#navi_zwei .umgebung a:focus,#navi_zwei .umgebung span{background:url(../grafik/navi_links.gif) no-repeat -1px -369px}
#navi_zwei .partner a{background:url(../grafik/navi_links.gif) no-repeat 0 -402px}
#navi_zwei .partner a:hover,#navi_zwei .umgebung a:focus,#navi_zwei .partner span{background:url(../grafik/navi_links.gif) no-repeat -1px -435px}
#navi_zwei .impressum a{background:url(../grafik/navi_links.gif) no-repeat 0 -468px}
#navi_zwei .impressum a:hover,#navi_zwei .impressum a:focus,#navi_zwei .impressum span{background:url(../grafik/navi_links.gif) no-repeat 0 -501px}
#navi_zwei .agb a{background:url(../grafik/navi_links.gif) no-repeat 0 -534px}
#navi_zwei .agb a:hover,#navi_zwei .agb a:focus,#navi_zwei .agb span{background:url(../grafik/navi_links.gif) no-repeat 0 -567px}
#inhalt{margin-top:-170px; width:740px; float:right; color:#646464; background:url(../grafik/kopf_hotel.jpg) no-repeat right 0; padding:280px 0 0}
#restaurant #inhalt{background:url(../grafik/kopf_restaurant.jpg) no-repeat right 0}
#kulinarisch #inhalt{background:url(../grafik/kopf_kulinarisch.jpg) no-repeat right 0}
#catering #inhalt{background:url(../grafik/kopf_catering.jpg) no-repeat right 0}
#feiern #inhalt{background:url(../grafik/kopf_feiern.jpg) no-repeat right 0}
#tagen #inhalt{background:url(../grafik/kopf_tagen.jpg) no-repeat right 0}
#veranstaltungen #inhalt{background:url(../grafik/kopf_veranstaltungen.jpg) no-repeat right 0}
#aktionen #inhalt{background:url(../grafik/kopf_aktionen.jpg) no-repeat right 0}
#arrangements #inhalt{background:url(../grafik/kopf_arrangements.jpg) no-repeat right 0}
#preise #inhalt{background:url(../grafik/kopf_preise.jpg) no-repeat right 0}
#buchung #inhalt{background:url(../grafik/kopf_buchung.jpg) no-repeat right 0}
#anfahrt #inhalt{background:url(../grafik/kopf_anfahrt.jpg) no-repeat right 0}
#kontakt #inhalt{background:url(../grafik/kopf_kontakt.jpg) no-repeat right 0}
#bernburg #inhalt{background:url(../grafik/kopf_bernburg.jpg) no-repeat right 0}
#umgebung #inhalt{background:url(../grafik/kopf_umgebung.jpg) no-repeat right 0}
#partner #inhalt{background:url(../grafik/kopf_partner.jpg) no-repeat right 0}
#impressum #inhalt{background:url(../grafik/kopf_impressum.jpg) no-repeat right 0}
#agb #inhalt{background:url(../grafik/kopf_agb.jpg) no-repeat right 0}
* html #inhalt{padding-top:310px}
.artikel{float:left; width:740px}
h2{font-size:1.6em; margin-top:1em; width:550px; font-weight:800; color:#A7A783}
h3{font-size:1.4em; width:550px; color:#727249}
#inhalt p,#inhalt ul,#inhalt dl{font-size:1.2em; margin-bottom:1em; width:550px; line-height:1.8}
#inhalt p.teaser{width:550px; font-size:1.4em; color:#727249}
#inhalt li{padding-left:15px; background:url(../grafik/button.gif) no-repeat -3px 4px}
#inhalt dl{position:relative; line-height:1.5}
#inhalt dt{float:left; width:400px; position:relative; padding-right:170px; padding-bottom:1em}
#inhalt dd{position:relative; float:right; width:160px; margin-top:-2.5em; text-align:right; vertical-align:bottom}
#anfahrt #inhalt dl.vcard{float:right; position:static; width:180px; padding-right:150px}
#anfahrt #inhalt dl.vcard dt{float:right; width:180px; position:static; padding-right:0; padding-bottom:0; text-align:left}
#anfahrt #inhalt dl.vcard dd{position:static; float:right; width:180px; margin-top:0; text-align:left; vertical-align:bottom}
#impressum #inhalt dl.vcard{float:left; position:static; width:550px}
#impressum #inhalt dl.vcard dt{float:left; width:550px; position:static; padding-right:0; padding-bottom:0; text-align:left}
#impressum #inhalt dl.vcard dd{position:static; float:left; width:550px; margin-top:0; text-align:left; vertical-align:bottom}
#map{width:400px; height:300px; float:left}
form{width:550px; float:left}
fieldset{float:left; width:550px}
form tr{display:block}
form td{vertical-align:top}
form label{font-size:1.2em; width:120px; display:block; padding:10px 0}
form input{margin-top:8px; width:433px}
* html form textarea{width:435px}
*+html form textarea{width:436px}
.abschicken{height:50px}
.senden{float:right; width:120px}
label.required,label.invalid,.errors{color:red}
.errors{font-size:1.2em; border:1px solid red; color:red; margin:1em 0; padding:5px}
#inhalt img{float:right; padding:19px 0 0 10px}
#inhalt a{text-decoration:underline}
#inhalt a:link{color:#AB8502}
#inhalt a:visited{color:#878768}
#inhalt a:hover,#inhalt a:focus{color:#9B9900}
#fusz{float:left; width:94em; height:70px; background:url(../grafik/unten.gif) no-repeat 0 0}
* html #fusz{margin-top:-40px}
#navigation,form table{float:left}
* html #navi_haut,*+html #navi_haut{top:-310px}
* html #navi_zei,*+html #navi_zei{top:-46px}
form select,form textarea{margin-top:8px; width:439px}
/* ----------------------------------
Facebook style Theme
----------------------------------- */
XXdiv.facebook .pp_top .pp_left { background: url(../grafik/pretty/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
XXdiv.facebook .pp_top .pp_middle { background: url(../grafik/pretty/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
XXdiv.facebook .pp_top .pp_right { background: url(../grafik/pretty/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.facebook .pp_content_container {border-top:3px solid #fff;border-right:2px solid #fff;border-bottom: 4px solid #fff;border-left:2px solid #fff;padding:15px 0 5px 0;background: #EDCA7D;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;}
div.facebook .pp_content .ppt { color: #000; }
XXdiv.facebook .pp_content_container .pp_left { XXXbackground: url(../grafik/pretty/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
XXdiv.facebook .pp_content_container .pp_right { XXXbackground: url(../grafik/pretty/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #EDCA7D; } /* Content background */
div.facebook .pp_expand { background: url(../grafik/pretty/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(../grafik/pretty/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(../grafik/pretty/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(../grafik/pretty/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { margin-top:-8px; width: 22px; height: 22px; background: url(../grafik/pretty/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook #pp_full_res img {border:2px solid #000}
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(../grafik/pretty/facebook/loader.gif) center center no-repeat; } /* Loader icon */
div.facebook .pp_arrow_previous { background: url(../grafik/pretty/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(../grafik/pretty/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: -5px; }
div.facebook .pp_nav p { font-size: 12px; padding: 0 3px 0 4px; color:#fff;}
div.facebook .pp_nav .pp_play { background: url(../grafik/pretty/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(../grafik/pretty/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(../grafik/pretty/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(../grafik/pretty/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
XXdiv.facebook .pp_bottom .pp_left { background: url(../grafik/pretty/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
XXdiv.facebook .pp_bottom .pp_middle { background: url(../grafik/pretty/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
XXdiv.facebook .pp_bottom .pp_right { background: url(../grafik/pretty/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 95000;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 100000;
}
.pp_content { height: 40px;background: #EDCA7D; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
background: #EDCA7D;
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0 0 5px 0;
}
.pp_nav {
clear: left;
float: left;
margin: 3px 0 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 20000;
}
.pp_gallery {
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 100000;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
overflow: hidden;
padding: 0;
position: relative;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
}
.pp_gallery li.default a {
background: url(../grafik/pretty/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(../grafik/pretty/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(../grafik/pretty/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 200000;
}
a.pp_close {
display: block;
float: right;
line-height:22px;
text-indent: -10000px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 12px;
margin: 0 0 5px 15px;
z-index: 99990;
}
/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}