@media all {

   /******************************************************************
   GENERAL SETTINGS
   *****************************************************************/
   
   * {
      margin: 0;
      padding: 0;   
   }
   
   * a {
      outline: none;  
   }
   
  body {
      background-color: #162753;
      background-color: #1859A3;
      background-image: url(gfx/body_background.gif);
      background-image: url(gfx/fond2011.png);
      background-repeat: repeat-x;
      background-position: top left;  
      font-family: Verdana;
      font-size: 13px;
      color: #333333;
   }
   
   img {
      border: 0;
   }
   
   p {
      color: #333333;
      margin-top: 0px;
      margin-bottom: 6px;
   }
   
   
   
   /******************************************************************
   RAHMEN DEFINITIONEN
   *****************************************************************/
   #page_wrapper {
      width:962px;
      position:absolute;
      left: 50%;
      margin-left: -481px;
      background-image: url(gfx/wrapper_background.png);
      background-repeat: repeat-y;
      background-position: top center;
   }
   
   #page_inner_wrapper {
      margin: 0 30px 0 30px;
      background-color: white;
      border: solid 1px white;
      position: relative;
   }
   
   
   /******************************************************************
   HEAD DEFINITIONEN
   *****************************************************************/
   
   #head {
      background-color: white;
      width: 900px;
      height: 150px;
      position: relative;
   }
   
   #head #mapalogo {
      position: absolute;
      left: 46px;
      top: 23px;
      width: 167px;
      height: 109px;
   }
   
   #head #titlepic {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 680px;
      height: 150px;
      background-image: url(img/titlepics/family.jpg);
      background-position: top right;
      background-repeat: no-repeat;
   }
   
   #head #hutchinsonlogo {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 151px;
      height: 29px;
      z-index: 10;
   }
   
   
   
   /******************************************************************
   MENU DEFINITIONEN
   *****************************************************************/
   
   #menu {
      height: 80px;
      background-image: url(gfx/menushadow.gif);
      background-position: 0px 61px;
      background-repeat: no-repeat;
      font-size: 13px;
      font-weight: normal;
   }
   
   #menu .main {
      background-color: #2B4999;
      border-top: solid 1px #fff;
      border-bottom: solid 1px #fff;
      font-weight: bold;
      height: 29px;
      position: relative;
   }
   
   #menu .sub {
      background-color: #6E84BD;
      border-bottom: solid 1px #fff;
      height: 29px;
      position: relative;
   }
   
   #menu ul {
      list-style-type: none;   
      padding-left: 30px;
      position: absolute;
      bottom: 0;
      z-index: 1;
   }
   
   #menu li {
      float: left;
      display: inline;
      padding-left: 15px;
      padding-right: 15px;
      border-right: 1px solid #fff;
   }
   
   #menu li:last-child {
      border-right: 0;
   }
   
   #menu a {
      text-decoration: none;
      color: #cad0de;
      padding-bottom: 4px;
   }
   
   #menu a.active,
   #menu a:hover {
      color: #fff;  
   }
   
   #menu .main a.active {
      background-image: url(gfx/menu_arrow.gif);
      background-repeat: no-repeat;
      background-position: bottom center; 
   }
   
   #menu .sub a.active {

   }
   
   
   
   /******************************************************************
   CONTENT, LEFT SIDE
   *****************************************************************/
   
   #content {
      width: 900px;
      margin-top: 5px;
      margin-left: 20px;
      
   }

   
   
   /******************************************************************
   CONTENT FOOTER
   *****************************************************************/
   
   #logofooter {
      position: relative;
      bottom: 0px;
      left: -10px;
      height: 115px;
      background-image: url(gfx/logofooter.gif);
      background-repeat: no-repeat;
   }
      
   
   
   /******************************************************************
   PAGE FOOTER
   *****************************************************************/
   
   #foot {
      clear: both;
      height: 64px;
      margin-bottom: -64px;
      padding: 0 30px 0 30px;
      background-image: url(gfx/footer_background.png);
      background-repeat: no-repeat;
      background-position: left center;
   }   
   
   #foot div {
      font-size: 10px;
      color: #fff;
      text-align: center;
      padding-top: 12px;  
   }  
 
   #foot div a {
      color: white;
      text-decoration: none;
   }
   
   #foot div a:hover {
      color: white;
      text-decoration: underline;
   }

   
}