/* STYLESHEET STARTPAGINA 

.teststyle {width:10px; height:10px; background:#000;} */






/* ALGEMENE INSTELLINGEN EN FIXES */

* {margin:0; padding:0;}


.clearthefloats {
	clear:both
}


a
{
	color:#686868;
	text-decoration:none;
}

a:hover
{
	color:			#a3d742;
	text-decoration:underline;
}

a:focus {outline: 0;}  /* hiermee, en met de hieronderstaande voorkom je dat er een stippellijn langs een plaatje komst als deze als link wordt gebruikt  */
a:active {outline: 0;}



/* EINDE ALGEMENE INSTELLINGEN EN FIXES */

#main_wrapper {
	width:520px; 
	height:auto;
	text-align:left;
	background-color:#FFF;
	margin:0px 5px 0px 3px;
	font-family:	Arial, Verdana, Tahoma, Helvetica, sans-serif, "Arial Black";
	font-size:		11px;
	color:#666;
	height:			100%;
}

.border {
	border-width:0px;
	border-color:#CCC;
	border-style:solid;
}



.contDivider {
	height:1px;
	/*width:100px;*/
	padding:10px 10px 10px 10px;
	background-image:url(img/FrontPage/stippel.gif);
	background-repeat:repeat-x;
	font-size:1px;
	overflow:hidden;
	clear:both
}


.arrow1 {
	background-image:url(img/FrontPage/index1-arrow1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	overflow:hidden
}

.LeesMeer {
	background-image:url(img/FrontPage/index1-arrow1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	margin-left:5px;
	overflow:hidden;
	font-style:italic;
	color:#F33
	
}

.afbeelding {
	border-width:0px;
	padding-left:-50px;
	margin-left:-50px;
}

#QuoteLinks {
	width:160px;
	height:80px;
	margin:-20px 0px 30px -16px;
	padding:0px 0px 0px 0px;	 	
}

#QuoteRechts {
	width:160px;
	height:80px;
	margin:-20px 80px 30px -16px;
	padding:0px 0px 0px 0px;	 	
}

/* ----- CONTAINERS------*/
/* containers zijn bedoeld om andere elementen in vast te houden zodat ze niet verspringen. Ze zijn op zichzelf onzichtbaar  */

#ContainerLinks {
	float: left;
	width:140px;
	height:250px;
	background-color:#FBFBFB;
	background-image:url(img/FrontPage/boxachtergrond.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:5px;
	padding:5px 10px;
	 	
}

#ContainerMidden {
	float: left;
	width:140px;
	height:230px;
	background-color:#FBFBFB;
	margin:5px;
	padding:5px 10px;
	 
}

#ContainerRechts {
	float: right;
	width:140px;
	height:230px;
	background-color:#FBFBFB;
	margin:5px;
	padding:5px 10px;
	 
}

#ContainerVolleBreedte {
	clear: both;
	width:360px;
	height:auto;
	/*background-image:url(img/FrontPage/achtergrondStreep.gif);*/
	background-repeat:repeat-y;
	background-position:10px 0px 0px 0px;
	margin:5px;
	padding:0px 0px 30px 80px;
	
}

#HalveContainerLinks {
	float: left;
	width:160px;
	height:300px;
	margin:0px;
	padding:0px 0px 0px 85px;
	 	
}

#HalveContainerRechts {
	float: right;
	width:160px;
	height:300px;
	margin:0px;
	padding:0px 90px 0px 0px;
	 	
}


#HalveContainerLinksAfbeelding {
	float: left;
	width:160px;
	height:270px;
	margin:0px;
	padding:0px 0px 0px 65px;
	 	
}

#HalveContainerRechtsAfbeelding {
	float: right;
	width:160px;
	height:270px;
	margin:0px;
	padding:0px 90px 0px 0px;
	 	
}

/* het plaatje van de promocontainer mag maximaal .....px breed zijn  */
#PromoContainerRechts {
	width:80px;
	height:80px;
	margin:0px;
	padding:0px 0px 210px 425px;
	
}




/* ----- END CONTAINERS ------*/ 

#Header {
	 
	width:auto;
	height:30px;
	background-image:		url(img/FrontPage/HeaderAchtergrond.gif);   
	background-repeat:		repeat-x;
	background-position:	center top;
	visibility:				visible;
	margin:0px;
	/*padding:5px 5px;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4d8c3c;
	padding:0px 2px 5px 5px;
	 	
}

#HeaderVisie {
	 
	width:auto;
	height:50px;
	/*background-image:		url(img/FrontPage/achtergrondVolleBreedte.gif);*/ 
	background-repeat:no-repeat;
	background-position:	center top;
	visibility:				visible;
	margin:0px;
	/*padding:5px 5px;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4d8c3c;
	padding:0px 0px 0px 80px;  /* met de laatste waarde regel je het verschuiven van de kop naar rechts (of bij een kleinere waarde meer naar links) */
	 	
}

#ContentVisie {
	width:520px;
	margin: -15px 50px 0px 80px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

/*//////// Style elementen boeken pagina  ////////////*/

#HeaderBoeken {
	 
	width:auto;
	height:50px;
	/*background-image:		url(img/FrontPage/achtergrondVolleBreedte.gif);*/ 
	background-repeat:no-repeat;
	background-position:	center top;
	visibility:				visible;
	margin:0px;
	/*padding:5px 5px;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4d8c3c;
	padding:0px 0px 0px 0px;  /* met de laatste waarde regel je het verschuiven van de kop naar rechts (of bij een kleinere waarde meer naar links) */
	 	
}

#ContentBoeken {
	width:520px;
	margin: 0px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

#MainWrapTabel {
	width: 520px;
	margin: 10px 0px 30px 0px;
}

#TabelBlokTitel {
	clear: both;
	width:520px;
	height:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4d8c3c;
	background-image:		url(img/FrontPage/HeaderAchtergrondBoeken.gif);   
	background-repeat:		repeat-x;
	background-position:	center top;
	visibility:				visible;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
} 

#TabelBlokLinks {
	float: left;
	width:140px;
	height:autopx;
	margin:0px 0px 0px -15px;
	padding:0px 0px 0px 10px;
} 

#TabelBlokMidden {
	float: right;
	width:340px;
	height:auto;
	background-color:;
	margin:0px;
	padding:0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
} 

#TabelBlokVasteGegevens {
	float: right;
	vertical-align:bottom;
	width:140px;
	height:auto;
	background-color:;
	margin:0px -15px 10px -15px;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
} 

#TabelBlokFooter {
	clear:both; 
	width:500px;
	height:30px;
	background-image:url(img/FrontPage/FooterBoeken.gif); 
	margin:0px;
	padding:5px 10px;
} 

.ul {
	margin-left:15px;
}