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

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

/* site settings */

img 
		{
		border: 0px;
		}

body 
		{
		font-size: 100.01%;
		background-image:url("bodyBg.gif");
		background-repeat:repeat-x;
		background-position: 0 100%;
		background-attachment:fixed;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		}

a
		{
		color:#000;
		
		}
a:hover
		{
		color:#000;
		text-decoration:none;
		}

/* .scroll_div
		{
		overflow:auto;
		height:650px;
		}*/

/* 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 */

/* 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
*/

html 
		{
		height:100%;
		}

.floatLeft
		{
		float:left;
		}
		
.floatRight
		{
		float:right;
		}
		
h1		{
		font-size:1.4em;
		}
		
h2		{
		font-size:1.2em;
		}

h3		{
		font-size:1.1em;
		}

h4,
h5,
h6	
		{
		font-size:1em;
		}
		
	
li a
		{
		background-image:url("listImagePijlNoBorder.gif")!important;
		background-repeat:no-repeat;
		background-position: 0 3px;
		padding-left:12px;
		}
		
/*--------layout-----*/


#snelmenu
		{
		}
		
		
#mainContainer
		{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		}

#header
		{
		width:100%;
		height:384px;
		background-image:url("mainHeaderBg.jpg");
		background-repeat:no-repeat;
		background-position: 0 0;
		border:1px solid #ff6600;
		border-top:0px solid #ff6600;
		}
		
#header img
		{
		margin-top:25px;
		margin-left:25px;
		}
		
.borderOranje
		{
		border:1px solid #ff6600;
		}	
		
#zoek
		{
		margin-top:115px;
		width:415px;
		display:block;
		border:0px solid #ff6600;
		margin-left:auto;
		margin-right:auto;
		}	

#zoek input[type=text]
		{
		background-image:url("listImagePijl.gif");
		background-repeat:no-repeat;
		background-position: 1% 50%;
		width:394px;		
		margin:0;
		padding-left:21px;
		border:1px solid #333;
		background-color:#fff;
		font-size:.8em;
		}
		
#zoek label,
#zoek h2,
#zoek #submitBtn
		{
		font-size:.7em;
		}
		
#zoek h2
		{		
		padding-left:2px;
		padding:2px;
		margin-bottom:5px;
		border-bottom:1px solid #767164;
		border-top:4px solid #767164;
		}		

				
#zoek fieldset
		{
		margin-top:2px;
		width:415px;
		padding-bottom:5px;
		background-color:#ededed;
		}	
		
fieldset#textField
		{
		margin-top:2px;
		width:415px;
		padding-bottom:5px;	
		background-color:transparent;	
		}	
		
#zoek #submitBtn,
#contentBody #submitBtn
		{
		float:right;
		margin-top:1px;	
		width:75px;		
		clear:both;
		border:1px solid #888;
		background-image:url("listImagePijlNoBorder.gif");
		background-repeat:no-repeat;
		background-position: 0 50%;
		margin-top:11px;
		padding:1px;
		padding-left:4px;
		cursor:pointer;
		}
		
#vervolg #zoek #submitBtn
		{
		width:47px;
		margin:0;
		margin-top:1px;	
		}
		
#contentBody #submitBtn
		{
		float:left!important;
		width:50px!important;
		font-weight:normal;
		background-color:#d4d0c8;
		}
		
#contentBody #submitBtn a		
		{		
		display:block;
		text-decoration:none;		
		padding-left:10px;
		}
		
#contentBody #submitBtn a:hover
		{
		border-color:1px solid #cfcfcf;
		}

#contentContainer
		{		
		border:0px solid #f2f2f2;
		border-top:0px solid #f2f2f2;
		border-bottom:0px solid #f2f2f2;
		width:415px;
		margin-left:auto;
		margin-right:auto;
		}
		
#mainMenu
		{		
		padding:5px;
		padding-right:0;
		margin:0;
		margin-top:25px;	
		margin-bottom:10px;		
		font-size:.7em;
		}	

#mainMenu h2
		{		
		font-size:1em;
		}	
			
#home #mainMenu
		{
		float:left;
		width:400px;
		padding:5px;
		}
		
#mainMenu ul
		{
		float:left;	
		width:49%;
		margin-top:10px;		
		margin-left:0px;
		list-style:none;
		}	
		
#vervolg #mainMenu ul
		{
		width:45%;
		}	
		
#mainMenu ul li
		{			
		margin-bottom:10px;
		}
			
#mainMenu ul li a
		{
		display:block;
		width:180px;
		padding:2px;
		padding-left:15px;		
		text-decoration:none;
		}		
		
#intro	
		{
		float:left;	
		padding:5px;
		font-size:.7em;
		width:400px;
		}	
		

#abonnees
		{
		float:right;
		margin-top:-1px;
		margin-right:3px;
		height:auto;
		}
		



#abonnees a
		{
		display:block;	
		font-weight:bold;
		margin:3px;
		background-color:none;
		padding:3px;
		font-size:.7em;
		text-decoration:none;
		color:#000;
		}
		
#abonnees a:hover,
#mainMenu ul li a:hover
		{		
		background-color:#efefef;
		text-decoration:none;
		}
		
/*----------------------*/
/*--vervolg paginas--*/
/*---------------------*/

#vervolg #header
		{
		width:100%;
		height:145px;
		background-image:url("mainHeaderBg.jpg");
		background-repeat:no-repeat;
		background-position:0 -35px ;
		}
		
#vervolg #header img
		{
		margin-top:10px;
		margin-left:25px;
		}
		
#vervolg #contentContainer
		{				
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		}
		
#leftColumn
		{
		float:left;	
		width:206px;
		margin:0;
		padding:0;
		border:0px solid #333;
		}
		
#vervolg #mainMenu
		{
		float:left;
		width:200px;
		margin-top:5px;
		margin-bottom:4px;
		}

		
#vervolg #abonnees
		{	
		text-align:center;		
		border:1px solid #ff6600;
		padding:5px;
		width:194px;
		margin:0px;
		}

#vervolg #zoek
		{
		width:206px;
		margin-top:35px;
		}
		
		
#zoek p
		{
		padding:3px;
		margin:0;
		font-size:.7em;
		margin-bottom:5px;
		border:1px dotted #ff6600;
		background-color:#cfcfcf;
		}	

		
#vervolg #zoek input[type=text]
		{
		float:left;
		width:130px;
		background-position: 2% 50%;
		}
		
	
#vervolg #zoek fieldset#textField
		{
		width:206px;
		margin:0px;
		padding:0px;	
		border:0px solid #ff6600;
		background-color:transparent;	
		}	
				
#vervolg.zoekResult #content #zoek 
		{	
		float:left;
		margin:0;		
		margin-top:2px;
		}
				
#vervolg.zoekResult #content #zoek fieldset
		{
		border:1px solid #cfcfcf;
		width:767px;
		padding:3px;
		margin:0;
		margin-top:2px;
		margin-bottom:10px;
		}


#vervolg.zoekResult #content #zoek #submitBtn,
#contentBody #submitBtn
		{
		float:right;
		width:15em;
		border:1px solid #000;
		margin:2px;
		}
		
		
#vervolg #zoek span
		{
		float:right;
		margin:0;
		padding:0;
		}

#mainColumn
		{
		float:right;
		margin-left:10px;
		margin-top:35px;
		width:775px;
		padding-bottom:10px;
		border-bottom:1px solid #9c9c9c;
		}

#content #titelBalk
		{		
		padding:5px;
		display:block;
		background-color:#dfdfdf;
		border-bottom:0px solid #ff6600;
		}
				
#content #titelBalk h1
		{
		display:block;
		color:#000;	
		font-size:.9em;
		
		}	
		
#content div#tools
		{	
		display:block;
		text-align:right;
		font-size:.7em;
		background-color:#f1f1f1;
		padding:8px;
		background-image:url("bg_gradiant.jpg");
		background-repeat:repeat-x;
		border-bottom:1px solid #ff6600;
		}
		
#content div#tools a
		{
		padding:3px;
		text-decoration:none;
		border:1px solid #fff;
		}


#content div#tools a:hover
		{
		border:1px solid #f3f3f3;
		text-decoration:underline;
		}

			
#content #contentBody
		{
		
		line-height:19px;
		font-size:.7em;
		padding-left:2px;
		padding-top:5px;
		padding-bottom:10px;
		
		}
		
#content #contentBody table
		{
		border:0px solid #999;
		font-weight:normal;
		}
#content #contentBody table 
		{
		width:100%;
		border:0px solid #999;
		}

#content #contentBody table td
		{
		padding:2px;
		border:0px solid #999;
		}
		
/*---------------*/
/* zoekresulaten*/
/*-------------*/
#content #contentBody ul
		{
		list-style:disc;
		margin-left:20px;
		}
		
#content #contentBody ul li
		{		
		padding:0;		
		margin:0;
		}
			
#content #contentBody ul#resultList
		{
		margin:0;
		margin-top:10px;		
		list-style:none;
		width:100%;
		}
		
#content #contentBody ul#resultList li
		{		
		padding-left:0;
		margin-bottom:10px;
		}
		
#content #contentBody ul#resultList li a
		{
		display:block;
		padding-left:0;		
		background-image:none!important;
		clear:both;
		margin-bottom:5px;
		text-decoration:none;
		}

#content #contentBody ul#resultList li a:hover
		{		
		background-color:#f1f1f1;
		text-decoration:none;
		cursor:pointer;
		}

.resultOmschrijving
		{
		display:inline;
		margin-top:0;
		}
		
.resultImage
		{
		float:left;
		width:50px;
		height:50px;		
		margin-right:20px;
		}		

.resultImage img
		{
		float:left;	
		}
			
.titel
		{
	
		font-weight:bold;
		}		
		
/* -------------------*/		
/* vorige volgende*/			
/* -------------------*/	
#resultFooter
		{
		clear:both;		
		height:1.7em;
		background-color:#f2f2f2;	
		margin-top:5px;
		border:1px solid #9c9c9c;	
		}
		
#resultFooter a
		{
		display:block;
		text-decoration:none;
		}	

#resultFooter a:hover
		{
		background-color:#ff6600;
		text-decoration:none;
		}				
		
#resultVorige
		{
		float:left;
		width:33.3%;
		text-align:left;		
		}		
		
#resultOverzicht
		{
		float:left;
		border-left:1px solid #000;
		border-right:1px solid #000;
		width:33.1%;
		text-align:center;
		}	
		
#resultVolgende
		{
		float:right;
		width:33.3%;
		text-align:right;
		}	

		
/*-----------------*/
/*	Result item   */
/*----------------*/
.label
		{	
		float:left;
		clear:left;
		font-weight:bold;
		color:#000;
		margin-right:10px;
		}	
		
.outPut
		{
		margin-left:25%;
		}
	
#merkNaam,		
#classificatie
		{
		float:left;
		margin-bottom:10px;		
		margin-right:25px;	
		}
		
			
#itemFotoos
		{
		float:right;
		width:154px;
		margin-top:15px;	
		background-color:#fff7f1;
		border-top:1px solid #f2f2f2;
		color:#000;
		}

#itemFotoos sup
		{
		display:block;
		padding:5px;
		}
				
#itemFotoos img
		{	
		float:left;
		width:75px;
		margin:2px;
		margin-right:0;
		margin-bottom:0;
		}
		
#itemFotoos .firstImage	
		{	
		float:none;
		width:150px;
		margin:2px;
		margin-right:0;
		margin-bottom:0;
		}	
		
#resultItemBody
		{
		margin-top:5px;
		}		
		
#resultItemBody h2
		{
		clear:left;	
		margin-top:15px;
		margin-bottom:5px;
		padding:2px;		
		color:#000;
		background-color:#f2f2f2;
		border-bottom:1px solid #999;
		}
		
#resultItemBody h4
		{
		margin-top:6px;
		}

#resultItemBody li a
		{
		display:block;
		text-decoration:underline;
		background-image:none;
		}
		
#resultItemBody li a:hover
		{
		background-color:#efefef;
		text-decoration:none;
		}
		
/*-----------------*/
/*	Organisatie item   */
/*----------------*/


#googleMap a
		{
		text-decoration:none;
		}

#googleMap a:hover
		{
		text-decoration:underline;
		}
		
#allBrands
		{
		width:775px;
		border:0px solid #000;
		}
		
#allBrands li
		{
		float:left;
		width:33%;
		}
		
#allBrands li a
		{
		width:90%;
		}


/*-------*/
/*classificatie pagina*/
/*----------------*/

.classificatieListing 
	{
	width:640px;
	 display:block;
	 margin-bottom:10px;
	}