/***********************************************/
/* 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;
      line-height: 20px;
	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;}