@charset "UTF-8";
@media all
{
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  #page_margins { width: 100%; background-color: transparent; text-align: center; }
  #page_top { width: 915px; margin-left: auto; margin-right: auto; margin-top: 10px; background-image: url(images/bg_top.gif); background-repeat: no-repeat; height: 15px; line-height: 15px; }
  #page { width: 915px; margin-left: auto; margin-right: auto; background-image: url(images/bg_main.gif); background-repeat: repeat-y; text-align: left; }
  #page_bottom { width: 915px; margin-left: auto; margin-right: auto; background-image: url(images/bg_bottom.gif); background-repeat: no-repeat; height: 19px; line-height: 19px; }  
  #pageheader, #pagenav, #pagemain, #pagefooter { float: left; width: 898px; margin-left: 5px; background-color: #ffffff; border: solid 1px white; }
  
  html { height: 100%; }
  body { margin: 0px; height: 100%; font-family: Arial !important; font-size: 8pt; background-image: url(images/bg.gif); background-position: center; background-repeat: repeat-y; }  
  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 { position: relative; height: 108px; }
  #pageheader_languages { float: left; width: 80px; height: 48px; border-right: 1px solid #375577; }
  #pageheader_languages[id] { width: 75px; height: 33px; }
  #pageheader_languages a { margin: 0 0 0 5px; }
  
  #pageheader_homelink { position: absolute; left: 10px; top: 0; }
  .pageheader_nav { position: absolute; right: 0; top: 0; text-align: right !important; width: 300px; } 
  #pageheader_download { position: absolute; left: 350px; top: 0; }
  
  /* Navigation */ 
  #pagenav { }
  #pagenav_spacer { float: left; width: 80px; height: 52px; border-right: 1px solid #375577; }
  #pagenav_main { float: right; height: 52px; border-right: 1px solid #375577; }
  
  /* Content */
  /* ---------Teaser 1-3--------ANFANG---*/ 
  .pagemain_contentBox1, .pagemain_contentBox2, .pagemain_contentBox3 { position: relative; z-index: 100; font-weight: bold; color: #000099; }
  .pagemain_contentBox1 { top: 26px; left: 10px; }
  .pagemain_contentBox2 { top: 162px; left: 10px; }
  .pagemain_contentBox3 { top: 78px; left: 10px; }
  
  #Link1, #Link2, #Link3, #Link4, #Link5 #Link6 { position: absolute; z-index: 999; }
  #Link1 { margin-top: 20px; }
  #Link2 { margin-left: 280px; margin-top: -95px; }
  #Link3 { margin-left: 280px; margin-top: 5px; }
  #Link4 { margin-left: 240px; margin-top: 105px; }
  #Link5 { margin-left: 240px; margin-top: 205px; width: 350px; }
  #Link6 { margin-left: 630px; margin-top: -400px; }
  
  /* ---------Teaser 1-3--------ENDE---*/ 
  #pagemain { }  
  .pagemain_left { float: left; width: 898px; height: 410px; background-image: url(images/theme.jpg); background-repeat: no-repeat; }
  #col1[id] { width: 60px; }
  #col2 { float: left; width: 675px; height: 910px; padding: 10px; border-left: 1px solid #375577; border-right: 1px solid #375577; }  
  #col2[id] { width: 60px; }
  .col2_main { float: left; }
  .col2_right { float: right; }
  #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_col1 { float: left; width: 160px; height: 75px; background-color: #9bc979; margin-right: 1px; padding: 5px; }
  .pagefooter_col2 { float: left; width: 120px; height: 75px; background-color: #9bc979; margin-right: 1px; padding: 5px; }
  .pagefooter_col3 { float: left; width: 360px; height: 75px; background-color: #9bc979; margin-right: 1px; padding: 5px; }
  .pagefooter_col4 { float: left; width: 224px; height: 85px; background-image: url(images/bg_footer.gif); background-repeat: repeat-y; }    
  #pagefooter_dnn { width: 916px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: right; }
  #pagefooter_dnn a { color: #2a882a !important; }
  
  .pagefooter_tabs { margin-top: 5px; float: right; }
  .pagefooter_tab_infothek { float: left; margin-top: 4px; margin-left: 5px; }
  .pagefooter_tab_infothek a { font-size: 14px !important; color: #295e16 !important; }
  
  /* SEO-Texte */
  #pageseo1 { float: left; margin-left: 6px; margin-top: 15px; width: 898px; height: 502px; background-color: #9CC978; }
  .pageseo1_col1 { float: left; position: relative; top: 22px; width: 299px; } 
  .pageseo1_col2 { float: left; position: relative; top: 22px; left: 5px; width: 590px; }
 

  /* Styles einzelner Elemente */    
  a { color: #008e39; font-weight: bold; text-decoration: none; font-size: 11px; }   
  a:hover { text-decoration: none; }
  a:visited { color: #008e39; 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; }
  div.row90 { width: 90%; clear: both; }
  div.row.transparent { background-color: Transparent !important; }
  div.col { float: left; }
  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.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: 735px; }
  .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: 12px !important; font-style: normal !important; line-height: normal !important; font-weight: bold !important; color: #FFFFFF !important; padding-left: 2px !important; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; }
  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, .title span { font-weight: bold; font-style: normal; color: #375574 !important; font-size: 10pt !important; font-family: Arial; padding-left: 5px; 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; }
  .subtitle  { font-weight: bold; font-style: normal; font-size: 10pt !important; font-family: Arial; }
  .ContentTitle { font-weight: bold; font-style: normal; font-size: 12pt !important; font-family: Arial; }
  /* 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; }
  
  /* 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; }
  
  /* MyRomantik */
  #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; }
  
  .Pager * a { color: #b44f0d !important; height: 10px; width: 10px; background-color: #fbf2bb; border: 1px solid #b44f0d; padding: 1px 3px 1px 3px; margin: 1px; }
  .Pager * a:hover { color: #FFFFFF !important; height: 10px; width: 10px; background-color: #b44f0d; border: 1px solid #b44f0d; padding: 1px 3px 1px 3px; margin: 1px; }
  .Pager * a:visited { color: #FFFFFF !important; height: 10px; width: 10px; background-color: #b44f0d; border: 1px solid #b44f0d; padding: 1px 3px 1px 3px; margin: 1px; }
  
  .small input { font-size: 10px !important; }
}