html
{
	margin: 0;
	padding: 0;
}

body
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #d6dbe1;
	background-image: url('../img/background.jpg');
	background-repeat: repeat-x;
	text-align: center;
	font-family: arial;
}

h1
{
	font-size: 1.4em;
	color: #f26522;
	margin: 0;
	padding: 0;
	font-weight: 500;
}

    h2
,   h3
{
	font-size: 1.1em;
	color: #f26522;
	margin: 0;
	padding: 1.33em 0 0.433em 0;
	font-weight: 500;
}

h3
{
    font-weight: 700;
    color: #6e6f71;
    font-size: 1em;
}

a
{
	font-size: 1em;
	text-decoration: underline;
	color: #6e6f71;
}

p
{
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: 0.03em;
	color: #6e6f71;
	margin: 0;
	padding: 0;
}

fieldset
{
	display: none;
}

a img
{
	border: 0;
    float: left;
    margin: 0 0 0 0.833em;
}

ul
{
	margin: 0;
	padding: 0;
}

li
{
	list-style-type: none;
}

.bold
{
	font-weight: 700;
}

.color_red
{
	line-height: 2em;
	font-size: 1.1em;
	color: #a5181c;
	font-weight: 700;
}

.color_orange
{
	color: #f26522;
}

.color_green
{
	color: #A7CD39;	
}

.color_white
{
	color: #ffffff;
}

.no_line_height
{
	line-height: 1em;
}

.floatLeft
{
	float: left;
}

.margin-right
{
	margin: 3px 10px 0 0;
}

.margin-right img
{
	margin: 0;
}

.floatRight
{
	float: right;
}

.font_size_16em
{
	font-size: 1.6em;
}

.font_size_13em
{
	font-size: 1.3em;
}

.no_margin_padding
{
	margin: 0;
	padding: 0;
}

div.cleardiv
{
	clear: both;
}

div.heightdiv
{
	height: 0.833em;
}

div.very_heightdiv
{
	height: 2.583em;
}

.generated
{
	float: left;
}

.highlight
{
	background-color: #A6CF39;
}

.italic
{
	font-style: italic;
}

.padding_left_5px
{
	padding: 0 0 0 0.417em;
}

td
{
	color: #6e6f71;
}

td.width140
{
    width: 75px;
}

/* Het frame van de site vastzetten */

#body_wrapper
{
	width: 81.667em;
	text-align: left;
	margin: 1.417em auto 0 auto;
	background-color: #ffffff;
}

	#header_wrapper
	{
		width: 81.667em;
	}
	
	#header_wrapper
	{
		width: 81.667em;
	}
	
		a.logo
		{
			width: 14.417em;
			float: left;
			margin: 0 2.917em 0 1.417em;
		}
		
			a.logo img
			{
				width: 14.417em;
			}
		
		span.logo_title
		{
			display: block;
			color: #b50018;
			font-size: 1.167em;
			margin: 2.833em 0 0 0;
			padding: 0;
			float: left;
			width: 42.333em;
		}
		
		div.leesbaarheid
		{
			float: left;
			width: 3.333em;
			margin: 4.25em 2.917em 0 0;
		}
		
		ul.top_menu
		{
			float: right;
			margin: 2.333em 0.583em 0 0;
			padding: 0;
		}
		
			ul.top_menu li.first
			{
				border-top: 0.09em solid #bcbec0;
				border-bottom: 0.09em solid #bcbec0;
			}
			
			ul.top_menu li
			{
				padding: 0.25em 0;
				width: 6.583em;
				border-bottom: 0.09em solid #bcbec0;
				background-image: url('../img/orange_bullit.png');
				background-repeat: no-repeat;
				background-position: 0.833em 0.75em;
			}
			
				ul.top_menu li a
				{
					font-size: 0.89em;
					margin: 0 0 0 2.083em;
					text-decoration: none;
				}
				
				ul.top_menu li a:hover
				{
					text-decoration: underline;
				}
		
	div.header_bottom
	{
		padding: 0.833em 0 0 0;
		margin: 0 0 0 0.5em;
		clear: both;
		position: relative;
	}

	div.header_bottom img
	{
		width:80.583em;
	}
	
		div.header_bottom div.home img
		{
			height: 28.5em;
		}
		
		div.header_bottom div.default img
		{
			height: 12.25em;
		}
	div.header_bottom table.direct_contact
	{
		position: absolute;
		left: 2.333em;
		bottom: 2.167em;
	}
	
	div#page_wrapper
	{
		clear: both;
		margin: 2.5em 0.75em 0 0.583em;
		padding: 0;
	}
	
		div#right_bar
		{
			width: 17.75em;
			margin: 0;
			padding: 0;
			float: left;
		}
		
			ul#menu_container li
			{
				width: 14.667em;
				padding: 0.5em 0;
				border-bottom: 0.09em solid #bcbec0;
				background-image: url('../img/red_bullit.png');
				background-repeat: no-repeat;
				background-position: 0.993em 0.99em;
			}
			
				ul#menu_container li.first
				{
					border-top: 0.09em solid #bcbec0;
					border-bottom: 0.09em solid #bcbec0;
				}
					
				ul#menu_container li.active ul li.submenu_items
				{
					margin: 0 0 0 1.667em;
					padding: 0.2em 0;
					border-bottom: none;
					border-top: none;
					background-image: url('../img/orange_bullit.png');
					background-position: 1em 0.65em;
					font-size: 0.85em;
				}
					
					ul#menu_container li.active ul li.submenu_items.first
					{
						margin: 0.583em 0 0 1.667em;
					}
					
					ul#menu_container li.active ul li.submenu_items a
					{
						display: block;
						width: 12em;
					}
					
					ul#menu_container li.active ul li.submenu_items.active a.active
					{
						text-decoration: underline;
					}
					
						ul#menu_container li.active ul li.submenu_items ul
						{
							padding: 0 0 0 4em;
						}
						
							ul#menu_container li.active ul li.submenu_items ul li
							{
								list-style: disc;
								background-image: none;
								border: 0;
								padding: 0;
							}
						
							ul#menu_container li.active ul li.submenu_items ul a
							{
								padding: 0;
								margin: 0;
								width: 10.5em;
								text-decoration: none;
							}
					
				div#right_bar ul li a
			,	div.wrapper_right_content ul li a
			{
				font-size: 1.1em;
				font-weight: 700;
				margin: 0 0 0 2.083em;
				text-decoration: none;
				display: block;
			}
			
				div.wrapper_right_content .widget
				{
					margin: 1em 0 0 -0.9em;
                    float: left;
                    width: 15.667em;
                    height: 18.75em;
				}
				
				div.wrapper_right_content .widget img
				{
					width: 15.667em;
                    height: 18.75em;
                }
                
                .span .span_zoeken.color_red
                {
                    float: left;
                }
			
			div#content_wrapper
			{
				float: left;
				width: 62.167em;
			}
			
			div#content_wrapper div.wrapper_left_content
			{
				width: 43.167em;
				float: left;
				padding: 0;
				margin: 0;
			}
			
			div#content_wrapper div.wrapper_left_content ul li
			{
				padding: 0.2em 0 0.2em 1.667em;
				background-image: url('../img/red_bullit.png');
				background-repeat: no-repeat;
				background-position: 0.2em 0.59em;
				color: #6e6f71;
				
			}
			
				div#content_wrapper div.wrapper_left_content p img.floatLeft
			,	div#content_wrapper div.wrapper_right_content p img.floatLeft
			,	div#content_wrapper .newsitem_content p img.floatLeft
			{
				float: left;
				padding: 0 0.9em 0 0;
			}
			
				div#content_wrapper div.wrapper_left_content p img.floatRight
			,	div#content_wrapper div.wrapper_right_content p img.floatRight
			,	div#content_wrapper .newsitem_content p img.floatRight
			{
				float: right;
				padding: 0  0 0 0.9em;
			}
			
			div#content_wrapper div.wrapper_right_content
			{
				float: right;
				width: 17em;
				padding: 0;
				margin: 0 0 0 2em;
			}
			
	div#wrapper_footer
	{
		border-top: 0.25em solid #a6cf39;
		margin: 2.167em 0 0 0 ;
		padding: 0.75em 0 0.917em 0;
		float: right;
		width: 62.583em;		
	}
	
		div#wrapper_footer p
		{
			font-size: 0.8em;
		}
		
/**************************************************************/
                         /* SEARCH */
/**************************************************************/
span.span_zoeken
{
	font-size: 0.8em;
	/*margin: 0 0 0 1.8em;*/
	padding: 0 0 0.3em 0;
	display: block;
	font-weight: 700;
	line-height: 1em;
}

.search
{
	float: left;
	border: none;
    width: 13em;
}

.search.input
{
	float: left;
	border: 0.09em solid #bcbec0;	
    font-size: 1em;
}

.search.input.search_right
{
	margin: 0 0 1.333em 0;
}

.search.submit
{
	background-color: transparent;
    width: 2em;
}

/**************************************************************/
                         /* END */
/**************************************************************/

/**************************************************************/
                         /* FORMS */
/**************************************************************/

form.generated
{
	width: 33.333em;
    display: block;
    clear: both;
    margin:2em 0 0 0;
}

form.generated.enlarged
{
	width: 40em;
}

form.generated label
{
	float: left;
}

form.generated .select
{
	float: left;
	width: 12.083em;
}

form.generated label
{
	clear: left;
	float: left;
	padding: 0.417em 0.833em;
	width: 12.5em;
}

form.generated textarea
{
	width: 11.833em;
	margin: 0 0 0.417em 0;
}

	form.generated input
,	form.generated textarea
{
	float: left;
	border: 0.09em solid #bcbec0;
}

form.generated div.submit
{
	margin: 0.833em 0 1.667em 14.167em;
	padding: 0 0 1.667em 0;
}

form.generated input.submit
{
	clear: both;
	border: 0;
	height: 2em;
	width: 8.333em;
}

form.generated input[type=file]
{
	float: left;
}

form.generated .radiobutton
{
	float: left;
}

#image_postcode_check img
{
	position: absolute;
	z-index: 1;
	height: 13.650em;
	width: 15.55em;
	margin: 0 0 0 0.9em;
	background-color: #D81F28;
}

#postcode_checker
{
	z-index: 2;
	position: relative;
	clear: both;
	height: 13.650em;
	width: 15.55em;
    margin: 0 0 0 0.9em;
}

	#postcode_checker p
	{
		padding: 0.417em 0 1.003em 1em;
		display: block;
		line-height: 1.1em;
	}

#postcode_checker input
{
    border: none;
    background-color: #ffffff;
}

#postcode_checker .cijfers
{
	width: 10.3em;
	overflow: hidden;
	float: left;
}
	
	#postcode_checker .cijfers input
	{
        overflow: hidden;
       	height: 1em;
		font-size: 2em;
		margin: 0.417em 0 0 1.003em;
		width: 4.040em;
		letter-spacing: 0.55em;
    	padding: 0 0 0 0.1em;
        z-index: 4;
        float: right;
	}
	
	#postcode_checker .cijfers label
	{
		display: block;
		margin: 0 0 0 2.083em;
		color: #FFF;
	}
	
#postcode_checker .letters
{
	margin: 0 0 0 0.63em;
	width: 4em;
	float: left;
	overflow: hidden;
    z-index: 6;
}

	#postcode_checker .letters label
	{
		color: #FFF;
	}

	#postcode_checker .letters input
	{
		height: 1em;
		font-size: 2em;
		margin: 0.417em 0 0 0;
		width: 6.66em;
		letter-spacing: 0.45em;
		background-color: #FFF;
		border: none;
	}
	
#postcode_checker .submit
{
	margin: 0.667em 0 0 4.7em;
	border: 0;
	background-color: transparent;
	color: #FFF;
	font-weight: 700;
}

/**************************************************************/
                         /* END */
/**************************************************************/

div.newsitem
{
	margin: 2.583em 0 0 0;
}

div.newsitem a
{
	text-decoration: none;
}

div.newsitem a.lees_meer
{
	text-decoration: underline;
}

div.newsitem p
{
	margin: 0.35em 0;
}

.archive
{
	padding: 0 0 0 0.833em;
}

/*****************************************************************/
					/* Leesbaarheid */
/*****************************************************************/

a.leesbaarheid_small:link, a.leesbaarheid_small:active, a.leesbaarheid_small:visited, a.leesbaarheid_medium:link, a.leesbaarheid_medium:active, a.leesbaarheid_medium:visited, a.leesbaarheid_large:link, a.leesbaarheid_large:active, a.leesbaarheid_large:visited
{
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}

a.leesbaarheid_small:hover, a.leesbaarheid_medium:hover, a.leesbaarheid_large:hover
{
	text-decoration: underline;
	font-size: 0.7em;
}

a.leesbaarheid_small:link, a.leesbaarheid_small:active, a.leesbaarheid_small:visited
{
	font-size: 0.7em;
}

a.leesbaarheid_medium:link, a.leesbaarheid_medium:active, a.leesbaarheid_medium:visited
{
	font-size: 1em;
}
a.leesbaarheid_large:link, a.leesbaarheid_large:active, a.leesbaarheid_large:visited
{
	font-size: 1.3em;
}

ul.top_level li
{
	margin: 0 0 0.833em 0;
}

ul.top_level
{
	margin: 0.833em 0 0 2.5em;
}

li.top_level
{
	margin: 0.9em 0 0 0 ;
	padding: 0 0 0 0.833em;
	background-image: url('../img/red_bullit.png');
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

ul.top_level li
{
	padding: 0 0 0 0.833em;
	background-image: url('../img/orange_bullit.png');
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

.HKZ_logo
{
	margin: 0 0 0 5em;
}

.image_drempelvrij
{
	margin: 0 0 0 3.4em;
}

.image_calabris
{
	margin: 0 0 0 2.2em;
}
