body
{
    margin: 0;
	padding: 0;
}                 
/*Verschillende DIV's*/
#horizon 						/*voor webpagina te centreren*/
{
    margin: auto;
	width: 930px;
	background: url("../../pics/bollen.jpg") 0px 20px no-repeat;
	/*overflow: hidden;*/
}
#headertop                            		/*voor box waar geel-blauwe balk inzit. Parent: #horizon*/
{       
	position: relative;
	margin: 15px 0 0 0;
    height: 25px;
    background: url("../../pics/topbalk.jpg");
}
#langselect   		                        /*voor box waar taalselectie inzit. Parent: #headertop*/
{        
	float: right;
    padding: 4px;
    font: 10pt "Arial";         /*lettertype voor de rechtomhoog streepjes*/
    color: #ffffff;
	width: 100px;
}
#symblink 						/*voor box waar tentje en envelop inzit. Parent: #headertop*/
{        
	float: left;
	margin: 0 0 0 18px;
	height: 25px;
	width: 75px;
}
* html #symblink                     	/*IE hack*/
{
	margin: 0 0 0 10px;
}
#headermiddle                          		/*voor box waar fietser inzit. Parent: #horizon*/
{        
	position: relative;
	margin: 3px 0 0 0;
    height: 103px;
}
#headermiddle_text                     	/*voor box waar slogan bij fietser inzit. Parent: #headermiddle*/
{        
	position: relative;
	margin: -40px 0 0 450px;
    font: bold 9pt "Verdana", "Arial";    /*lettertype voor slogan tekst in header*/
    color: #ffffff;
    letter-spacing: 1px;
}
#headerbottom                          		/*voor box waar hoofdnavigatie inzit. Parent: #horizon*/
{       
	position: relative;
    font: 11px "Verdana";  		/*lettertype voor de rechtomhoog streepjes*/
    color: #ad4186;
    letter-spacing: 1px;
    background: url("../../pics/navbalk.jpg");
    z-index: 100;
}
* html #headerbottom                     	/*IE hack*/
{
	margin: -18px 0 0 0;
}
#leftnav                               			/*voor box waar linkernavigatie inzit. Parent: #content*/
{        
	float: left;
    margin: 0 0 0 5px;
    width: 142px;
}
#leftnavimage                          		/*voor box waar foto inzit. Parent: #leftnav*/
{
    position: relative;
    margin: 5px 0 0 0;
    width: 100%;
}
#leftnavinfo                           		/*voor box waar info inzit. Parent: #leftnav*/
{        
	position: relative;
    margin: 5px 0 0 0;
    width: 100%;
    background-color: #d2e99d;
    text-align: center;
}
#leftnavtips                           		/*voor box waar tips inzit. Parent: #leftnav*/
{        
	position: relative;
    margin: 5px 0 0 0;
    width: 100%;
    background-color: #d2e99d;
    text-align: center;
}
#leftnavbottom                         		/*voor box waar info + tips bodem inzit. Parent: #leftnav*/
{
    position: relative;
    width: 100%;
}
#inhoud                               			/*voor box waar paginainhoud inzit. Parent: #content*/
{
    float: right;
    width: 750px;
    height: 500px;
    overflow: auto;
    /* alleen voor IE >5.5 */
    scrollbar-arrow-color: #a3bc00;
    scrollbar-darkshadow-color: #c0c0c0;
    scrollbar-face-color: #ffffff;
    scrollbar-base-color: #c0c0c0;
}
#footer                 
{               				/*voor box waar paginafooter inzit. Parent: #horizon*/
    float: right;
	width: 750px;
	margin: 0 0 0 154px;
	padding: 4px 0 0 0;
    font: 8pt "Verdana", "Arial Narrow";
    color: #ad4186;
    text-align: center;
	border-top: 2pt solid;
	border-color: #d2e99d;
}
/* List-Layouts */
ul.navleft              {
        list-style-type: disc;
        font: 10pt "Verdana", "Futura Condensed", "Arial";
        color: #ad4186;
        }
        
/* Overige layouts */
p.titels               
{
    font: 10pt "Verdana", "Futura Regular", "Arial";
    color: #ffce39;
    text-decoration: underline;
	margin: -3px 0 0 0;
}
/* voor pagina titel */
p.titel                 
{
    font: bold 14px "Verdana", "Futura Regular", "Arial";
    color: #ad4186;
	text-decoration: none;
    text-align: center;
}
/*voor "subtitel"*/
p.subtitel              {
        padding: 6px;
        font: 8pt "Verdana", "Arial Narrow";
        color: #ad4186;
        text-align: center;
        }
/*voor "uitleg"*/
p.uitleg              {
        padding: 0px 3px 0px 3px;
        font: 8pt "Verdana", "Arial Narrow";
        color: #333366;
        text-align: left;
        }
/*voor "uitleg"*/
p.uitlegcent              {
        padding: 0px 3px 0px 3px;
        font: 8pt "Verdana", "Arial Narrow";
        color: #333366;
        text-align: center;
        }
/*voor "uitleg" van errors*/
p.uitlegcent_error              {
        padding: 6px;
        font: 8pt "Verdana", "Arial Narrow";
        color: #ff0000;
        text-align: center;
        }		
/*Link layouts */
a.body                  {
        font: 10pt "Verdana", "Arial Narrow";
        text-decoration: underline;
        color: #ad4186;
        cursor: pointer;
        }
a.body:hover            {
        font: 10pt "Verdana", "Arial Narrow";
        text-decoration: underline;
        color: #333366;
        cursor: pointer;
        }
/*//////////////////////////////////////////////////////////////////*/
a.credits                  {
        font: 8pt "Verdana", "Arial Narrow";
        text-decoration: none;
        color: #ad4186;
        cursor: pointer;
        }
a.credits:hover            {
        font: 8pt "Verdana", "Arial Narrow";
        text-decoration: none;
        color: #333366;
        cursor: pointer;
        }
/*//////////////////////////////////////////////////////////////////*/
a.navleft          {
        font: 10pt "Verdana", "Futura Condensed", "Arial Narrow";
        text-decoration: none;
        color: #ad4186;
        cursor: pointer;
        }
a.navleft:hover          {
        font: 10pt "Verdana", "Futura Condensed", "Arial Narrow";
        text-decoration: underline;
        color: #ad4186;
        cursor: pointer;
        }
/*///////////////////////////////////////////////////////////////////*/
a.ankers                 {
        font: 10pt "Verdana", "Futura Condensed", "Arial Narrow";
        text-decoration: none;
        color: #ad4186;
        text-align: left;
        cursor: pointer;
        }
a.ankers:hover          {
        font: 10pt "Verdana", "Futura Condensed", "Arial Narrow";
        text-decoration: underline;
        color: #ad4186;
        text-align: left;
        cursor: pointer;
        }
a.subankers                  {
       /* padding: 6px;*/
        font: 8pt "Verdana", "Arial Narrow";
		text-decoration: none;
        color: #ad4186;
        text-align: left;
        }
a.subankers:hover                 {
       /* padding: 6px;*/
        font: 8pt "Verdana", "Arial Narrow";
		text-decoration: underline;
        color: #ad4186;
        text-align: left;
        }		
/*///////////////////////////////////////////////////////////////////*/
a.contact               {
        font: 10pt "Verdana", "Futura Condensed", "Arial Narrow";
        text-decoration: underline;
        color: #ad4186;
        text-align: left;
        cursor: pointer;
        }
a.contact:hover         {
        font: 10pt "Verdana", "Futura Condensed", "Arial Narrow";
        text-decoration: underline;
        color: #333366;
        text-align: left;
        cursor: pointer;
        }
/*//////////////////////////////////////////////////////////////////////*/
a.footer                {
        font: 8pt "Verdana", "Arial Narrow";
        color: #ad4186;
        text-decoration: none;
        cursor: pointer;
        }
a.footer:hover                {
        font: 8pt "Verdana", "Arial Narrow";
        color: #ad4186;
        text-decoration: underline;
        cursor: pointer;
        }
/*////////////////////////////////////////////////////////////////////////*/
a.langsel                {
        font: 10pt "Arial";
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        }
a.langsel:hover                {
        font: 10pt "Arial";
        color: #ffce39;
        text-decoration: none;
        cursor: pointer;
        }

/*Vanaf hier voor topnavigatie*/
.chromestyle{
width: 99%;
font-weight: bold;
}
.chromestyle:after        {                 /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.chromestyle ul{
width: 100%;
padding: 5px 1px;                              /*T R B L*/
margin: 0;
text-align: right;
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
font: bold 11px "Verdana", "Futura Condensed", "Arial";
color: #ad4186;
padding: 4px 4px;
margin: 0;
text-decoration: none;
border-right: none;
}
.chromestyle ul li a:hover{
/*background: url(chromebg-over.gif) center center repeat-x;*/
}
.chromestyle ul li a[rel]:after{         /*HTML to indicate drop down link*/
content: "";
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position: absolute;
top: 0px;
margin-top: 0px;
border: 1px solid #ad4186;
border-bottom-width: 0;
font: normal 9px "Verdana", "Futura Regular", "Arial";
line-height: 12px;
background-color: #daebc8;
width: 130px;
visibility: hidden;
text-align: left;
}
* html .dropmenudiv/*IE feature*/
{filter: progid:DXImageTransform.Microsoft.Shadow(color=#AD4186,direction=135,strength=4); /*Schaduw*/}

.dropmenudiv a{
display: block;
text-indent: 3px;
border-bottom: 1px solid #ad4186;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #ad4186;
}
* html .dropmenudiv a{                         /*IE hack*/
width: 100%;
}
.dropmenudiv a:hover{
background-color: #f0f0f0;
}
/* tot hier voor topnavigatie */
/*********************************************************************************/
/* CSS voor forms */
form                        
{
	border: 0;
    margin : 0;
    padding: 0;
}
/* Labels */
label                                        
{
    font: normal 10px "Verdana", "Futura Regular", "Arial";
    color: #ad4186;
    text-align: left;
	float: left;
	margin: 0 1em 0 0;
	padding: 1px 0 0 0;
}
label.text
{
    width: 10em;
}
label.controle                                        
{
    text-align: center;
    width: 98%;
	margin: 0 auto 4px auto;
}
label.groot                        
{
	width: 14em;
}
label.middel                        
{
    width: 10em;
}
label.smal                       
{
    width: 5em;
}                
/* Input text boxes */
input                                       
{
    font: normal 10px "Verdana", "Futura Regular", "Arial";
    color: #000000;
    border: 1px solid #99cc67;
	margin: 0 0 0 0;
}
input.controle                                       
{
	width: 100px;
	text-align: center;
}
input.text                                       
{
	width: 200px;
}
input.text_error                                       
{
	width: 200px;
	background-color: #ffadad;
}		
input.textsmall                                       
{
    width: 30px;
}
input.textsmall_error                                       
{
	background-color: #ffadad;
    width: 30px;
}		
input.textmedium                                       
{
    width: 70px;
}
input.textmedium_error                                       
{
	background-color: #ffadad;
    width: 70px;
} 
/* radio buttons + check boxes */
input.radio                               
{
	width: 20px;
	border: none;
	vertical-align: middle;
}
/* Buttons */
input.button  
{
    color: #ad4186;
    background-color: #d2e99d;
    text-align: center;
    padding: 2px 2px;
    margin: 5px 2px;
    cursor: pointer;
	width: 75px;
}
input.button_long                        
{
    color: #ad4186;
    background-color: #d2e99d;
    text-align: center;
    padding: 2px 2px;
    margin: 5px 2px;
    cursor: pointer;
	width: 100px;	
}        
/* select boxes (dropdowns) */
select                            
{
    font: normal 10px "Verdana", "Futura Regular", "Arial";
    color: #000000;
    border: 1px solid #99cc67;
    width: 210px;
	margin: 0 0 0 0;
}
select.error
{
	background-color: #ffadad;
}
/* Textareas */
textarea                                      
{
    font: normal 10px "Verdana", "Futura Regular", "Arial";
    color: #000000;
    border: 1px solid #99cc67;
    width: 300px;
    height: 100px;        
    vertical-align: top;
}
/* Fieldset */
fieldset                                
{
	font: normal 10px "Verdana", "Futura Regular", "Arial";
    color: #ad4186;
	text-align: left;
	border: 1px solid #99cc67;
	float: left;
	clear: left;
	width: 100%;
    padding: 0 0 4px 0;
    margin: 1em 0 0 0;
}
/* Legenda */
fieldset legend                                        
{
    font: normal 10px "Verdana", "Futura Regular", "Arial";
    color: #ad4186;
    background: #d2e99d;
    border: 1px solid #99cc67;
    padding: 2px 6px;
    margin: 0 0 0 1em;
}
fieldset div              
{
	text-align: center;
}
fieldset .help              
{
	vertical-align: top;
}
fieldset .calender
{
	vertical-align: top;
}
fieldset.submit
{
	float: none;
	clear: left;
	width: 100%;
	border-style: none;
	padding: 0 0 0 0;
	text-align: center;
}
fieldset ol
{
	margin: 1em 0;
	padding: 0 1em 1em 1em;
	list-style: none;
}
fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}
fieldset fieldset
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-style: none;
	background-image: none;
}
fieldset fieldset legend
{
	margin-left: 0;
	background: #ffffff;
    border: 0;
    padding: 0;
}
/*  Overige Fieldsettings */
fieldset fieldset ol
{
	overflow: hidden;
	margin: -1.2em 0 0 15em;
	padding: 0;
}
*html fieldset fieldset ol
{
	overflow: visible;
	height: 1%;
}
fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
}
/* navigatiesymbooltjes */
a.help
{
    float: right;
	margin: 0 0 0 3px;
}		
a.help img
{
    border: 0;
	vertical-align: middle;
}
/* Voor de home en mail knop linksbovenaan */		
img.mail			
{
	margin: 0px 0px 0px 4px;
	height: 16px;
}
img.home			
{
	margin: 2px 4px 0px 0px;
	height: 20px;
}
/*  Voor de lichtgroene blakjes links en rechts */
img.balkrechts             
{
    top: -6px;
    float: right;
    width: 13px;
}
img.balklinks              
{
    top: -6px;
    float: left;
    width: 13px;
}
/*  Voor controle image bij forms */
img.controle
{
	margin: 4px auto 4px auto;
	width: 100px;
}
/* EINDE van de CSS die voor alle pagina's dient */