@charset "UTF-8";
@media all
{
  /* hauptbereiche und seitenhintergrund */
  #pagenavibg { position: absolute; left: 0; top: 48px; width: 100%; overflow: hidden; background-image: url(images/bg_navi.gif); background-repeat: repeat-x; z-index: 1; height: 53px; }
  #pagelines { position: absolute; left: 0; top: 48px; width: 1006px; overflow: hidden; background-image: url(images/bg_linien.gif); background-repeat: repeat-y; z-index: 2; height: 53px; }

  #page { position: relative; width: 1004px; background-color: transparent; z-index: 3; }
  #pageheader { position: absolute; width: 754px; left: 0; top: 0; }
  #pagenav { position: absolute; width: 680px; left: 90px; top: 48px; height: 53px; }
  #pagemain_col1 { position: absolute; width: 70; left: 5px; top: 110px; }
  #pagemain_col2 { position: absolute; width: 655px; left: 90px; top: 110px; }  
  #pagetheme { position: absolute; left: 756px; top: 0px; width: 250px; z-index: -1; } 
  /* firefox, position des bildes */
  html:not([dummy]) #pagetheme { left: 755px; }  
  
  html { height: 100%; }
  body { margin: 0px; height: 100%; font-family: Arial !important; font-size: 8pt; background-image: url(images/bg_linien.gif); background-repeat: repeat-y; x-overflow: hidden; }  
  a img { border: none; }
  img { border: none; }  
  div, span, p, label, td { font-family: Arial; font-style: normal; font-size: 8pt !important; color: #000000 !important; line-height: 14px; padding: 0; margin: 0; }
  ul, li { padding: 0px; }
  .bold { font-weight: bold; }
  .alert { font-weight: bold; color: #cc0000 !important; }
  .eventLabel { font-weight: bold; font-variant: small-caps; }
  input.button { background-color: #455971; border: none; color: White; }
 

  /* spezial-styles */
  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  /* Hides from IE-mac \*/
  * html .clearfix { height: 1%; } 
  /* End hide from IE-mac */  
  
  /* Header */ 
  #pageheader { }
  .pageheader_languages { z-index: 999; position: absolute; left: 10px; top: 18px; width: 60px; }
  #pageheader_logo { position: absolute; left: 90px; top: 9px; height: 48px; }
  #pageheader_languages a { margin: 0 0 0 5px; }
  .pageheader_nav { position: absolute; right: 5px; top: 5px; width: auto; text-align: right; }
  .pageheader_totabs { position: absolute; right: -1px; top: -1px; width: 550px; text-align: right; } /* height: 38px; }*/
  
  #pageheader_homelink { position: relative !important; left: 30px !important; top: 20px !important; }
  
  /* Navigation */ 
  .pagefooter_nav { text-align: center !important; width: 100%; }
  .pagefooter_nav div.col { margin-left: auto; }
  
  /* Content */
  #col1 { position: absolute width: 79px; }
  #col2 { width: 675px; }  
  .col2_main { float: left; }
  .col2_right { float: right; }
  .col2_right[id] { width: 432px; }  
  #col2 .row { width: 100%; }  
  /* moz-hack (wird nur von moz, firefox gelesen) */
  #col3[id] { margin: 0 0 0 183px; padding: 20px 0 0 0; }  

  .col1_content { padding: 20px; }
  
  /* Footer */
  #pagefooter { }
  .pagefooter_tabs { margin-top: 5px; }

  /* Styles einzelner Elemente */    
  a { color: #db6111 !important; font-weight: bold; text-decoration: none; font-size: 11px; }   
  a:hover { text-decoration: none; }
  a:visited { color: #db6111 !important; text-decoration: none; }
  a.small { font-size: 10px; }
  a.white { color: #ffffff !important; }
  a.lightGray { color: #cccccc !important; }
  a.inactive { color: #ececec !important; }
  a.inactive:hover { text-decoration: none; }    
  
  div.header { clear: both; }
  div.row { clear: both; width: 100%; }
  div.row90 { width: 90%; clear: both; }
  div.row.transparent { background-color: Transparent !important; }
  div.col { float: left; width: auto; }
  div.right { float: right !important; }
  div.col4 { width: 4%; float: left; }
  div.col5 { width: 5%; float: left; }
  div.col10 { width: 10%; float: left; }
  div.col11 { width: 11%; float: left; }
  div.col12 { width: 12%; float: left; }
  div.col15 { width: 15%; float: left; }
  div.col16 { width: 16%; float: left; }
  div.col20 { width: 20%; float: left; }
  div.col25 { width: 25%; float: left; }
  div.col30 { width: 30%; float: left; }
  div.col33 { width: 33%; float: left; }
  div.col34 { width: 34%; float: left; }
  div.col35 { width: 35%; float: left; }
  div.col40 { width: 40%; float: left; }
  div.col45 { width: 45%; float: left; }
  div.col50 { width: 50%; float: left; }
  div.col55 { width: 55%; float: left; }
  div.col60 { width: 60%; float: left; }
  div.col65 { width: 65%; float: left; }
  div.col70 { width: 70%; float: left; }
  div.col80 { width: 80%; float: left; }
  div.col90 { width: 90%; float: left; }
  div.col100 { width: 100%; float: left; }
  div.deviderMargin { margin-bottom: 5px; }
  div.deviderMarginDouble { margin-bottom: 10px; }
  div.col.listColumn { padding: 35px 0 0 29px; }
  
  /* .contentPadding { margin: 10px; } */
  .contentPadding { padding: 10px; width: 100%; }
  .contentPaddingDouble { margin: 20px; }
  .contentPadding row, .contentPaddingDouble row { width: 100%; }
  .contentLine { margin-top: 10px; margin-bottom: 2px; margin-left: 2px; margin-right: 8px; height: 1px; font-size: 0px !important; }
  .center { text-align: center !important;}
  .underline { text-decoration: underline;}

  /* Listen */  
  div.row.listRow { margin-bottom: 20px; padding: 15px; }
  div.row.listColumn { padding: 35px 0 0 29px; }
  div.row.pager { width: 100%; background-color: #f3effa; }
  div.listItemBox { background-color: #F6F6EF; border: solid 1px black;padding: 5px; }
  div.listItemTitle { border-bottom: solid 1px #C1C193; width: 100%; }
  
  /* Button */
  div.button, div.buttonSmall, div.buttonText { background-color: #ffffff; cursor: pointer; margin-left: auto; margin-right: auto; }
  div.buttonText { height: 20px; vertical-align: middle; padding-top: 2px; font-size: 14px !important; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; padding-left: 6px; padding-right: 6px; }
  div.buttonSmall div.buttonText, .col3_right div.buttonText  { text-transform: uppercase; font-size: 11px !important; padding-top: 4px; }

  div.contentContainer { padding: 12px 10px 12px 10px; }
  /* moz-hack (wird nur von moz, firefox gelesen) */
  div.contentContainer[id] { width: 786px; }
  
  /* Ueberschriften */
  h1, h1 span { font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; font-style: normal !important; line-height: normal !important; font-weight: bold !important; color: #db6111 !important; padding-left: 2px !important; margin-bottom: 5px; margin-top: 5px; }
  h2, h2 span { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-style: normal !important; line-height: normal !important; font-weight: bold !important; color: #db6111 !important; margin-bottom: 0px; margin-top: 0px; }
  h3.orange, h3.red, h3.green, h3.violett, h3.blue { margin: 0; text-transform: uppercase; padding: 2px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }
  .white { color: #ffffff !important; }
  .orange { background-color: #db6111; }
  .blue { background-color: #375577; }
  .green { background-color: #cfe5e2; }
  .violett { background-color: #e3d8f6; }
  h4 { font-weight: bold; font-style: normal; font-size: 10pt; font-family: Arial; color:#820040; margin: 0; }
  h5 { font-weight: normal; font-style: normal; font-size: 8pt; font-family: Arial; color:#820040; margin: 0; }
  .title { font-weight: bold; font-style: normal; color: #375574 !important; font-size: 10pt !important; font-family: Arial; padding-left: 5px;	 padding-top: 1px; }
  .title span { font-weight: bold; font-style: normal; color: #375574 !important; font-size: 10pt !important; font-family: Arial; padding-top: 1px; }
  .rightTitle, .rightTitle span { font-weight: bold; font-style: normal; color: #000000 !important; font-size: 10pt !important; font-family: Arial; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; }
  .subtitle  { font-weight: bold; font-style: normal; font-size: 10pt !important; font-family: Arial; }
  .ContentTitle { font-weight: bold; font-style: normal; font-size: 10pt !important; font-family: Arial; line-height: 12pt; }
  .ContentSubTitle { font-weight: bold; font-style: normal; font-family: Arial; text-decoration: underline; padding-bottom: 4px; padding-top: 8px; }
  /* kaesten */
  .lightYellow { background-color: #fff5ae; }
  .lightRed { background-color: #ffefef; }
  .lightGreen { background-color: #f3f9f6; }
  .lightViolett { background-color: #f3effa; }
  .lightBlue { background-color: #e4f0fb; }
  .lightGray { background-color: #f3f7f6; }
  .contentYellow { background-color: #fffce9; }
  
  /* listen inhalt */
  .contentYellowBordered { background-color: #fffce9; margin: 2px 0 2px 0; border-left: 8px solid #db6111; width: 655px; padding: 4px; }
  .contentYellowBordered[class] { width: 643px; }
  .contentBlueBordered { background-color: #f3f7f6; border-top: 2px solid #375577; border-left: 8px solid #375577; padding-left: 4px; padding-bottom: 2px; margin-top: 10px !important; width: 655px; padding: 4px; }
  .contentBlueBordered[class] { width: 643px; }
  .contentBlueSimpleBordered { background-color: #f3f7f6; border-left: 8px solid #375577; padding-left: 4px; padding-bottom: 2px; margin-top: 10px !important; width: 655px; padding: 4px; }
  .contentBlueSimpleBordered[class] { width: 643px; }
  .contentBlueBordered a, 
  .contentBlueSimpleBordered a { color: #375577 !important; }
  .contentBlueSimpleBordered h2, 
  .contentBlueSimpleBordered span { color: #000000 !important; }
  
  /* iFrame */
  .bookingFrame { background-color: #eef0f3; width: 790px; height: 500px; border: 0px solid #FFFFFF; overflow: auto; }

  /* Kasten rechts Seite */
  .col3_right div.container { width: 180px; padding: 10px; height: 282px; }
  .col3_right[id] div.container { width: 160px; height: 262px; }
  .col3_right h3 { color: #920F2E; font-size: 11px; padding-left: 10px; }
  .col3_right a { font-weight: normal; }

  /* Karte */
  div.Pointer { cursor: pointer; float: left; padding-right: 8px; }
  div.Map { z-index: 10; top: 1px; left: 1px; position: relative; text-align: left; }
  
  /* map */
  #myMapClose { position: relative; top: -200px; left: 110px; z-index: 2; padding: 5px 10x 5px 10px; text-align: right; width: 820px; height: 740px; background-color: #ffffff; border: solid 1px #666666; }
  #myMap { position: relative; top: -910px; left: 120px; z-index: 3; background-color: #ffffff; }
  #myMapMilk { filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80; height: 1400px; width: 1004px; background-color: White; position: absolute; top: 0px; left: 0px; z-index: 1; }
  
  /* container styles */
  .borderBlue { border: 1px solid #375577; }  
  .containerLeft { border-left: solid 12px #375577; border-top: solid 1px #375577; height: 20px; }
  
  /* special */
  .removeTable * table { width: auto !important; }
  
  /* Paging */
  .Pager a { color: #b44f0d !important; height: 10px; background-color: #fbf2bb; border: 1px solid #b44f0d; padding: 1px 5px 1px 5px; margin: 1px; }
  .Pager a:hover,
  .Pager * .active { color: #FFFFFF !important; height: 10px; background-color: #b44f0d; border: 1px solid #b44f0d; padding: 1px 5px 1px 5px; margin: 1px; }
  
  /* Repeater */  
  .item { background: #fbf2bb; padding: 15px 5px 15px 5px; }
  .alternatingitem { padding: 15px 5px 15px 5px; }
  
  div.contentFooterBox { padding: 10px; margin-top: 20px; background-color: #fffce9; border-left: 4px solid #db6111; }
  
  /* Navigations-Links oben und rechts */
  .pageheader_nav a, .pagefooter_nav a { color: #3e5a7a !important; font-weight: normal !important; }
  
  /* Bildlaufleiste */
  .rrPictures ul, .rrPictures li { list-style: none; }
  
  /* Listen */
  .FilterBox { border-top: 2px solid #375577; border-left: 8px solid #375577; padding-left: 9px; padding-bottom: 2px; margin-top: 10px !important; width: 655px; }
  .FilterBox[id] { width: 641px; }
  .FilterBox h2, .FilterBox h2 span { margin-top: 2px !important; color: #000000 !important; }
  .SortLine { margin: 2px 0 2px 0; border-left: 8px solid #db6111; padding: 2px 9px 2px 9px; }
  .ListContent { border-left: 8px solid #db6111; padding-left: 9px; padding-right: 9px; padding-top: 10px !important; }
  .Event {color: #455971 !important; font-weight: bold; font-size: 12px !important;}
  
  /* Tabs */
  .tabContent { background-color: #fffce9; border: solid 1px #A8A094; padding: 8px; }
  
  /* Speziell für Grid */
  .GridHeader_Sunset,
  .GridHeader_Sunset a { color: #ffffff !important; text-decoration: none; }
  
  
  /* TeaserBox */
  .TeaserBox ul, .TeaserBox li { list-style-type: none; }
  
  /* Hotelseite */
  .HotelPageMenu li { padding: 5px; width: 150px; margin: 5px; }
  .HotelPageMenu img.rmLeftImage { margin-right: 10px; margin-top: -0; }
  .HotelPageMenu a { cursor: pointer !important; }  
}