/***********************************************/
/* stylesheet.css                              */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/* text-indent 0px		     	           */
/***********************************************/
html{
	background-color: #fff; 	/* nieuw Hans */
}
body{
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
	color: #333333;
	line-height: 18px;			/* 1.166; */
	margin: 0px;
	padding: 0px;
	background-color: #fff; 	
/*	background-color: #CCCCCC;*/
/*	background-color: #FFCC99;*/
/*	background-color:#FFFFCC;*/
/*	background-color:#FF6600;*/
	padding-bottom: 0px; /* was 32px */
	margin: 0 auto;
}
/******* begin aanpassingen Hans *******/
a{color:#005fa9;font-weight:normal;text-decoration:none;} 
a:link {color:#005fa9;}
a:visited {color:#005fa9;}
a:hover { color:#005fa9; text-decoration:underline;}
a:active {color:#005fa9;}
/************** header tag styles **************/
h1{
	font: bold 1.20em verdana,arial,sans-serif;
	color: #dc143c;
	margin: 0px;
	padding: 0px;
}
h2{
  font: bold 1.14em verdana,arial,sans-serif;
  color: #dc143c;
  margin: 0px;
  padding: 0px;
}
h3{
  font: bold 1em verdana,arial,sans-serif;
  color: #dc143c;
  margin: 0px;
  padding: 0px;
}
h4{
  font: bold 100% verdana,arial,sans-serif;
  color: #dc143c;
  margin: 0px;
  padding: 0px;
}
/*************** list tag styles ***************/
ul{
  list-style-type: none; /* werkt niet */
  list-style-position: outside
}
ul ul{
  list-style-type: none;
  list-style-position: outside
}
ul ul ul{
  list-style-type: none;
  list-style-position: outside
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container{
	text-align: center;
	background-color: #6fc3ac;
	height: 100%;
	margin: 0 auto;
	margin-bottom: -30px; /* werkt??? */
	padding-bottom: 30px /* werkt */
}
#masthead{
	position: relative;
	top: 12px;
	margin: auto;
	width:720px;
	background-color: white;
	padding: 6px;
	border-top: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
}
#pagecell{
	position: relative;
	top: 18px;
	width: 720px;
	margin: 0px auto 0px auto;
	padding: 6px;
	background-color: white;
	border: 0px;
	border-top: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
	text-align: left;
}
/***********************************************/
/* Top divs and styles                         */
/***********************************************/
#sitename{
	position: relative;
	width: 100%;
	height: 160px;
	margin: 0px;
	padding-left: 0px;
	text-align: center; 
	line-height: 24px;
	background: white;
	background-image:url(images/top.jpg);
	background-repeat:no-repeat;
}
#sitename h1{
	font: bold 18pt verdana,arial,sans-serif;
	padding: 8px 110px 8px 8px;
	color: #dc143c;
	line-height:20px;
}
#sitename h2{
	font: bold 12pt verdana,arial,sans-serif;
	padding: 8px 110px 8px 8px;
	color: #dc143c;
	line-height:20px;
}
#logo {
	position: absolute;
	top: 10px;
	left: 6px;
	text-align: left;
}
#logo img{
	top: 0px;
	left: 0px;
	width: 140px;
	height: 140px;
	border: 0px;
}
#language a{
	position: absolute;
	right: 0px;
	top: 138px;
	padding: 2px;
	color: #ffffff;
	font-size: 8pt;
}
/***********************************************/
/* Menu divs and styles                        */
/***********************************************/
#menu{
	width: 177px;				/* was 177 */
	float: left;
	background-color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 10px; 			/* werkt goed */
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
	color: #005fa9;
}
#menu p{
	display: block; 					/* werkt heel goed en is noodzakelijk (zie ook boek) */
	color: #005fa9;
	font-weight: bold;
	text-indent: 10px;
}
#menu a{
	display: block; 					/* werkt heel goed en is noodzakelijk (zie ook boek) */
	color: #005fa9;
	font-weight: bold;
	text-decoration: none;
	/* margin: 0px; */
}
#menu a:hover{							/* overruled eerdere hover */
	background-color: #c7e7de;
}
/*
#menu a:active{	
	background-color: #c7e7de;
	text-indent: 20px; 	 	
}
*/
#menu ul {
	width: 177px; 						/* was 177 werkt */
      list-style-type: none;
      list-style-position: outside;
	color: #005fa9;
	font-weight: bold;
	margin: 0px;
	padding-left: 0px;						/* niet noodzakelijk */
	border: 0px #000 solid;				 /* vraag kan weg */
	text-indent: 10px;
	line-height: 18px;
	background-image: url(images/bg_nav.jpg);
	background-color: #ddd;
}
#menu ul ul{
	width: 157px; 						/* was 177 werkt */
      list-style-type: none;
      list-style-position: outside;
	color: #005fa9;
	font-weight: bold;
	margin: 0px;
	padding-left: 20px;						/* niet noodzakelijk */
	border: 0px #000 solid;				 /*vraag kan weg */
	text-indent: 0px;
	/* line-height: 18px; */
	background-image: none;
	background-color: #f5f7f7;
}
#menu ul ul ul{
	width: 127px; 						/* was 147 werkt */
      list-style-type: none;
      list-style-position: outside;
	color: #005fa9;
	font-weight: bold;
	margin: 0px;
	padding-left: 30px;						/* niet noodzakelijk */
	border: 0px #000 solid;				 /*vraag kan weg */
	text-indent: 0px;
	line-height: 18px;
	background-image: none;
	background-color: #f5f7f7;
}
#menu li {
	display: list-item;
	padding: 0px;				/* niet noodzakelijk houden, hoogte werkt niet, padding wel*/
	font-size: 8pt;						/* werkt */
	line-height: 24px;					/* noodzakelijk */
	border-top: 1px #fff solid;			/* noodzakelijk, vreemd effect haalt extra interlinie weg??? */
	border-bottom: 1px #ccc solid;
}
.grijs {
color:#ccc;
}
/***********************************************/
/* Page divs and styles                        */
/***********************************************/
#content{
	padding: 0px 12px 12px 12px;
	margin: 0px 0px 0px 178px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #ccd2d2;
	font: 0.8em verdana,arial,sans-serif;
	background-color: #fff;
}
#content h1{
	padding: 12px 0px 12px 0px; /* 13 ipv 12 om hoogte vak gelijk te krijgen aan pagina-logo */
	font-size: 14pt;
	font-weight: bold;
	color: #dc143c;
	line-height: 20px;
}
#content h2{
	padding: 6px 0px 6px 0px;
	margin:0px;
	font-size: 12pt;
	font-weight: bold;
	color: #dc143c;
	line-height: 20px;
}
#content h3{
	padding: 6px 0px 6px 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #dc143c;
	line-height: 20px;
}
#content h4{
	padding: 0px;
	font-size: 10pt;
	color: #dc143c;
	font-weight: bold;
}
#content p{
  margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 10pt;
  line-height: 20px;
	text-indent: 0px;
}
#content table{
	float:left;
	margin: 0px 0px 10px 0px;
	border: 0px solid #cccccc;
	font: 10pt verdana,arial,sans-serif;
      line-height: 20px;
}
#content ul{
	list-style-type: none; /* aangepast moo submen */
	font-size: 10pt;
  	line-height: 20px;
	margin-top: 0px;
	padding-top: 0px;
}
#content ol{
	font-size: 10pt;
  line-height: 20px;
}
#content img{
	border: 0px;
  margin: 0px 10px 0px 10px;
}
#note{
	border-top: 1px solid #cccccc;
	margin-top: 24px;
	font: verdana,arial,sans-serif;
	color: gray;
}
#note p{
  margin: 0px;
  line-height: 18px;
	font-size: 8pt;
}
.image{
	text-align: center;
  margin: 0px 0px 10px 0px;
}
.leesverder{
	font-size: 1em;
}
.image p{
	margin: 0px;
	padding: 0px;
	font-style:italic;
}
/***********************************************/
/* siteinfo divs and styles                    */
/***********************************************/
#siteinfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: gray;
	padding: 10px 10px 10px 10px;
	text-align: center;
	margin-top: -1px;
}
#siteinfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#counter{
  position: relative;
	left: 340px;
/*	margin-top: -18px;*/
}
#counter img{
	margin-top: -30px;
}
#kruimellijn{
	font-size:8pt;
}
/***********************************************/
/* Corner classes                              */
/***********************************************/
.tl {
	position:absolute;
	top: -3px;
	left: -3px;
	height:9px;
	width:9px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.tr {
	position:absolute;
	top: -3px;
	right: -3px;
	height:9px;
	width:9px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.bl {
	position:absolute;
	bottom: -3px;
	left: -3px;
	height:9px;
	width:9px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.br {
	position:absolute;
	bottom: -3px;
	right: -3px;
	height:9px;
	width:9px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
/********************* end **********************/
/********************* cmsimple **********************/
.doc{
	display: list-item;
	padding-left: 0px;
	/* line-height: 18px; */
}
.docs{
	display: list-item;	
	padding-left: 10px;
	line-height: 18px;
} /* was 15px toevoeging Hans */
.sdoc{
	display: list-item;		
	padding-left: 0px;
	line-height: 18px;
}
.sdocs{
	display: block;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	/* padding: 3px 0px 3px 0px;*/
	line-height: 18px;
}
ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{
	padding-left: 0px;
	margin-left: 0;
	list-style: none;
	}
form {margin: 0;}
img {border: 0;}
li{line-height: 1.5;}
.sitename{font-weight:normal;font-size:20pt;}
.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{
	font-size: 9pt;
	}
	
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{
	font-weight: normal;
	color: #005FA9;
	}
	
.sitemaplevel2 a{
	text-indent: 20px;
	}
.sitemaplevel3 a{
	text-indent: 40px;
	}
	
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{
	color: #005FA9;
	}
	
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{
	color: #005FA9;
	}
	
.submenu{font-size:9pt;}
.submenu a{font-weight:normal;color:#005FA9;}
.submenu a:link,.submenu a:visited{color:#005FA9;}
.submenu a:active,.submenu a:hover{color:#005FA9;}
.search a{font-weight:normal;color:black;}
.search a:link,.search a:visited{color:black;}
.search a:active,.search a:hover{color:black;}
.locator{font-size:8pt;color:white;}
.locator a{font-weight:normal;text-decoration:underline}
.locator a:link,.locator a:visited,.locator a:active,.locator a:hover{color:white;}
.menu{font-weight:bold;font-size:8pt;color:white;}
.menu a{text-decoration:underline;color:white;}
.menu a:link,.menu a:visited,.menu a:active,.menu a:hover{color:white;}
.login{font-weight:bold;font-size:8pt;color:grey;}
.login a,.login a:link,.login a:visited,.login a:active,.login a:hover{color:gray;}
.navigator{font-weight:bold;font-size:10pt;color:white;}
.navigator a:link,.navigator a:visited{color:#c0c0c0;}
.navigator a:active,.navigator a:hover{color:white;}
.edit{font-size:8pt;color:black;background-color:buttonface;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}
input,select{font-size:8pt;}
textarea{font-family:Verdana,Geneva,Arial,Helvetica;font-size:8pt;background-color:white;width:98%;}
.searchbox .text,.searchbox .submit{border:2px solid #c0c0c0;background-color:white;}
<iframe width="425" height="349" src="http://www.youtube.com/embed/J1HW0to6aIQ" frameborder="0" allowfullscreen></iframe>