/* CSS DIALOG PR */

body {
  margin: 0; padding: 0;
  position: absolute;
  width: 100%; height: 101%;
  
  background-color: #fefdea;
  
  font-family: Arial, Helvetica, sans_serif;
  font-size: 11px;
  line-height: 16px;
  color: #141414;
  
  text-align: center;
}
ul,ol,li,img,p,h1,h2,h3,h4,h5,h6,h7 {
  margin: 0; padding: 0; border: 0;
}

ul {
  list-style-type: none;
}

#content a {
  text-decoration: none;
  color: #6e8878;
}
#content a:hover {
  color: #d2d4cc;
}


/* Clearfix-Hack */
.clearfix:after, .teaser:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix, .teaser {height: 1%;}
.clearfix, .teaser {display: block;}
/* End hide from IE-mac */

.invisible {
  position: absolute;
  left: -1000em;
  width: 20em;
}

/* Spezielle Seitenobjekte */
#content {
  position: relative;
  width: 868px;
  margin: 32px auto;
  text-align: left;
}


#page_content {
  position: absolute;
  margin: 198px 0 0 76px;
  background-image: url(../images/bg_4cols.gif);
}
#type2 #page_content, #type3 #page_content {
  background-image: url(../images/bg_3cols.gif);
}

#page_content div {
  float: left;
  width: 174px;
  padding: 6px 12px 150px 12px;
}
#page_content div div {
  width: auto;
  padding: 0;
}

#type2 #row1, #type3 #row1 {
  width: 372px;
}
#type3 #row1 {
  width: 570px;
}
#type3 .textcontainer {
  padding: 0 12px 0 0;
  width: 372px;
  float: left;
}
a.textcontainer .intro, a.textcontainer .text {
  color: #141414;
}
a.textcontainer:hover .intro, a.textcontainer:hover .text {
  color: #f9cbb3;
}
a.textcontainer:hover .text_morelink {
  background-image: url(../images/arrow_grey.gif);
}
.listcontainer, .container_2col {
/*
  background-image: url(../images/bg_180line.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 17px;
*/
}
#page_content div#row1 div.listcontainer {
  padding-bottom: 0px;
}
#row1 div.container_2col {
  padding-bottom: 16px;
}
#type3 .imagecontainer {
  padding: 0 0 0 12px;
  width: 174px;
  text-align: center;
}

#type2 #row1 .imagecontainer {
  padding: 12px 0 0 0;
/*
  background-image: url(../images/bg_180line.gif);
  background-repeat: no-repeat;
  background-position: left top;
*/
  width: 100%;
}
#type2 #row1 .imagecontainer a {
  margin-right: 6px;
}

#type2 #row2, #type3 #row2 {
  display: none;
}
#type3 #row3 {
  display: none;
}
#row3 .imagecontainer {
  width: 100%;
  text-align: center;
}
#row3 .imagecontainer img {
  margin-bottom: 6px;
  margin-top: 6px
}
div.specialtext {
  font-family: Georgia, 'Lucida Grande', serif;
  text-transform: uppercase;
  color: #696969;
}
div.specialtext a {
  color: #141414;
}
div.specialtext a:hover {
  color: #b1bab0;
}
div.specialtext p {
  margin: 0;
}
div.specialtext strong {
  font-weight: normal;
  color: #141414;
}

#page_content div#row_navi {
  background-color: #ffffff;
  padding: 6px 2px 2px 2px;
  width: 194px;
}
#content #page_content div#footer {

  position: absolute;
  bottom: -52px; left: 0;
  height: 52px;
  width: 594px;
  margin: 0 0 0 198px;
  color: #696969;
  padding: 0;
  clear: both;
  float: none;

}

#header {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
}

#logo {
  position: absolute;
  margin: 0 0 0 76px;
  width: 198px; height: 198px;
  float: left;
}

#slideshow {
  position: absolute;
  margin: 0 0 0 274px;
  width: 594px; height: 198px;
  overflow: hidden;
}
#slideshow .flash {
  width: 594px; height: 198px;
}

#langswitch {
  position: absolute;
  top: 0; left: 0;
}
#langswitch li a {
  font-family: Georgia, "Lucida Grande", serif;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}
#langswitch li a, #footer a {
  color: #696969;
}
#langswitch li a:hover, #langswitch .current a, #footer a:hover {
  color: #141414;
}

h1,h2,h3,h4,h5,h6,h7,li a, .teaser {
  font-family: Georgia, 'Lucida Grande', serif;
  text-transform: uppercase;
}
h2 {
  margin-top: 4px;
  margin-bottom: 32px;
  font-weight: normal;
}

h2, li a {
  font-size: 11px;
}

#row_navi ul li a               { color: #696969; }
#row_navi ul li.current a       { color: #b1bab0; }
#row_navi ul li a:hover         { color: #141414; }
#row_navi ul li.current a:hover { color: #6e8878; }
#row_navi ul li.selected a, #row_navi ul li.current ul li.selected a { color: #6e8878; }
#row_navi ul li.current ul li a { color: #b1bab0; }

#navigation {
  margin: 0 0 80px 12px;
}
#navigation li {
  display: block;

  padding: 4px 0 4px 0;

  background-image: url(../images/bg_dots.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
#navigation li ul li {
  background: none;
}
  


p { margin-bottom: 16px; }
p.intro, span.intro { font-weight: bold; display: block; }
h3 {
  font-family: Arial, Helvetica, sans_serif;
  font-size: 11px;
  padding-top: 16px;
}

h4 {
  font-family: Arial, Helvetica, sans_serif;
  font-size: 11px;
  margin-bottom: 16px;
  text-transform: none; 
}

.textimage {
  display: inline;
  position: relative;
  margin-top: 16px;
  width: 1px;
}

.morelink {
  position: relative;
  display: block;
  margin-top: 16px;
}
.text_morelink {
  background-image: url(../images/arrow_inactive.gif);
  background-repeat: no-repeat;
  background-position: right 3px ;
}
.text_morelink img {
  border: 0;
  width: 16px; height: 12px;
}

.morelink span a.img {
  position: relative;
  margin: 0 6px 0 0;
  vertical-align: middle;
  float: left;
}
.morelink span {
  position: relative;
  display: block;
  width: 100%;
  text-align: right;
}
.text_morelink a {
  width: 16px;
}
.morelink span a.more {
  background-image: url(../images/arrow_inactive.gif);
  background-repeat: no-repeat;
  background-position: right 4px ;
  padding: 0 12px 0 0;
  display: block;
  position: absolute;
  right: 0;
  color: #696969;
}
.morelink span a.more:hover {
  background-image: url(../images/arrow_active.gif);
  color: #6e8878;
}
#page_content .extralink, #page_content .backlink, #page_content .specialtext a {
  font-family: Georgia, 'Lucida Grande', serif;
  text-transform: uppercase;
  color: #696969;
  padding: 0 16px 0 0;
  background-image: url(../images/arrow_inactive.gif);
  background-repeat: no-repeat;
  background-position: right 3px ;
}
.extralink:hover, .specialtext a:hover {
  background-image: url(../images/arrow_grey.gif);
}
form .extralink {
  color: #696969;
  background-image: url(../images/square.gif);
}
form .extralink:hover {
  color: #6e8878;
  background-image: url(../images/square_grey.gif);
}

p.linklistitem {
  margin: 4px 0 4px 0;
}
p.linklistitem a.current {
  color:#6e8878;
}
.backlink {
  background-image: url(../images/arrow_back_inactive.gif);
}
.backlink:hover {
  background-image: url(../images/arrow_back_grey.gif);
}

.teaser {
  display: block;
/*  border: 1px solid #f0f0f0; */
  margin: 1px 0 1px 0;
  padding: 12px;
  font-size: 10px;
}
.teaser:hover {
  border-color: #c5c5c5;
}
.teaser span {
  display: block;
}

.teaser .symbol {
  width: 100px; height: 50px;
  float: right;
  margin-right: 10px;
  background-repeat: no-repeat;
}
.teaser .arrow {
  width: 56px; height: 14px;
  float: left;
  background-image: url(../images/arrow_inactive.gif);
  background-repeat: no-repeat;
  background-position: right;
}
.teaser:hover .arrow {
  background-image: url(../images/arrow_active.gif);
}

#teaser_reservation, #teaser_route {
  color: #696969;
}
#teaser_reservation.current, #teaser_reservation:hover,
#teaser_route.current, #teaser_route:hover {
  color: #6e8878;
}
#teaser_reservation.current .symbol, #teaser_reservation:hover .symbol {
  background-image: url(../images/icon_bed_on.gif);
}
#teaser_reservation .symbol { background-image: url(../images/icon_bed.gif); }
#teaser_route .symbol       { background-image: url(../images/icon_map24.gif); } 
#teaser_route:hover .symbol {
  background-image: url(../images/icon_map24_on.gif);
}

#page_content div ul.textlist {
  list-style-image: url(../images/square.gif);
  margin-left: 16px;
}


#page_content div div.devider {
  background-color: #c5c5c5;
  width: 50px; height: 1px;
  display: block;
  clear: both;
  margin: 8px 124px 16px 0;
}
#page_content div#row3 div.devider180, #page_content div#row2 div.devider180 {
  padding-top: 8px;
  width: 50px;
  margin-bottom: 16px;
  background-position: left bottom;
}

#page_content div div.devider180 {
  display: block;
  clear: both; float: none;
  background-image: url(../images/bg_180line.gif);
  background-repeat: no-repeat;
  background-position: left top;

  height: 1px; width: 100%;
  margin: 16px 124px 16px 0;
}
form {
  width: 372px;
}
form ul li {
  padding: 6px 0 6px 26px;
}
form ul li label {
  width: 108px;
  margin-right: 6px;
  float: left;
}
form ul li label a {
  font-family: Arial;
  font-size: 1em;

  color: #b1bab0;
}
form ul li label a:hover {
  color: #6e8878;
}

form ul li input, form ul li textarea {
  width: 204px;
  border: solid 1px #96a699;
  
  padding: 2px 5px 2px 5px;
}
#page_content div form ul li div.checkbox {
  display: block;
  float: left;
/*  border: solid 1px #e4ddd8; */
  width: 214px;
  font-family: Georgia, 'Lucida Grande', serif;
  text-transform: uppercase;
  color: #696969;
}
#page_content div form ul li div.checkbox input {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

form ul li input, form ul li textarea, form ul li select {
  font-family: Arial, Helvetica, sans_serif;
  font-size: 11px;
  line-height: 16px;
  color: #141414;
}

form ul li textarea {
  height: 100px;
}

form ul li input.small, form ul li textarea.small {
  width: 100px;
}
form ul li select {
  width: 209px;
}
form ul li select.small {
  width: 105px;
}

form ul li input.submit {
  display: none;
}


/* Datepicker-Styles */





  /* DatePicker-Styles */
  .cpYearNavigation,.cpMonthNavigation {
    background-color:#f0f0f0; text-align:center; vertical-align:center; text-decoration:none; color:#999999; font-weight:bold;
  }
  .cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{
    font-family:arial; font-size:8pt;
  }
  TD.cpDayColumnHeader{
    text-align:right; border:solid thin #f0f0f0; border-width:0px 0px 1px 0px; color: #999999;
  }
  .cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{
    text-align:right; text-decoration:none;
  }
  .cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{
    color:#d0d0d0; text-align:right;
  }
  .cpCurrentMonthDate, .cpCurrentDate{
    color:#999999;
  }
  .cpOtherMonthDate{
    color:#cccccc;
  }
  TD.cpCurrentDate{
    color:white; background-color: #d0d0d0;
  }
  TD.cpCurrentDateDisabled{
    border-width:1px; border:solid thin #f0f0f0;
  }
  TD.cpTodayText, TD.cpTodayTextDisabled{
    border:solid thin #d0d0d0; border-width:1px 0px 0px 0px;
  }
  A.cpTodayText, SPAN.cpTodayTextDisabled{
    height: 20px;
  }
  A.cpTodayText{
    color: #999999;
  }
  .cpTodayTextDisabled{
    color: #d0d0d0;
  }
  .cpBorder{
    border: solid thin #d0d0d0;
  }


.nothingBelowForSafari { position: relative; ! }
.morelink span a {
  bottom: 0;
}
#content #page_content div#footer {
  display: block;
}
form {
  width: auto;
}