@CHARSET "UTF-8";

body  {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../afbeeldingen/bg_body.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width: 800px; /*46em;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header { background: url(../afbeeldingen/bg_menu.gif) top right no-repeat; } 
#header h1
{
	margin: 0; 
	padding: 20px 10px 5px 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 170%;
	text-align:left;
	font-family: Georgia, Times New Roman;
	letter-spacing:0.05em;
	font-weight:normal;
}
#header a	{ margin-right:24px; }
#header a:link, #header a:visited { text-decoration:none; color:#000000; }
#header a:hover	{ text-decoration:underline; color:#000000; }
#header a:active	{ text-decoration:none; color:#A72D03; }
#header a.a_actief { color:#A72D03; }
#header #hoofdmenu 
{
	padding:6px 10px 4px 10px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; font-weight: bold;
}

#header #submenu
{
	padding:2px 10px 4px 10px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; font-weight: bold; margin: 0;		/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}

#linkerkolom {
	float: left; 
	width: 260px;
	color: #000000;
	font-size:12px; 
}
#linkerkolom h1, #linkerkolom h2, #linkerkolom h3, #linkerkolom h5, #linkerkolom p {
	margin-left: 10px;
	margin-right: 10px;
}
#linkerkolom h1	{ font-size:16px;	font-weight:bold; color: rgb(0, 153, 51); }
#linkerkolom h2	{ font-size:14px;	font-weight:bold; }
#linkerkolom h3	{ font-size:12px; padding:0; margin-bottom:0; margin-top:0.75em; }
#linkerkolom p	{ margin-top:2px; font-size:10px; }
#linkerkolom a:link, #linkerkolom a:visited { text-decoration: none; color:#468BCC; }
#linkerkolom a:hover		{ text-decoration: underline; color:#468BCC; }
#linkerkolom a:active	{ text-decoration: none; color:#FFCC00; }
#linkerkolom ul	{ padding:0; margin:0 10px 0.75em 10px; list-style: none; }
#linkerkolom li	{ padding:4px 0 4px 4px; margin:2px 0; font-size:12px; background-color:#ccff99;}
#linkerkolom li	a:link, #linkerkolom li	a:visited { text-decoration: none; color:#468BCC; }
#linkerkolom li	a:hover		{ text-decoration: underline; color:#468BCC; }
#linkerkolom li	a:active	{ text-decoration: none; color:#FFCC00; }

#subsubmenu h5 { margin:1px 20px 1px 10px; padding:3px 0 3px 3px; font-size:11px; font-weight:bold; color:#000; background-color:#ccff99; }
#subsubmenu h5 a:link, #subsubmenu h5 a:visited { text-decoration: none; color:#000;  }
#subsubmenu h5 a:hover, #subsubmenu h5 a:active { text-decoration: underline; color:#000;  }
/* #subsubmenu h1 { display:none;} */

#rechterkolom{ margin: 0 15px 0 260px;  color:#000000; font-size:12px; }
#rechterkolom h1, #rechterkolom h2, #rechterkolom h3, #rechterkolom p, #rechterkolom blockquote, #rechterkolom fieldset
{
	margin-left: 10px;
	margin-right: 10px;
}
#rechterkolom h1	{ font-size:16px;	font-weight:bold; padding:0; }
#rechterkolom h2	{ font-size:14px;	font-weight:bold; }
#rechterkolom h3	{ font-size:12px; padding:0; margin-bottom:0; margin-top:0.75em; }
#rechterkolom h4	{ padding-left:6px; }
#rechterkolom blockquote	{ font-size:12px; margin-top:0.2em; color: rgb(0, 153, 51); }
#rechterkolom p		{ margin-top:2px; }
#rechterkolom a:link, #rechterkolom p	a:visited { text-decoration: none; color:#468BCC; }
#rechterkolom a:hover		{ text-decoration: underline; color:#468BCC; }
#rechterkolom a:active	{ text-decoration: none; color:#FFCC00; }
#rechterkolom ul	{ padding:0; margin:0 10px 0.75em 30px; list-style: outside square; }
#rechterkolom li	{ padding:0; margin:0 10px; font-size:12px; }
#rechterkolom li a:link, #linkerkolom li a:visited { text-decoration: none; color:#468BCC; }
#rechterkolom li a:hover	{ text-decoration: underline; color:#468BCC; }
#rechterkolom li a:active	{ text-decoration: none; color:#FFCC00; }
#rechterkolom bq { color:#009933; }
#rechterkolom img { margin-right:10px; margin-bottom:2px; }
#footer
{ 
	padding: 0 10px;
	background:#F5F4EC;
	font-size:0.8em; 
} 
#footer p {
	margin: 0; /* avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; 
}

.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h4 {background-color:#ccff99; font-weight:bold; padding-top:10px; padding-bottom:10px;}


/*********** FORMS *************/
label { width:180px; display:block; float:left; }
input { width:200px; }
select { width:385px; }
textarea { width:380px; height:60px; }


/** aanpassingen sep 2010 */
#linkerkolom #binnenkort li	{ padding:4px 0 4px 4px; margin:2px 0; font-size:12px; background-color:transparent;}
/*
#binnenkort, #nieuwsbrief, #cd
*/
.linkerkolomSectie
{
margin-top:20px;
border-top:1px solid #666;
}
#searchterm { margin-left:10px; }

#binnenkort li a { font-size:10px; }
#binnenkort li a:link, #binnenkort li a:visited { color:#009933; text-decoration:none; }
#binnenkort li a:hover, #binnenkort li a:active { color:#009933; text-decoration:underline; }

#binnenkort li { list-style-type:circle; }

#binnenkort ul { margin-left:30px; }