﻿/********************************************************************
GLOBAL TYPOGRAPHY CLASSES
********************************************************************/
body, p, a, th, td, div, h1, h2, h3, h4, h5, h6, input, select
{
  margin:0px;
  padding:0px;
  font-family: arial;
  font-size: 8.5pt;  
  font-weight: normal;
  color: black;
}
.col_752px p, .col_752px a, .col_752px td, .col_752px div, .col_501px p, .col_501px a, .col_501px td, .col_501px div
{
  font-size:9pt;
  line-height:18px;
}
.small_text, .small_text p
{
  font-size: 8.5pt;
  line-height:15px;
}
a:link, a:visited
{ 
  color:#d41111;
  text-decoration:underline;
}
a:hover
{
  text-decoration:underline;
}
h1
{
  font-family:arial;
  font-size:42px;
  letter-spacing:-1px;
  line-height:40px;
  font-weight:bold;
  padding:0px 0px 10px 0px;
}
h2
{
  font-family:arial;
  color:#d41111;
  font-size:20px;
  letter-spacing:0px;
  line-height:25px;
  font-weight:bold;
  padding:0px 0px 16px 0px;
}
h3, h3 a
{
  font-family:Arial;
  color:#d41111;
  font-size:14px;
  font-weight:bold;
  margin:0px 0px 5px 0px;
}
h4, h4 a
{
  font-family:Chalet;
  font-size:14pt;
  color:#bb0002;
  margin:0px 0px 10px 0px;
}
h5, h5 a
{
  font-size:8pt;
  font-weight:bold;
  font-style:italic;
}
h6, h6 a
{
  font-size:9pt;
  font-weight:bold;
  font-style:italic;
  color:gray;
}
.main_link
{
  font-family:arial;
  color:#b00000;
  font-size:11px;
  font-weight:bold;
  margin:0px 20px 0px 0px;
  text-transform:uppercase;
}
/********************************************************************
STRUCTURE CLASSES
********************************************************************/
html
{
  height:100%;
}
body
{
  height:100%;
  margin:0px auto 0px auto;
  /*background:url(Images/bg_main.gif) repeat-x 0px 400px;*/
  background:white;
}
#wrap
{
  display:table;
  width:100%;
  height:auto;
  position:relative;
  float:left;
}
#wrap_top
{
  width:100%;
  height:auto;
  margin:0px auto 0px auto;
  background:#d41111;
  background:url(Images/bg_top.gif);
}
#wrap_main
{
  width:100%;
  height:auto;
  margin:0px auto 0px auto;
}
#wrap_footer
{
  display:none;
  position:absolute;
  width:100%;
  height:323px;
  background:#181818 url(Images/footer_bg.gif) repeat-x left top;
}
#top
{
  width:1003px;
  height:123px;
  
  
  
  margin:0px auto 0px auto;
}
#logotype
{
  cursor:pointer;
  float:left;
  width:403px;
  height:55px;
  margin-top:15px;
  /*background:url(Images/logo.png) no-repeat left 20px;*/
}
#search
{
  float:left;
  width:600px;
  height:92px;
}
#menu
{
  width:1003px;
  height:auto;
  float:left;
  margin:0px auto 0px auto;
}
#main
{
  width:1003px;
  height:auto;
  margin:25px auto 0px auto;
}
.col_251px
{
  overflow:hidden;
  float:left;
  width:251px;
  height:auto;
  background:#ffffff url(Images/dotts_vertical.gif) repeat-y left top;
  margin:0px 0px 20px 0px;
}
.col_501px
{
  overflow:hidden;
  float:left;
  width:501px;
  height:auto;
  margin:0px 0px 0px 0px;
  background:#ffffff url(Images/dotts_vertical_501px.gif) repeat-y left top;
  margin:0px 0px 20px 0px;
}
.col_752px
{
  overflow:hidden;
  float:left;
  width:752px;
  height:auto;
  background:#ffffff url(Images/dotts_vertical.gif) repeat-y left top;
  margin:0px 0px 20px 0px;
}
#footer
{
  width:950px;
  height:50px;
  margin:0px auto 0px auto;
}

/********************************************************************
HELPER CLASSES
********************************************************************/
.clear
{
  font-size:0px;
  height:0px;
  clear:both;
}
.col1 .minHeight
{
  float:left;
  width:1px;
  height:650px;
  font-size:0px;
}
.col_251px .margin
{
  clear:both;
  width:auto;
  height:auto;
  margin:23px 0px 0px 0px;
  padding:0px 23px 25px 23px;   
}
.col_501px .margin
{
  clear:both;
  width:auto;
  height:auto;
  margin:25px 0px 0px 0px;
  padding:0px 30px 0px 30px;
}
.col_752px .margin
{
  clear:both;
  width:692px;
  height:auto;
  margin:25px 0px 0px 0px;
  padding:0px 30px 0px 30px;
}
.start_teaser_item .content
{
  float:left;
  width:230px;
  height:80px;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 10px;
}
.start_teaser_item .image
{
  float:left;
  width:90px;
  height:auto;
  overflow:hidden;
}
.button_default
{
  margin:10px 0px 0px 0px;
  cursor:pointer;
  float:left;
  width:auto;
  height:26px;   
  background:url(Images/btn_center.gif) repeat-x;
}
.button_default img
{
  float:left;
}
.button_default .content
{
  font-weight:bold;
  color:#d41011;
  text-align:center;
  width:60px;
  float:left;
  padding:5px 5px 0px 5px;
}
/********************************************************************
"PAGE SPECIFIC" CLASSES (Menu, footer, left/right-content etc.)
********************************************************************/
.start_content
{
  position:absolute;
  top:0px;
  left:0px;
  width:400px;
}
.start_teasers
{
  margin:35px 0px 0px 0px;
  float:left;
  width:752px;
  height:auto;
}
.start_teaser_item
{
  cursor:pointer;
  float:left;
  width:338px;
  height:95px;
  margin:0px 25px 10px 11px;
  padding:0px 0px 0px 0px;
  /*background:url(Images/dotts_vertical.gif) repeat-y right top;*/
  border:1px solid silver;
}
.menu_item
{
  cursor:pointer;
  float:left;
  height:32px;
  background:url(Images/menu_btn.gif) no-repeat right top;
}
.menu_item .item
{
  font-family:Arial;
  font-weight:bold;
  font-size:8.5pt;
  text-transform:uppercase;
  color:Black;
  display:block;
  padding:11px 33px 0px 0px;
  margin:0px 0px 0px -5px;
  text-decoration:none;
}
.menu_item .item:hover
{
  color:#d41111;
}
.menu_item .selected
{
  color:#d41111;
}
.textbox
{
  width:167px;
  padding:3px 0px 3px 5px;
  border:0px;
  background:white url(Images/textbox_bg.gif) no-repeat left top;
}
.product_menu_headline
{
  font-size:9pt;
  font-weight:bold;
  width:200px;
  height:23px;
  padding:7px 0px 0px 5px;    
  background:#ececec url(Images/dotts_horizontal.gif) repeat-x left bottom;    
}
.product_menu_item
{
  cursor:pointer;
  width:200px;
  height:auto;
  padding:7px 0px 7px 3px;    
  background:url(Images/dotts_horizontal.gif) repeat-x left bottom;  
  
}
.product_menu_tree
{
  margin:25px 0px 25px 0px;
}
.booking_text
{
  display:block;
  width:180px;
  margin:0px 0px 5px 0px;
  color:Silver;
}