body {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  background-image: url("/images/background-4x4.png");
  background-repeat: repeat;
  background-position: top left;
}

#frame-header {
  height: 64px;
}


#page {
  background: rgb(255,255,255);
  border: 0px solid red;
  /*  width: 959px; */
  width: auto;
  min-width: 700px;
  /* 147 + 30 + 782 = 959px */
  max-width: 960px;
  height: 640px;
  padding:0px;
  padding-right:2px;
  margin: 0;
  margin-left: 62px;
  margin-right: auto;
  background-image: url("/images/background.png");
  background-repeat: no-repeat;
  background-position: right 10px;
}

#page2 {
   width:auto;
   height:640px;
  background-image: url("/images/trio_sangundklang.png");
  background-repeat: no-repeat;
  background-position: left 420px;
}

#header {
  height: 168px;
  width: auto;
  border:0px solid green;
  /*  border-bottom: 2px dotted rgb( 212, 224, 225); */
}



#content {
  background:transparent;
  margin: 0px;
  margin-left: 187px;
  padding: 0px;
  height: 472px;
  /*  width: 742px; */
  width: auto;
  border: 0px solid  rgb( 212, 224, 225);
  border-top: 2px dotted rgb( 212, 224, 225);
  padding-right: 90px;
}


/* ----------------------------------- */
/* navigation                          */
/* ----------------------------------- */
      
#nav {
  background:transparent;
  float: left;
  margin: 0px;
  margin-right: 30px;
  width: 152px;
  height: 460px;
  padding: 0px;
  padding-top: 0px;
  border: 0px solid blue;
  border-top: 2px dotted rgb( 212, 224, 225);
}

#nav ul {
  margin-left: 0px;
  margin-top: 0px;
  padding: 0px;
  padding-left:26px;
}

#nav ul li {
  list-style-type:none;
  margin-left: -26px;
  padding: 0px;
  border: 0px;
  border-bottom: 2px dotted rgb(212,224,225);
}

#nav ul li ul {
     margin:0px;
     padding-left: 44px;
     padding-left: 26px;
}

#nav ul li ul li {
   list-style-type:none;
   margin-left: 0px;
   text-indent: 0px;
   padding:0px;
   border: 0px; 
   border-top: 2px dotted rgb(212,224,225);
}

#nav ul li a, #nav ul li ul li a {
  display:block;
  line-height: 26px;
  padding-left: 26px;
  vertical-align: bottom;
  white-space: nowrap;
}

#nav ul li ul li a {
 padding-left: 0px;
 padding-left: 0px;

}

#nav ul li a:hover, #nav ul li ul li a:hover {
     background:rgb(220,238,240);
}


#footer {
   clear: both;
   text-align:right;
   font-size: 70%;
   padding-top:0.8em;
   padding-right:0.0em;
   padding-bottom:0.5em;
   border: 0px solid yellow;
}