#content-box{
    background-color: #333;
    color:#eee;
    scrollbar-arrow-color: #ddd;
    scrollbar-base-color: #666;
    scrollbar-track-color: #333;
    scrollbar-face-color: #666;
    scrollbar-highlight-color: #999;
    scrollbar-shadow-color: #666;
  } 
  #miniaturen {
	position:absolute;
	padding:0;
    left:21%;
	width:20%;
	height:100%;
  }
  #intro {
	position:absolute;
	padding:0;
    right:201px;
	bottom:4%;
	width:510px;
	overflow:hidden;
  }
  #text {
	position:absolute;
	padding:0;
	bottom:5%;
	width:135px;
	color:#ddd;
  }
  #bilder {
	position:absolute;
	padding:0;
	bottom:5%;
	left:140px;
	white-space:nowrap;
  }
  #content-1 {
	position:absolute;
	padding:0;
    right:211px;
	width:auto;
	top:3%;
	height:96%;
	text-align:left;
	overflow:auto;
  }
  #content-1 a:link, #content-1 a:visited {
  color:#eee;
  text-decoration:none;
  }
  #content-1 a:hover, #content-1 a:active {
  color: #eee;
  text-decoration:none;
  }

/* - - - - - beginn navigation - - - - - */	

#navig {
	position:absolute;
	padding:0;
	right:0;
	top:3%;
	height:94%;
	width:200px;
	text-align:left;
	overflow:auto;
	border-left:solid #D6E9CB 1px;
  }

ul.closed, ul.opened {
  font-size:12px;
  list-style-type:none;
  font-weight:bold;
  line-height:19px;
}

ul.closed {
  display:none;
}

ul.opened {
  display:block;
}

a.folder {     /*hauptmenue-text*/
  cursor:pointer;
  color:#BAE4BA;
  font-size:13px;
} 

a.nav {     /*submenue-text*/
  font-weight: normal;
  position:relative;
  left:-27px;
}

a.nav:link, a.nav:visited {
  color:#ffc;
  text-decoration:none;
}

a.nav:hover {
  font-weight:bold;
  text-decoration:none;
}