@charset "UTF-8";

@media all
{
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  #page_margins { width: 100%; min-width: 100%; max-width: 100%; text-align: center; background-color: #2f0025; }
  html { height: 100%; }
  body { margin: 0px; height: 100%; font-family: Arial; font-size: 11px; background-color: #2f0025; }  
  a img { border: none; }
  img { border: none; }  
  div, span, p, label { font-family: Arial !important; font-style: normal; font-size: 11px !important; color: #60605C !important; line-height: 14px; padding: 0; margin: 0; }
  p { margin: 0 0 10px 0; } 
  ul, li { padding: 0px; }
  .bold { font-weight: bold; }
  
  /* Page */
  #page { width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #ABA7A7; background-color: #FFFFFF; }
  /* 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 { width: 100%; text-align: center; margin: 25px; }
  
  /* Navigation */ 
  #nav { width: 100%; }
  #nav_main { }
  .nav_img { margin-top: 0px; margin-bottom: 10px; height: 200px; }

  /* Sprachen */
  #col1_language { text-align: right; margin-top: 4px; margin-right: 4px; }

  /* Content */
  #main { clear: both; text-align: justify; }  
  #col1, #banner_col1 { float: left; margin: 10px 10px 20px; width: 600px; }
  #col3, #banner_col3 { width: 100%; }
  #col1_content { border-right: 1px solid #b2b2b2; }  
  #col3_content { border-left: 1px solid #b2b2b2; }
  
  /* banner (breiten werden schon bei Content gesetzt */
  #banner { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; height: 140px; }
  
  /* Footer */
  #pagefooter { height: 30px; width: 100%; border-top: 1px solid #b2b2b2;  }
  .hidden { float: left; border: none !important; }  
  a.hidden { color: #fff !important; }
  
  /* Styles einzelner Elemente */    
  a { color: #651751 !important; font-weight: bold; text-decoration: none !important; }   
  a:visited { color: #651751 !important; }
  a.small { font-size: 10px; }        
  
  div.header { clear: both; }
  div.row { clear: both; width: 100%; }
  div.row.transparent { background-color: Transparent !important; }
  div.col { float: left; }
  div.right { float: right !important; }
  div.col2 { width: 2%; 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.col20 { width: 20%; float: left; }
  div.col25 { width: 25%; float: left; }
  div.col22 { width: 22%; float: left; }
  div.col27 { width: 27%; float: left; }
  div.col30 { width: 30%; 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.col70 { width: 70%; float: left; }
  div.col80 { width: 80%; float: left; }
  div.col85 { width: 85%; float: left; }
  div.col90 { width: 90%; float: left; }
  div.col95 { width: 95%; float: left; }
  div.col99 { width: 99%; float: left; }
  div.col100 { width: 100%; float: left; }
  div.deviderMargin { margin-bottom: 5px; }
  .contentPadding { margin: 10px; }
  .contentPaddingDouble { margin: 30px 25px 25px 20px }
  div.center { text-align: center; }
  div.middle { vertical-align: middle; }
  .headline { color: #5D174D !important; font-weight: bold; } 
  
  /* Listen */  
  div.row.listRow { margin-bottom: 20px; padding: 15px; }
  div.row.listColumn { padding: 35px 0 0 29px; }
  div.ListItem { border-bottom: solid 1px #ABA7A7; margin-bottom: 10px; padding-bottom: 10px; }
  
  div.contentContainer { text-align: left; }
  /* moz-hack (wird nur von moz, firefox gelesen) */
  div.contentContainer[id] { width: 786px; }
  
  /* Ueberschriften */
  h1, h1 span { font-family: Arial !important; font-size: 14px !important; margin: 0px; padding: 0px;  }
  h2, h2 span { font-family: Arial !important; font-size: 11px !important; margin: 0px; margin-top: 5px; }
  h3, h3 span { font-family: Arial !important; font-size: 17px !important; margin: 5px 0px 8px 0px; font-weight: bold; text-transform: uppercase;}
  h4, h4 span { font-family: Arial !important; font-size: 14px !important; font-weight: bold; color: #5D174D; } 
  
  .white { color: #FFFFFF !important; }
  .lightGray, .lightGray span, .lightGray a, .lightGray label { color: #ABA7A7 !important;  }
  .gray, .gray span, .gray a, .gray label { color: #60605C !important; }
  .violett, .violett span, .violett a, .violett label { color: #651751 !important; }
  .lightViolett, .lightViolett span, .lightViolett a, .lightViolett label { color: #D8CAD4 !important; }
  
  .alert { color: Red !important; font-weight: bold; }
  
  /* kaesten */
  
  /* iFrame */
  .bookingFrame { background-color: #eef0f3; width: 100%; height: 500px; border: 0px solid #FFFFFF; overflow: auto; }

  /* Kasten rechts Seite */
  
  /* Controls */
  .TextBox { border: solid 1px #ABA7A7; font-size: 11px; margin-bottom: 1px; }
  .Button { background-color: #651751; color: #FFFFFF !important; cursor: pointer; font-size: 12px !important; text-align: center !important; padding: 2px; }
  .FullStar { background-image: url('/images/starFull.gif'); }
  .EmptyStar { background-image: url('/images/starEmpty.gif'); }
  .RatingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; display: block; background-repeat: no-repeat; }
  .Rating { margin-left: 0px; width: 100%; text-align: right; }
  .CheckBoxList * td { padding-right: 20px; }
  
  /* Karte */
  div.Pointer { cursor: pointer; float: left; padding-right: 8px; }
  div.Map { z-index: 10; top: 1px; left: 1px; position: relative; text-align: left; }

  /* Hotelliste */
  div.boxGray { background: url('/images/Hotellist/box_gray.gif') no-repeat; height: 60px; padding: 6px 12px 6px 12px; font-size: 13px !important; }
  div.FilterRow { height: 10px; border: 1px solid #651751; padding: 1px 5px 1px 5px; margin: 1px; }
  .item, .altItem { padding: 5px; margin: 1px; height: 125px; position: relative;  border: solid 1px #ececec; }
  .Pager a { height: 10px; border: 1px solid #651751; padding: 1px 5px 1px 5px; margin: 1px; }
  .Pager li { float: left; }
  .Pager a:hover,
  .Pager * .active { color: #FFFFFF !important; height: 10px; background-color: #651751; border: 1px solid #651751; padding: 1px 5px 1px 5px; margin: 1px; } 
 
  /* tabs */
  .TabStrip { width: 100%; background: url('images/tabBg.gif') repeat-x !important; height: 28px !important; }
  .tab { width: 179px; text-align: center; height: 28px !important; padding: 5px 0 0 0 !important; }
  .tab .rtsTxt, .tab_selected .rtsTxt { font-size: 14px !important; color: #ffffff !Important; font-weight: normal !important; }
  .tab_selected { background: url('images/tabSelectedBg.gif') repeat-x !important; height: 28px !important; }
}