@charset "utf-8";
/* CSS Document */

/* browser settings reset */
html,body, dt, dl, dd, ul, li, h1, h2, h3, h4, h5, h6 , form, fieldset, a,blockquote 
		{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}

/* site settings */

img 
		{
		border: 0px;
		}

.feedback
		{
		padding:10px!important;
		border:1px solid #ff0000;
		color:#ff0000;
		margin-bottom:5px;
		}
body 
		{	
		
		font-size: 100.01%;
		background-color:#dadada;
		font-family:Arial, Helvetica, sans-serif;
		}

/* font-size 100.01% is to fix several bugs

IE/Win : bug fix for "em" bug - if font size is set to 100%, font proportions 
can be distorted if em units are on elements on page -
Opera  : font-size 100% -> font is drawn smaller than other browsers 
Safari : has problems with font-size 101%, so 100.01%  safest choice */

/* FCK Styles */
.kop1{font-size:1.1em; font-weight:bold;}
.kop2{font-size:1.1em; font-style:normal;}
.tussenkop1{font-size:.9em;font-weight:bold;}
.tussenkop2{font-size:.9em; font-style:normal;}
.inleiding1{font-weight:bold; }
.inleiding2{font-style: italic; }
.univers1{font-family: Courier New, Courier, Monaco, monospace; color:#666;}
.univers2{font-family: Courier New, Courier, Monaco, monospace; color:#000;}

a
{
color:#333;
}

a:hover
{
text-decoration:none;
}

/* layout */

.hide,
.printonly 
		{
		display: none;
		}

.screenonly {}

/* de class en printonly hide kunnen worden gebruikt om accessibility/usability te vergroten door 
elementen te verbergen, deze worden zichtbaar als deze stylesheet niet worden gerenderd
*/
body,
html 
		{
		height:100%;
		}


/*--------layout-----*/


#snelmenu
		{
		}
		
		
#mainContainer
		{
		width:1024px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		background-image:url("homePageBg.jpg");
		background-position:center;
		background-repeat:repeat-y;
		}

#header
		{
		width:1024px;
		background-image:url("homePageHeader.jpg");
		background-repeat:no-repeat;
		height:282px;
		}
		

		
#mainMenu
		{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;	
		border:0px solid #fff;		
		padding-top:230px;
		list-style-type:none;
		color:#fff;
		}
		
#mainMenu li
		{	
		display:inline;	
		padding-left:15px;
		padding-right:15px;
		height:30px;		
		}
			
#mainMenu li a
		{
		color:#fff;
		font-size:1em;
		font-weight:bold;
		text-decoration:none;
		}

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


#home #contentContainer img
		{	
		margin-left:19px;		
		background-color:#272649;
		}
		
#contentContainer img
		{			
		background-color:#272649;
		}
		
#contentContainer #LocatorMapCanvas img
		{			
		background-color:transparent;
		}
		
		
/*vervolg pagina*/

body#vervolg
		{
	
		background-image:url("vervolgBodyBg.gif");
		background-repeat:repeat-y;
		background-position:center;
		background-attachment:fixed;
		}
		
#vervolg #mainContainer
		{
		border:0px solid #fff;
		background-image:none;
		}

#vervolg #header
		{
		width:1024px;
		background-image:url("vervolgPageHeader.jpg");
		background-repeat:no-repeat;
		height:130px;
		}
		
#vervolg #mainMenu
		{
		float:left;	
		text-align:left;
		padding:0;
		margin:0;
		padding-left:30px;
		width:994px;
		height:35px;
		background-image:url("vervolgMainMenuBg.jpg");
		background-repeat:repeat-x;
		border:0px solid #fff;
		}
		
#vervolg #mainMenu li
		{	
		float:left;		
		padding-top:5px;			
		padding-left:10px;
		padding-right:10px;
		border-right:1px solid #fff;
		}	
		
#vervolg #mainMenu li a:hover
		{		
		text-decoration:none;
		}
		
#vervolg #mainMenu li.selected,
#vervolg #mainMenu li:hover
		{		
		
		border-top:0px solid #fff!important;	
		background-image:url("vervolgMainMenuBgSelected.jpg");
		background-repeat:repeat-x;	
		background-position: 0 0;	
		}
		

		
#mainContent
		{			
		float:left;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:.75em;
		width:800px;
		padding-bottom:10px;
		margin-left:30px;
		margin-top:0px;
		}

				
#content
		{		
		float:left;
		width:680px;	
		padding:0;
		margin:0;
		margin-top:10px;
		padding-left:10px;
		}
		
#mainContent ul
		{				
		margin-left:35px;
		}
		
		
h1.paginaTitel
		{
		width:800px;
		font-size:1.2em;
		margin-top:-5px;
		padding-left:10px;
		padding-top:35px;
		padding-bottom:5px;
		background-image:url("titelBg.gif");
		background-repeat:no-repeat;
		background-position:-3px 100%;
		}
		
#rightColumn
		{
		float:right;
		width:190px;	
		}
	

		
#contact
		{
		font-weight:normal;
		margin-left:60px;
		line-height:19px;
		font-size:.7em;
		color:#54595d;
		}

#contact a
		{
		text-decoration:none;
		color:#54595d;
		}

#contact a:hover
		{
		text-decoration:underline;
		}
		
/*LOCATOR*/
#Locator{ float:left;padding:0px; margin-top:0px; margin-bottom:20px; }
#Locator #LocatorContainer{ float:left;width:450px;background:#f4f4f4; border:#7e695e 1px solid; padding:10px;}
#Locator #LocatorContainer p{margin:0px 0px 10px 0px; font-weight:bold;}
#Locator #LocatorContainer #Postcode{display:none;float:left;  padding:0px 15px 0px 0px;}
#Locator #LocatorContainer #Straal{ display:none;float:left; padding:0px 15px 0px 0px;}
#Locator #LocatorContainer #Straal #LocatorStraalDropdownlist{display:none; padding:1px 0px 0px 0px;}
#Locator #LocatorContainer #Of{float:right;margin-right:280px;margin-top:0px;padding:24px 25px 0px 10px; font-weight:bold;}
#Locator #LocatorContainer #Plaats{float:left;padding:0px 15px 0px 0px;margin-top:-35px;}
#Locator #LocatorContainer .LocatorButton{float:right;border:1px solid #333;width:100px;margin-top:-22px;}
#Locator #LocatorContainer .LocatorButton input{border:outset 1px;background:#999;color:#fff; cursor:pointer;width:100px;}
#Locator #LocatorContainer #Provincie{ float:right;margin-right:110px;margin-top:-35px; padding:0px 10px 0px 0px;}
#Locator #LocatorContainer #Land { display:none;}
#Locator #LocatorContainer #label_plaats {float:left;width:100px;}
#Locator #LocatorContainer #Land { display:none;}
#Locator #LocatorContainer .LocatorLabel{height:23px;}
#Locator #LocatorContainer #LocatorPostcodeField input{display:none; width:60px;}
#cat1chk_id{display:none;}
#Locator #LocatorOverzicht{ float:right; width:188px;padding:0px 5px 5px 5px;}
#Locator #LocatorOverzicht #LocatorAantalResultaten{ padding:0px 0px 10px 0px; font-weight:bold;}
#Locator #LocatorOverzicht .LocatorOverzichtItem{ padding:0px 0px 10px 0px;line-height:19px;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtNaamLocatie{ font-weight:normal; font-size:1em; padding:0px 5px 0px 0px;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtNaamLocatie a{ color:#444;display:block;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtAdres{display:none; padding:0px 0px 0px 0px;}
#Locator #LocatorContainer #cat1ddl_id{display:none;}
#LocatorNaamLocatieLabel, #LocatorAdresLabel, #LocatorWWWAdresLabel, #LocatorEmailLabel, #LocatorTelefoonLabel{ float:left; width:120px; font-weight:bold;}
#LocatorNaamLocatie, #LocatorAdres, #LocatorWWWAdres, #LocatorEmail, #LocatorTelefoon,  #LocatorProvincie{ margin-left:120px;} 
#LocatorMapCanvas{float:left; width:100%; height:375px;  margin-top:25px; border:#7e695e 1px solid;}

#LocatorAdresGegevens{ border:1px solid #aeafb0;float:left; padding:10px; width:665px;}
#LocatorAdresGegevens div {padding-bottom:10px;}
#LocatorAfbeelding{ float:right;}
#LocatorAdresAfbeelding{ float:left; width:100%;}
#LocatorOmschrijving{ float:left; margin:20px 0px 0px 0px;}
#LocatorTerug{ float:left;text-align:right; padding:0px 0px 10px 0px; font-weight:bold;}

.formulier_button a{display:block;color:#fff!important;text-align:center;text-decoration:none!important;border:outset 1px; cursor:pointer;background:#999;}