html{
  background-color:#F0F8FF;
}
div#main{
  background-color:#FFF694;
  width:800px;
  height:640px;
  margin: 100px auto;
}
div#bgleft,div#bgmain, div#bgright{
  height:640px;
  float:left;
}
div#bgleft{
  background-image:url(./rahmen-links.png);
  width:25px;
}
div#bgmain{
  width:750px;
  
}
div#bgright{
  background-image:url(./rahmen-rechts.png);
  width:25px;
}
div#navi,div#image, div#content{
  height:640px;
  float:left;
}
div#navi{
  background-image:url(./logo.png);
  width:140px;
}
div#image{
  width:380px;
}
div#content{
  width:210px;
  padding:0px 5px 0px 15px;
  margin:0px;
}

/* NAVIGATION */

div#navi ul {
  margin:10px 0px;
  padding:0px;
}
div#navi ul li{
  list-style-type:none;
}
div#navi ul li a{
  color:#0033EE;
  font-family:arial;
  text-decoration:none;
  font-weight:bold;
  font-size:15px;
  display:block;
  width:127px;
  margin:2px 5px;
  padding:0px 0px 0px 3px;
  border-top: 1px solid #FFBB33;
  border-bottom: 1px solid #FFBB33;
}
div#navi ul li a:hover{
  color:#0055DD;
  background-color:#FFFBCA;
}
div#navi ul ul{
  margin:0px 0px 5px 0px;
  padding:0px;
}
div#navi ul ul li a{
  font-size:12px;
  width:120px;
  margin:1px 5px 1px 13px;
  padding:0px 0px 0px 2px;
}