@charset "UTF-8";

@media all
{
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  #page_margins { width: 1004px; min-width: 1004px; max-width: 1004px; background-color: #f3f9f6; background-image: url(images/bg.gif); background-position: left; background-repeat: repeat-y; }
  html { height: 100%; }
  body { margin: 0px; height: 100%; font-family: Arial !important; font-size: 8pt; }  
  a img { border: none; }
  img { border: none; }  
  div, span, p, label { font-family: Arial; font-style: normal; font-size: 8pt !important; color: #000000 !important; line-height: 14px; padding: 0; margin: 0; }
  ul, li { padding: 0px; }
  ul { padding-left: 1em; }
  .bold { font-weight: bold; }
  .alert { font-weight: bold; color: #cc0000 !important; }
  .eventLabel { font-weight: bold; font-variant: small-caps; }
  
  /* 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; width: 1004px; height: 185px; background-image: url(/portals/0/ThemenBilder/themeImg_top.jpg) }
  .pageheader_nav { float: left; position: relative !important; top: 2px !important; left: 558px !important; max-width: 446px; min-width: 446px; line-height: 14px; }
  #pageheader_search { float: right; position: relative !important; top: 0px !important; }
  #pageheader_homelink { position: absolute; width: 145px; height: 92px; right: 50px; top: 48px; }
  
  /* Navigation */ 
  #nav { height: 34px; background-repeat: no-repeat; background-color: #cfe5e2; background-image: url(/portals/0/ThemenBilder/themeImg_left_1.jpg) }
  #nav_main { margin-left: 160px; }
  #nav_img { float:left; width: 160px; height: 37px; background-repeat: no-repeat; background-image: url(/portals/0/ThemenBilder/themeImg_left_2.jpg); }
  #nav_border { float:left; width: 100%; max-height: 1px; line-height: 1px; background-color: #bbbbbb; }
  
  /* Sprachen */
  #col1_language { position: relative; left: 10; top: 10; }
  #language_de-DE { position: absolute; left: 0; top: 0; }
  #language_en-US { position: absolute; left: 33px; top: 0; } 
  #language_it-IT { position: absolute; left: 66px; top: 0; }
  #language_fr-FR { position: absolute; left: 99px; top: 0; }
  
  /* Content */
  #main { clear: both; }  
  #col1 { float: left; width: 160px; }
  #col3 { margin: 20px 15px 0 183px; width: auto; background-color: #f3f9f6; }
  /* moz-hack (wird nur von moz, firefox gelesen) */
  #col3[id] { margin: 0 0 0 183px; padding: 20px 0 0 0; }  

  #col1_img { background-image: url(/portals/0/ThemenBilder/themeImg_left_2.jpg); height: 37px; }
  #col1_language { height: 40px; }
  .col1_content { padding: 0 0 0 13px; }
  .col1_content hr { margin-left: 22px;}  
  
  .col3_main { float: left; width: 596px; }
  .col3_right { width: 190px; margin: 0 12px 0 0; float: right; }
  #col3_footer { clear: both; }
  
  .col3_footer_col1, 
  .col3_footer_col2, 
  .col3_footer_col3, 
  .col3_footer_col4 { margin-top: 40px; margin-bottom: 25px; float: left; margin-right: 1px; width: 198px; overflow: hidden; }
  .col3_footer_col1 ul li, 
  .col3_footer_col2 ul li, 
  .col3_footer_col3 ul li, 
  .col3_footer_col4 ul li { list-style-type: none !important; }
  .col3_footer_col4 { margin-right: 0px; }
  
  /* Footer */
  #pagefooter { clear: both; }
  #pagefooter_col1 { float: left; height: 90px; width: 160px; background-color: #eaf5f1; }
  #pagefooter_col3 { height: 90px; margin: 0 0 0 160px; background-image: url(images/footer_karos.gif); background-position: left; background-repeat: no-repeat; text-align: right; padding: 40px 140px 0 0; }
  #pagefooter_col3 div { text-align: right; }
  .pagefooter_tabs { margin-top: 5px; }
  #pagefooter_dnn { clear: both; width: 100%; background-color: #FFFFFF; text-align: right; }
  #pagefooter_dnn a { color: #ffffff !important; }

  /* Styles einzelner Elemente */    
  a { color: #920F2E !important; font-weight: bold; text-decoration: none; font-size: 11px; }   
  a:hover { text-decoration: none; }
  a:visited { color: #920F2E !important; text-decoration: none; }
  a.small { font-size: 10px; }
  a.white { color: #ffffff !important; }
  a.lightGray { color: #cccccc !important; }
  a.inactive { color: #969696 !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.col18 { width: 18%; 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.col35 { width: 35%; float: left; }
  div.col40 { width: 40%; float: left; }
  div.col45 { width: 45%; float: left; }
  div.col49 { width: 49%; 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.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; }
  .contentPaddingDouble { margin: 20px; }
  .contentPadding row, .contentPaddingDouble row { width: 100%; }
  .contentLine { line-height: 20px; margin-top: 1px; padding-left: 4px; }
  .center { text-align: center;}

  /* 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; }
  
  /* 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.buttonText[class] { height: 18px; }
  div.buttonSmall div.buttonText, .col3_right div.buttonText  { text-transform: uppercase; font-size: 11px !important; padding-top: 4px; }
  div.buttonSmall div.buttonText, col3_right div.buttonText { height: 16px; }

  div.contentContainer { clear: left; padding: 12px 10px 12px 10px; width: 806px; }
  div.contentContainer[class] { width: 786px; }
  
  /* Ueberschriften */
  h1, h1 span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #000000; padding-left: 2px; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; }
  h3.yellow, 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; }
  .yellow { background-color: #faeacc; }
  .red { background-color: #ffe2e2; }
  .green { background-color: #cfe5e2; }
  .violett { background-color: #e3d8f6; }
  .blue { background-color: #d1e5f7; }
  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; font-size: 12pt !important; font-family: Arial; padding: 5px 0 5px 0; }
  .subtitle  { font-weight: bold; font-style: normal; font-size: 10pt !important; font-family: Arial; }
  h1.title { font-size: 10pt !important; font-style: normal; line-height: normal; font-weight: bold; color: #820040; padding-left: 0; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; padding: 0; }
  h2.subtitle { font-size: 8pt !important; font-style: normal; line-height: normal; font-weight: normal; color: #820040; padding-left: 0; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; }
  
  /* kaesten */
  .lightYellow { background-color: #f9f2e5; }
  .lightRed { background-color: #ffefef; }
  .lightGreen { background-color: #f3f9f6; }
  .lightViolett { background-color: #f3effa; }
  .lightBlue { background-color: #e4f0fb; }
  .contentGreen { background-color: #e3f0ee; }
  
  /* kaesten unten */
  .boxContainer .boxContainerBeige,
  .boxContainer .boxContainerBlue,
  .boxContainer .boxContainerGreen,
  .boxContainer .boxContainerViolett { position: relative; width: 198px; height: 148px; overflow: hidden; }
  .boxContainer h3 { font-size: 8pt; font-family: Arial; margin: 0; padding: 2px 0px 2px 10px; height: 12px; line-height: 12px; text-transform: uppercase; font-weight: bold; font-style: normal; width: 198px; }
  .boxContainer[class] h3 { width: 188px; }
  .boxContainer .contentText { width: 198px; height: 78px; padding: 3px 10px 2px 10px; font-size: 8pt; font-family: Arial; width: 198px; }
  .boxContainer[class] .contentText { width: 178px; height: 73px; }
  .boxContainer .contentImage { width: 198px; height: 54px; overflow: hidden;  }
  
  /* iFrame */
  .bookingFrame { background-color: #eef0f3; width: 790px; height: 500px; border: 0px solid #FFFFFF; overflow: auto; }

  /* Kasten rechts Seite */
  .col3_right div.container { width: 190px; padding: 8px; height: 282px; }
  .col3_right[class] div.container { width: 174px; height: 266px; }
  .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; }
  
  /* Hotelseite */
  .hotelPageAddressContainer { clear: both; position: relative; height: 148px; width: 785px; overflow: hidden; margin-top: 10px; }
  .hotelPageHeader { position: absolute; top: 0; left: 0; width: 785px; }
  .hotelPageImage { position: absolute; left: 0; top: 18px; }
  .hotelPageAddress { position: absolute; left: 210px; top: 28px; }
  .hotelPageText { position: absolute; right: 10px; top: 68px; width: 315px; }
  .hotelPageCategories { position: absolute; right: 10px; top: 28px; }
  .hotelPageRow { clear: both; margin-top: 4px; }
  .hotelPageDescription { float: left; width: 170px; margin: 10px; margin-right: 0; margin-bottom: 0; }
  .hotelPageDescriptionBig { float: left; width: 565px; margin: 10px; margin-bottom: 0; }
  .hotelPageDescriptionFull { float: left; width: 765px; margin: 10px; }
                         
  /* Pager */
  .Pager { list-style: none; margin: 0 auto; padding: 0; text-align: center; display: inline; }
  .Pager li { list-style-type: none; padding: 5px; display: inline; }
  .Pager li a.pagingDisabled { color: #666666 !important; }
                         
  /* Hotelliste */
  .hotelListSort { margin-bottom: 10px; width: 765px; }
  .hotelListRow { position: relative; height: 140px; width: 765px; }
  .hotelListImg { position: absolute; left: 5px; top: 0; }
  .hotelListName { position: absolute; left: 215px; top: 30px; }
  .hotelListBook { position: absolute; right: 0; top: 30px; }
  .hotelListSpecialClassifications { position: absolute; left: 215px; top: 70px; }
  .hotelListPager { width: 755px; text-align: center; }
  
  /* Pauschalenliste */
  .packageListSort { margin-bottom: 10px; margin-top: 10px; }
  .packageListRow { position: relative; width: 765px; height: 146px; overflow: hidden; }
  .packageListImage { position: absolute; left: 5px; top: 25px; width: 130px; height: 98px; }
  .packageListName { position: absolute; left: 5px; top: 5px; }
  .packageListPrice { position: absolute; right: 5px; top: 5px; font-weight: bold; text-align: right; }
  .packageListDuration { position: absolute; right: 5px; top: 20px; font-weight: bold; text-align: right; }
  .packageListText { position: absolute; left: 140px; top: 23px; width: 505px; }
  .packageListMore { }
  .packageListBook { position: absolute; right: 5px; top: 55px; }
  .packageListPager { width: 755px; text-align: center; }
  
  /* Pauschalendetails */
  .packageDetailsContainer { }
  .packageDetailsContainer h2 { font-size: 12px; font-weight: bold; color: #000; }
  .packageDetailsContainer ul { margin: 15px; }
  .packageDetailsContainer li { list-style-type: disc; }
  
  /* MyRomantik */
  h3.myRomantik { color: #000000 !important; margin: 0 0 5px 0; text-transform: uppercase; font-weight: bold; }
  .myRomantikToolBar { width: 1004px; background-color: #920f2e; height: 33px; overflow: hidden; background-image: url(images/myRomantik_bg2.gif); background-repeat: no-repeat; }
  .myRomantikMilk { filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; height: 1000px; width: 1004px; background-color: White; position: absolute; top: 33px; z-index: 1; }
  .myRomantikProfile { width: 800px; border: 1px solid #cfe5e2; position: absolute; top: 33px; left: 204px; background-color: #ffffff; z-index: 999; }
  .myRomantikAddress div.row { line-height: 14px; height: 14px; }
  .myRomantikProfileStatus { border: solid 1px #e3d8f6; text-align: left; height: 15px; width: 200px; color: #666666 !important; }  
  .myRomantikProfileStatus .myRomantikProfileStatuBar { display: block; position: relative; background: #f3effa; text-align: center; color: #000000; height: 13px; margin: 1px; font-weight: bold; }
  .MyRomantikTabViolett li a, 
  .MyRomantikTabGreen li a { float: left; font-family: Arial; padding-left: 5px; height: 25px; color: #000000; text-decoration: none; margin-right: 5px; font-weight: bold; padding-top: 4px; }	
  .MyRomantikTabViolett[class] li a,
  .MyRomantikTabGreen[class] li a { height: 21px; }
  .MyRomantikTabViolett li a.rtsSelected,
  .MyRomantikTabViolett li a:hover { background-color: #F3EFFA; }
  .MyRomantikTabGreen li a.rtsSelected,
  .MyRomantikTabGreen li a:hover { background-color: #e9f4ee; }

  .myIntranetToolBar { width: 1004px; background-color: #920f2e; height: 33px; overflow: hidden; background-image: url(images/myIntranet_bg1.gif); background-repeat: no-repeat; }
  .myUIPanel { width: 1004px; }
  .myUIMilk { filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; height: 1000px; width: 1004px; background-color: White; position: absolute; top: 33px; z-index: 1; }
  .myIntranetProfile { border: 1px solid #cfe5e2; width: 800px; position: absolute; top: 33px; left: 204px; background-color: #ffffff; z-index: 999; } 
  
  /* DNN Controls */
  .dnnCaptcha img { margin-bottom: 5px; }
  .dnnCaptcha input { width: 160px; }
}