/*
*****************************************************************************************************
Bernd Göbel, <strich-komma />, http://www.strich-komma.de, web@strich-komma.de
*****************************************************************************************************
*****************************************************************************************************
- CSS for all IE "main_ie.css"
- CSS for printing "print.css"
*****************************************************************************************************
best font-size:
69%, 76%, 86%, 93% und 101%

color:
body: d9e6f4;
link: 262371;

*/

/*basis*/
/*****************************************************************************************************/
html {
  height: 100%; }

* { margin: 0; padding: 0; font-family: Verdana , Arial , Helvitica , sans-serif; color: #333333; }

body {
  font-size: 100.01%;
  text-align: center;
  padding: 0 20px; 
  }
  
/*****************************************************************************************************/   
/*typographie*/
/*****************************************************************************************************/ 
iframe { margin-top: 24px;}

p , h2 , ul, address  { font-size:76%; line-height: 132%; }

h3 { font-size: 101%; margin-bottom: 1em; }


p { margin-bottom: .5em; }
a:link , a:visited , a:active { text-decoration: none; }
a:focus , a:hover { text-decoration: underline; }

address { font-style: normal; margin-bottom: 2em; }
address span { margin-top: .5em; display: block; }

img { border: none; } 

ul ul { font-size: 100%; }
li { list-style: none; }

form { display: inline; }
/* erste Element*/
.firstTop { margin-top: 0 !important; }
.firstLeft { margin-left: 0 !important; }

/*clear Float*/
.clear { clear: both; height: 1px; line-height: 1px; overflow: hidden; }

/*Unsichtbar*/
.hidden { 
  position: absolute;
  left: -3000px;
  top: -2000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
 }

/*****************************************************************************************************/   
/*typography special*/
/*****************************************************************************************************/ 


/*****************************************************************************************************/   
/*color and backgrounds*/
/*****************************************************************************************************/ 

body { background: #f8f4cd; } 
body#map { background: #262371; } 
  
a { color:#262371; } 

#pageWrapper { background: url(../img/main/page_middle.gif) repeat-y; }
#pageHeader { background: url(../img/main/page_top.gif) no-repeat; }
#pageFooter { background: url(../img/main/page_bottom.gif) bottom left no-repeat; }
#pageContent {}
#mainCol { }
#marginalCol { }

#mainNavigation { }
#pageNavigation { }
#subNavigation { }




/*****************************************************************************************************/ 
/*structure and position*/
/*****************************************************************************************************/ 

#pageWrapper {
  position: relative;
  top: 0px;
  width: 800px;
  margin: 30px auto 0 auto;
  text-align: left; }

#pageHeader { 
  padding-top: 4px;
}

#pageFooter { 
  margin-top: 32px;
  padding-bottom: 32px;
   text-align: center !important;
}

#pageContent { 
  width: 746px;
  min-height: 440px;
  padding-left: 23px;
  padding-right: 31px;
}

#mainCol {
  float: right;
  width: 564px;
  padding-top: 60px;
}

#navCol {
  width: 156px;
  float: left;
}


/*****************************************************************************************************/ 
/*Navigation*/
/*****************************************************************************************************/ 
/*Seitennavigation*/
ul#pageNavigation { float: right; padding-right: 32px; margin-top: 4px; }
#pageNavigation li { float: left; }
#pageNavigation li span { padding: 0 8px; }
#pageNavigation li a:hover { text-decoration: none; }

/*Navigation Auswahl Charter*/
ul#mainNavigation { float: right; padding-right: 18px; }
#mainNavigation li { float: left; }

#mainNavigation li a { display: block; height: 26px; }

#mainNavigation li.pauschalreisen a { background: url(../img/main/main_navigation.gif) 0px 0px no-repeat; width: 142px; }
#mainNavigation li.last-minute a { background: url(../img/main/main_navigation.gif) -142px 0px  no-repeat; width: 116px; }
#mainNavigation li.hotels a { background: url(../img/main/main_navigation.gif) -258px 0px no-repeat; width: 75px; }
#mainNavigation li.charterfluege a { background: url(../img/main/main_navigation.gif) -333px 0px no-repeat; width: 125px; }

#mainNavigation li.pauschalreisen a:hover { background: url(../img/main/main_navigation.gif) 0px -26px no-repeat; }
#mainNavigation li.last-minute a:hover { background: url(../img/main/main_navigation.gif) -142px -26px  no-repeat; }
#mainNavigation li.hotels a:hover { background: url(../img/main/main_navigation.gif) -258px -26px no-repeat; }
#mainNavigation li.charterfluege a:hover { background: url(../img/main/main_navigation.gif) -333px -26px no-repeat; }

#mainNavigation li.pauschalreisen a.current { background: url(../img/main/main_navigation.gif) 0px -26px no-repeat; }
#mainNavigation li.last-minute a.current { background: url(../img/main/main_navigation.gif) -142px -26px  no-repeat; }
#mainNavigation li.hotels a.current { background: url(../img/main/main_navigation.gif) -258px -26px no-repeat; }
#mainNavigation li.charterfluege a.current { background: url(../img/main/main_navigation.gif) -333px -26px no-repeat; }

#mainNavigation li span, #siteNavigation li span { 
  position: absolute;
  left: -3000px;
  top: -2000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
 }
 
/*Navigation website*/
ul#siteNavigation { margin-bottom: 2em; }
#siteNavigation li a { display: block; width: 156px; height: 30px; }
#siteNavigation li.insel a { background: url(../img/main/site_navigation.gif) 0px -6px no-repeat; }
#siteNavigation li.wetter a { background: url(../img/main/site_navigation.gif) 0px -36px no-repeat; }
#siteNavigation li.wandern a { background: url(../img/main/site_navigation.gif) 0px -66px no-repeat; }
#siteNavigation li.mietwagen a { background: url(../img/main/site_navigation.gif) 0px -96px no-repeat; }
#siteNavigation li.webcam a { background: url(../img/main/site_navigation.gif) 0px -126px no-repeat; }
#siteNavigation li.faehre a { background: url(../img/main/site_navigation.gif) 0px -156px no-repeat; }
#siteNavigation li.links a { background: url(../img/main/site_navigation.gif) 0px -186px no-repeat; }

#siteNavigation li a:hover { display: block; width: 156px; height: 30px; }
#siteNavigation li.insel a:hover  { background: url(../img/main/site_navigation.gif) -153px -6px no-repeat; }
#siteNavigation li.wetter a:hover  { background: url(../img/main/site_navigation.gif) -153px -36px no-repeat; }
#siteNavigation li.wandern a:hover  { background: url(../img/main/site_navigation.gif) -153px -66px no-repeat; }
#siteNavigation li.mietwagen a:hover  { background: url(../img/main/site_navigation.gif) -153px -96px no-repeat; }
#siteNavigation li.webcam a:hover  { background: url(../img/main/site_navigation.gif) -153px -126px no-repeat; }
#siteNavigation li.faehre a:hover  { background: url(../img/main/site_navigation.gif) -153px -156px no-repeat; }
#siteNavigation li.links a:hover  { background: url(../img/main/site_navigation.gif) -153px -186px no-repeat; }

#siteNavigation li a.current { display: block; width: 156px; height: 30px; }
#siteNavigation li.insel a.current  { background: url(../img/main/site_navigation.gif) -153px -6px no-repeat; }
#siteNavigation li.wetter a.current  { background: url(../img/main/site_navigation.gif) -153px -36px no-repeat; }
#siteNavigation li.wandern a.current  { background: url(../img/main/site_navigation.gif) -153px -66px no-repeat; }
#siteNavigation li.mietwagen a.current  { background: url(../img/main/site_navigation.gif) -153px -96px no-repeat; }
#siteNavigation li.webcam a.current  { background: url(../img/main/site_navigation.gif) -153px -126px no-repeat; }
#siteNavigation li.faehre a.current  { background: url(../img/main/site_navigation.gif) -153px -156px no-repeat; }
#siteNavigation li.links a.current  { background: url(../img/main/site_navigation.gif) -153px -186px no-repeat; }

/*Navigation Home Auswahl Charter*/
ul#charter { margin-top: 2em; }
#charter li { display: inline; margin-left: 12px; }
/*Navigation ferien.de*/
#ferienNavigation li { display: inline; }
#ferienNavigation li span { padding: 0 8px; }
#ferienNavigation li a:hover { text-decoration: none; }

/*****************************************************************************************************/ 
/*inhalt*/
/*****************************************************************************************************/ 

h1 { float: left; padding-left: 23px; }
h2 { clear: left; padding-left: 21px; }