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

/**************************************************************
** Algemene Styles
***************************************************************/
body{
	background:url(../Images/body_bg.jpg) top repeat-x #c0bfbf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686868;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#ec2028; text-decoration:none;}
a:hover{ color:#ec2028; text-decoration:underline;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6{ margin:0 0 5px 0; padding:0px;}

.pngfix{ behavior:url(http://www.harleminc.nl/Include/iepngfix.htc);}
.clear{ clear:both; height:0px;}

.rood{ color:#ec2028;}
.grijs{ color:#e2e1e1;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	position:relative;
	width:1020px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:0 auto 0 auto;
	padding:0px;
}
#mannetje{
	position:absolute;
	left:-58px;
	top:406px;
	width:178px;
	height:382px;
}
#header{
	background:url(../Images/header_bg.jpg) no-repeat;
	width:1020px;
	height:146px;
	margin:0px;
	padding:0px;
}
#menu{
	width:121px;
	min-height:240px;
    height:auto !important;
	height:240px;
	margin:0px;
	padding:0px;
	float:left;
}
#top_afbeelding{
	width:899px;
	height:82px;
	margin:0px;
	padding:0px;
	float:left;
}
#rechts{
	background:#ffffff;
	width:854px;
	min-height:100px;
    height:auto !important;
	height:100px;
	margin:0 0 16px 0;
	padding:0 22px 0 22px;
	float:left;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}
#footer{
	background:#ffffff;
	width:854px;
	height:184px;
	margin:0 0 24px 0;
	padding:14px 22px 0 22px;
	float:right;
	border:1px solid #d5d5d5;
}
#footer_links{
	width:854px;
	height:30px;
	margin:0px;
	padding:0 0 20px 0;
	float:right;
	color:#646464;
}
#footer_links a{
	color:#646464;
}

/**************************************************************
** Menu Styles
***************************************************************/
#menu ul{
	width:121px;
	margin:0px;
	padding:0px;
}
#menu ul li{
	width:121px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#menu ul li a{
	background:url(../Images/menu_uit_bg.jpg) repeat-x;
	width:109px;
	height:32px;
	line-height:32px;
	margin:0px;
	padding:0 0 0 10px;
	display:block;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	font-weight:bold;
	font-size:10px;
	color:#818385;
}
#menu ul li a.tweeregels, #menu ul li a.tweeregels:hover{
	height:28px;
	line-height:normal;
	padding:4px 0 0 10px;
}
#menu ul li a.laatste_item{
	border-bottom:1px solid #d6d6d6;
}
#menu ul li a:hover, #menu ul li a.aan{
	background:url(../Images/menu_aan_bg.jpg) repeat-x;
	width:110px;
	height:32px;
	line-height:32px;
	margin:0px;
	padding:0 0 0 10px;
	display:block;
	border-left:1px solid #d6d6d6;
	border-right:none;
	text-decoration:none;
	color:#ec2028;
}
#menu ul li a.tweeregels.aandubbel{
	background:url(../Images/menu_aan_bg.jpg) repeat-x;
	width:110px;
	height:28px;
	line-height:normal;
	margin:0px;
	padding:4px 0 0 10px;
	display:block;
	border-left:1px solid #d6d6d6;
	border-right:none;
	text-decoration:none;
	color:#ec2028;
}

/**************************************************************
** Rechts Styles
***************************************************************/
#content_rood{
	background:url(../Images/content_rood_bg.jpg) repeat-y;
	width:810px;
	min-height:10px;
    height:auto !important;
	height:10px;
	margin:0px;
	padding:0 22px 0 22px;
	color:#ffffff;
	float:left;
}
#content_rood h1{
	font-size:30px;
}
#content_rood p{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
}
#content_rood_onder{
	width:854px;
	height:116px;
	margin:0px;
	padding:0px;
	cursor:pointer;
	float:left;
}
#content_rood_onder_2{
	width:854px;
	height:116px;
	margin:0px;
	padding:0px;
	float:left;
}
#content_wit{
	width:810px;
	min-height:128px;
    height:auto !important;
	height:128px;
	margin:0px;
	padding:0 22px 0 22px;
}
#content_wit h1{
	font-size:21px;
	color:#ec2028;
}
#content_wit p{
	font-size:13px;
	line-height:23px;
	font-weight:bold;
}
#content_wit ul{
	margin:0px;
	padding:0 0 20px 14px;
}
#content_wit ul li{
	font-size:13px;
	font-weight:bold;
}
table.contactform{
	width:810px;
	margin:0px;
	padding:0px;
}
input.contactform{
	background:#ffffff;
	width:308px;
	height:28px;
	margin:0px;
	padding:6px 0 0 0;
	float:left;
	border:1px solid #999a9c;
	color:#686868;
}
textarea.contactform{
	background:#ffffff;
	width:558px;
	height:200px;
	margin:0 0 10px 0;
	padding:0px;
	border:1px solid #999a9c;
	color:#686868;
	float:left;
}
.contact_id{
	width:174px;
	height:18px;
	margin:0px;
	padding:0 0 6px 0;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}
.contact_input{
	width:388px;
	height:34px;
	margin:0px;
	padding:0 0 6px 0;
	text-align:left;
}
.SubmitButton{
	background:url(../Images/verzend_btn.jpg) no-repeat;
	width:248px;
	height:90px;
	margin:100px 0 0 0;
	padding:0px;
	border:1px solid #ffffff;
	cursor:pointer;
	float:left;
}

/**************************************************************
** Footer Styles
***************************************************************/
#footer table{
	width:854px;
}
#footer table tr td#kop{
	background:url(../Images/footer_kop_bg.jpg) no-repeat;
	width:810px;
	height:48px;
	margin:0px;
	padding:0 22px 0 22px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
}