html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;	
	font-size:100%;
	}
@font-face {
	font-family: "Syntax_Regular";
	src: local('☺'),
	url('Syntax/syntaxltstd-roman-webfont.eot'),	
	url('Syntax/syntaxltstd-roman-webfont.woff') format('woff'), 
	 url('Syntax/syntaxltstd-roman-webfont.ttf') format('truetype'); 

	}
@font-face {
		font-family: "Syntax_Bold";
	src: local('☺'), 
	url('Syntax/syntaxltstd-bold-webfont.eot'),
	url('Syntax/syntaxltstd-bold-webfont.woff') format('woff'), 
	url('Syntax/syntaxltstd-bold-webfont.ttf') format('truetype'); 
	}
#container {
	position:relative;	
	height:100%;	
	width:96%;
	max-width:80em;
	margin:auto;
	margin-top:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;	
	font-size:0.8em;
	line-height:1.5em;
	}
#header {
	position:absolute;
	width:100%;
	height:8em;
	top:0;
	left:0;
	z-index:1;
	}
#hfoto {
	position:absolute;
	left:0;
	top:8em;
	width:100%;
	height:23em;
	}
#content {
	position:absolute;
	width:100%;
	height:auto;
	top:31em; /* 8 + 23 */	
	}
h1 {
	font-family: "Syntax_Bold", Arial, Helvetica, sans-serif;
	font-size:2em;
	line-height:1.1em;
	font-weight: normal;
	margin:0;
	margin-top:1.2em;
	margin-bottom:0.8em;
	}
h2{
	font-family: "Syntax_Bold", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.2em;	
	font-weight:normal;
	margin:0;
	}
h3 {
	font-size:1.2em;
	margin:0;
	}
h4 {
	font-size:1.0em;
	margin:0;
	}
	
a {
	color:#000;
	outline:none;
	}
p {
	margin-top:0.4em;
	}
hr {
	position:relative;
	margin-bottom:1em;
	height:1px;
	color:#ccc;
	border:0;
	border-top:2px dotted #ccc;
	}
a img {
	border:0;
	}
ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	}
#logo{
	position:absolute;
	top:0;
	left:0;
	width:180px;
	height:89px;
	}
#tagline {
	position:absolute;
	left:190px;
	top:68px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#000;
	}	 
#header a {
	text-decoration:none;
	}
#menu1 li, #menu2 li {
	float:left;
	position:relative;	
	}
#menu1 a, #menu2 a {
	text-decoration:none; 
	}
	
	
	
/* ----------------MENU 1 ------------------------*/

#menu1 {
	position:absolute;
	top:8em;
	height:auto;
	width:94%;
	padding-left:6%;
	background-image: url('http://www.diz.nl/afb/basis/bg_menu.png');
	background-repeat: repeat;
	}

#menu1 a {
	display:block;
	background:transparent; 
	padding-left:1em; 
	padding-right:1em;
	font-family: "Syntax_Regular", Arial, Helvetica, sans-serif;	
	color:#fff; 
	font-size:1.5em;
	font-weight:normal;
	line-height:3em;
	text-align:left;
	}
#menu1 :hover > a{
	color:#f90; 
	background-color:#000;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu1 table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}

/* ---------------submenu menu1 -----------*/
#menu1 ul {
	visibility:hidden; 
	position:absolute;
	top:4.4em;
	left:0; 
	width:100%;
	background-image: url('http://www.diz.nl/afb/basis/bg_menu.png');
	background-repeat: repeat;
	}
#menu1 li ul li {
	width:100%; /* de breedte van het submenu-uitklapmenu */
	min-width:10em; /*ongeveer de breedte van de breedste submenu-link*/		
	}

#menu1 ul li a {
	display:block;
	background:transparent; 
	font-family: Arial, Helvetica, sans-serif; 	
	color:#fff; 
	font-size:0.9em;
	font-weight:normal;
	line-height:2.6em; /* de hoogte van de submenu-items */ 
	padding-left:1.6em;
	border-top:1px solid #888;
	}
#menu1 ul li a:hover {
	color:#000; 
	background-color:#fff;
	}

/* make the second level visible when hover on first level list OR link */
#menu1 li:hover ul,
#menu1 a:hover ul{visibility:visible;}



/*----------------------- styles menu2 -------------------------------------*/

#menu2 {
	position:absolute;
	height:2em; /*gelijk aan line-height van #menu2 li*/
	width:auto;
	right:0;
	top:6px;			
	}
#menu2 li {
	font-family: "Syntax_Regular", Arial, sans-serif;
	font-size:1.3em;
	color:#f90;
	margin-left:1.6em;
	line-height:2em;
	}
#menu2 li a {
	display:block;
	height:100%;
	color:#000;
	background:transparent; 
	}
#menu2 li:hover a {
	color:#f90;
	}


/*----------- styles taalkeuze -----------------------------*/

#taalkeuzemenu {
	position:absolute;	
	right:0;
	top:84px;
	}
#taalkeuzemenu li {	
	float:left;
	padding-left:0.3em;
	font-size:0.9em;
	line-height:1.2em;
	font-weight:bold;
	color:#f90;
	}
#taalkeuzemenu li a {
	display:block;
	height:100%;
	color:#000;
	background:transparent; 
	}



/*-----------------styles linkermenu--------------------------*/

#linkermenu {
	position:absolute;
	left:0;
	width:203px;
	top:2em;
	background-color:#fff;
	}
#linkermenu h2, #linkermenu h3 {
	width:175px;
	min-height:2.4em;
	border-bottom:1px dotted #666;
	margin-top:0;
	margin-bottom:0;
	line-height: 2.4em;
	font-size:1em;
	padding-left:10px;
	}
#linkermenu a {
	text-decoration:none;
	height:100%;
	width:175px; 
	display:block;
	margin-left:-10px;
	padding-left:10px;
	}
#linkermenu #scriptmailto a {
	text-decoration:underline;
	display:inline;
	}
#linkermenu noscript div {
	 font-weight:bold;
	color:#f90;
	width:80%;
	}
#linkermenu h2, #linkermenu h2 a {
	color:#fff;
	background-color:#666;
	}
#linkermenu h3 {
	color:#000;
	background-color:#f0f0f0;
	}
#linkermenu h3 a {
	color:#000;
	background-color:#fff;
	}
#linkermenu h2 a:hover {
	background-color:#000;
	}
#linkermenu h3 a:hover {
	background-color:#f0f0f0;
	}
#linkermenu img {
	float:left;
	clear:left;
	border:0;
	width:203px;
	height:59px;
	top:0;
	margin-top:0;
	margin-left:-6px;
	}
#naw_screen {
	font-size:0.8em;
	line-height:1.6em;
	margin-bottom:2em;
	margin-left:2px;
	padding-top:1em;
	clear:left;
	width:100%;
	}
#naw_print {
	display:none;
}
/*-------einde styles linkermenu-----------------*/

	
.content img {
	margin-top:1.2em;
	}
.kolom {
	float:left;
	width:33%;
	text-align:left;
	background-color:#fff;
	}
.kolom p {
	width:90%;
	}
.kolom_img {
	width:86%;
	text-align:center;
	}

#footer{
	float:left;
	clear:left;
	width:100%;
	text-align:center;	
	font-size:0.8em;
	line-height:3.6em;
	height:4em;
	color:#666;
	border-top:2px dotted #ccc;
	background-color:#FAFAFA;
	margin-top:2em;
	}
#footer a {
	color:#666;
	}
#footer li{
	display:inline;
	float:none;
	height:2em;
	margin:0em;
	padding:0em;
	padding-left:0.8em;
	padding-right:0.8em;	
	}
.inhoud {
	margin-left:243px;
	min-height:37em; /*hoogte inclusief hoogte van linkermenu */
	margin-top:2em;
	}
.inhoud p {
	max-width:40em;
	}
.section {
	width:100%;
	height:100%;
	float:left;
	margin-bottom:1em;
	}
.artikel_tekst {
	width:65%;
	float:left;
	}
.artikel_img {
	float:right;
	width:30%;
	}
.toggle {
	cursor:pointer;
	}