html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
:focus {
  outline: 0;
}
body {
  background: #dee6e8 url(../img/backgroundBody.png) repeat-x;
  font: 11px verdana, sans-serif;
  color: #2f2f2f;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.noborder {
  border: none !important;
}
p {
  line-height: 14px;
  margin: 0; 
  padding: 0; 
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
form {
  display: inline;
}
input, textarea, select, form {
  font: 11px verdana, sans-serif;	
}
h3 {
  font-weight: bold;
  margin-bottom: 8px;
}
#center .content .small-list li {
  padding: 0 0 2px 10px;
}
em {
  font-style: italic;
}

/**
 * icon sprite
 */
#center .content li,
.single_event .event_url a,
.event_organizer_url a,
.calendar_upcoming .event_time_title a,
.csc-linkToTop a,
#service-menu li a,
#detail .booking-button,
a.go-right,
#submenu li ul a,
.tx-indexedsearch .button,
#left .leftform .button,
.csc-menu-4 dt,
.back,
.tx-indexedsearch-res .search-result .headline {
  background-image: url(../img/icons/sprite_arrows.png);
  background-repeat: no-repeat;
}

/**
 * Geruest
 * Content Only (Anzeige z.B. als iFrame in facebook)
 */
#content_only {
  background: #fff;
}
#container_content_only {
  width: 510px;
}
#container_content_only #center {
  margin: 0;
  float: none;
  width: 510px; 
}
#content_only #container_content_only #center .box .content {
  padding: 0 !important;
}

/**
 * Geruest
 */
#container {
  position: relative;
  left: 50%;
  margin: 15px 0 0 -475px;
  width: 950px;
}
#left,
#right {
  float: left;
  font-size: 10px;
  margin: 0;
  width: 205px;
}
#center {	
  margin: 0 15px 15px;
  float: left;
  width: 510px;
}
#center.large {
  margin: 0 0 15px 15px;
  width: 730px;
}
#center object {
  margin-bottom: 15px;
}
#center .content p {
  font-size: 11px;
  line-height: 16px;
  padding-bottom: 8px;
}
#center .content ul {
  list-style: none;
  margin-left: 7px;
}
#center .content li {
  background-position: 0 -410px;
  line-height: 14px;
  padding: 0 0 8px 10px;
}
#footer {
  background: #055884;
  clear: both;
  color: #fff;
  font-size: 10px;
  width: 510px;
}
#footer span { 
  display: block;
  padding: 8px;
}
#footer a {
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
}
#footer a:hover {
  text-decoration: underline;
}
#center.large #footer,
#center.large #footer_sub {
  width: 730px;
}
#footer_sub {
  color: #719fb6;
  font-size: 10px;
  width: 510px; 
}
#footer_sub span {
  display: block;
  padding: 15px 0;
  text-align: center;
}
#footer_sub a {
  color: #055884;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
#footer_sub a:hover {
  text-decoration: underline;
}
#center .content li a {
  text-decoration: none;
}
#center div.content li a:hover {
  text-decoration: underline;
}
#left .box .content,
#right .box .content {
  padding: 4px 10px;
}
#left .box p,
#right .box p {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0 6px;
}
#right .box p:last-child {
  border: none;
}
div.clearer {
  clear: both; 
  line-height: 0; 
  height: 0;
}
.csc-linkToTop {
  padding-bottom: 20px;
  text-align: right;
}
.csc-linkToTop a {
  background-position: 100% -108px;
  color: #719fb6;
  font-size: 10px;
  padding-right: 12px;
  text-decoration: none;
}
.csc-linkToTop a:hover {
  text-decoration: underline; 
}

/**
 * Breadcrumb
 */
#breadcrumb {
  background: #f0f8fb;
  border-left: 1px solid #84d0f0;
  border-right: 1px solid #84d0f0;
  clear: left;
  color: #4d8dac;
  font-size: 10px;
  line-height: 20px;
  padding-left: 10px;
}
#breadcrumb strong {
  margin-right: 84px;
}
#breadcrumb span {
  padding-right: 2px;
}
#breadcrumb a {
  color: #4d8dac;
  font-size: 10px;
  font-weight: normal;
  padding-right: 4px;
  text-decoration: none;
}
#breadcrumb a:hover {
  text-decoration: underline;
}

/**
 * Boxen
 */
div.box {
	background-color: #fff;
	margin-bottom: 15px;
}
div.box div.content {
  padding: 10px;
}
#left .content {
  padding: 0;
}
#right .htmlbox .content {
  padding-bottom: 2px;
}

/**
 * Headlines
 */
#center .content h2 {
  border-bottom: 1px dotted #ccc;
  color: #2f2f2f; 
  font-size: 18px;
  font-weight: normal;
  margin: 12px 0;
  padding: 0 0 5px;
}
#center .content h2.csc-firstHeader { 
  margin-top: 0; 
}
#center .box h1 {
  text-transform: none; 
}
.box h1,
#right h2,
.sidebar_headline {
  background: #3699c2 url(../img/headlines_bg.png) 0 0 repeat-y;
  margin: 0;
  padding: 0 10px;
  font: 12px verdana, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 24px;
}
#left .box h1,
#right .box h1,
#right h2 {
  background-position: -520px 0;
}
#right .htmlbox h1,
#right .htmlbox h3 {
  margin-bottom: 1px;
}
.large .box h1 {
  background-position: 220px 0;
}

/** 
 * Hauptmenu
 */
#menu {
  position: absolute;
  top: 100px;
  right: 10px;
  margin: 0;
  padding: 0;
}
#menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}
#menu li a {
  font: bold 10px verdana, sans-serif;
  margin: 0 6px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
}
#menu li a:hover,
#menu li a.active {
  text-decoration: underline;
}

/**
 * Submenu
 */
#left .menubox .content {
  background: url(../img/submenu_border_left.gif) 0 0 no-repeat;
  padding: 0;
}
#submenu {
  margin: 0 0 0 1px;
  padding: 0;
}
#submenu li {
  border-bottom: 1px solid #f2f2f2;
  font-size: 11px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#submenu li a {
  font-size: 11px;
  font-weight: normal;
  display: block;
  line-height: 23px;
  color: #035988;
  text-decoration: none;
  padding-left: 11px;
}
#submenu li a:hover,
#submenu li a.active {
  color: #000;
  text-decoration: underline;
}
 
/**
 * zweite Submenu Ebene
 */
#submenu li ul {
  margin: 0 0 0 20px;
  padding: 0;
}
#submenu li li {
  border: none;
}
#submenu li ul a {
  background-position: 0 -349px;
  padding-left: 9px;
}

/**
 * Service menu right
 */
#service-menu {
  margin-bottom: 15px;
}
#service-menu li {
  height: 24px;
  list-style: none;
  margin-bottom: 1px;
  width: 205px;
}
#service-menu li a {
  background-color: #57b2d6;
  background-position: 184px -231px;
  color: #fff;
  display: block;
  font: 13px verdana, sans-serif;
  height: 20px;
  padding: 4px 0 0 10px;
  text-decoration: none;
  width:195px;
}
#service-menu li a:hover {
  background-color: #84d0f0;
  background-position: 184px -290px;
  text-decoration: none;
}

/**
 * Links
 */
a { 
  text-decoration: underline; 
  color: #055f8c;
}
a:hover { 
  text-decoration: none; 
}
a:focus {
  outline: none;
}
a img { 
  border: none; 
}
#right a {  
  color: #055f8c;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
#right a:hover { 
  text-decoration: underline; 
}
#center .content li a:hover {
  text-decoration: none;
}
a.pdf {
  background: url(../img/icons/pdf.gif) 0 0 no-repeat;
  padding: 2px 0 2px 18px;
}
a.go-right {
  background-position: 0 -53px;
  padding: 0 0 0 10px;
}
.back {
  background-position: 0 3px;
  font-weight: normal;
  padding-left: 8px;
  text-decoration: none;  
}
.back:hover {
  text-decoration: underline;
}

/**
 * News Block HP
 */
.tx-columna-pi1 {
  margin-bottom: 15px;
}
.tx-columna-pi1 td {
  text-align: left;
  vertical-align: top;
  width: 50%;
}
.news-list-category {
  display: none;
}

/**
 * tabellen in content bereich
 */
#center .content .contenttable td {
  text-align: justify;
}

/**
 * teaser :: golfturnierwoche
 */
#right #golf-week-teaser,
#right #golf-week-teaser:hover {
  background: url(../../../bilder/RSB/golfwoche_2010_teaser.jpg) 0 0 no-repeat;
  display: block;
  height: 159px;
  margin-bottom: 15px;
  text-decoration: none;
  width: 205px;
}

/**
 * teaser :: fotowettbewerb
 */
#right #fotowettbewerb2011-teaser,
#right #fotowettbewerb2011-teaser:hover {
  /* background: url(../../../bilder/RSB/fotowettbewerb_teaser_2011.gif) 0 0 no-repeat; */
  background: url(../../../bilder/RSB/fotowettbewerb_teaser_2011.jpg) 0 0 no-repeat;
  display: block;
  height: 186px;
  margin-bottom: 15px;
  text-decoration: none;
  width: 205px;
}

/**
 * teaser :: unternehmerpreis
 */
#right #unternehmerpreis-2010-teaser,
#right #unternehmerpreis-2010-teaser:hover {
  background: url(../../../bilder/unternehmerpreis_button.gif) 0 0 no-repeat;
  display: block;
  height: 190px;
  margin-bottom: 15px;
  text-decoration: none;
  width: 205px;
}

/**
 * image galleries
 */
.csc-textpic-left,
.csc-textpic-center {
  margin: 0 0 20px 10px;
}
.csc-textpic-left img,
.csc-textpic-center img {
  border: 1px solid #ccc;
  padding: 1px;
}
.csc-textpic-left img:hover,
.csc-textpic-center img:hover {
  border: 1px solid #09c;	
}

/**
 * image galleries
 * content element image only, images left
 */
#center .csc-textpic-left {
  width: 470px; 
}
#center .csc-textpic-left .csc-textpic-imagerow,
#center .csc-textpic-left .csc-textpic-imagewrap {
  width: 470px !important;
}
#center .csc-textpic-left .csc-textpic-image,
#center .csc-textpic-left .csc-textpic-imagerow .csc-textpic-image {
  background-image: none;
  display: inline;
  padding: 0 ;
}
#center .csc-textpic-left .csc-textpic-image img,
#center .csc-textpic-left .csc-textpic-imagerow .csc-textpic-image img {
  height: 50px;
  margin: 0 10px 10px 0;
  width: 50px;
}

/**
 * image galleries
 * content element image only, images center
 */
#center .csc-textpic-center,
#center .csc-textpic-center .csc-textpic-single-image {
  width: 490px !important; 
}
#center .csc-textpic-center .csc-textpic-imagerow,
#center .csc-textpic-center .csc-textpic-imagewrap {
  width: 490px !important;
}
#center .csc-textpic-center ul,
#center .csc-textpic-center .csc-textpic-imagerow ul {
  margin: 0;
}
#center .csc-textpic-center .csc-textpic-image,
#center .csc-textpic-center .csc-textpic-imagerow .csc-textpic-image {
  background-image: none;
  display: inline;
  padding: 0 ;
}
#center .csc-textpic-center .csc-textpic-image img,
#center .csc-textpic-center .csc-textpic-single-image img,
#center .csc-textpic-center .csc-textpic-imagerow .csc-textpic-image img {
  height: 50px;
  margin: 0 15px 15px 0;
  width: 78px;
}




/**
 * newsletter archiv
 */
.csc-menu-4 dt {
  background-position: 0 -406px;
  padding: 5px 0 0;
}
.csc-menu-4 dt a {
  padding-left: 8px;
}
.csc-menu-4 dd {
  border-bottom: 1px dotted #ccc;
  padding: 3px 0 8px 8px;
}

/**
 * specials
 * extension
 * newsletter /direct mail
 */
.dmailsubscription_modify .form_row {
  margin-bottom: 8px;
}
.dmailsubscription_modify .form_row input {
  float: left;
  width: 300px;
}
.dmailsubscription_modify .form_row input,
.dmailsubscription_modify .form_row select {
  border: 1px solid #ccc;
  font: 11px verdana,sans-serif;
  padding: 3px;
}
.dmailsubscription_modify .form_row input:focus,
.dmailsubscription_modify .form_row select:focus {
  border: 1px solid #035988;
}
.dmailsubscription_modify .form_row label {
  display: block;
  float: left;
  margin-top: 5px;
  width: 80px;
}
.dmailsubscription_modify .form_row .button {
  background: #3699C2;
  border: 1px solid #3699C2;
  color: #fff;
  cursor: pointer;
  float: right;
  font: bold 10px verdana,sans-serif;
  margin: 12px 84px 0 0;
  padding: 4px 10px;
  width: auto;
}

/**
 * specials
 * extension
 * powermail
 */
#powermail fieldset {
   border: none;
   margin-top: 20px;
}
#powermail fieldset legend {
  background: url(../img/form_legend_bg.gif) 0 0 repeat-x;
  border-top: 1px dotted #ccc;
  display: block;
  font: bold 12px verdana, sans-serif;
  height: 19px;
  margin: 0 0 16px;
  padding: 5px 0 0 8px;
  width: 482px;
}
#powermail div {
  clear: both;
  margin-left: 18px;
  padding-bottom: 5px;
}
#powermail div.fieldsets {
  margin-left: 0;	
}
#powermail div:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#powermail div .first_text {
  display: block;
  padding-bottom: 12px;
}
#powermail div .mandatory_hint,
#powermail div .hint {
  color: #999;
  display: block;
  font-size: 10px;
  margin-left: 100px;
  padding-top: 20px;
}
#powermail label {
  display: block;
  float: left;
  font-size: 10px;
  font-weight: bold;
  margin-top: 4px;
  width: 100px;
}
#powermail .powermail_text,
#powermail select,
#powermail textarea,
#powermail .jscalendar {
  border: 1px solid #ccc;
  padding: 3px;
}
#powermail select {
  width: 60px;
}
#powermail select.select-multi {
  width: 308px;
}
#powermail select.day,
#powermail select.time {
  width: 100px;
}
#powermail select.wish_dropdown {
  width: 180px;
}
#powermail textarea {
  height: 120px;
  width: 300px;
}
#powermail .powermail_text {
  width: 300px;
}
#powermail .powermail_text:focus,
#powermail textarea:focus,
#powermail select:focus {
  border: 1px solid #035988;
}
#powermail .powermail_submit,
.tx-powermail-pi1_mandatory_submit {
  background: #3699c2;
  border: 1px solid #3699c2;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 10px;
  font-weight: bold;
  margin: 12px 64px 0 0;
  padding: 4px 10px;
  width: auto;
}
#powermail .powermail_submit:hover {
  background: #57b3d7;
  border: 1px solid #57b3d7;
}
.tx-powermail-pi1_mandatory_submit {
  float: none;
}
#powermail .powermail_mandatory_js,
#powermail .tx_powermail_pi1_fieldwrap_html_check .powermail_mandatory_js {
  color: #f00;
  font-size: 10px;
  font-weight: bold;
  margin-left: 100px;
}
#powermail .tx_powermail_pi1_fieldwrap_html_check {
  float: left;
  margin: 0;
}
#powermail .tx_powermail_pi1_fieldwrap_html_check div label {
  font-weight: normal;
  margin-top: 2px;
  width: 320px;
}
.tx_powermail_pi1_fieldwrap_html_check div input {
  float: left;
  margin-left: 100px;
}
.tx_powermail_pi1_fieldwrap_html_check div input.privacy {
  margin-top: 8px;
}
#powermail .powermail_checkbox_wrap {
  float: left;
  font-weight: bold;
  /* visibility: hidden; */
  width: 100px;
  display: none;
}
#powermail .jscalendar_pm {
  width: 72px;
}
#powermail .traveler_count {
  width: 24px;
}

/**
 * specials
 * extension
 * flv player
 */
#player {
  border: 1px solid #ccc;
  height: 288px;
  padding: 1px;
}
#playlist {
  border-top: 1px dotted #ccc;
  margin-left: 8px;
  padding: 12px 0;
}
.flvplayer_listpic {
  border-bottom: 2px solid #ccc;
  border-top: 2px solid #ccc;
  margin-right: 5px;
  padding: 2px 0;
}
.flvplayer_listpic:hover,
.flvplayer_listpic_act {
  border-bottom: 2px solid #09c;
  border-top: 2px solid #09c;
}
.flvplayer_listpic a { 
  background: url(../img/icons/icon_play.png) 50% 50% no-repeat;
  cursor: pointer;
  display: block;
  height: 75px;
  position: absolute;
  text-decoration: none;
  width: 100px;
}
.flvplayer_listpic img {
  height: 75px;
  width: 100px;
}
#flvcaption {
  padding: 8px;
}

/**
 * specials
 * sitemap
 */
#center .csc-sitemap ul,
#center .csc-sitemap li {
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#center .csc-sitemap ul {
  margin: 4px 0 10px;
}
#center .csc-sitemap li a {
  border-bottom: 1px dotted #ccc;
  color: #2f2f2f;
  display: block;
  font: bold italic 14px verdana, sans-serif;
  text-decoration: none;
}
#center .csc-sitemap li li a:hover {
  text-decoration: underline;
}
#center .csc-sitemap li li a,
#center .csc-sitemap li li li a,
#center .csc-sitemap li li li li a {
  border: none;
  font: normal 10px verdana, sans-serif;
  text-decoration: none;
}
#center .csc-sitemap li li a {
  font-weight: bold;
  padding: 3px 0 3px 12px;
}
#center .csc-sitemap li li li a {
  padding: 3px 0 3px 24px;
}

/**
 * specials
 * goole maps iframe
 */
.googlemap_wrapper {
  border: 1px solid #ccc;
  padding: 2px;
}
.googlemap_wrapper small {
  background: #eee;
  display: block;
  margin-top: 2px;
  padding: 2px 5px;
  text-align: right;
}
.googlemap_wrapper small a {
  color: #045fb4;
  text-decoration: none;
}
.googlemap_wrapper small a:hover {
  text-decoration: underline;
}

/**
 * specials
 * html block - 2 floating blocks - center
 */
.twoblock_center {
  margin-bottom: 15px;
}

/**
 * specials
 */
#center .hp_firstblock_wide h3 {
  background: #379cc8;
  border-bottom: 1px solid #fff;
  margin: 0;
  padding: 3px;
}
#center .hp_firstblock_wide h3 a {
  color: #fff;
  font: 12px verdana,sans-serif;
  padding: 0;
  text-decoration: none;
}
#center .hp_firstblock_wide p {
  padding: 8px;
}
#center .hp_firstblock_wide a:hover {
  text-decoration: none;
}
#center .hp_firstblock_wide .more {
  font-size: 10px;
}

/**
 * specials
 * messe teaser
 */
#center .messe_teaser {
  background: url(../../../media/bilder/reisemesse_teaser.jpg) 0 0 no-repeat;
}
#center .messe_teaser p {
  padding: 0 8px;
}
#center .messe_teaser .messe_pagelink {
  color: #2f2f2f;
  display: block;
  font: normal 11px verdana, sans-serif;
  padding-top: 418px;
  text-decoration: none;
}
#center .messe_teaser .messe_pagelink:hover {
  text-decoration: underline;
}

/**
 * specials
 * extension
 * extended calendar
 */
.calendar_upcoming .event_time_title {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0 8px;
}
.calendar_upcoming .event_time_title:last-child {
  border: none;
}
.calendar_upcoming .event_time_title .start_date {
  padding-left: 10px;
}
#center .content .single_event h2 {
  margin-top: 0;
}
.single_event .event_organizer_image {
  float: left;
}
.single_event .event_table_image {
  margin-bottom: 15px;
  padding: 0 15px;
}
.single_event .event_table_image img {
  border: 1px solid #ccc;
  float: right;
  padding: 2px;
}
.single_event #event_table {
  float: left;
  width: 250px;
}
.single_event #event_table th {
  font-weight: bold;
  width: 60px;
}
.single_event #event_table p {
  padding: 0;
}
.single_event .event_description {
  border-top: 1px dotted #ccc;
  padding: 12px 15px 0;
  margin-bottom: 8px;
}
.single_event .event_moreinfo {
  background: #f2f2f2;
  padding: 10px 15px 6px 15px;
}
.single_event .event_url {
  margin-bottom: 8px;
}
.event_organizer_url {
  margin: 8px 0 0 15px;
}
.single_event .event_url a,
.calendar_upcoming .event_time_title a,
.event_organizer_url a {
  background-position: 0 -411px;
  padding-left: 10px;
}
#right .calendar_upcoming {
  background: #fff;
  margin-bottom: 15px;
  padding: 4px 10px;
}
#right .calendar_upcoming .event_time_title {
  font-size: 10px;
  padding: 4px 0;
}
#right .calendar_upcoming .event_time_title .start_date,
#right .calendar_upcoming .event_time_title a {
  background: none;
  padding: 0;
}

/**
 * specials
 * checklist
 */
.checklist label,
.checklist span {
  display: block;
}
.checklist label {
  margin-bottom: 8px;
}
.checklist span {
  float: left;
  margin: 3px 0 0 4px;
  width: 300px;
}
.checklist .twoblock_center div {
  width: 350px;
}

/**
 * specials
 * social media links
 */
.socialmedia {
  border-top: 1px dotted #ccc;
  padding: 10px;
}
.socialmedia .fright {
  padding-top: 25px;
}

/**
 * specials
 * skyscraper
 */
#skyscraper {
  position: absolute;
  margin-left: 960px;
}

/**
 * indexedsearch
 */
.tx-indexedsearch,
#left .leftform .content {
  padding: 10px !important;
}
.tx-indexedsearch .text,
#left .leftform .text {
  border: 1px solid #ccc;
  float: left;
  margin: 0;
  padding: 3px 3px 4px 3px;
  width: 154px;
}
.tx-indexedsearch .text:focus,
#left .leftform .text:focus {
  border: 1px solid #035988;
}
.tx-indexedsearch .button,
#left .leftform .button {
  background-color: transparent;
  background-position: 0 -167px;
  border: none;
  cursor: pointer;
  float: left;
  height: 22px;
  width: 22px;
}
.tx-indexedsearch-res .search-result {
  border-bottom: 1px dotted #ccc;
  padding: 12px 8px;
}
.tx-indexedsearch-res .search-result div {
  line-height: 14px;
  padding-bottom: 8px;
  text-align: justify;
}
.tx-indexedsearch-res .search-result .headline {
  background-position: 0 -410px;
  line-height: 14px;
  padding: 0 0 8px 2px;
}
.tx-indexedsearch-res .search-result .path {
  padding: 0;
}
.tx-indexedsearch-res .search-result .path a { 
  color: #2f2f2f;
  font-size: 10px;
  font-style: italic;
  text-decoration: none;
}
.tx-indexedsearch-res .search-result .path a:hover {
  text-decoration: underline;
}

/**
 * formular ALT
 */
fieldset.csc-mailform { 
  border: none; 
  margin: 0 0 0 50px; 
  padding: 0;
  width: 368px;
}
#mailform input,
#mailform select,
#mailform textarea { 
  font-size: 10px; 
  margin: 0; 
}
#mailform input,
#mailform select,
#mailform textarea {
  border: 1px solid #ccc;
  padding: 3px;
}
#mailform input:focus,
#mailform select:focus,
#mailform textarea:focus {
  border: 1px solid #035988;
}
#mailform input[type=checkbox],
#mailform input[type=radio] {
  border: none;
}
#mailform label {
  color: #2f2f2f;
  width: 120px; 
  text-align: left; 
  display: block; 
  line-height: 20px; 
  clear: both; 
  float: left; 
}
div.csc-mailform-label {
  border-top: 1px dotted #ccc;
  margin-top: 10px;
  padding: 12px 0 8px;
}
.csc-mailform-label { 
  font-weight: bold; 
}
#mailform input,
#mailform textarea { 
  width: 240px; 
}
#mailform .csc-mailform-check { 
  border: none;
  height: 15px;
  width: 15px;
}
#mailform .csc-mailform-submit {
  background: #3699c2;
  border: 1px solid #3699c2;
  color: #fff;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 8px;
  padding: 4px 10px;
  width: auto; 
}
.csc-mailform-field {
  color: #999;
  clear: left;
  padding-bottom: 8px;
}
.csc-mailform-field:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/**
 * specials
 * extension
 * wfqbe
 */
.report-list {
  border-bottom: 1px dotted #ccc;
  padding: 6px 0;
}

/**
 * 
 * EASYTOURIST CSS
 *
 */
 /* Allgemeine Formatierungen */
span.price {
	font: 11px Verdana;
	font-weight: bold;
	color: #000000;
}
span.date {
	font-weight: bold;
}
span.title {
	font-weight: bold;
}

/* Tabellenformatierungen */
table.full {
  border-collapse: collapse;
  width: 100%;
}
td.right {
	text-align: right;
	padding-left: 10px;
}
td.top {
	vertical-align: top;
}
td.bottom {
	vertical-align: bottom;
}
th {
	font-weight: normal;
	text-align: left;
}
table.full th {
  font-size: 10px;
	font-weight: bold;
  padding-top: 4px;
  vertical-align: top;
}
table.full td {
  padding-bottom: 5px;
  vertical-align: top;
}

/* Box */
table.box {
  border-collapse: collapse;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  /* width: 710px; */
  width: 100%;
}
table.box td.content {
  padding: 8px;
}
table.box td.header h1 {
  display: block;
  height: 23px;
  margin: 0;
  padding: 5px 10px 10px 10px;
  color: #0d577a;
  background: none;
}
table.box td.header h3 {
  color: #0d577a;
  font-size: 12px;
  padding-left: 8px;
}

/* Listenansicht */
div#list table.box td.content {
	padding: 2px 12px 8px 8px;
}

/* Listenteaser NEU */
#listteaser .item {
  height: 200px;
  margin-bottom: 10px;
  border: 1px solid #97c1d7;
  float: left;
  width: 155px;
}
#listteaser .item:hover {
  border: 1px solid #035988;
}
#listteaser .row1, 
#listteaser .row2 {
  margin-right: 9px;
}
.large #listteaser .row1,
.large #listteaser .row2,
.large #listteaser .row3 {
  margin-right: 10px;
}
#listteaser .item img {
  margin: 1px 0 0 1px;
}
#listteaser .item span {
  cursor: pointer;
  display: block;
}
#listteaser .item a {
  display: block;
  font-weight: normal;
  text-decoration: none;
}
#listteaser .item a:hover {
  text-decoration: underline;
}
#listteaser .item .text {
  background: url(../img/easytourist_item_bg.gif) 0 100% repeat-x;
  height: 64px;
  padding: 6px 0 0 6px;
}
#listteaser .item a,
#listteaser .item .price,
#listteaser .item .days {
  color: #2f2f2f;
}
#listteaser .item .days {
  margin-bottom: 4px;
}
#listteaser .item .button {
  background: #c1dae7;
  height: 16px;
  padding: 3px 8px 0 6px;
  text-align: right;
}
#listteaser .item a:first-child {
  text-decoration: none;
}

/* Detailansicht NEU */
div#detail .detailbox {
  padding: 0 0 15px;
}
div#detail .detailbox h3,
div#detail .detailbox .headline,
div#detail #booking .headline {
  border-bottom: 1px solid #b6ccd7;
  color: #0d577a;
  font-size: 13px;
  margin-bottom: 8px;
  padding: 3px 0 3px;
}
div#detail .detailbox .pricebox {
  padding: 4px 5px;
}
div#detail .detailbox .pricebox:hover {
  background: #dbdbdb;
}
#detail .booking-button {
  background-color: #3699c2;
  background-position: 0 -167px;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding: 0 10px 0 33px;
  text-decoration: none;
  width: auto;  
}
#detail .booking-button:hover {
  background-color: #57b3d7;	
}
div#detail .image {
  float: left;
}
div#detail a,
div#detail .detailbox a:hover {
  text-decoration: none;
}
div#detail .detailbox a {
  text-decoration: underline;
}
div#detail span {
  display: block;
}
div#detail .image img {
  margin: 0 10px 2px 0;
}
div#detail .introduction {
  font-weight: bold;
}
div#detail input,
div#detail select {
  border: 1px solid #ccc;
  padding: 3px;
}
div#detail select#dateselector {
  margin: 8px 0;
}
div#detail input:focus,
div#detail select:focus {
  border: 1px solid #035988;
}
div#detail .options .title {
  display: block;
  width: auto;
}
div#detail .options .description {
  border-bottom: 1px dotted #bababa;
  display: block;
  margin-bottom: 4px;
  padding: 0 0 4px;
}

/* Detailansicht */
/*
div#detail table.info td.label {
  width: 55px;
  font-weight: bold;
}
*/
div#detail .image {
	float: left;
}
div#detail span {
  display: block;
}
div#detail .image img {
	margin: 0 10px 2px 0;
}
div#detail .introduction {
	font-weight: bold;
}
div#detail input,
div#detail select {
  border: 1px solid #ccc;
  padding: 3px;
}
div#detail input:focus,
div#detail select:focus {
  border: 1px solid #035988;
}
td.stationHeader {
  height: 30px;
  background-color: #e8e8e8;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  padding: 0 5px;
}
td.stationContent {
  background-color: #efefef;
  border-bottom: 1px solid #fff;
  padding: 5px;
}

/* Reisefinder */
#finder {
  background: url(../img/backgroundFinder.png) no-repeat bottom;
  height: 105px;
}
#finder form {
  margin: 0;
  padding: 0;
}
#left #finder .content,
#right #finder .content {
  padding: 12px 0 0 5px;
}
#finder form select, 
#finder form input {
  width: 123px;
  font: 10px verdana, sans-serif;
  margin: 0 0 4px 1px;
  padding: 0;
}
#finder form input {
  width: 121px;
}
#finder select#day, 
#finder select#month {
  width: 40px;
}
#finder select#year {
  width: 41px;
}
#finder label {
  font: 10px/14px verdana, sans-serif;
  color: #fff;
  width: 53px;
  margin-right: 2px;
  display: block;
  text-align: right;
  clear: both;
  float: left;
}
#finder input.cSubmit {
  background: #3699c2;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  margin-left: 56px;
  width: 123px;
}

/* Teaser */
#right div#teaser .content {
  padding-top: 0;
}
#teaser div.item {
  border-bottom: 1px dotted #ccc;
  position: relative;
  height: 60px;
  margin: 10px 0;
}
#teaser div.item:last-child {
  border: none;
  margin-bottom: 0;
}
#teaser div.item img {
	margin: 0;
}
#teaser div.item div.content {
  position: absolute;
  top: 0;
  left: 60px;
  margin: 0;
  padding: 0;
  width: 125px;
  height: 38px;
  overflow: hidden;
}
#teaser span.price {
  position: absolute;
  left: 60px;
  bottom: 7px;
  font-size: 11px;
}
#teaser div.next {
  position: absolute;
  right: 2px;
  bottom: 5px;
}
#teaser div.next img {
  margin: 0;
  padding: 0;
}

/*** Hier die CSS Klassen der Reisen mit mehreren Reisedaten eintragen ***/
/*** Effekt: Datum wird aus Teaser entfernt ***/
/* #listteaser .Airport22 .date, */
#listteaser .Bremerhaven85 .date,
#listteaser .Mar39 .date {
  display: none;
}

/* ausgebucht */
#listteaser .status,
#detail .status {
  display: block;
  height: 88px;
  margin: 10px 0 0 10px;
  position: absolute;
  text-decoration: none;
  width: 130px;
}

/*** Hier die CSS Klassen der ausgebuchten Reisen eintragen ***/
/*** Effekt: Das Hinweis 'ausgebucht' wird über das Teaserbild gelegt ***/

.Kreuzfahrt2466 .status,
.Kreuzfahrt1439 .status,
.Haifa1957 .status {
  background: url(../img/btn_ausgebucht_mit.png) 0 0 no-repeat;
}


/*** Hier die CSS Klassen der ausgebuchten Reisen eintragen ***/
/*** Effekt: der Buchen Button wird ausgeblendet ***/

.Kreuzfahrt2466 .booking-button,
.Kreuzfahrt1439 .booking-button,
.Haifa1957 .booking-button {
  display: none !important;	
}


/* lightbox */
#modalContainer {
  font-size: 11px;
}
#modalContainer h3 {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 8px;
  padding-bottom: 2px;
}
#modalContainer p {
  padding-bottom: 8px;
}

/* navigation */
.browseLinksWrap {
  text-align: center;
}
.browseLinksWrap a {
  font-weight: normal;
}
.browseLinksWrap .activeLinkWrap {
  font-weight: bold;	
}

/**
 * flexible content
 * cite
 */
.cite,
.cite p {
  background-image: url(../img/icons/sprite_cite_arrows.png);
  background-repeat: no-repeat;
}
.cite {
  background-position: 0 -20px;
  font-style: italic;
  text-indent: 15px;
}
.cite p {
  background-position: 100% 0;
  display: inline;
  font-style: italic;
  padding-right: 15px;
}
.cite_author {
  border-bottom: 1px dotted #ccc;
  color: #ccc;
  margin-bottom: 12px;
  padding-top: 8px;
  text-align: right;
}

/**
 * flexible content
 * press
 */
.press_logos {
  border-top: 1px dotted #ccc;
  margin-top: 8px;
  padding-top: 8px;
}
.press_logos .title {
  display: block;
  margin-bottom: 4px;
}
.press_logos img {
  border: 1px solid #ccc;
  margin-right: 12px;
  padding: 5px;
}
.press_logos .download-tipp {
  clear: left;
  color: #ccc;
  display: block;
  font-size: 10px; 
  margin-left: 224px;
}

/**
 * flexible content
 * routing-page-block
 */
.router-wrapper {
  border: 1px solid #ccc;
  height: 98px;
  margin-bottom: 5px;
  padding: 1px;
  width: 486px;
}
.router-wrapper:hover {
  border: 1px solid #035988; 
}
.router-wrapper a {
  color: #2f2f2f;
  text-decoration: none;
}
.router-wrapper .image-wrapper,
.router-wrapper .icon-wrapper {
  display: block;
  float: left;
  height: 98px;
  width: 150px;
}
.router-wrapper .icon-wrapper {
  /*
  background: url(../img/icons/icon_play.png) 50% 50% no-repeat;
  */
  position: absolute;
  text-decoration: none;
}
.router-wrapper .text-wrapper {
  display: block;
  float: left;
  font: 11px verdana, sans-serif;
  height: 76px;
  padding: 4px 0 0 6px;
  text-decoration: none;
  width: 330px;
}
.router-wrapper strong {
  color: #055f8c;
  display: block;
  padding-right: 8px;
  text-align: right;
}
.router-wrapper a span {
  cursor: pointer;
}

/**
 * flexible content
 * address width image
 */
.addressbox-wrapper {
  margin-bottom: 12px;
}
.addressbox {
  margin-bottom: 12px;
}
.addressbox strong {
  display: block;	
}
.addressbox .name {
  margin-bottom: 4px;
}
.addressbox .hours {
  margin-top: 17px;
}
.addressbox img {
  border: 1px solid #ccc;
  padding: 1px;
}