@charset "utf-8";
/* CSS Document */

* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #C8B18B;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #C7B18B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }

 .clearer { height: 0.1em; clear: both;}

 #container {width: 930px; height: 655px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -465px; margin-top: -321px;  }
 #wrapper { background:url(images/bg_middle.gif); }
 #page { background-image:url(images/bg_top.gif);   }
 #page_top {background-image:url(images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #DED1B8; }
 #real_page {background: #f8f3ea; height: 594px; position: relative; overflow: hidden; border: 9px solid #CFBD9C; }
 
 h1 {width: 174px; height: 174px;  position: absolute; top: 35px; left:546px; z-index: 5000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(images/loewe.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 346px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {width: 182px; position: absolute; top: 38px; left: 735px; font-size: 10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;}
 h5 {width: 182px; position: absolute; top: 230px; left: 0px; font-size: 10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;}


 #main_menu {width: 182px; position: absolute; top: 237px; left: 665px; padding: 1px 0 0; background:url(images/dot_hor.gif); background-repeat: repeat-x; }
 #main_menu li {padding: 0 0 1px; background:url(images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a:link, #main_menu a:visited, #main_menu a:active {
 display: block;
 height: 20px;
 background-position: -137px 6px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
 color: #890c31;  }
 #main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {
 background-position: 5px 6px;}


 #contents_wrapper {width: 594px; height: 594px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 594px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}

 #restaurant {left: 594px; top: 0; background-color: #2F1312; background-image:url(images/restaurant.jpg); padding: 231px 0 0;}
 #restaurant h2 { background-image:url(images/restaurant-h2.gif); background-position: 40px 90px;}
 #restaurant .description {background-color: #5B423B; height: 287px; padding: 38px 100px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #restaurant a {color: #c8b18b;
 text-decoration:underline;}
 #restaurant h3 {background-image:url(images/restaurant-h3.gif); height: 23px;}


 #bar {left: 1188px; top: 0; background-color: #2B3E44; background-image:url(images/bar.jpg); padding: 231px 0 0;}
 #bar h2 { background-image:url(images/bar-h2.gif); background-position: 40px 90px;}
 #bar .description {background-color: #616362; height: 287px; padding: 38px 125px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #bar a {color: #c8b18b;
 text-decoration:underline;}
 #bar h3 {background-image:url(images/bar-h3.gif); height: 23px;}

 #zimmer {left: 1782px; top: 0; background-color: #211231; background-image:url(images/zimmer.jpg); padding: 231px 0 0;}
 #zimmer h2 { background-image:url(images/zimmer-h2.gif); background-position: 40px 90px;}
 #zimmer .description {background-color: #4A4252; height: 287px; padding: 38px 100px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #zimmer a {color: #c8b18b;
 text-decoration:underline;}
 #zimmer h3 {background-image:url(images/zimmer-h3.gif); height: 23px;}

 
 #terrasse {left: 2376px; top: 0; background-color: #40452F; background-image:url(images/terrasse.jpg); padding: 231px 0 0;}
 #terrasse h2 { background-image:url(images/terrasse-h2.gif); background-position: 40px 90px;}
 #terrasse .description {background-color: #6f765e; height: 287px; padding: 38px 125px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #terrasse a {color: #c8b18b;
 text-decoration:underline;}
 #terrasse h3 {background-image:url(images/terrasse-h3.gif);height: 23px;}

 
 #feier {left: 2970px; top: 0; background-color: #2B3E44; background-image:url(images/feier.jpg); padding: 231px 0 0;}
 #feier h2 { background-image:url(images/feier-h2.gif); background-position:  40px 90px;}
 #feier .description {background-color: #616362; height: 287px; padding: 38px 100px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #feier a {color: #c8b18b;
 text-decoration:underline;}
 #feier h3 {background-image:url(images/feier-h3.gif);height: 23px;}


 #reservation {left: 3564px; top: 0; background-color: #2F1312; background-image:url(images/reservation.jpg); padding: 231px 0 0;}
 #reservation h2 { background-image:url(images/reservation-h2.gif); background-position:  40px 90px;}
 #reservation .description {background-color: #5B423B; height: 287px; padding: 38px 125px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #reservation a {color: #c8b18b;
 text-decoration:underline;}
 #reservation h3 {background-image:url(images/reservation-h3.gif);height: 23px;}

 .formular1 {width: 243px; float: left;}
 .formular1 label {display: block; float: left; clear: both;  white-space: nowrap; height: 25px;
 color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 .formular1 span {display: block; float: right;  background-color: #69564E; padding: 3px; margin: 0 0 4px;  }
 .formular1 input.text, .formular1 textarea {width: 147px; background-color: #69564E; display: block; color: #fff;}
 .formular1 textarea {height: 77px; overflow: auto;}
 .formular1 input.calendar {height: 15px; padding: 3px; margin: 10px 0 4px 0; background-color: #69564E; display: block; color: #fff;}
 .formular1 input.persons {width: 24px; height: 15px; margin: 0px 0 4px 130px; padding: 3px; background-color: #69564E; display: block; color: #fff;}

 .formular1 #error2 {
 color: #FF0000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;}
 #reservation_div {width: 570px;}
 #reservation_div #contactarea2 {width: 570px; height: 77px; float: left;}
 #reservation_div .left {position: absolute; width: 250px;}
 #reservation_div .right {padding-left: 255px; width: 250px;}
 #reservation_div .left #trigger {margin-top: 10px; cursor:pointer;}


 #contact { left: 4158px;  top: 0; height: 594px; overflow: hidden;}
 #formular_contact {position: absolute; left: 0;  top: 0; background-color: #24201D; background-image:url(images/contact.jpg); padding: 231px 0 0; height: 367px; overflow: hidden; width: 594px; }
 #formular_contact h2 { background-image:url(images/contact-h2.gif); background-position:  40px 90px;}
 #formular_contact .description {background-color: #4C413F; height: 287px; padding: 38px 125px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #formular_contact h3 {background-image:url(images/contact-h3.gif); position: relative; top: 0; left: 0; display: block; width: 200px;height: 29px;}
 #contact_link { background-image:url(images/lageplan_thumb.jpg); display: block; text-indent: -3000px; overflow: hidden; width: 169px; height: 78px; margin-top: -3px;   }
 #contact_link:hover {background-position: 0 -78px;}

 #locatie {position: absolute; left: 0; top: 594px; background-color: #585047; height: 594px; width: 594px;}
 #locatie img {cursor: pointer;}
 

 .formular2 {width: 243px; float: left;}
 .formular2 label {display: block; float: left; clear: both;  white-space: nowrap; height: 25px;
 color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 .formular2 span {display: block; float: right;  background-color: #694f47; padding: 3px; margin: 0 0 4px;  }
 .formular2 input.text, .formular2 textarea {width: 147px; background-color: #694f47; display: block; color: #fff;}
 .formular2 textarea {height: 77px; overflow: auto;}

 .formular2 #error {
 color: #FF0000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;}
 #contact_div {width: 570px;}
 #contact_div #contactarea {width: 243px; height: 77px; float: left;}
 #contact_info {padding-left: 55px; float: left; width: 250px; white-space:normal;  line-height: 15px;}


 #geschichte {left: 4752px; top: 0; height:594px; overflow: hidden;}
 #gesch {position: absolute; left: 0;  top: 0; background-color: #2B3E44; background-image:url(images/geschichte.jpg); padding: 231px 0 0; height: 367px; overflow: hidden; width: 594px;}
 #geschichte h2 { background-image:url(images/geschichte-h2.gif); background-position:  40px 90px;}
 #geschichte .description {background-color: #616362; height: 287px; padding: 38px 55px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #geschichte a {color: #c8b18b;
 text-decoration:underline;}
 #geschichte h3 {background-image:url(images/geschichte-h3.gif); height: 23px;}

 #fortsetzung {position: absolute; left: 0; top: 594px; background-color: #585047; height: 594px; width: 594px;}
 #fortsetzung .description {position: absolute; background-color: #616362; height: 220px; width: 494px; padding: 20px 70px 0px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #fortsetzung #fortsetzung3 small {color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 font-weight:normal;
 font-style:normal;
 line-height: 11px;}
 #fortsetzung .loewe_postkarte {position: absolute; left: 0px; top: 230px; height: 223px; width: 594px;}
 #fortsetzung .description2 {position: absolute; width: 494px; background-color: #616362; left: 0px; top: 443px; height: 132px; padding: 20px 90px 0px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}

 #fortsetzung2 {position: absolute; left: 0; top: 1188px; background-color: #585047; height: 594px; width: 594px;}
 #fortsetzung2 .description {background-color: #616362; height: 594px; padding: 20px 90px 0px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}

 #fortsetzung3 {position: absolute; left: 0; top: 1782px; background-color: #585047; height: 594px; width: 594px;}
 #fortsetzung3 .description {background-color: #616362; height: 594px; padding: 20px 70px 0px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}

 #galerie {left: 5346px; top: 0; height: 594px; overflow: hidden;    }
 #fotos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
 #fotos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #fotos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #foto_inapoi { background-image:url(images/up.png); visibility: hidden;}
 #foto_inainte { background-image:url(images/down.png);}
 #fotos_wrapper {width: 594px; height: 594px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #fotos {  width: 594px; position: absolute; top: 0; left: 0;  }
 #fotos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #fotos li img {display: block;}
 #fotos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}


 #fotos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 594px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #galerie:hover #fotos_nav2 {visibility: visible;}

 #fotos_nav2 ul {float: right; padding: 5px;}
 #fotos_nav2 li {float: left; padding-right: 1px;}
 #fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Verdana, Arial'; background-image:url(images/nav_bg.png);}
 #fotos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #fotos_nav2 h4 {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;}

 #lounge {left: 5940px; top: 0; background-color: #2c1e16; background-image:url(images/lounge.jpg); padding: 231px 0 0;}
 #lounge h2 {background-image:url(images/lounge-h2.gif); background-position:  40px 90px;}
 #lounge .description {background-color: #4f4138; height: 287px; padding: 38px 95px 38px 40px; color: #c8b18b;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 line-height: 15px;}
 #lounge a {color: #c8b18b;
 text-decoration:underline;}
 #lounge h3 {background-image:url(images/lounge-h3.gif);height: 29px;}

 #footer {position: relative; top: 0; left: 0;  color: #978158; font-size: 9px;  padding: 8px 5px 0 0;  background: #C7B18B;}
 #footer a {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
 color: #6B3030;
}
#footer p {float: right; margin: -1px 0 0 0; background-image:url(images/footer_bg.gif); background-position: left center; padding: 0 12px 0 6px; line-height: 16px;}

.footer:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



 .loading {width:370px; display:block; height:120px; background-position:center;}
 .foto {background-image:url(images/loader_contact.gif); background-position: center; background-color: #4C413F;}