/* Formatierung der gesamten Webseite */
body { text-align:center; margin:0px; padding:0px; }
   * { margin:0px; padding:0px; }
   
/* Positionierung sämtlicher Layoutelemente */
.main {
    width:900px;
    height:90%;
    text-align:left;
    margin:0 auto;
} 

/* Hauptinhalte des Contentbereichs */
.main *.main_layout {
  position:absolute;
    top:50px;
    width:900px;
  

  border:none;
  background-color:transparent;
}

.main *.main_layout *.content {
  display:block;    
    width:900px;
  
  border:none;
  background-color:transparent;  
}

.main *.main_layout *.navigation {
  display:block;
    float:left;
    
    width:20%;
  border:none;
  background-color:transparent;  
}

/* Seitenüberschrift, Slogan bzw. Titelzeile */
.main *.main_pageheader {
  position:absolute;
    top:30px;
    width:900px;
  
  border:none;
  background-color:transparent;
}

.main *.main_pageheader *.slogan {
  display:block;
  
  font-family:Tahoma, Verdana, Arial;
  font-size:14px;
  font-weight:bold;
  font-variant:small-caps;
  
  color:#B3B8FA;
  text-align:right;
  
  border:none;
}

.main *.main_pageheader *.slogan a:hover { color:#3548F0; }
.main *.main_pageheader *.slogan a {
  font-family:Tahoma, Verdana, Arial;
  font-size:14px;
  font-weight:bold;
  font-variant:small-caps;
  
  color:#B3B8FA;
  text-align:right;
}

.main *.main_pageheader *.eyecatcher {
  float:left;
    width:810px;
    height:65px;

  background-image:url('./../resource/eyecatcher/eyecatcher_01.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  
  border:none;
    border-right:3px solid #A8C0D9;
    border-bottom:3px solid #A8C0D9;
}

.main *.main_pageheader *.icon {
  float:right;
    width:87px;
    height:65px;

  background-image:url('./../resource/icons/boat.gif');
  background-position:center;
  background-repeat:no-repeat;
  
  border:none;
    border-bottom:3px solid #A8C0D9;
}