html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
overflow:hidden;	
	}
body {
	background-color: #fff;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-style:normal;
	max-width:90em;
	}

/* h1 vervangen door sifr */
h1 {
	font-family: "Syntax LT Std", Arial, sans-serif;
	font-size:2.0em;
	line-height:0.8em;
	font-weight: bold;
	color:#000;
	margin-left:26%;
	margin-top:1em;
padding-left:20px;
	}

h2{
	font-size:1.6em;	
	font-weight:bold;
	margin-left:0%;
	margin-top:0.8em;
	margin-bottom:0.4em;
	line-height:1.4em;
	}

h3 {
	font-size:1.2em;
	margin-left:0%;
	margin-top:0;
	margin-bottom:0;
	}

h4 {
	font-size:1.0em;
	margin-bottom:0;
	margin-top:0;
	}
h2 a {
	text-decoration:none;
	border-bottom:1px dotted #000;
	}
h3 a, h4 a {
	text-decoration:underline;
	}	
a {
	color:#000;
	outline:none;
	}
p {
	margin-top:0;
	}
hr {

	height:1px;
	color:#ccc;
	border:0;
	border-top:2px dotted #ccc;
	}
a img {
	border:0;
	}
#logo {
	position:absolute;
	width:180px;
	height:89px;
	top:0;
	left:4%;
	z-index:200;
	border:0;
	}
#tagline {
	position:absolute;
	left:4%;
	margin-left:180px;
	top:71px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	line-height:12px;
	}	 
#hfoto {
	position:absolute;
	bottom:0;
	width:92%;
	height:333px;
	margin-left:4%;
	}
#actie {
	position:absolute;
	/*top:-17%;*/
	top:-150px;
	left:32%;
	width:236px;
	height:236px;
	}
/* ------------------------positionering -----------------------*/

#header {
	position:absolute;
	height:434px;
	width:100%;
	top:0;
	left:0;
	background-color:#fff;
	font-size:1.3em;
	}

#content {
	position:absolute;
	height:100%;
	width:100%;	
	top:0;
	right:0;
	background-color:#fff;
	overflow:auto;	
	z-index:20;
	text-decoration: none;
	font-size: 0.76em;
	line-height: 1.6em;
	}
#footercontainer {
	height:4%;
	width:100%;
	bottom:0;
	left:0;	
	text-align:center;	
	}
/*einde positionering*/

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
=================================================================== */
ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}
ul li {
	float:left; 
	position:relative;
	}
ul li ul {
	display: none;	
	}
ul li ul li {
	width:100%; /* de breedte van het submenu-uitklapmenu */
	min-width:10em; /*ongeveer de breedte van de breedste submenu-link*/
	float:left;
	clear:left;
	}
	
/* common styling */
#menu1container{
	position:absolute;
	height:40px; /*gelijk aan line-height van #menu1 li*/
	width:92%;
	bottom:293px;
	margin-left:4%;
	z-index:100;
	font-family: "Syntax LT Std", Arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	background-image: url(http://www.diz.nl/afb/basis/bg_menu.png);
	background-repeat: repeat;
	}

/* centreren van menu met onbekende breedte 
http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
http://css-discuss.incutio.com/?page=CenteringBlockElement
*/	
/*display:table; om menu te centreren, werkt niet in IE7
margin-left:auto;
margin-right:auto;*/

#menu1 {

position:absolute;
	left:6%;

}

#menu1 li a, #menu1 li a:visited {
	display:block;	
	text-align:left;
	color:#fff;
	padding-left:1em;
	padding-right:1em;
	background:transparent;
	line-height:2.4em; 
	}
#menu1 li ul li a, #menu1 li ul li a:visited  {
padding-left:1.4em;
}


/* specific to non IE browsers */
#menu1 li:hover a {
	color:#f90; 
	background:transparent;
	}
#menu1 li:hover ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:2em;
	}
#menu1 li:hover ul li a.hide {
	background:#fff; 
	color:#fff;

	}
#menu1 li:hover ul li:hover a.hide {
	background:#fff; 
	color:#000;
	}
#menu1 li:hover ul li ul {
	display: none;


	}
#menu1 li:hover ul li a {
	display:block; 
	/*background:#ffeaca; */
	background-image: url(http://www.diz.nl/afb/basis/bg_menu.png);
	background-repeat: repeat;
	color:#fff;
font-weight:normal;
border-bottom:1px solid #aaa;
white-space:nowrap;
	font-size:0.7em;
	}

#menu1 li:hover ul li a:hover {
	background:#fff; 
	color:#000;


	}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


#header a {
	text-decoration:none;
	}
#menu2container {
	position:absolute;
	height:2em; /*gelijk aan line-height van #menu2 li*/
	width:96%;
	margin-right:2%;
	top:6px;		
	z-index:80;
	background-color:#fff;
	font-family: "Syntax LT Std", Arial, sans-serif;

}
#menu2 {
	float:right;
	}
#menu2 li {
display:block;
	color:#f90;
	margin-left:1.6em;
	background:transparent;
line-height:2em;
}
#menu2 li a, #menu2 li a:visited {
	display:block;
	height:100%;
	color:#000;
	background:transparent; 
	}
#menu2 li:hover a {
	color:#f90;
	}
	
#taalkeuzemenucontainer {
	position:absolute;
	height:1em;
	width:96%;
	margin-right:2%;
	bottom:340px;
	background-color:#fff;
	font-size:0.7em;
	}
#taalkeuzemenu {
	float:right;
	}
#taalkeuzemenu li {
	padding-left:0.3em;
	line-height:1em;
	font-weight:bold;
	color:#f90;
	}
#taalkeuzemenu li a, #taalkeuzemenu li a:visited {
	display:block;
	height:100%;
	color:#000;
	background:transparent; 
	font-weight:normal;
	}
/*-----------------styles linkermenu--------------------------*/
#linkermenu {
	position:absolute;
	float:left;
	left:4%;
	width:23%;
	top:14px;
	z-index:63;	
	background-color:transparent;
	}
#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;
	margin-top:0;
	margin-left:-6px;
	}
#naw_screen {
	font-size:0.9em;
	line-height:1.6em;
	margin-bottom:2em;
	margin-left:10px;
	padding-top:1em;
	clear:left;
	}
#naw_print {
	display:none;
}
/*-------einde styles linkermenu-----------------*/

.kolommencontainer {
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	top:434px;
	z-index:60;
	background-color:#fff;	
	font-size:0.9em;
	}	
.kolommencontainer img {
	margin-top:1.2em;
	}
.kolom_links{
	float:left;
	margin-left:28%;
	width:22%;
	text-align:left;
	z-index:65;
	background-color:#fff;
	border-right:2px dotted #ccc;
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	}
.kolom_midden {
	float:left;
	width:22%;
	text-align:left;
	background-color:#fff;
	border-right:2px dotted #ccc;
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
margin-left:1%;
	}
.kolom_rechts {
	float:left;
	clear:right;
	width:22%;
	/*border-right:2px dotted #ccc;	*/
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	background-color:#fff;
margin-left:1%;
	}

.kolom_links p, .kolom_midden p, .kolom_rechts p, .kolom_links h2, .kolom_midden h2, .kolom_rechts h2, .kolom_links h3, .kolom_midden h3, .kolom_rechts h3 {
	margin-right:10px;
	}



.kolom_img {
width:86%;
text-align:center;
}

/* styles footer */
#footer{
	float:none;
	font-size:0.8em;
	line-height:3.6em;
height:4.2em;
	color:#666;
	/*margin-left:4%;
	margin-right:4%;*/
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;	
	}


.tekst {
	float:left;
	margin-left:28%;
	width:68%;

}
.tekst hr {
	margin-top:1em;
	}

/*styles zuilen */

.artikel_tekst {
	width:45%;
	margin-left:26%;
	float:left;
	clear:none;
	z-index:100;
	padding-left:20px;
	}
.artikel_tekst h4 {
margin-top:-0.5em;
}
.artikel_img {
	width:23%;
	float:right;
	clear:right;
	}
.showhide_info {
	display:none;
margin-bottom:0;
margin-top:-0.4em;
	}
.showhide_div {
	display:none;
margin-bottom:0;
margin-left:22px;
margin-top:0.4em;
	}
.plusminus {
margin-bottom:-4px;
}
	
/*----styles software----*/

.prijzen_header {
	text-align:left;
	background-color:#ddd;
	font-weight:bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-left:10px;
	margin-bottom:0.8em;
	margin-top:3em;
	}
.prijzen_info{
	margin-top:0;
	margin-bottom:0;
	}
.prijzen {
	width:100%;
	border-collapse:collapse;
	margin-bottom:0;
	margin-top:0.4em;
	border-top:1px solid #ccc;
	}
.prijzen td {
	width:25%;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	}
.k3 {
	border-left:2px solid #eee;
	padding-left:10px;
	}
.stiplijn {
border-top:2px dotted #ccc;
margin-top:1em;
}	
	
.LET_OP {
	background-color:#ff0;
	}
	
/* noodzakelijk om ankers te laten werken in FF*/	
.anker{	
	position:relative;
	z-index:1000;
	display:block;
}

.nieuwsfoto_staand {
	padding:5px;
	border:1px solid #ccc;
	width:132px;
	height:200px;
	}
.nieuwsfoto_liggend {
	padding:5px;
	border:1px solid #ccc;
	width:200px;
	height:132px;
	}
.bijschrift {
display:block;
clear:left;
width:180px;
font-style:italic;
}