/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
    hr {
       border:none;
       border-top:1px dotted white;
       height:1px;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
    
    body, input, select, textarea, td {
    	font-family:Tahoma, Verdana, Arial, Trebuchet MS;
    	color:#b8b8b8;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
		background:url("../images/bg.jpg") top left repeat;
    }
    
    a:link, a:visited {
    	color:#ea1a1a;
    	text-decoration:underline;
    }
    
    a:hover,  a:active {
    }
    
    
	h1  
	{
		font-size:17px;
		
		color:#ffffff;
		font-family: 'Yanone Kaffeesatz', arial, serif;
    }
    
    h2  
	{
		font-size:16px;
		color:#ffffff;
		font-family: 'Yanone Kaffeesatz', arial, serif;
    }
    
    span.textL 
    {
		float:left;
		margin-top:2px;
    }
    
    
	/******************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

div#textsnippet div.text a:link, a:visited {
	color: #B8B8B8;
	text-decoration: underline;
}

div#columnLeft 
{
	width:772px;
	float:left;
}

div#block_1 
{
	width:772px;
	overflow:hidden;
	margin-left:22px;
}

div#block_1 div.left 
{
	width:252px;
	float:left;
	margin-top:20px;
}

div#block_1 div.right 
{
	width:457px;
	margin-left:24px;
	float:left;
	margin-top:20px;
	text-align:justify;
	color:#ffffff;
	height: 183px;
}

div#block_1 div.right  a.readMore 
{
	width:105px;
	height:26px;
	display:block;
	text-indent:-90000px;
	margin-top:17px;
	float:right;
}

div#block_1 div.right  a.readMore:hover
{
	background-position:0px -26px
}


div#block_2 h1 
{
	font-size:18px;
	padding-left:33px;
	padding-top:13px;
	height:24px;
}

div#block_1 div.left h1 
{
	padding-left:11px;
	padding-bottom:10px;
}

div#block_3 h2 
{
	margin-left:11px;
	padding-top:5px;
	padding-bottom:10px;
}


div#block_3 div.left, div#block_3 div.right, div#block_3 div.middle  
{
	width:234px;
	float:left;
	line-height:22px;
	color:#b8b8b8;
	margin-left:8px;
}

div#block_3 div.left div.text, div#block_3 div.middle div.text, div#block_3 div.right div.text
{
	width:212px;
	margin-left:11px;
	text-align:justify;
	
}

 div#block_3 div.middle 
 {
 	margin-left:18px;
 }
 
 div#block_3 div.right 
 {
 	margin-left:16px;
 }

a.info 
{
	width:162px;
	height:20px;
	background:url("../images/meerinformatie.png") top center no-repeat;
	display:block;
	color:#acacac;
	text-decoration:none;
	padding-left:50px;
}

div#block_3 
{
	width:100%;
	margin-left:22px;
	overflow:hidden;
	margin-top:19px;
}

div#columnRight
{
	width:397px;
	color:#757575;
	padding-bottom:20px;
	float:left;
	min-height:597px;
}

div#columnLeft div#top 
{
	width:774px;
	height:637px;
	background:url("../images/bgColumnLeft.png") top left no-repeat;
}

div#columnRight div#rightTop 
{
	padding-top:0px;
	min-height:564px;
	width:240px;
	padding-left:10px;
	background:url("../images/bgColumnRight.png") top left repeat-y;
}

div#columnRight div#rightHeader 
{
	width:231px;
	height:21px;
	background:url("../images/headerRight.png") top left no-repeat;
}


div#columnRight div#rightBottom 
{
	width:231px;
	height:53px;
	background:url("../images/footerRight.png") top left no-repeat;
}

div#columnLeft div#bottom 
{
	width:774px;
	margin-left:22px;
	height:156px;
	background:url("../images/footer.png") top left no-repeat;
}

div#columnLeft div#bottom strong
{
	color:#B8B8B8;
}

div#overflow 
{
	clear:both;
	overflow:hidden;
	padding-top:60px;
	margin-left:132px;
	width:1203px;
}

div#columnRight div.text {
	width:191px;
	text-align:justify;
}

 
div#columnRight h1  
	{
		font-size:15px;
		color:#ffffff;
		font-family: 'Yanone Kaffeesatz', arial, serif;
		padding-bottom:5px;
		clear:both;
    }
    
    div#columnRight h1.redBullet 
    {
		padding-left:15px;
		background:url("../images/h1.png") 0px 5px no-repeat;
    }

div#bottom 
{
	color:#5b5b5b;
}

div#bottom div.left 
{
	width:225px;
	float:left;
	margin-left:30px;
	margin-top:30px;
}

div#bottom div.text 
{
	margin-top:5px;
	margin-left:5px;
}

div#bottom div.middle 
{
	width:225px;
	margin-top:30px;
	float:left;
}

div#bottom div.right 
{
	width:225px;
	margin-top:30px;
	float:left;
}

div#rightTop input.txt
{
	background:url("../images/searchTxt.png") top left no-repeat;
	width:183px;
	height:24px;
	border:none;
}

div#rightTop .pTxtL 
{
	background:url("../images/postcodeTxtLetters.png") top left no-repeat;
	width:35px;
	height:24px;
	border:none;
	padding:0px 5px 0px 5px;
	float:left;
}

div#rightTop .pTxtC 
{
	background:url("../images/postcodeTxt.png") top left no-repeat;
	width:63px;
	height:24px;
	border:none;
	float:left;
	
	padding:0px 5px 0px 70px;
}

div#rightTop .btn
{
	background:url("../images/button.png") top left no-repeat;
	width:89px;
	float:left;
	height:28px;
	text-transform:uppercase;
	padding-bottom:10px;
	border:none;
	cursor:pointer;
	font-size:10px;
	text-align:center;
	vertical-align:top;
	color:White;
	margin-left:98px;
}

/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/