/******************************************************************************
 *                                                                    2010-02 *
 * Project | Divello 2010                                                     *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *                                                                            *
 * Package | Print                                                            *
 ******************************************************************************/

div.clear, br.clear {
  clear: both !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 1px !important;
  line-height: 1px !important;
  float: none !important;
  border: none !important;
}

div.omit_this,
div#main-nav,
div#bottommenu,
div#linksontop,
div#searchfield,
div#teaser-position,
div#teaser
div#shadow,
div#slider,
div#social-bookmarks,
div#tripfinder,
div#tripfinder_button,
div.hotel-list div div.buttons div.btn,
div.detail-hotel div div.buttons div.btn,
div.hotel-list div div.buttons a,
div.detail-hotel div div.buttons a,
div.special-head div,
div.change-link a,
div.no-print,
div#buchungsmaske,
div#coverflow,
a#journal,
input#send {
  display: none !important;
}

body {
  font: normal 70%/1.3em Arial, Helvetica, sans-serif !important;
  color: #5a5a5a;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

div, p, ul, ol, form, input, select, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: #5a5a5a;
}

h3 {
  color: #b18b3b;
  font-size: 1.8em;
  font-weight: normal;
}

p { 
  font-size: 1.1em; 
  line-height: 1.35em;
}

a {
  color: #5a5a5a;
}

a:hover {
  color: #505050;
}

:focus {
  outline: none;
}

img { 
  border: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

div#wrapper_main {
  width: 696px;
  margin: 0 auto;
  position: relative;
}

div#wrapper_content {
  padding: 0 0 50px 0;
  position: relative;
}

div#header_content {
  overflow: hidden;
  position: relative;
}

div#header_content img {
  margin: 0 0 0 252px;
}

div#header_content div#servicephone {
  position: absolute;
  top: 16px;
  right: 32px;
  font-size: 1.2em;
  overflow: hidden;
  padding: 3px 0 0 0;
}

div#header_content div#servicephone span {
  font-size: 0.8em;
  color: #7b7b7b;
}

div#header_content div#servicephone img {
  width: 23px;
  height: 21px;
  position: static;
  float: left;
  margin: -3px 6px 0 0;
}

div.home {
  padding: 0 0 0 2px !important;
}

div.huge-visual {
  padding: 0 0 47px 2px !important;
}

/******************************** left content ********************************/

div#left-content {
  width: 696px;
  padding: 23px 0 0 0;
}

div#left-content div.csc-header-n1 h3 {
  background: transparent url(../img/dots.gif) left bottom repeat-x;
  padding: 0 0 8px 0;
}

div#left-content p.bodytext {
  padding: 16px 0 23px 0;
  line-height: 1.5em;
}

div#left-content div.foldout {
  margin: 0 0 73px 0;
}

div#left-content div.foldout div.foldout {
  margin: 0;
}

div#left-content div.foldout div.pane {
  background: transparent url(../img/dots.gif) left bottom repeat-x;
  margin: 0;
  padding: 0 0 0 23px;
  display: block !important;
}

div#left-content div.foldout div.pane p.bodytext {
  padding-bottom: 13px;
}

div#left-content div.foldout h2 {
  cursor: pointer;
  background: url(../img/arrow.down.gif) 0 10px no-repeat;
  padding: 11px 0 0 23px;
  text-transform: uppercase;
  font-weight: medium;
  font-size: 1.1em;
}

/********************************** content ***********************************/

div#content {
  width: 696px;
  padding: 0;
}

div#content h3 {
  background: transparent url(../img/dots.gif) left bottom repeat-x;
  padding: 0 0 8px 0;
  margin-bottom: 20px;
}

div#content h3 a.backlink {
  float: right;
  font-weight: normal;
  font-size: 0.6em;
  margin: 3px 0 0 0;
}

div#content p.bodytext {
  padding: 0 0 23px 0;
}

div#content ol {
  margin: 20px
}

*+html div#content ol {
  margin-left: 24px
}

div#content ol li {
  font-size: 1.4em;
  line-height: 1.35em;
}

div#content .error {
  color: #E42518;
}

div.home div#content,
div.huge-visual div#content {
  padding: 0 !important;
}

div.home div#content br.clear {
  display: none !important;
}

div.voll-content {
  padding-top: 23px !important;
}

div.voll-content div.csc-textpic-text p.bodytext {
  width: 622px;
}

p.small {
  font-size: 0.9em;
}

input.hiddenfield {
  display: none !important;
}

div.btn a,
a.btn {
  background-color: #c9c6ba;
  padding: 4px 10px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  float: right;
  font-weight: bold;
  font-size: 1.2em;
  margin: 27px 16px 79px 0;
}

div.btn a:hover,
a.btn:hover {
  text-decoration: none;
  background: #fff url(../img/bg.input.hover.jpg) 0 0 repeat-x;
}

a.prevPage {
  display: block;
  width: 38px;
  height: 41px;
  background: url(../img/prevPage.png) 0 0 no-repeat;
  position: absolute;
  left: 34px;
  top: 195px;
  cursor: pointer;
  z-index: 1000;
}

a.nextPage {
  display: block;
  width: 38px;
  height: 41px;
  background: url(../img/nextPage.png) 0 0 no-repeat;
  position: absolute;
  right: 32px;
  top: 195px;
  cursor: pointer;
  z-index: 1000;
}

a.prevPage:hover,
a.nextPage:hover {
  background-position: 0 -41px;
}

div#content input.send-btn {
  background-color: #c8c6b9;
  padding: 3px 10px 8px 10px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  float: right;
  font-weight: bold;
  font-size: 1.1em;
  margin: 0;
  border: none;
  height: 23px;
  cursor: pointer;
}

div#content input.send-btn:hover {
  background: #fff url(../img/bg.input.hover.jpg) 0 0 repeat-x;
}

div.mailform_err_msg {
  margin: 20px 0 0 0;
}

/********************************** tabs ***********************************/

div#content ul.tabs {
  display: none;
}

div#content div.tabs {
  padding: 0 0 5px 0;
  height: 1%;
  margin-bottom: 76px;
}

div#content div.tabs div.panes {
  padding: 30px 20px;
  clear: both;
}

div#content div.tabs div.panes div {
  display: block !important;
  background: url(../img/dots.gif) left bottom repeat-x;
  margin-bottom: 20px;
}

div#content div.tabs div.panes h4 {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

div#content div.tabs div.panes p.bodytext {
  width: 582px;
}

div#content div.tabs div.panes ul {
  margin: 0 0 6px 0;
  padding: 0 0 0 13px;
  width: 602px;
  padding-left: /*\**/: 13px\9 !important; /* IE 8 */
}

*+html div#content div.tabs div.panes ul {
  padding: 0 0 0 17px;
}

div#content div.tabs div.panes ul li {
  font-size: 1.1em;
  line-height: 1.35em;
}

div#content div.panes div.tab-left-content {
  float: left;
  width: 420px;
}

div#content div.panes div.tab-right-content {
  float: right;
  width: 420px;
}

div#content div.panes div.tab-left-content img,
div#content div.panes div.tab-right-content img {
  float: left;
}

div#content div.panes div.tab-left-content h4,
div#content div.panes div.tab-right-content h4 {
  text-transform: uppercase;
  font-size: 1.2em;
  float: left;
  padding: 12px 0 9px 3px;
}

div#content div.panes div.tab-right-content ul {
  padding: 0 0 0 13px;
}

div#content div.panes div.tab-right-content ul li {
  font-size: 1.1em;
  line-height: 1.35em;
}

/********************************** Specials ***********************************/

div#content div.special-head {
  overflow: hidden;
  background: url(../img/dots.gif) left bottom repeat-x;
  padding: 0 0 7px 0;
  margin: 0 0 41px;
}

div#content div.special-head a {
  text-decoration: none;
}

div#content div.special-head h3 {
  font-size: 1.8em;
  line-height: 1em;
  background: none;
  padding: 0;
  float: left;
  margin-bottom: 5px;
}

div#content div.special-head span.stars {
  padding: 0 0 0 7px;
  display: inline-block;
}

div#content div.special-head span.stars img {
  float: left;
  margin: 0 0 0 2px;
}

div#content div.special-head div span.pipe_divider {
  border-left: 1px solid #d8d8d8;
  height: 22px;
  margin: 0 6px -5px 12px;
  display: inline-block;
}

div#content div.special-content {
  float: left;
  width: 377px;
  font-size: 1em;
  line-height: 1.45em;
  padding: 15px 0 78px 0;
  background: url(../img/dots.gif) 0 0 repeat-x;
}

div#content div.special-content img.travel-logo {
  margin: 0 0 -1px 6px;
}

div#content div.special-content span.pipe_big_divider {
  border-left: 1px solid #d8d8d8;
  height: 22px;
  margin: 0 22px -5px 25px;
  display: inline-block;
}

div#content div.special-content span.activities img {
  margin: 0 7px 0 7px;
}

div#content div.special-nav {
  float: left;
  width: 236px;
  border: 1px solid #ebebeb;
  overflow: hidden;
  padding: 12px 15px 15px 15px;
  margin: 0 0 0 50px;
}

div#content div.special-nav img {
  float: left;
}

div#content div.special-nav div {
  float: right;
  width: 173px;
}

div#content div.special-nav a {
  text-decoration: none;
}

div#content div.special-nav h3 {
  color: #B18B3B;
  font-size: 1.6em;
  line-height: 1.1em;
  font-weight: normal;
  margin: 0 0 9px 0;
  text-transform: uppercase;
  background: none;
}

div#content div.special-nav h4 {
  color: #B18B3B;
  font-size: 1.1em;
  line-height: 1.1em;
  font-weight: bold;
  margin: 12px 0 9px 0;
  padding: 26px 0 0 0;
  text-transform: uppercase;
  background: url(../img/dots.gif) 0 0 repeat-x;
}

div#content div.special-nav h4 img,
div#content div.special-nav h3 img {
  float: none;
}

div#content div.special-nav table {
  font-size: 1.1em;
  line-height: 1.5em;
}

div#content div.special-nav th {
  vertical-align: top;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 17px;
}

div#content div.special-nav th.bottom {
  vertical-align: bottom;
}

div#content div.special-nav td.bottom {
  vertical-align: bottom;
  padding-bottom: 5px;
}

div#content div.special-nav td {
  vertical-align: top;
}

div#content div.special-nav td img {
  margin: 3px 11px 0 0;
}

div#content div.special-nav ul {
  list-style-type: none;
}

div#content div.special-nav ul li {
  font-size: 1.1em;
  line-height: 1.55em;
  background: url(../img/arrow.special.nav.gif) 0 8px no-repeat;
  padding: 0 0 0 11px;
}

div#content div.special-nav ul li.divider {
  background: url(../img/dots.gif) 0 6px repeat-x;
  padding: 11px 0 8px 0;
}


/********************************** Teaser Duo ***********************************/

div.teaser_duo {
  overflow: hidden;
}

div.teaser_duo div.content_teaser {
  width: 405px;
  border: 1px solid #eaeaea;
  padding: 20px;
  margin: 0 0 20px 0;
}

div.teaser_duo div.content_teaser:first-child {
  margin-right: 34px;
}

div#content div.teaser_duo div.content_teaser h3 {
  background: none;
  padding: 0;
}

div#content div.teaser_duo div.content_teaser h4 {
  font-size: 2em;
  margin: 1px 0 16px 0;
  font-weight: normal;
}

div#content div.teaser_duo div.content_teaser h5 {
  font-size: 1.1em;
  margin: 0;
  font-weight: normal;
}

div#content div.teaser_duo div.content_teaser p {
  width: 360px;
  margin: -12px 0 0 0;
  padding: 0;
}

div#content div.teaser_duo div.content_teaser a {
  text-decoration: none;
}

/********************************** Suche ***********************************/

div#content form#searchpage {
  overflow: hidden;
  margin: 24px 0;
}

div#content form#searchpage input#searchinput2 {
  border: 1px solid #CFCFCF;
  height: 18px;
  padding: 2px 0 0 5px;
  width: 300px;
  float: left;
}

/********************************** Hotels ***********************************/

div#content div.hotel-list,
div#content div.detail-hotel {
  overflow: hidden;
  background: url(../img/dots.gif) left bottom repeat-x;
  padding: 0 0 24px 0;
  margin: 0 0 25px 0;
  position: relative;
}

div#content div.hotel-list img,
div#content div.detail-hotel img {
  float: left;
}

div#content div.hotel-list div {
  float: left;
  width: 366px;
  padding: 10px 0 0 20px;
  font-size: 1.1em;
}

div#content div.detail-hotel div {
  float: left;
  width: 253px;
  padding: 10px 0 0 30px;
  font-size: 1.1em;
  background: none !important;
  margin: 0;
}

div#content div.hotel-list div span,
div#content div.detail-hotel div span {
  float: right;
  font-size: 1.2em;
  padding: 3px 2px 1px 0;
}

div#content div.hotel-list span.stars,
div#content div.detail-hotel span.stars {
  float: left;
  padding: 0;
}

div#content div.hotel-list div p,
div#content div.detail-hotel div p {
  font-size: 1em;
  padding: 8px 0 0 0;
}

div#content div.hotel-list div h4,
div#content div.detail-hotel div h4 {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px 11px 6px 0;
}

div#content div.hotel-list div div.icons,
div#content div.detail-hotel div div.icons {
  width: auto;
  padding: 0;
}

div#content div.hotel-list div div.icons img,
div#content div.detail-hotel div div.icons img {
  margin: 0 17px 0 0;
}

div#content div.hotel-list div div.buttons,
div#content div.detail-hotel div div.buttons {
  overflow: hidden;
  font-size: 1em;
  margin: 10px 0 0 0;
  padding: 0;
}

div#content div.more-hotels {
  overflow: hidden;
}

div#content div.more-hotels h4 {
  font-size: 1.6em;
  font-weight: normal;
  margin: 5px 0 14px 0;
}

div#content div.more-hotels a.btn {
  float: left;
}

/********************************** Service Center ***********************************/

div#service-contact {
  overflow: hidden;
}

div#service-contact-content {
  float: left;
  width: 578px;
  background: url(../img/dots2.gif) top right repeat-y;
}

div#service-contact-content h4 {
  font-size: 1.8em;
  font-weight: normal;
  margin: 0 0 12px 0;
}

div#service-contact-content form,
form.contactForm,
form#tt_address_form2,
form#contact_form {
  margin: 27px 0 0 0;
}

div#service-contact-content span.divider,
form#special_booking_form span.divider {
  float: left;
  margin-top: 3px;
}

div#service-contact-content label,
form#special_booking_form label,
form.contactForm label,
form#tt_address_form2 label,
form#contact_form label {
  font-size: 1.1em;
  display: block;
  float: left;
  width: 177px;
  padding: 4px 0 0 0;
}

form.contactForm label.inlineLbl {
  width: 50px;
  padding: 4px 0 0 5px;
}

form.contactForm label.cbxLbl {
  width: 500px;
  padding: 4px 0 0 5px;
}

div#service-contact-content input,
form#special_booking_form input,
form.contactForm input,
form#tt_address_form2 input,
form#contact_form input {
  display: block;
  float: left;
  width: 342px;
  height: 20px;
  border: 1px solid #c4c4c4;
  margin-bottom: 10px;
  padding-left: 6px;
}

input#captcha_response {
  width: 184px !important;
  margin: 10px 0 10px 177px;
}

form.contactForm input.rBtn {
  border: none;
  width: 17px;
  height: auto;
  margin-top: 4px;
}

div#service-contact-content input#phone,
form#special_booking_form input#phone,
form#special_booking_form input#fax_prefix {
  width: 100px;
  margin-right: 10px;
}

div#service-contact-content input#phone2,
form#special_booking_form input#phone2,
form#special_booking_form input#fax {
  width: 212px;
  margin-left: 10px;
}

div#service-contact-content div.select-css img,
form#special_booking_form div.select-css img,
form#contact_form div.select-css img {
  float: right;
  margin: 4px 3px 0 0;
}

div#service-contact-content div.select-css,
form#special_booking_form div.select-css,
form#contact_form div.select-css {
  border: 1px solid #c6c6c6;
  width: 336px;
  padding: 3px 6px 3px 6px;
  position: relative;
  margin: 0 0 10px 0;
  float: left;
  font-size: 1.1em;
}

div#service-contact-content div.anrede,
form#special_booking_form div.anrede,
form#contact_form div.salutation {
  width: 94px;
}

div#service-contact-content div.select-css select,
form#special_booking_form div.select-css select,
form#contact_form div.select-css select {
  position: absolute;
  left: 0;
  top: 0;
  width: 348px;
  opacity: 0; /* FF */
  filter: alpha(opacity=0); /* IE 6+7 */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  background: transparent;
  border: none;
}

div#service-contact-content div.anrede select,
form#special_booking_form div.anrede select,
form#contact_form div.salutation select {
  width: 106px;
}

div#service-contact-content textarea,
form#special_booking_form textarea,
form#contact_form textarea {
  display: block;
  float: left;
  width: 342px;
  height: 200px;
  border: 1px solid #c4c4c4;
  margin-bottom: 10px;
  padding-left: 6px;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #5a5a5a;
  font-size: 1.1em;
}

div#content div#service-contact-content input.send-btn {
  margin: 20px 51px 29px 0;
  width: 96px;
  float: right;
}

form#special_booking_form input.send-btn,
form#contact_form input.send-btn {
  margin: 20px 0 29px 431px;
  width: 96px;
  float: left;
}

form.contactForm input.send-btn {
  margin: 20px 0 29px 309px !important;
  width: 218px !important;
  float: left !important;
}

form#tt_address_form2 input.send-btn {
  margin: 20px 0 29px 417px !important;
  width: 110px !important;
  float: left !important;
}

div#content input.booking-btn {
  margin: 30px 16px 59px 0;
  width: 180px;
  border: none;
  font-size: 1.2em;
}

div#service-contact-marginal {
  float: left;
  width: 313px;
  margin-left: 49px;
}

div#service-contact-marginal p.bodytext {
  width: 310px;
}

div#service-contact-marginal h3 {
  background: none;
  padding: 0;
  margin-bottom: 12px;
}

div#service-contact-marginal h4 {
  margin: 5px 0 0 0;
  font-size: 1.4em;
  font-weight: normal;
}

div#service-contact-marginal h5 {
  margin: 10px 0 28px 0;
  font-size: 1.8em;
  font-weight: normal;
}

div#service-contact-marginal div.csc-header-n2 {
  background: url(../img/dots.gif) 0 0 repeat-x;
  margin: 12px 0 0 0;
  padding: 40px 0 0 0;
  height: 1%;
}

div#service-contact-marginal form {
  margin: 26px 0 0 0;
}

div#service-contact-marginal label {
  font-size: 1.1em;
  display: block;
  float: left;
  width: 150px;
  padding: 4px 0 0 0;
}

div#service-contact-marginal input {
  display: block;
  float: left;
  width: 155px;
  height: 20px;
  border: 1px solid #c4c4c4;
  margin-bottom: 10px;
  padding-left: 6px;
}

div#service-contact-marginal div.select-css img {
  float: right;
  margin: 4px 3px 0 0;
}

div#service-contact-marginal div.select-css {
  border: 1px solid #c6c6c6;
  width: 149px;
  padding: 3px 6px 3px 6px;
  position: relative;
  margin: 0 0 10px 0;
  float: left;
  font-size: 1.1em;
}

div#service-contact-marginal div.select-css select {
  position: absolute;
  left: 0;
  top: 0;
  width: 161px;
  opacity: 0; /* FF */
  filter: alpha(opacity=0); /* IE 6+7 */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  background: transparent;
  border: none;
}

div#content div#service-contact-marginal input.send-btn {
  margin: 20px 0 0 0;
  width: 96px;
}

div.captcha_image {
  float: left;
}

img.tx-srfreecap-pi2-image {
  border: 1px solid #c4c4c4;
}

span.captcha_cantread {
  padding: 29px 0 0 10px;
  display: inline-block;
}

span.captcha_cantread a {
  text-decoration: none;
}

/*********************** Browser Check Dialog **************************/
.ui-widget-overlay{
  position: absolute;
  left:0;
  top:0;
  background: #000000;
  filter:alpha(opacity=80);
  z-index: 9998;
}

.ui-dialog {
  position: absolute;
  height: 350px;
  width: 500px;
  z-index: 9999;
  background: #D4D4D4;
  border: 1px solid #FFFFFF;
}

.ui-icon-closethick {
  display: none;
}

.ui-dialog-titlebar {
  padding: 9px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.ui-dialog-content {
  padding: 12px;
  color: #000000;
}

.ui-dialog-buttonpane {
  padding: 9px 12px;
  text-align: right;
}