body {
  background: #000;
  text-align: center;
  color: #fff;
  behavior:  url("csshover.htc");
}
#container {
  height: 460px;
  width:740px;
  border: 1px solid #000;
  margin: 10px auto;
}
#top {
  background: #666;
  height: 290px;
  background: #800000;
  text-align: left;
}
#left {
  float: left;
  width: 385px;
}
#left h1 {
  font: 34px verdana, arial, times new roman, sans serif;
  color: #000;
  margin: 15px 0px 0px 100px;
}
#left p {
  font: 10px verdana, arial, times new roman, sans serif;
  margin: 15px 0 0 40px;
}
#right {
  float: right;
  margin: 30px 10px 20px 0; 
  height: 241px;
  width: 305px;
}
#menu {
  position: relative;
  background: transparent url('../images/bg_menu.gif');
  font: 10px verdana, arial, times new roman, sans serif;
  height: 18px;
  padding: 2px 0 0 0;
  text-align: left;
  color: #000;
}

#menu p {
  color: #000000;
}

#menu_top {
  position: relative;
/*  background: transparent url('images/bg_menu.gif'); */
/* -- test for different top --- */
  background: #000;
  border: 1px solid #800000;  
  
  font: 10px verdana, arial, times new roman, sans serif;
  height: 17px;
  padding: 2px 0 0 0;
  text-align: left;
}

#menu_top a {
  color: #fff;
  text-decoration: none;
} 
#menu_top a:hover {
  color: #800000;
  text-decoration: none;
} 

#gb {
  position: absolute;
  left: 690px;
  top: 329px;
}s
/* --- menue-text starts here --- */
#hom {position: absolute; left: 30px; }

#m1 {width: 90px; text-align: center; position: absolute; left: 165px; margin-top: 4px; }
#m2 {width: 58px; text-align: center; position: absolute; left: 260px; margin-top: 4px; }
#m3 {width: 58px; text-align: center; position: absolute; left: 345px; margin-top: 4px; }
#m4 {width: 58px; text-align: center; position: absolute; left: 425px; margin-top: 4px; }
#m5 {width: 58px; text-align: center; position: absolute; left: 510px; margin-top: 4px; }
#jok {width: 58px; text-align: center; position: absolute; left: 510px; margin-top: 4px; }
#mgb {width: 70px; text-align: center; position: absolute; left: 655px; margin-top: 4px; }
#desc {width: 408px; text-align: center; position: absolute; left: 170px; margin-top: 3px; color: #800000; }
/* --- menue-text ends here --- */

#bottom {
  background: #000;
  height: 200px;
  border: 1px solid #800000;
  border-top: 1px solid #000;
  padding-left: 70px;
  text-align: left;
}

a {color: #000; text-decoration:none;} 
a:hover {color: #800000;}
#txt_bot {
  float:left;
}
#txt_bot p {
  margin: 25px 0 0 60px;
  color: #FFF;
  font: 10px verdana, arial, times new roman, sans serif;  
  width: 500px;
}
#txt_bot_j p {
  float: right;
  margin: 15px 20px 0 0;
  color: #FFF;
  font: 10px verdana, arial, times new roman, sans serif;  
  width: 370px;
}

#txt_bot a {
  color: #fff;
  text-decoration: underline;
} 
#txt_bot a:hover {
  color: #800000;
  text-decoration: none;
} 

/* --- page specific mods --- */

#hme_bot {
  margin: 0;
}
#hme_bot img {
  position: relative;
  left: 100px;
  margin: 25px 10px;
}
#sig_bot img {
  float: right;
  margin: 16px 35px 0 0;

}
#jen_bot img {
  float: left;
  margin: 7px 0 0 -45px;
}
#wed_bot {
  float: right;
  margin: -55px 40px 0 0;
}
/* --- page specific mods end here --- */

/* --- the drop down-menu bit starts here --- */
div#nav {
   margin-left: 40px;
   width: 8.5em;
   background: #ccc; }
div#nav ul {
   margin : 0;
   padding : 0;
   width : 8.5em;
   background : white; }
div#nav li {
   position : relative;
   list-style : none;
   margin : 0;
   border-bottom : 1px solid #ccc; }
div#nav li:hover {
   background : #ebb;
   color: #800000; }
div#nav li.submenu:hover {
   background-color : #edd;
   color: #800000; }
div#nav li a {
   display : block;
   padding : 0.25em 0 0.15em 0.5em;
   text-decoration : none;
   color: black;
   width : 8.5em;
   height: 1.3em; }
div#nav > ul a {
   width : auto; }
div#nav ul ul {
  position : absolute;
  top : 18px;
  left : 0px;
  display : none; }
div#nav ul.level1 li.submenu:hover ul.level2 {
  display : block; }
 
/* --- and the down-menu ends here --- */