/**************************************************************
   Visit FullAhead.org and studio7designs.com for more layouts and downloads for this template!
 **************************************************************/
 
/**************************************************************
   All page content except for 
   
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  
}



/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 110px;
	margin: 0 auto;
	background:url(../images/background_header.jpg) repeat-x bottom;
	width:960px;
}

.headerAdress {color:#FFF;margin-left:350px;}

#breadcrump {margin:0;margin-bottom:15px}
#breadcrump a:link  {font-size:0.7em;color:#555}
#breadcrump a:hover {font-size:0.7em;color:#555}
#breadcrump a:visited {font-size:0.7em;color:#555}
#breadcrump a:active {font-size:0.7em;color:#555}

#logo			{padding-left:25px;padding-top:5px;float:left;}
#flaggs   {float:left;margin-left:250px;margin-top:10px;}
#france   {float:left;margin-right:10px;}
#de       {float:left;margin-right:10px;}
#en       {float:left;margin-right:10px;}
#it       {float:left;margin-right:10px;}
#sp       {float:left;margin-right:10px;}


#Inhalte {margin-top:20px;}
#Inhalte img {border:1px solid #000;margin:0px;}

#Inhalte .mainHeadline {font-family:times new roman;margin-top:43px;}
#Inhalte .mainHeadline h1 {padding-left:20px;padding-bottom:10px;background:url(../images/subheadlineUnderline.gif) left bottom no-repeat;font-size:1.7em;color:#000;}
#Inhalte .subHeadlineUnderline {}
#Inhalte .subHeadlineUnderline h2 {padding-left:20px;padding-bottom:8px;background:url(../images/subheadlineUnderline.gif) left bottom no-repeat;font-size:1.3em;color:#000;}

#Inhalte .text {margin-top:20px;}

#space {height:200px;background-color:red}

#Inhalte .textBildRight {margin-top:25px;}
#Inhalte .textLeft {margin:0;float:left;width:455px;margin-right:25px;}
#Inhalte .imgRight {margin-top:5px;;float:left;width:180px;}

#Inhalte .textBildLeft {}
#Inhalte .textRight {margin:0;float:right;width:455px;}
#Inhalte .imgLeft {margin-top:5px;float:right;width:180px;margin-right:25px;}

#Inhalte p {margin:0px;}

#Inhalte .form p {margin:5px;padding:0px;}


.mainNavigation {float:left;  width: 205px;padding:15px;margin-right:20px;margin-top:20px;}

.navLevel1 {background:url(../images/naviLine.gif) bottom no-repeat;width:165px;height:28px;padding:0px;margin-left:20px;margin-top:5px;}
.navLevel1 .link {font-weight:bold;font-size:14px;color:#000;padding-left:3px;}

.navLevel1Selected {background:url(/cms/images/naviLineSelected.gif) bottom no-repeat;width:177px;height:33px;margin-left:8px;}
.navLevel1SelectedInner {padding-left:25px;padding-top:8px;}
.navLevel1SelectedInner .link {font-weight:bold;font-size:14px;color:#D78C74;}

.navLevel2 {background:url(../images/naviLineSub.gif) bottom no-repeat;width:165px;height:22px;padding:0px;margin-left:20px;margin-top:5px;}
.navLevel2 .link {font-weight:bold;font-size:11px;color:#D78C74;padding-left:25px;}
.navLevel2Selected {background:url(../images/naviLineSub.gif) bottom no-repeat;width:165px;height:22px;padding:0px;margin-left:20px;margin-top:5px;}
.navLevel2Selected .link {font-weight:bold;font-size:11px;color:#8F4435;padding-left:35px;}

.teaser2cols {margin-top:25px;width:100%}
.teaser2cols .teaserColumnLeft {float:left;width:47%;}
.teaser2cols .spacercol {float:left;width:6%;}
.teaser2cols .teaserColumnRight {float:left;width:47%;}

.teaser3cols {margin-top:25px;width:100%}
.teaser3cols .teaserColumnLeft {float:left;width:30%;}
.teaser3cols .spacercol {float:left;width:5%;}
.teaser3cols .teaserColumnRight {float:left;width:30%;}
.teaser3cols .teaserColumnMidlet {float:left;width:30%;}

.form         {margin-top:20px;}
.formReservationDatas {margin-top:30px;}
.formPersonsDatas {margin-top:40px;}
.formSend {margin-top:20px;text-align:left;}

.plz    {width:50px;margin-right:6px}
.city   {width:240px;margin-right}

.spacer {height:40px;}

.tableGrid {background-color:#000;}
.tablecellGrid {background-color:#FFF7F0;}
.tablecellGridBasse {background-color:#E3EDD5;}
.tablecellGridMoyenne {background-color:#ECEDD5;}
.tablecellGridHaute {background-color:#EADCAD;}

.divImg {margin-top:25px;}

/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  position: relative;
  margin: 0 auto;
  height: 241px;  
  background-color:#000;
  width:960px;
}


#mainContent {float:left;width:665px;}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
  margin: 0 auto;

}

#columns {
  margin: 0 auto;
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 960px;
}

.width25 {
  width: 200px;
  padding:15px;
}

.width50 {
  width: 695px;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/**************************************************************
   
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 37px;
  margin-top: -10px;
}

#footer #bg {
  position: relative;
  height: 37px;
  margin: 0 auto;
  background:url(../images/footer_bg.gif) repeat-x bottom left;
  width:960px;
  text-align: center;
}

.footerContent {color:#FFF;padding-top:10px;font-size:14px;font-weight:bold;}


/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}