@import url(reset.css);

/* ******** GLOBAL ******** */
body { background-color: #4b4b4a; font-size: 12px; font-family: Arial, Tahoma, Verdana; text-align: center; line-height: 14px; }
a, a:link, a:visited { color: #000000; font-size: 12px; text-decoration: underline; }
/* a:hover, a:active { text-decoration: none; } */
p { line-height: 15px; }
.combtn { display: inline-block; width: 141px; height: 17px; line-height: 17px; color: #3b3b3a; font-family: Arial; background: url(../images/btn-141px.gif) 0 0 no-repeat; border: 0;font-size: 10px; }


/* ******** HENDRIK TREIBT SEIN UNWESEN ******** */
p { text-align: justify; }
h5 { margin-top: 5px; margin-bottom: 10px; text-align: left; }

#footerMap { 
  color: #cdcdcd; 
  font-size: 10px; 
  margin: 0px 10px;
}
#footerMap a {
  color: #cdcdcd;
  font-size: 10px;
  text-decoration: none;
}
#footerMap .left, .center { padding-top: 5px; text-align: center; }
/* #footerMap .center { margin: 0 10px; float: left; } */
#footerMap .center { margin: 0; float: left; }
#footerMap .right { border-left: 1px solid #cdcdcd; }
#footerMap .tx-msfootermenu-pi1 { margin: 0; }
#footerMap .tx-msfootermenu-pi1 .footerparent {
  font-weight:bold;
  margin-bottom:0.25em;
  text-transform:uppercase;
}

/* *** hendrik off *** */


/* ******** COMMON CLASSES ******** */
.left { float: left; }
.right { float: right; }

/* ******** LAYOUT ******** */
#wrap { width: 978px; margin: 0 auto; text-align: left; }

#header { clear: both; overflow: hidden; height: 70px; padding-top: 23px; position: relative; margin-bottom: 20px; }
#header a.logo { float: left; }
#header ul.header-nav { float: right; padding-top: 56px; }
#header ul.header-nav li { float: left; padding-left: 38px; font-weight: normal; color:#848484; }
#header ul.header-nav li a { font-weight: normal; text-decoration: none; }
#header ul.header-nav a:hover, #header ul.header-nav a.select { color: #ffb82a; }

/* alte Header-Linkfarbe: #ffb82a - hn */

#main { background-color: #fff; padding: 6px; margin-bottom: 6px; font-size: 12px; overflow:hidden; }

#main .left { border: 1px solid #4b4b4a; width: 648px; position: relative; }
a.absolt-link { position: absolute; top: 0; width: 100%; height: 42px; text-align: right; }
a.absolt-link span { display: block;height: 42px; background: url(../images/bg-mask.png) 0 0; width: 618px; padding: 0 15px; line-height: 42px; text-align: right; color: #fff; }
a.absolt-link label { padding-right: 7px; }

#main .main-header { position: relative; width: 100%; height: 119px; }
#main .main-header h1 { text-transform: uppercase; display: block; position: absolute; height: 42px; width: 100%; bottom: 0; margin-bottom: 0; background: url(../images/bg-mask.png) 0 0; color: #fff; font-size: 24px; line-height: 42px; font-weight: 100; }
#main .main-header h1 span { padding-left: 14px; }

#main #guide { padding: 5px 16px 0px 11px; }
#main #guide a { color: #3b3b3a; margin: 0 5px; text-transform: capitalize; text-decoration: none; }
#main #guide a:hover { color: #3b3b3a; margin: 0 5px; text-transform: capitalize; text-decoration: underline; }

#main .content { padding: 16px; font-size: 12px; }
#main .content h2 { font-size: 24px; color: #3b3b3a; font-weight: 100; margin-bottom:10px; line-height: 1em; }
#main .content h2 span { color: #f16b22; }

#main .content ul.img-left-list li { clear: both; overflow: hidden; padding-bottom: 15px; }
#main .content ul.img-left-list li a { float: left;display: block; }
#main .content ul.img-left-list li img { padding: 5px;background-color: #757574; width: 66px; }
#main .content ul.img-left-list li h4 { margin-bottom: 5px; }
#main .content ul.img-left-list li div { clear: right; margin-left: 90px; }
#main .content ul.img-left-list li div a { float: none; padding: 0; background: none; display: inline; width: transparent; }
#main .content ul.img-left-list li div a:hover { background: none; }
#main .content p.end-link { padding-bottom: 10px; }
#main .content p.end-link a { font-size: 10px; }
#main .content .show-others { position: relative; margin-top: 30px; }
#main .content .show-others p { margin-bottom: 5px; }
#main .content .show-others div.items { overflow: hidden; clear: both; padding-top: 10px; }
#main .content .show-others div.items a { text-decoration: none; position: relative; display: block; margin-right: 45px; margin-bottom: 15px; float: left; }
#main .content .show-others div.items a.end { margin-right: 0; }
#main .content .show-others div.items a img { padding: 6px; background-color: #959595; display: block;width: 105px; height: 105px;  }
#main .content .show-others div.items a:hover img { background-color: #626261; }
#main .content .show-others div.items a span { padding: 8px 0; text-align: center; display: block; width: 105px; position: absolute; bottom: 6px; left: 6px; background: url(../images/bg-mask.png) 0 0; color: #fff; text-transform: uppercase; font-weight: normal; }
#main .content .show-others div.items a label { position: absolute; width: 105px; height: 105px; top: 6px; left: 6px; background: url(../images/bg-mask-white.png) 0 0; display: block; }
#main .content .show-others div.items a:hover label, #main .content .show-others div.items a.select label { background: none;display: block;visibility: hidden; }
#main .content .content-text p { margin-bottom: 20px; letter-spacing: .2px; }
#main .content .content-text p strong { display:block; }
#main p.icon, #main .content ul.img-left-list li div p.icon { line-height: 18px; }
#main p.icon a, #main .content ul.img-left-list li div p.icon a { padding-left: 20px; display: block; background: url(../images/icon-pdf-bg.gif) 0 50% no-repeat; font-size: 10px; color: #4b4b4a; }

#main .queimage .left { width: 266px;background-color: #fff;border: 0; }
#main .queimage .black { background-color: #4b4b4a; }
#main .queimage .que-single { padding: 5px; text-align: center; position: relative; height: 255px; }
#main .queimage .que-single img { position: absolute; top: 6px; left: 6px; width: 254px; }
#main .queimage .que-single span { text-align: left; display: block; width: 254px; position: absolute; height: 34px; color: #fff; background: url(../images/bg-mask.png); left: 6px; bottom: 6px; }
#main .queimage .que-single label { padding: 0 5px; line-height: 34px; display: block; }
#main .queimage .que-many { margin-top: 6px; padding: 5px 2px 2px 2px; }
#main .queimage .que-many a { border: 1px solid #4b4b4a; display: inline-block; margin: 0 1px 3px 3px; }
#main .queimage .que-many a img { width: 57px; display: block; }
#main .queimage .que-many a:hover, #main .queimage .que-many a.select { border-color: #fff; }
#main .queimage .quecontent { clear: right;margin-left: 280px; }
#main .queimage .quecontent a, #main .content .content-text p a{ font-size: 10px; }
#main .queimage .quecontent p, #main .queimage .quecontent div.part { margin-bottom: 6px; }
#main .queimage .quecontent strong { display: block; }
#main .queimage .quecontent ul { width: 100%; overflow: hidden; color: #000; }
#main .queimage .quecontent ul li { float: left; width: 50%; }
#main .quecontent .link-title { padding-bottom: 10px; border-bottom: 1px solid #4b4b4a; margin-bottom: 10px; }
#main .quecontent .link-title a { text-decoration: underline; margin-right: 50px; font-size: 12px; }
#main .quecontent .link-title a.active { font-weight: 800; color: #9d9c9c; text-decoration: none; }
#main .quecontent .link-title a.active span { color: #f0b799; }

#main h3#map-title { height: 30px; line-height: 30px; border-bottom: 1px solid #4b4b4a; font-weight: 100; margin-bottom: 9px; }
#main h3#map-title a { margin-right: 40px;text-decoration: underline; }
#main h3#map-title a.select { color: #9d9c9c; font-weight: 800; text-decoration: none; }
#main div.lage, #main div.xxl-lage { display: none; }
#main div.lage img, #main div.xxl-lage img { display: block; padding: 5px; background-color: #626261; }

#main .google-map .left { width: 357px;padding: 5px; background-color: #626261;overflow: hidden; }
#main .google-map .left .inner { background-color: #fff; height: 405px; width: 357px; overflow: hidden; }
#main .google-map .right { width: 230px; }
#main .google-map .right h3 { font-size: 11px; }
#main .google-map .right ul { margin-bottom: 20px; }
#main .google-map .right ul li { line-height: 16px; }
#main .google-map .right .inner img { width: 66px; padding: 5px; background-color: #626261; display: block; float: left; }
#main .google-map .right .inner div { clear: right; margin-left: 90px; }

#main .right { width: 310px; position: relative; }
#main .right div.contentText { margin-bottom: 6px; border: 1px solid #4b4b4a;  }
#main .right div.contentText h3 { height: 42px; line-height: 42px; background-color: #f7a51d; font-weight: normal; color: #fff; font-size: 16px; padding: 0 12px; }
#main .right div.contentText p { margin-bottom: 5px; padding: 10px 10px 0; }
#main .right div.contentText p a { color: #4b4b4a; font-weight: 800; }

#main .right div.contentText a.other-hotel { display: block; text-align: center; margin: 0 auto 10px; padding-top: 7px; }

#main .right div.siderText { padding: 20px 12px; background-color: #4b4b4a; color: #fff; height: 120px; overflow: hidden; }
#main .right div.siderText h4 { line-height: 14px; width: 130px; }
#main .right div.siderText p { font-style: italic; margin-bottom: 16px; }
#main .right div.siderText a { color: #ffb82a; text-decoration: none; }
#main .right div.siderText p.bodytext { height: 45px; overflow: hidden; width:125px;}
#main .right div.siderText ul li { padding-right: 10px; }
#main .right-body, #main ul.siderNav { background-color: #4b4b4a; padding: 12px;}
#main ul.siderNav li { padding-bottom: 14px; margin-bottom: 14px; background: url(../images/dotted-1px.gif) 0 100% repeat-x; padding-left: 10px; font-size: 14px; }
#main ul.siderNav li a { text-decoration: none; color: #ffb82a; text-transform: uppercase; font-size: 14px; font-weight: normal; }
#main ul.siderNav li a:hover, #main ul.siderNav li a.select { color: #fff; }
#main ul.siderNav li ul li { padding: 0; margin-bottom: 0; background: none; }
#main ul.siderNav li ul a { font-size: 11px; font-family: Arial; padding-left: 7px; background: url(../images/sideNav-li.gif) 0 50% no-repeat; text-transform: inherit; }
#main ul.siderNav li ul a:hover, #main ul.siderNav li ul a.select { background-image: url(../images/sideNav-li-over.gif); text-decoration: none; }

#main .right-block { background-color: #4b4b4a; padding: 5px; color: #fff; margin-top: 6px; }
#main .right-block h4 { padding-left: 5px; font-size: 13px; line-height: 18px; font-weight: 800; margin-bottom: 6px; }
#main .right-block select { font-size: 10px; font-family: Arial; }
#main .right-block table { width: 90%; margin: 0 auto; }
#main .right-block table th, #main .right-block table td { font-size: 10px; padding: 2px 0; }
#main .right-block p { margin: 5px 0; }
#main .org-block { /* msh-hn 23.08.10 background: #fb8a2f url(../images/org-block-bg.gif) 0 100% repeat-x; */ margin-top: 6px; }


#main .content ul.link-images {  }
#main .content ul.link-images li { float: left; width: 119px;margin-bottom:5px; }
#main .content ul.link-images li img { border:1px solid #4B4B4A; padding:2px; display: block; width: 105px; height: 105px; }
#main .content ul.link-images li a { display: block; }

#scroll-images { position: relative; margin-bottom: 6px; z-index: 0; }
#scroll-images a.browse { width: 15px; height: 105px; position: absolute; display: block; top: 6px; }
#scroll-images a.scrollleft { margin-left: -21px; background: url(../images/scroll-left.gif) 0 0 no-repeat; }
#scroll-images a.scrollright { margin-left: 984px;background: url(../images/scroll-right.gif) 0 0 no-repeat; }
#scroll-images a.disabled { display: none; }

#scroll-images div.scroll-area { width: 978px; height: 117px; overflow: hidden; position: relative; }
#scroll-images div.scroll-area div.items { position: absolute; width: 2000em; }
#scroll-images div.scroll-area div.items a {  position: relative; width: 105px; height: 105px; display: block; padding: 6px; margin-right: 6px; float: left; background-color: #fff; }
#scroll-images div.scroll-area div.items a:hover { display: inline-block; }
#scroll-images div.scroll-area div.items a span { padding: 8px 0; text-align: center; display: block; width: 105px; position: absolute; bottom: 6px; left: 6px; background: url(../images/bg-mask.png) 0 0; color: #fff; text-transform:uppercase; font-weight: normal; }
#scroll-images div.scroll-area div.items a label { position: absolute; width: 105px; height: 105px; top: 6px; left: 6px; background: url(../images/bg-mask-white.png) 0 0; display: block; }
#scroll-images div.scroll-area div.items a:hover label,#scroll-images div.scroll-area div.items a.select label { background: none;display: block;visibility: hidden; }

/*#footer { padding: 10px 8px; background-color: #fff; margin-bottom: 10px;font-weight: 800; font-size: 11px;  }
#footer div.sitename { margin-left: 73px; } */

.footer-content { padding: 0; background-color: #fff; margin: 0; }
.footer-content .left { width: 647px; padding: 0 0 0 8px; }
.footer-content .right { width: 283px; padding: 0 22px 0 0; }
.footer-content .csc-default { padding: 24px 0 0; }
.footer-content .csc-default h1 { font-size: 17px; line-height: 18px; margin: 0 0 10px; }
.footer-content .csc-default h2 { font-size: 17px; line-height: 18px; margin: 0 0 10px; }
.footer-content .csc-default ul, .footer-content .csc-default p { margin: 0 0 18px; line-height: 18px; }
.footer-content .csc-default p.last { margin: 0; }
.footer-content .csc-default ul { margin: 0 0 12px 36px; }
.footer-content .csc-default ul li { padding: 0 0 0 14px; background: url(../images/footer-li.gif) 0 50% no-repeat; }
.footer-content .csc-default p a { color: #4b4b4b; font-weight:bold; font-size: 12px; }
.footer-content .csc-default.last { padding-bottom: 10px; }

#footer { padding: 10px 8px 10px 8px; background-color: #fff; margin-bottom: 10px;font-weight: bold; font-size: 11px; width:962px; }
html>body #footer {padding: 10px 8px; }
#footer div.sitename { margin-left: 50px; }
#footer div.sitename a { color: #4c4c4b; text-decoration: none; }
#footer div.sitename a span { color: #ffb82a; }
#footer ul.links li { float: left; padding-right: 4px;}
#footer ul.links li.icon { width: 32px; height: 12px; display: block; margin-right: 4px; padding-right: 0px; }
#footer ul.links li.icon a { text-indent: -9999px; display: block; width: 36px; height: 24px }

#footer ul.links li.icon a.icio { background: url(../images/link-01.gif) 50% 30% no-repeat; }
#footer ul.links li.icon a:hover.icio { background-image: url(../images/bk_delisious.jpg); background-position: 50% -5px; }

#footer ul.links li.icon a.digg { background: url(../images/link-02.gif) 50% 30% no-repeat; }
#footer ul.links li.icon a:hover.digg { background-image: url(../images/bk_digg_this.jpg); background-position: 50% -5px; }

#footer ul.links li.icon a.reddit { background: url(../images/link-03.gif) 50% 30% no-repeat; }
#footer ul.links li.icon a:hover.reddit { background-image: url(../images/hotel-bk-reddit-big.jpg); background-position: 50% -5px; }

#footer ul.links li.icon a.wong { background: url(../images/hotel-bk-mr_wong-small.jpg) 50% 30% no-repeat; background-position: 50% -4px; }
#footer ul.links li.icon a:hover.wong { background-image: url(../images/bk_mr_wong.jpg); background-position: 50% -5px; }

#footer ul.links li.icon a.facebook { background: url(../images/link-05.gif) 50% 30% no-repeat; }
#footer ul.links li.icon a:hover.facebook { background-image: url(../images/bk_facebook.jpg); background-position: 50% -5px; }

#footer ul.links li.icon a.twitter { background: url(../images/link-06.gif) 50% 30% no-repeat; }
#footer ul.links li.icon a:hover.twitter { background-image: url(../images/bk_twitter.jpg); background-position: 50% -5px; }

#footer ul.links li.icon a.myspace { background: url(../images/link-04.gif) 50% 30% no-repeat; }
#footer ul.links li.icon a:hover.myspace { background-image: url(../images/bk-myspace.jpg); background-position: 50% -5px; }


#footer a.footer-tag { text-decoration: none; color: #4c4c4b; margin-right: 10px; letter-spacing: 1px; font-size: .9em;  }
#footer div.right ul li { float: left; padding-left: 8px; color: #ffb82a; }
#footer div.right ul a { text-decoration: none; text-transform:uppercase; margin-right: 8px; font-weight: 800; color: #ffb82a; }

.ajaxmail { font-size: 11px; text-align: left; padding: 2px 8px; }
.ajaxmail select { font-size: 11px; font-family: Tahoma, Arial; }
.ajaxmail input { font-size: 11px; font-family: Arial,Verdana,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
.ajaxmail .error, #tx_odsajaxmailsubscription_pi1_unsubscribe p { color: #bd7f04; font-size: 10px; line-height: 20px; border-bottom: 1px solid #bd7f04; padding-left: 24px; background: url(../images/delete.png) 2px 1px no-repeat;  }
#tx_odsajaxmailsubscription_pi1_subscribe p, #tx_odsajaxmailsubscription_pi1_prefs p { font-weight: 800; color: #06c; line-height: 24px; font-size: 11px; }
#tx_odsajaxmailsubscription_pi1_unsubscribe p { background-image: url(../images/lock_unlock.png); margin: 5px auto; }
#tx_odsajaxmailsubscription_pi1_unsubscribe a { color: #06c; font-size: 10px; line-height: 20px; }
#tx_odsajaxmailsubscription_pi1_unsubscribe a:hover { color: #cacaca; text-decoration: underline; }
.ajaxmail .info { font-size: 10px; font-weight: 800; color: #333; }
.ajaxmail ul { padding: 5px 0; }
.ajaxmail ul li { margin-bottom: 5px; }
.ajaxmail ul label { display: inline-block; width: 90px; text-align: right; padding-right: 12px; font-size: 10px; font-weight: 800; color: #595959; }
.ajaxmail .prefs p { text-indent: 102px; }
.ajaxmail .ajaxform { margin-bottom: 10px; }
.ajaxmail #tx_odsajaxmailsubscription_pi1_subscribe p { display: block; margin-bottom: 5px; padding-bottom: 5px; }

div.tx-powermail-pi1 { width: 100%; clear: both; overflow: hidden; }
fieldset.tx-powermail-pi1_fieldset { border: 0; background-color: #fff; margin-left: 0px; color: #000; }
fieldset.tx-powermail-pi1_fieldset legend { display: none;visibility: hidden; }
fieldset.tx-powermail-pi1_fieldset div.even { background-color: transparent; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html { margin-bottom: 8px; clear: both; overflow: hidden; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_textarea { width: 80%; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html label { display: inline-block; width: 80px; text-align: left; padding-right: 10px; float: left; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html span { font-size: 11px normal Arial, Tahoma; color: #c00; }
fieldset.tx-powermail-pi1_fieldset input.powermail_sendusanemail { background-color: #fff; border: 1px solid; border-color: #FFB82A; padding: 2px; color: #909090; width: 228px; }
fieldset.tx-powermail-pi1_fieldset input.validation-failed { border-bottom-color: #c00; border-right-color: #c00; color: #c00; border-width: 1px; }
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { background-color: #fff; border: 1px solid; border-color: #FFB82A; padding: 2px; width: 236px; height: 180px; line-height: 18px; color: 808080; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submitgraphic input { font: 12px normal Tahoma, Arial; border: 0; margin-left: 90px; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submit input { font: 10px normal Arial; border: 0; margin-left: 90px; width: 141px; height: 17px; background: url(../images/btn-141px.gif) 0 0 no-repeat; color: #4b4b4a; line-height: 17px; letter-spacing: 1px; }
fieldset.tx-powermail-pi1_fieldset div.powermail_mandatory_js { text-align: left; color: #c00; margin-left: 90px; font-size: 11px; }
fieldset.tx-powermail-pi1_fieldset input.powermail_text { width: 240px;font: 12px normal Tahoma, Arial;border: 1px solid; border-color: #FFB82A; }

div.google-map { height: auto; }
#map95_directions {
    margin-top: 15px; 
    width:500px;
    height: 500px;
    overflow-y: auto;
} 

#main .csc-textpic-text h1 { font-size: 18px; color: #3b3b3a; font-weight: normal; margin-bottom:0px; margin-top:5px; line-height: 1em;}

div#c251, div#c735{ margin-bottom:6px; }
#slides { overflow: hidden; }
#slides .topic { position: absolute; background: url(../images/bg-mask-black.png) 0 0; bottom: 0; left: 0; width: 100%; height: 40px; color: #fff; }
#slides .topic h4 { padding-left: 10px;line-height: 18px; }
#slides .topic p { padding-left: 10px;line-height: 16px; }
#controller { position: absolute; right: 20px; bottom: 10px; }
#controller span { cursor: pointer; -moz-border-radius:4px;-webkit-border-radius:4px; background-color: #999; color: #555;padding: 0 8px; margin-right: 8px; }
#controller span.jFlowSelected { background-color: #fff; color: #000; }


div#c100, div#c738 {left:158px; position:absolute;top:415px;background-color: #fff; }
/*div#c738 {left:158px; position:absolute;top:415px;background-color: #fff; }*/

div#c1083 {
background-color:#FFFFFF;
left:0px;
position:absolute;
top:435px;


.fan_box .connect_top {
padding:8px 5px 8px;
}


.fan_box .connect_action .name {
font-size:10px;
font-weight:bold;
line-height:8px;
}


.tx-msfootermenu-pi1 .footerlink {width:100px;}