/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

html, body {
margin: 0; padding: 0; height:100%; min-height:100%;}

body{
font: 68.75% verdana, arial, helvetica, sans-serif;
line-height: 1.5em;
color: #000; text-align: left;
background: #58585A;}

	p			{ font-size:1em; margin: 0 0 0.67em 0; }

	a			{ color: #EE014C;}
	a:link		{ text-decoration: none;}
	a:visited	{ color: #58585A;}
	a:hover		{ text-decoration: underline; }
	a:active	{ }

	div			{ }
	span		{ }
	
	table		{}
	tr			{}
	td			{}

	h1			{ font-weight: bold; color: #EE014C; font-size: 1.5em; margin: 0.67em 0 0.67em 0; }
	h2			{ font-weight: bold; color: #000000; font-size: 1.1em; margin: 1em 0 0 0 ;}
	h3			{ font-weight: bold; color: #EE014C; font-size: 1em; margin: 1em 0 0 0 ;}
	h4			{ font-weight: normal; color: #CCCCCC; font-size: 0.9em; margin: 0 0 0 0 ;}
	h5			{ font-weight: bold; color: #EE014C; font-size: 0.8em; margin: 1.67em 0 0 0;}
	h6			{ font-weight: bold; color: #EE014C; font-size: 0.7em; margin: 2.33em 0 0 0; }

	ol			{ margin: 1em 0px 1em 40px; list-style-type: decimal ;}
	ol ol		{ margin-top: 0px; margin-bottom: 0px ;}
	ol ul		{ margin-top: 0px; margin-bottom: 0px; }

	ul			{ margin: 0.67em 0px 0.67em 2em; color: #EE014C; list-style-type: disc; font-size: 1em; }
	ul ol		{ margin-top: 0px; margin-bottom: 0px ;}
	ul ul		{ margin-top: 0px; margin-bottom: 0px ;}
    ul span		{ color: #000000;font-size: 1em;}

	.nomargin_nopadding{padding:0; margin:0.2em 0 0 0;}
    

		
/***********************
	  LAYOUT
************************/
#wrap {
	background: #FFFFFF;
	width: 1024px; 
	min-height:96%;
	height:auto;
	display: table;
	margin: 0 auto;	
	text-align: left;
}

* html body {height: 100%;}


#content-wrap {
clear: both;
	margin: 0; padding: 0;	
	background: #FFFFFF;
}


/* header */
#header { background-image: url(images/header.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% top; position: relative; width: 1024px; height: 162px; visibility: visible; margin-left:0px;}


#header-right { font-size: 8pt; line-height: 8pt; float: right; width: 19%; visibility: inherit; padding: 4px 0 0; margin:0; }


#top-menu{ float:right; clear:both; position:absolute; height:143px;  top: 0px; left: 430px; width: 200px;  visibility: inheret; margin: 0; padding-top:0px; font-weight:bolder;  text-align:right; line-height:23px; } //background-color:#FFFFFF;


#top-menu ul{
padding: 6px 0 7px 0; 
margin: 0;
text-align: right; 
}

#top-menu ul li{
list-style:none;
display: block;
}

#top-menu ul li a{
color: #000000;
padding: 6px 3px 4px 3px; 
margin-right: 20px; 
text-decoration: none;
border-bottom: 3px solid #CCCCCC; 
}

#top-menu ul li a.actief{
}


#top-menu ul li a:hover, #top-menu ul li a.selected{
border-bottom-color: #58585A;
}


#kruimelpad{ font-size:90%; float: none; clear:both; position:absolute; height:29px; vertical-align: middle; top: 140px; left:30px; width: auto;  visibility: inheret; }

/* main */
#main {
	float: left;
	margin-left: 0px;
	padding: 0 0 10px 0;
	width: 580px;		
}

/* kolom_links */
#kolom_links {
	float: left;
	width: 200px;
	margin: 0;
	/*margin-top:30px;	*/
	padding: 0 0 0 20px; 
	display: inline;
	visibility: visible; 		
}
ul.menu_links {
	width:175px;
	list-style:none;
	margin:0px 0 5px 0px;
	padding:0;		
}
ul.menu_links li {
	margin-bottom:1px;
	/*border: 1px solid #f2f2f2;*/
}
ul.menu_links a, ul.menu_links a:visited {
	display:block;
	font-weight:normal;
	color: #58585A;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #F2F2F2;
	border-left:4px solid #CCCCCC;	
	min-height:18px;
}

.Akleur {color:#FF9900;}
.Bkleur {color:#009966;}
.Ckleur {color:#0066CC;}
.Akleur, .Bkleur, .Ckleur {padding-right:4px;font-weight:bolder;}


.list_display {color:#58585A;}
a.onderstreept {text-decoration:underline;}

a.button, a.button:visited {
	display:block; 
	height:18px; 
	width: 156px;
	margin-top:5px;
	padding:2px 5px 2px 10px;
	background: #58585A; 
	color: #FFFFFF;
	cursor: pointer; text-decoration: none;	
}

a.pdf_button, a.pdf_button:visited {
	background:url(/css/images/pdf_download.gif) no-repeat center right;
	display:block; 
	width: 156px;
	height:18px;
	padding:2px 5px 2px 10px;
	/*margin:1px;*/
	/*padding-left:16px;*/
	background-color:#F2F2F2; color: #58585A; /* #f2f2f2*/
	cursor: pointer; text-decoration: none;	
}

a.pdf_button:hover {
	text-decoration:underline;	
}


* html body ul.menu_links a { height: 18px; }

ul.menu_links a:hover {
	/*padding:2px 5px 2px 10px;*/
	color: #EE014C;
	border-left:4px solid #EE014C;
	text-decoration: none;
}

/* kolom_rechts */
#kolom_rechts {
	float: right;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 24px;
	/*margin-top:30px;	*/
	display: inline;
	visibility: visible; 	
}

ul.menu_rechts {
	width:175px;
	list-style:none;
	margin:0px 0 5px 0px;
	padding:0;		
}
ul.menu_rechts li {
	margin-bottom:1px;
	/*border: 1px solid #f2f2f2;*/
	
}
ul.menu_rechts a {
	display:block;
	font-weight:normal;
	color: #58585A;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background-color: #f2f2f2;
	border-right:4px solid #CCC;	
	min-height:18px;
}

* html body ul.menu_rechts a { height: 18px; }

ul.menu_rechts a:hover {
	/*padding:2px 5px 2px 10px;*/
	background-color: #f2f2f2;
	color: #EE014C;
	border-right:4px solid #EE014C;
	text-decoration: none;
}




/* Footer */
#footer {clear:both; padding:4px 0 0 30px; background-color: #585858; color:#FFFFFF; width:1024px; height:25px; position: relative;  visibility: visible;display: table;
	margin: 0 auto auto;	
	text-align: left;}

#footer a { 
    color:#FFFFFF;
	text-decoration: none;
	padding-right:15px;
}

#footer ul, #footer ul li
{margin:0; padding:0; display: inline;}

.infobox, .logobox{
margin: 0px 0px 1em 0px; 
padding:10px;
padding-left:0px;
width:80%;
display:block;
}

.infobox img{
clear:both;
float:left;
width: auto;
height: 80px;
margin-right:20px;
padding: 0 2px 0px 0;
text-align: center;
vertical-align:middle;
border:0;
border-right: solid;
border-right-color: #EE014C;;
border-right-width: 5px;
}

.logobox img {
	clear:both;
	float:left;
	/*width: 160px;
height: 80px;*/
margin-right:20px;
	padding: 0 5px 0px 0;
	text-align: center;
	border:0;
	border-right: solid;
	border-right-color: #EE014C;
	border-right-width: 5px;
	vertical-align:middle;
}


.infobox h2, .infobox h4, .logobox h2, .logobox h4{
	/*margin-top:10px;
margin-bottom:0px;*/
float:none;
	position:relative;
	padding-top:0px;
	margin:2px 0;

}

.infobox h4, .logobox h4{
color:#58585A;
}

.infobox p, .logobox p{
clear: both;
margin-top:10px;
}



/* form elements */
form {
margin:0; padding: 0;
}

.error {
color: red;  
}

form a {
color:#58585A;
}


fieldset {
	margin:0; padding: 0;
	border: 0px solid; 

}

legend {
	margin:0; padding: 0;
	line-height: 0;
}

label {
	display:block;
	color: #000000;
	padding:0;
}

select {
	padding: 2px 0 2px 0;
	margin-top:2px;
	margin-bottom:6px;
	width:150px;
	border: 1px solid #CCCCCC;
	border-style:solid;
	background-color:#FFFFFF;
	color:#58585A;
}


input[type="text"], input.text {
	padding: 2px 0 2px 0;
    margin-top:2px;
	margin-bottom:6px;
	width:150px;
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	border-style:solid;
	color:#000000;
	
}


input[type="radio"], input.radio {
	padding: 0 2px 0 0;
	width:10px;
	border:none;
	color:#000000; }


textarea {
	width:300px;
	padding:2px;
	border: 1px solid #CCCCCC;
	border-style:solid;
	height:100px;
	display:block;
	color:#58585A;
}

input.button{ 
	width: auto;
	border:none;
	background: #58585A; 
	/*float : left;*/
	padding:2px 5px 2px 10px;
	color: #FFFFFF;
	width:150px;

	cursor: pointer;	
}		


#kolom_links ul.menu_links select {
border: 1px solid #CCCCCC;
border-style:solid;
background-color:#EEEEEE;
width:175px;
margin-bottom:2px;
color:#58585A;
}

#kolom_links ul.menu_links input.button {
	margin-top:4px;
	width:175px;
}


#kolom_links ul.menu_links input[type="text"], #kolom_links ul.menu_links input.text {
border: 1px solid #CCCCCC;
border-style:solid;
background-color:#EEEEEE;
color:#58585A;
width:170px;
margin-bottom:2px;
}