/* -------------------------------------------------------------
   Hansa Apart Hotel - Stylesheet
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   .autor         JANDA+ROSCHER (www.janda-roscher.de)
   .version       1.0
   .url           hansa-apart-hotel.de
   .timestamp     17/01/2011
   -------------------------------------------------------------  */
/* -------------------------------------------------------------
   Table of Contents
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   1. RESET, FONTS, BODY, HTML
   2. HELPER
      2.1  Clearfix
      2.2  Divider
   3. STRUCTURE
   4. NAVIGATIONS
      5.1  Main navigation
      5.2  Sub navigation
      5.3  Third navigation
   5. CONTENT STYLES
   6. ELEMENTS
   -------------------------------------------------------------  */

/* -------------------------------------------------------------
   1. Reset, fonts, body, html
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* ------ Reset part ------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------ Custom Styles ------ */

/* html, body, #wrap { height: 100%; } */
html { background: #6a6a6a url(../_img/background.png) repeat-x; overflow-y: scroll; }
body { color: #626366; font-family: arial, sans-serif; font-size: 13px; line-height: 18px; }
/* body > #wrap { height: auto; min-height: 100%; } */

@media only screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust: none; }
}

a { text-decoration: none; }

/* -------------------------------------------------------------
   2. Helper
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* 2.1 Clearfix */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

/* 2.2 Divider */
div.divider { background: url(../_img/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; }

/* -------------------------------------------------------------
   3. Structure
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#wrap { width: 994px; margin: 0 auto; }
#header { background: url(../_img/bg-content-top.png) bottom no-repeat; position: relative; height: 151px; }
#contentWrapper { background: url(../_img/bg-content.png); padding: 0 28px 18px 28px; }
#start #contentWrapper { padding-bottom: 0; }

#contentStartLeft { background: url(../_img/bg-form-buchung-start.png) bottom left repeat-x; float: left; width: 458px; padding-bottom: 18px; }
#contentStartRight { float: right; width: 458px; }

#navbar { float: left; width: 214px; padding-top: 31px; }
#mainContentWrapper { float: right; width: 699px; }
#wide #mainContentWrapper { padding-top: 25px; }
#content { float: left; width: 451px; padding-top: 25px; }
#sidebar { float: right; width: 211px; }
#logo { position: absolute; top: 6px; right: 0; }

#sectionimage { height: 245px; /* margin-bottom: 25px; */ }
#sectionimage img { float: left; }
#start #sectionimage { height: 400px; margin-bottom: 18px; }
#start #sectionimage a { display: block; float: left; margin-right: 22px; }
#start #sectionimage a.last { margin-right: 0; }

#footer { background: url(../_img/bg-content-bottom.png) no-repeat; height: 100px; width: 994px; margin: 0 auto; position: relative; }

/* -------------------------------------------------------------
   4. Navigation
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Superfish Basics Start */
#navMain, #navMain * { margin: 0; padding: 0; list-style: none; }
#navMain { line-height: 1.0; }
#navMain ul { position: absolute; top: 999em; width: 10em; /* left offset of submenus need to match (see below) */ }
#navMain ul li { width: 100%; }
#navMain li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#navMain li { float: left; position: relative; }
#navMain a { display: block; float: left; position: relative; }
#navMain li:hover ul,
#navMain li.sfHover ul { left: 0; top: 40px; /* match top ul list item height */ z-index: 99; }
ul#navMain li:hover li ul,
ul#navMain li.sfHover li ul { top: -999em; }
ul#navMain li li:hover ul,
ul#navMain li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul#navMain li li:hover li ul,
ul#navMain li li.sfHover li ul { top: -999em; }
ul#navMain li li li:hover ul,
ul#navMain li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
/* Superfish Basics End */

#navMain { position: absolute; left: 28px; top: 89px; }
#navMain a { border-left: 1px solid #909090; color: #6a6a6a; font-size: 14px; font-weight: bold; height: 40px; padding: 0 28px 0 9px; text-transform: uppercase; }
#navMain a.active,
#navMain a:hover { color: #000000; }

#navMain li ul { display: none; background: #6a6a6a; padding: 10px 15px; }
#navMain li ul a { background: url(../_img/bg-navsub-arrow.png) 0 7px no-repeat; border: none; color: #fff; font-size: 12px; font-weight: normal; line-height: 16px; height: auto; padding: 2px 0 2px 10px; text-transform: none; }
#navMain li ul a.active,
#navMain li ul a:hover { background-position: 0 -93px; color: #feb822; }


#navSub { border-top: 1px solid #d7ccb6; }
#contentWrapper #navSub li { border-bottom: 1px solid #d7ccb6; list-style-type: none; margin-left: 0; }
#navSub li a { color: #707173; display: block; font-size: 12px; padding: 6px 10px 5px 14px; text-transform: uppercase; }
#navSub li a.active,
#navSub li a:hover { background: url(../_img/bg-navsub.png) bottom repeat-x; color: #000; text-decoration: none; }
#navSub li a span { background: url(../_img/bg-navsub-2nd.png) 0 5px no-repeat; display: block; padding-left: 8px; }
#navSub li a:hover span { background: url(../_img/bg-navsub-2nd.png) 0 -95px no-repeat; }
#navSub li ul { border-top: 1px solid #d7ccb6; padding: 5px 0; }
#contentWrapper #navSub li li { border: 0; }
#navSub li li a { background: url(../_img/bg-navsub-3rd.png) 26px 10px no-repeat; padding: 2px 10px 2px 32px; }
#navSub li li a.active,
#navSub li li a:hover { background: url(../_img/bg-navsub-3rd.png) 26px -90px no-repeat; color: #000; text-decoration: none; }

#navFooter { position: absolute; left: 30px; top: 21px; }
#navFooter li { background: url(../_img/bg-nav-footer.png) right 2px no-repeat; float: left; }
#navFooter li.last { background: none; }
#navFooter a { color: #fff; display: block; font-size: 10px; float: left; line-height: 10px; padding: 0 10px 0 10px; text-transform: uppercase; }
#navFooter a.active,
#navFooter a:hover { color: #f7ae03; }


/* -------------------------------------------------------------
   5. Content styles
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#contentWrapper h1 { color: #707173; font-size: 20px; line-height: 28px; margin-bottom: 18px; text-transform: uppercase; }
#contentStartLeft h1 { margin: 8px 0 8px 0; /* padding-left: 24px; */ }
#contentStartRight h1 { margin: 8px 0 8px 0; padding-left: 22px; }
#contentWrapper h2 { font-size: 13px; line-height: 18px; margin-bottom: 18px; font-weight: bold; }
#contentWrapper p { margin-bottom: 18px; }
#contentWrapper a { color: #ebac25; font-weight: bold; }
#contentWrapper a:hover { text-decoration: underline; }

#sidebar h3 { color: #626366; font-size: 14px; font-weight: bold; line-height: 18px;  margin-bottom: 12px; text-transform: uppercase; }

#contentWrapper .small { font-size: 10px; line-height: 14px; }

#contentWrapper ul { margin-bottom: 18px; }
#contentWrapper ul li { list-style-type: square; margin-left: 20px; }
#contentWrapper ul ul { margin-bottom: 0; }
#contentWrapper ul li li { }

#contentWrapper div.csc-textpic div.csc-textpic-imagewrap ul { margin-bottom: 0; }
#contentWrapper .csc-textpic-imagewrap li { list-style-type: none; margin-left: 0; }

#c70 { padding-top: 5px; margin-bottom: 18px; }


/* -------------------------------------------------------------
   6. Elements
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#searchform { position: absolute; left: 288px; top: 17px; width: 150px;  }
#searchform .sword { float: left; }
#searchform .sword input { background: #7f7f7f; border: 1px solid #595755; color: #d0d0d0; font-size: 10px; width: 125px; height: 18px; text-indent: 4px; }

.el2column .firstcol { float: left; width: 214px; }
.el2column .secondcol { float: right; width: 214px; }

.el2column2 .firstcol { float: left; width: 274px; }
.el2column2 .secondcol { float: right; width: 394px; }

.teaser { display: block; margin-bottom: 18px; }

#contentWrapper .elTeaser { width:214px; }
#contentWrapper .elTeaser h2 { padding: 8px 12px 10px 24px; margin: 0; text-transform: uppercase; font-size: 17px; }
#contentWrapper .elTeaser h2.blue { background: #73a1b8 url(../_img/arrow_blue.png) no-repeat 12px 11px; }
#contentWrapper .elTeaser h2.yellow { background: #FEB822 url(../_img/arrow_yellow.png) no-repeat 12px 11px; }
#contentWrapper .elTeaser h2.turquoise { background: #88c6d8 url(../_img/arrow_turquoise.png) no-repeat 12px 11px; }
#contentWrapper .elTeaser h2.brown { background: #cb734d url(../_img/arrow_brown.png) no-repeat 12px 11px; }
#contentWrapper .elTeaser h2.green { background: #B9A20F url(../_img/arrow_green.png) no-repeat 12px 11px; }
#contentWrapper .elTeaser h2.violette { background: #8085ab url(../_img/arrow_violett.png) no-repeat 12px 11px; }
#contentWrapper .elTeaser h2 a { color: white; text-decoration: none; display: block; }

#footer .worldhotels { position: absolute; top: 8px; left: 473px; }
#footer .hansaRealty { position: absolute; top: 16px; left: 615px;}
#footer .weather { position: absolute; right: 190px; top: 10px; }
#footer #socialicons { position: absolute; top: 17px; right: 43px; }
#footer #socialicons a { display: block; float: left; margin-left: 14px; }

.news-latest-container { padding: 0 36px 0 22px; margin-bottom: 18px; font-size: 12px; }
#contentWrapper .news-latest-container li { border-bottom: 1px solid #d4ccc6; padding: 4px 0; list-style-type: none; margin-left: 0; }
.news-latest-container li div { margin-left: 61px; }
.news-latest-container li .news-latest-date { font-size: 10px; display:block; width: 61px; float: left; }
#contentWrapper .news-latest-container a { color: #707173; }
#contentWrapper .news-latest-morelink a,
#contentWrapper .news-list-morelink a{ background: url(../_img/more.png) 0 4px no-repeat; color: #ebac25; padding-left: 8px; margin-left: 6px; }

#contentWrapper ul.news-list-container li { width:100%; border-bottom: 1px solid #d4cdc6; list-style-type: none; margin-left: 0; margin-bottom: 10px; float:left; }
#contentWrapper ul.news-list-container li:last-child { border: 0; }
#contentWrapper ul.news-list-container li p { margin-bottom: 12px; }
#contentWrapper .news-list-container .news-list-image { float: left; margin-right: 19px; }
#contentWrapper .news-list-container .news-list-image img { padding-top: 2px; }
#contentWrapper .news-list-container .news-list-text { display: table; }
#contentWrapper .news-list-container h2 { margin-bottom: 0; }
#contentWrapper .news-list-container h2 a { background: url(../_img/bg-link-more.png) 1px 5px no-repeat; display: block; padding-left: 11px; }
#contentWrapper .news-list-container h2 a:hover { background-position: 1px -45px; color: #e17002; text-decoration: none; }
#contentWrapper .news-list-container p { padding-left: 12px; }

.news-single-img { float: left; margin-right: 18px; }
.news-single-img img { padding-top: 3px; }
.news-single-backlink a { background: url(../_img/bg-link-more.png) 0 5px no-repeat; padding-left: 10px; }

#bookingForm { padding-left: 24px; padding-bottom: 35px; }
#bookingForm form { padding-top: 10px; }
#bookingForm form label { color: #8c8c8c; text-transform: uppercase; font-size: 12px; font-weight: bold; display: block; width: 134px; float: left; }
#bookingForm form div { height: 28px; }
#bookingForm form input { border: 1px solid #b3b3b3; padding: 1px 3px; }
#bookingForm form select { border: 1px solid #b3b3b3; }
#bookingForm form input.submit { cursor: pointer; background: url(../_img/btn-zur-buchung.png) repeat-x; width: 189px !important; height: 49px; border: 0; text-indent: -999em; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; }
#bookingForm form input.submit:hover { background-position: 0 -49px; }
#bookingForm form .left { width: 200px; float: left; }
#bookingForm form .left select { width: 45px; }
#bookingForm form .right { width: 216px; float: right; }
#bookingForm form .right .last { margin-bottom: 6px; }
#bookingForm form .right label { width: 80px; }
#bookingForm form .right input { width: 115px; margin: 0 2px; }

#bookingFormSidebar { background: #e9e9e9 url(../_img/bg-sidebar-box.png) repeat-x; padding: 25px 15px 8px 18px; }

#bookingFormSidebar form label { color: #8c8c8c; text-transform: uppercase; font-size: 12px; font-weight: bold; display: block; width: 133px; float: left; }
#bookingFormSidebar form input { border: 1px solid #b3b3b3; padding: 1px 3px; }
#bookingFormSidebar form select { border: 1px solid #b3b3b3; }
#bookingFormSidebar form input.submit { cursor: pointer; background: url(../_img/btn-zur-buchung.png) repeat-x; width: 189px !important; height: 49px; border: 0; text-indent: -999em; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; margin-left: -3px; }

#sidebar #bookingFormSidebar_en form input.submit { cursor: pointer; background: url(../_img/btn-reservation.png ) repeat-x; width: 189px !important; height: 49px; border: 0; text-indent: -999em; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; margin-left: -3px; }

#bookingFormSidebar form input.submit:hover { background-position: 0 -49px; }
#bookingFormSidebar form .left { border-bottom: 1px solid #c6b7a6; padding-bottom: 10px; margin-bottom: 12px; }
#bookingFormSidebar form .left select { width: 45px; margin-bottom: 4px; }
#bookingFormSidebar form .right .last { margin-bottom: 6px; }
#bookingFormSidebar form .right label { width: 64px; }

#sidebar #bookingFormSidebar_en form .right input { width: 91px; }
#sidebar #bookingFormSidebar_en form .right label { width: 80px; }

#bookingFormSidebar form .right input { width: 106px; margin-bottom: 4px; }

#contentWrapper .tx-indexedsearch-res-single { border-bottom: 1px solid #d4ccc6; margin-bottom: 10px; }
#contentWrapper .tx-indexedsearch-res-single h2 { margin-bottom: 0; }
#contentWrapper .tx-indexedsearch-res-single h2 a { background: url(../_img/bg-link-more.png) 1px 5px no-repeat; display: block; padding-left: 11px; }
#contentWrapper .tx-indexedsearch-res-single h2 a:hover { background-position: 1px -45px; color: #e17002; text-decoration: none; }
#contentWrapper .tx-indexedsearch-res-single p { padding-left: 12px; margin-bottom: 12px; }
#contentWrapper .tx-indexedsearch-res-single .tx-indexedsearch-redMarkup { color: #626366; font-weight: bold; }

#contentWrapper ul.browsebox { border-left: 1px solid #707173; line-height: 14px; }

#contentWrapper ul.browsebox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#contentWrapper ul.browsebox {display:inline-block;}
/* Hide from IE Mac \*/
#contentWrapper ul.browsebox {display:block;}
/* End hide from IE Mac */

#contentWrapper ul.browsebox li { border-right: 1px solid #707173; margin: 0; float: left; list-style-type: none; }
#contentWrapper ul.browsebox li a { color: #626366; display: block; padding: 0 10px; float: left; }
#contentWrapper ul.browsebox li strong a { color: #ebac25; }
#contentWrapper ul.browsebox li a:hover { color: #ebac25; text-decoration: none; }


.tooltip { background: #6a6a6a; color: #fff; padding: 8px 11px; text-transform: uppercase; font-size: 10px; line-height: 12px; width: 150px; }
.tooltip span { color: #e17002; }

.contenttable { width: 100%; font-size: 12px; margin-bottom: 18px; }
.contenttable tr { border-bottom: 1px solid #e9e9e9; }
.contenttable tr.tr-last { border-bottom: 8px solid #e9e9e9; }
.contenttable td { padding: 3px 0; }
.contenttable tr.tr-0 th { background: url(../_img/bg-table_tr0.png) bottom left repeat-x; font-weight: bold; padding: 13px 0 1px 0; }
.shorttable tr.tr-last td,
.contenttable tr.tr-1 td { background: url(../_img/bg-table_tr1.png) top left repeat-x; padding: 8px 0 4px 0; }
.contenttable tr th.td-0,
.contenttable tr td.td-0 { padding-left: 9px; }

.tagungspauschalen tr.tr-0 th { text-transform: uppercase; }
.tagungspauschalen tr.tr-1 td { background: #e9e9e9 url(../_img/bg-table_tr1_dark.png) top left repeat-x; font-weight: bold; }

.tableLastRight .td-last,
.entfernungen .td-last { text-align: right; padding-right: 9px !important; }


.csc-frame-frame1 { background: #e9e9e9 url(../_img/bg-sidebar-box.png) repeat-x; padding: 25px 15px 6px 18px; position: relative; }
#contentWrapper .csc-frame-frame1 p { margin-bottom: 6px; }

.csc-frame-frame1 a.weiter { position: absolute; right: 5px; bottom: 6px; background: #e9e9e9 url(../_img/btn-weiter.png) no-repeat; display: block; width: 72px; height: 28px; text-indent: -999em; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; }
.csc-frame-frame1 a.weiter:hover { background-position: 0 -28px; }

a.tagungsanfragen { background: url(../_img/btn-anfrage-tagungen.png) no-repeat; display: block; width: 240px; height: 39px; text-indent: -999em; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; }
a.tagungsanfragen:hover { background-position: 0 -39px; }

.tx-powermail-pi1 legend { display: none; }
.tx-powermail-pi1 div { margin-bottom: 8px; }
.tx-powermail-pi1 label { display: block; float: left; width: 150px; }
.tx-powermail-pi1 input { width: 230px; padding: 1px 3px; border: 1px solid #b3b3b3; }
.tx-powermail-pi1 select { width: 238px; padding: 1px 1px 1px 3px; border: 1px solid #b3b3b3; }
.tx-powermail-pi1 textarea { width: 230px; height: 60px; padding: 1px 3px; border: 1px solid #b3b3b3; }
.powermail_submit,
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_button input { cursor: pointer; background: url(../_img/btn-absenden.png) no-repeat; width: 90px; height: 34px; border: 0 !important; text-indent: -999em; overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; margin-left: 146px; }
.powermail_submit:hover,
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_button input:hover { background-position: 0 -34px; }

#c319 { border-top: 1px solid #d4ccc6; border-bottom: 1px solid #d4ccc6; padding-top: 14px; margin-bottom: 18px; }

.ui-widget { font-size: 12px !important; }


#map_canvas { width:425px; height:350px; }
.googleButton {margin: 1px 0 0 12px; float:right; width: auto; height:auto;}

/* Guestbook */
#contentWrapper .tx-guestbook-header p {
  margin: 0;
}
#contentWrapper .tx-guestbook-field input {
  border: 1px solid #B3B3B3;
  padding: 1px 3px;
  width: 230px;
}
#contentWrapper .tx-guestbook-form-textarea {
  border: 1px solid #B3B3B3;
  height: 60px;
  padding: 1px 3px;
  width: 230px;
}
#contentWrapper .tx-guestbook-submit {
  margin-left: 130px;
}
#contentWrapper .tx-veguestbook-pi1 h2.tx-guestbook-header {
  width:95%;
}
#contentWrapper .news-single-item p{
  margin-bottom:0px;
}
#contentWrapper .news-list-image {
  min-width:120px;
}




/*verschiedene Eingabeelemente stylen*/
.form_input input {border: #C5A258 1px solid;}
.form_button input {background: #C5A258; color: #fff; font-weight:bold; border: none; padding: 5px 20px;}

/*Labels nach Links, Eingabe daneben*/
.form_row {padding-bottom: 1em; float:left; clear:left; }
.form_label {width: 8em; float: left;}
.form_field  {float: left; width: 12em;}
.form_button {float:left}
.form_button_1 {width: 8em}
.form_error {color: #A50E33; font-weight: bold;}


/*Newsletter Bestellung*/
.dmailsubscription_modify .form_label {width: 12em; }
.form_button_1 {margin-left: 12em; width:12em;}