//img, div, a, input { behavior: url(iepngfix.htc) }

html, body {
	text-align: center;
	handle margin: 0 auto;
}

body {
	background:#94A4B4}

#content
{
	background: #FFFFFF;
		background-image: url('../../phpimg/website_instellingen_8bc8ae2c74c7ee6d5f1_0c_bg-menu.jpg');
background-repeat: no-repeat;
}


#compleet {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	text-align: center;
	
} 

#pagina {
	margin: 0;
	padding: 0;
	min-height: 100%;
	_height: 100%;
	width:1000px;
	margin: 0em auto; /* Pagina in het horizontaal midden */
	background: #FFFFFF;
	}

#container {
	padding-bottom: 50px;
		min-height: 100%;
	_height: 100%;
	text-align: left;
	background: #FFFFFF;
}  

#footer {
	clear:both;
	padding:0;
	background:#FFFFFF;
		width:1000px;
margin-top: -50;
height: 50px;

		
	}
		
#footer_inhoud, #footer_inhoud p {
	padding:0;
	margin:0;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;

	}


	
#kolom {
	position: absolute;
	width: 250px;
	top:0px;
	margin-left: 30px;
}

#wmelogo 
{
	position: fixed; 
	bottom:10px;
	left: 0px; 
	border: none; 
	z-index: 50; 
}


/*	------------------------- Menu -----------------------------*/	


#menu {
	font-family: Verdana;
	font-style: normal;
	font-weight:bold;
	font-size: 12px;
	color: #1c6397;
}
#menu ul {
	margin:0;
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	
}
#menu li {
	display: inline; /* Menu links are horizontally aligned using display: inline */
}
#menu li a {
	
	padding: 6px 12px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color:#494c50;
	text-decoration: none;
	line-height:30px;
	height:30px;
}

#menu li.active a, #menu li.active a:hover{
	background:;
	color:#1c6397;
	text-decoration:none;
}

#menu li a:hover  {
	text-decoration:underline;
}


#submenu {
	font-family: Verdana;
	font-style: normal;
	font-size: 12px;
	color: #1c6397;
}
#submenu ul {
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */

}
#submenu li {
	display: inline; /* Menu links are horizontally aligned using display: inline */
	
}
#submenu li a {
	color: #494c50;
	text-decoration: none;
	padding-left:12px;
	padding-right:12px;
	font-weight:normal
}

#submenu li.active a,
#submenu li.active a:hover {

	font-size: 12px;
	color: #1c6397;
	font-weight:bold;
	text-decoration:none;
}

#submenu li a:hover  {
	font-weight:normal;
	font-size: 12px;
	color: #494c50;
	text-decoration:underline;
}

/*	------------------------- Sitemap -----------------------------*/	

.sitemap {

	text-align:center;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
	line-height: 16px;
	margin:10px auto; 
	
	}

.sitemap_menu {
	float:left;
	text-align:left;
	font-family: Verdana;
	font-style: normal;
	font-weight:bold;
	font-size: 10px;
	line-height: 20px;
	color: #FFFFFF;
	margin-right:20px;
}
.sitemap_menu ul {
	margin:0;
	text-align: left;
	list-style: none;
	padding:0;	
	font-weight:normal;
}
.sitemap_menu li {
	line-height: 20px;

}
.sitemap_menu li a {
	color: #FFFFFF;
	text-decoration: none;
	
}

.sitemap_menu li.active a {
	text-decoration:none;
}

.sitemap_menu li a:hover  {
	text-decoration:underline;
}

/*	------------------------- H2/H5 en P opmaak -----------------------------*/	

h2 { 
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
}

h3 {
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
}

h4 {
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
}

h5 { 
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
}

p, td, body  { 
	padding:0;
	margin:0;
	line-height: 18px;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

.kleiner, .kleiner p {
	line-height: 16px;
	font-size: 11px;
	
	
}
/*	------------------------- Datum opmaak -----------------------------*/	

.datum {
	font-family: Verdana;
	font-size:12px;
	padding:5px;
	background:#CCE720;
	color:#000000;
	margin-bottom:20px;
}	
	
/*	------------------------- Link opmaak -----------------------------*/	


a { 
	font-family: Verdana;
	color: #000000;
	font-weight:normal;
	text-decoration:underline;
}

a:hover { 
	font-family: Verdana;
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}

.a_andersom {
	font-family: Verdana;
	color: #000000;
	font-weight:normal;
	text-decoration:none;
	}
	
.a_andersom:hover {
	font-family: Verdana;
	color: #000000;
	font-weight:normal;
	text-decoration:underline;
	}
	
/*	------------------------- Lijst opmaak -----------------------------*/	

li, li a {
	padding:0; 
	margin:0;
	line-height: 18px;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}

li a:hover {
	text-decoration:underline;
}
/*	------------------------- Overige elementen opmaak -----------------------------*/	


.fotokader {
	border: 0px solid #cecece;
    background-color: #FFFFFF;
	padding: 0px;
}

.cleardiv {
	clear:both;
	display:block;
}

.cleardiv10 {
	height:10px;
	clear:both;
	display:block;
}

.cleardiv20 {
	height:20px;
	clear:both;
	display:block;
}

hr {
	height: 2px;
    color: #e1e1e1;
    background-color: #e1e1e1;
	border:0;
	}

/*	------------------------- Tekst opmaak -----------------------------*/	
		
.taakkeuzeomschrijving { 
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:none;
}



.taalkeuze { 
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:none;
}

.taalkeuze:hover { 
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:underline;
}

.taalkeuze_gekozen { 
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:none;
}

.taalkeuze_gekozen:hover { 
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:underline;
}
	

/*	------------------------- Formulier opmaak -----------------------------*/
	
	
label {
	padding-top:4px;
	position: absolute;
	text-align:right;
	width:170px; 
	font-family: Verdana;
	font-size: 12px;
	color: ##000000;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
}

.formspacer {
	clear:both;
	height:10px;
}

input textarea {
	height:100px;
}


.formulier  {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border: #1c6397 solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
}


.formulier_aan  {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	background: #EB151C;
	border: #EB151C solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
}

.formulier_fout {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	background: #5B2988;
	border: #000000 solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
	}
	
.formulier_inspring_div  {
	margin:0;
	padding:0;
	margin-left: 190px;	
	font-family: Verdana;
	font-size: 12px;
	color: ##000000;
}

.formulier_inspring  {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	margin-left: 190px;
	color: #000000;
	background: #ffffff;
	border: #1c6397 solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;

}
.formulier_inspring_aan {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	margin-left: 190px;	
	color: #ffffff;
	background: #EB151C;
	border: #EB151C solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
	}
	
.formulier_inspring_fout {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	margin-left: 190px;	
	color: #ffffff;
	background: #5B2988;
	border: #000000 solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
	}
	
.formulier_submit  {
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	background: #ffffff;
	border: #ffffff solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
}	


/*	------------------------- Knoppen opmaak  -----------------------------*/
	
/*	Tekstuele knop */
		
	ul.knop_tekstueel {
		padding: 5px;
		margin: 10px 0;
		list-style: none;
		float: left;
		clear: left;
	}

	ul.knop_tekstueel li {
		float: left;
	}

	ul.knop_tekstueel li a {
		float: left;
		color: #000000;
		font-family: Verdana;
		font-size:12px;
		line-height:14px;
		font-weight: normal;
		text-decoration:none;
	}

	ul.knop_tekstueel li a:hover {
		color: #000000;
		text-decoration:underline;
	}

/*	Grafische knop */

	ul.knop {
		padding: 5px;
		margin: 5px 0;
		list-style: none;
		float: left;
		clear: left;
	}

	ul.knop li {
		float: left;
	}

	ul.knop li a {
		float: left;
		color: #000000;
		padding: 4px 6px 0 0;
		margin-right: 2px;
		font-family: Verdana;
		font-size:12px;
		line-height:14px;
		font-weight: bold;
		text-decoration:none;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position:top right;
		display:block;
	}
	
	ul.knop li a img {
		margin-left:4px;
	}

	ul.knop li a span, knopspan {
		background:#FFFFFF;
		float: left;
		display: block;
		margin-top: -4px;
		height: 24px;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position:top left;
	}

	ul.knop li a:hover {
		color: #000000;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position: right -24px;

	}

	ul.knop li a:hover span, knopspan:hover {
		background:#FFFFFF;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position: left -24px;
	}

	
/*	Extra afbeeldingen */	
	.knop_leeg{
		width:15px;
		height:24px;
	}
	.knop_add{
		width:24px;
		height:24px;	
		background:url(../../images/add.gif) no-repeat center center;
	}
	.knop_delete{
		width:24px;
		height:24px;
		background:url(../../images/delete.gif) no-repeat center center;
	}

	.knop_alert{
		width:24px;
		height:24px;
		background:url(../../images/alert.gif) no-repeat center center;
	}
	.knop_msg{
		width:24px;
		height:24px;
		background:url(../../images/msg.gif) no-repeat center center;
	}
	
	.knop_lens{
		width:24px;
		height:24px;
		background:url(../../images/lens.gif) no-repeat center center;
	}
	.knop_info{
		width:24px;
		height:24px;
		background:url(../../images/info.gif) no-repeat center center;
	}	
	.knop_download{
		width:24px;
		height:24px;
		background:url(../../images/download.gif) no-repeat center center;
	}

	
	
.downloadvlak {
	padding:10px;
	text-align:center;
	background: #5B2988;
	color: #ffffff;
}	
	
/*	------------------------- VOLGENDE  -----------------------------*/	





h1 {
	margin: 8px 0; 
	}

h2 {
	margin: 10px 0; 
	}
	
h3 {
	margin: 12px 0; 
	}	
	
h4 {
	margin: 16px 0; 
	}
	
h5 {
	margin: 20px 0; 
	}	
	
h6 {
	margin: 28px 0; 
	}