* 
{
	margin: 0px auto;
	padding: 0;
}
body
{
	behavior:url("../algemeen/csshover.htc");
	background: #000000;
	font-family: "Helvetica";
	font-size: 14px;
	color: #FFFF00;
	border-style: none;
  	margin: 0px auto;
	text-align: left;
}

h1
{
	margin: 0px;
	text-align:left;
	font-weight: normal;
	font-size:small;
	font-variant:normal;
}

a 
{
	color: #FFFF00;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img 
{
	border-width: medium; 
	border-color: #999999;
	border-style: solid;
}


.overDiv
{
	padding: 10px 0px 0px 50px;
	overflow: visible;
	border: thin;
	border-color: #999999;
	border-style: none;
	width: 950px;
	height: 600px;
	margin: 0 auto;
}

#headerDiv
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	vertical-align:middle;
	width: inherit
}

#headerImg
{
	border: none;
}

#introDiv
{
	padding: 20px 70px 0px 0px;
	text-align: center;
	margin-top: 5px;
	vertical-align:middle;
}

#navigatieDiv
{
	margin-top: 5px;
	float: left;
	width: 100px;
}

.statDiv
{
	float: left; 
	margin-left: 25px;
}

.tellerDiv
{
	float: left;
	margin-left: 25px
}

.updateDiv 
{
	float: right;
	padding: 20px 0px 5px 5px;
	z-index: 100;
}

.updateText
{
	padding: 5px;
	font-size: small;	
}

/** Navigatiebalk */
.menutitle
{
	cursor: pointer;
	margin-bottom: 5px;
	width: 100px;
	padding: 2px;
	text-align: left;
	font-weight: normal;
	border: thin;
	border-color: #000000;
	border-style: solid;
	color: #FFFF00;
}

.menutitle:hover
{
	text-decoration: underline;
}

.submenu
{
	margin-bottom: 0.5em;
	font-size: 12px;
}

/** Eind navigatiebalk */

/** Introductie scherm. */
#introductieTekst
{
	text-align:justify;
	padding: 5px;
}

.left
{
	padding: 5px;
	margin-right: 5px;
	width: 240px;
	height: 100%;
	clear: both;
	float: left;
	border: thin;
	border-color: #999999;
	border-style: solid;
}
.menuDiv
{
	margin: 5px;
	margin-bottom: 0px;
	text-align: center;
	height: 100%;
}
/** Eind introductiescherm. */

/** Links scherm. */
#linksTekst
{
	clear: both;
	float: left;
	border: thin;
	border-color: #999999;
	border-style: none
}

.banners
{
	clear: both;
	float: left;
	text-align:center;
	border: thin;
	border-color: #999999;
	border-style: none;
	width: 100%;
	margin-top: 5px;
	overflow: visible;
}

.banner
{
	clear: both;
	float: left;
	margin: 5px;
	text-align:center;
	border: thin;
	border-color: #999999;
	border-style: none;
	width: 100%;
}

.banner img
{
	border: none;
	width: 468px;
	height: 60px;
	text-align: center;
}


.linksMenuCategorie
{
	text-align: right;
	margin: 5px;
}

.linksMenuItem
{
	text-align: left;
	margin: 3px;
}

.right
{
	float: left;
	border: thin;
	border-color: #999999;
	border-style: solid;
	padding: 5px;
	min-height: 600px;
	width: 670px;
}
	
/** Eind links scherm. */

/** Foto scherm. */

/** Kolom met fotos 1, 24, 23, 22, 21, 19 */
.fotoLeftCol
{
	clear: both;
	float: left;
	width: 115px;
	border-style: none;
}

/** Kolom met foto's 8, 9, 10, 11, 12, 13, 14 */
.fotoRightCol
{
	float: left;
	width: 115px;
	border-style: none;
}
.fotoCenterCol
{	
	float: left;
	width: 680px;
	border-style: none;
}

.fotoTopRow
{
	float: left;
	height: 100px;
	border: thin;
	border-color: #00FF00;
	border-style: none;
	width: 750px; /* !important width: inherited; */
	margin: 0 auto;
}

.fotoCenter
{
	clear: both;
	height: 470px;
	border-style: none;
	text-align: center;
	margin: 0 auto;
}

.centerTekst
{
	clear: both;
	float: left;
	width: 740px;
}

.fotoBottomRow
{
	clear: both;
	float: left;
	border-style: none;
	width: 750px;  /* !important width: inherited; */
}

.thumbnailright
{
	float: right;
	margin: 5px 0px 5px 0px;
}


.thumbnail
{
	float: left;
	margin: 5px 15px 5px 0px;
}
/** Div waar alle thumbnail foto's in komen. */
.thumbnail, .thumbnailright
{
	padding: 5px 0px 5px 0px; 
	height: 75px;
	width: 100px;
}

.horizontal
{
	height: 75px; 
	width: 100px;
}
.vertical
{

	height: 100px; 
	width: 75px;
	margin-left: 20px;
}
.legal
{
	clear: both;
	float: left;
	text-align: center;
}

.centerImg
{	
	width: 565px; 
	height: 420px;
	margin: 0 auto;
	border: none;
}

.centerDiv
{
	border-style: none;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
}

.menuSpacer
{
	text-align: center;
	float: left;
	padding: 0px 10px 0px 0px;
	width: 220px;
	border-style: none;

}

.menuSpacer select
{
	width: 150px;
}

/** Eind foto scherm. */

/** default iframe */
.defaultText
{
	padding: 20px;
	overflow: hidden;
}

.defaultSmallText
{
	font-size: x-small;
}

.defaultSpacer
{
	margin: 20px;
}
/** Eind default iframe. */

select
{ 
    background-color: #000000; 
    font: 14px Helvetica;
    color:#FFFF00;
    border:2px solid #FFFF00;
}
.snelmenu
{
	width: 150px;
}

/** Menu op de hoofdpagina. */
ul, li 
{
  margin: 0;
  padding: 0;
  display: block;
}  

ul 
{
  list-style: none;
  width: 150px;
  padding: 2px;
  border: 1px solid gray;
  background-color:#000000;
} 

li 
{
  position:relative;
  padding: 3px;
  border-right:5px solid #FFFF00;
  z-index:9;
}

  /* decoratieve hover */ 

li:hover 
{
   border: 1px solid gray;
   z-index: 15;
   padding: 2px;
}

 /* Alle subnavigatie verbergen */
  
 ul ul 
 {
  position:absolute;
  display:none;
  right:-140px;
  top:4px;
 }
  
  /* :hover, met specificity */
  
  li:hover ul ul 
  {
   display:none;
  }

li:hover ul, li:hover li:hover ul 
{
   display:block;
}

ul#menu 
{
  position:absolute;
  left:25px;
  top:2em;
}
 
li.folder 
{
   border-right-color:#cc0000;
}