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

body, html{
	margin:0px;
	padding:0px;
	height:100%;
}
a:link, a:active, a:visited{
	color:#000000;
	text-decoration:underline;
}
a:hover{
	color:#999999;
	text-decoration:underline;
}

#container{
	margin:auto;
	width:995px;
	background-color:#134780;
	background-image:url(../images/background-homepage.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-homepage-1{
	margin:auto;
	width:995px;
	background-color:#134780;
	background-image:url(../images/background-mensen.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-homepage-2{
	margin:auto;
	width:995px;
	background-color:#134780;
	background-image:url(../images/background-homepage-2.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}

#container-homepage-3{
	margin:auto;
	width:995px;
	background-color:#134780;
	background-image:url(../images/background-werknemer.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-organisatie{
	margin:auto;
	width:995px;
	background-color:#C1D72E;
	background-image:url(../images/background-organisatie.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-projecten{
	margin:auto;
	width:995px;
	background-color:#C60070;
	background-image:url(../images/background-projecten.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-nieuws{
	margin:auto;
	width:995px;
	background-color:#1A9CDF;
	background-image:url(../images/background-nieuws.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-mensen{
	margin:auto;
	width:995px;
	background-color:#936fb1;
	background-image:url(../images/background-mensen.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-degroot{
	margin:auto;
	width:995px;
	background-color:#936fb1;
	background-image:url(../images/background-degroot.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-varseveld{
	margin:auto;
	width:995px;
	background-color:#936fb1;
	background-image:url(../images/background-varseveld.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-medewerker{
	margin:auto;
	width:995px;
	background-color:#936fb1;
	background-image:url(../images/background-medewerker.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-werkenbij{
	margin:auto;
	width:995px;
	background-color:#F0CC01;
	background-image:url(../images/background-werkenbij.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#container-contact{
	margin:auto;
	width:995px;
	background-color:#F15C22;
	background-image:url(../images/background-contact.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#top{
	width:995px;
	height:38px;
	background-color:#134780;
}
#bottom{
	width:995px;
	height:38px;
	margin-top:501px;
	position:absolute;
	background-image:url(../images/background-trans.png);
	behavior: url(scripts/iepngfix.htc);
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
#logo{
	width:140px;
	height:38px;
	float:left;
	background-image:url(../images/logo-hagemans.gif);
}
#logo a:link, #logo a:hover, #logo a:active, #logo a:visited{
	width:140px;
	height:38px;
	display:block;
}
#logo span{
	display:none;
}
#menu{
	width:855px;
	float:left;
}
#menu ul{
	margin:0px;
	padding:0px;
}
#menu li{
	list-style-type:none;
	float: left;
}
#menu span{
	display:none;
}
#menu a:link, #menu a:visited, #menu a:active{
	display:block;
	height:38px;
}
#menu a:hover{
	display:block;
	background-position:0px -38px;
}
#kn_organisatie{
	background-image:url(../images/kn_organisatie.gif);
	background-repeat:no-repeat;
	width:141px;
}
#kn_organisatie_actief{
	background-image:url(../images/kn_organisatie.gif);
	background-repeat:no-repeat;
	width:141px;
	background-position:0px -38px;
}
#kn_projecten{
	background-image:url(../images/kn_projecten.gif);
	background-repeat:no-repeat;
	width:145px;
}
#kn_projecten_actief{
	background-image:url(../images/kn_projecten.gif);
	background-repeat:no-repeat;
	width:145px;
	background-position:0px -38px;
}
#kn_mensen{
	background-image:url(../images/kn_mensen.gif);
	background-repeat:no-repeat;
	width:141px;
}
#kn_mensen_actief{
	background-image:url(../images/kn_mensen.gif);
	background-repeat:no-repeat;
	width:141px;
	background-position:0px -38px;
}
#kn_werkenbij{
	background-image:url(../images/kn_werkenbij.gif);
	background-repeat:no-repeat;
	width:141px;
}
#kn_werkenbij_actief{
	background-image:url(../images/kn_werkenbij.gif);
	background-repeat:no-repeat;
	width:141px;
	background-position:0px -38px;
}
#kn_nieuws{
	background-image:url(../images/kn_nieuws.gif);
	background-repeat:no-repeat;
	width:143px;
}
#kn_nieuws_actief{
	background-image:url(../images/kn_nieuws.gif);
	background-repeat:no-repeat;
	width:143px;
	background-position:0px -38px;
}
#kn_contact{
	background-image:url(../images/kn_contact.gif);
	background-repeat:no-repeat;
	width:144px;
}
#kn_contact_actief{
	background-image:url(../images/kn_contact.gif);
	background-repeat:no-repeat;
	width:144px;
	background-position:0px -38px;
}
#content{
	width:995px;
	display:inline-block;
	position:absolute;
}
#inhoud{
	display:inline-block;
	margin-top:80px;
	margin-left:281px;
	background-image:url(../images/background-trans.png);
	behavior: url(scripts/iepngfix.htc);
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	width:429px;
	height:410px;
}
#inhoud-video{
	display:inline-block;
	margin-top:80px;
	margin-left:140px;
	background-image:url(../images/background-trans.png);
	behavior: url(scripts/iepngfix.htc);
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	width:570px;
	height:410px;
}

#inhoud-scroll{
	position:absolute;
	overflow:auto;
	width:379px;
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	padding:25px;
}
#inhoud-scroll-video{
	position:absolute;
	overflow:auto;
	width:520px;
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	padding:25px;
}
#inhoud h1{
	font-size:25px;
	margin:0px;
	padding:0px;
	line-height:30px;
}
#inhoud h2{
	font-size:15px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	line-height:18px;
	font-weight:bold;
}
#inhoud p{
	margin:0px;
	padding:0px;
	padding-bottom:15px;
}
#inhoud-nieuws{
	margin-top:80px;
	margin-left:140px;
	width:570px;
	height:410px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	background-image:url(../images/background-trans.png);
	behavior: url(scripts/iepngfix.htc);
}
#inhoud-nieuws-scroll{
	overflow:auto;
	position:absolute;
	width:520px;
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	padding:25px;	
}
#inhoud-nieuws h1{
	font-size:25px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	line-height:30px;
}
#inhoud-nieuws p{
	margin:0px;
	padding:0px;
	padding-bottom:15px;
}
#inhoud-homepage{
	width:377px;
	padding:25px;
	min-height:200px;
	_height:200px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/background-trans.png);
	behavior: url(scripts/iepngfix.htc);
}
.homeinhoud-1{
	margin-top:180px;
	margin-left:424px;
}
.homeinhoud-2{
	margin-top:80px;
	margin-left:424px;
}
.homeinhoud-3{
	margin-top:40px;
	margin-left:424px;
}
.homeinhoud-4{
	margin-top:60px;
	margin-left:424px;
}
#inhoud-homepage h1{
	font-weight:25px;
	margin:0px;
	padding:0px;
	line-height:30px;
}
#inhoud-homepage h2{
	font-size:25px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	line-height:30px;
}
#inhoud-homepage p{
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	font-size:17px;
	line-height:20px;
}
#inhoud-projecten{
	margin-top:80px;
	margin-left:140px;
	width:570px;
	min-height:330px;
	_height:330px;
	display:inline-block;
	background-image:url(../images/background-trans.png);
	behavior: url(scripts/iepngfix.htc);
}
#inhoud-projecten-tekst{
	width:354px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	padding:25px;
}
#inhoud-projecten-tekst h1{
	font-size:25px;
	margin:0px;
	padding:0px;
	line-height:30px;
}
#inhoud-projecten-tekst h2{
	font-size:15px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	line-height:18px;
	font-weight:bold;
}

#inhoud-projecten-tekst p{
	margin:0px;
	padding:0px;
	padding-bottom:15px;
}
#inhoud-projecten-fotos{
	float:left;
	width:140px;
	padding-top:25px;
}
#project-foto-tumbs{
	margin-top:10px;
	width:218px;
	display:inline-block;
}
.project-foto-groot{
	width:214px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
}
.project-foto-1{
	width:140px;
	text-align:center;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
	cursor:pointer;
	margin-bottom:10px;
}
.project-foto-2{
	width:140px;
	text-align:center;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
	cursor:pointer;
	margin-bottom:10px;
}
.project-foto-3{
	width:140px;
	text-align:center;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:2px;
	cursor:pointer;
}
#subnavigatie{
	position:absolute;
	padding:13px;
	left:710px;
	top:80px;
	width:125px;
	min-height:139px;
	_height:165px;
}
#subnavigatie ul{
	margin:0px;
	padding:0px;
}
#subnavigatie li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.subcolor-organisatie{
	background-color:#C1D72E;
}
.subcolor-mensen{
	background-color:#936FB1;
}
.subcolor-werkenbij{
	background-color:#F0CC01;
}
.subcolor-contact{
	background-color:#F15C22;
}
.subcolor{
	background-color:#134780;
}

#subnavigatie-nieuws{
	padding:13px;
	position:absolute;
	left:710px;
	top:80px;
	width:125px;
	min-height:139px;
	_height:139px;
	background-color:#1A9CDF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#subnavigatie-nieuws ul{
	margin:0px;
	padding:0px;
}
#subnavigatie-nieuws li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#subnavigatie-projecten{
	position:absolute;
	left:710px;
	top:80px;
	width:140px;

	min-height:330px;
	_height:330px;
	background-color:#C60070;
}
#subnavigatie-projecten-top{
	width:139px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:13px;
	padding-right:13px;
	padding-top:13px;
	padding-bottom:7px;
}
#subnavigatie-projecten-knoppen{
	width:165px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
	display:inline-block;
}
#subnavigatie-projecten-knoppen img{
	border:none;
}
#subnavigatie-projecten-knoppen-links{
	float:left;
}
#subnavigatie-projecten-knoppen-rechts{
	float:left;
}
#subnavigatie-projecten-lijst{
	width:114px;
	padding:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
#subnavigatie-projecten-lijst ul{
	margin:0px;
	padding:0px;
}
#subnavigatie-projecten-lijst li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}




.navbar1 a:link, .navbar1 a:active, .navbar1 a:visited{
	text-decoration:none;
	color:#FFFFFF;
	display:inline-block;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.navbar1 a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
.navbarActive1 a:link, .navbarActive1 a:active, .navbarActive1 a:visited{
	text-decoration:none;
	color:#000000;
	display:inline-block;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.navbarActive1 a:hover{
	text-decoration:none;
	color:#000000;
}
.navbar2 a:link, .navbar2 a:active, .navbar2 a:visited{
	text-decoration:none;
	color:#FFFFFF;
	display:inline-block;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.navbar2 a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
.navbarActive2 a:link, .navbarActive2 a:active, .navbarActive2 a:visited{
	text-decoration:none;
	color:#000000;
	display:inline-block;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.navbarActive2 a:hover{
	text-decoration:none;
	color:#000000;
}
.navbar3 a:link, .navbar3 a:active, .navbar3 a:visited{
	text-decoration:none;
	color:#FFFFFF;
	display:inline-block;
	padding-bottom:10px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.navbar3 a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
.navbarActive3 a:link, .navbarActive3 a:active, .navbarActive3 a:visited{
	text-decoration:none;
	color:#000000;
	display:inline-block;
	padding-bottom:10px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.navbarActive3 a:hover{
	text-decoration:none;
	color:#000000;
}

form{
	margin:0px;
	padding:0px;
	padding-top:15px;
	padding-bottom:15px;
}

.formfield{
	width:220px;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.verplicht{
	font-size:10px;
	color:#FF0000;
}
.formdiv{
	padding-top:2px;
	padding-bottom:2px;
}
.formtitle{
	color:#b43f26;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#b43f26;
}
label{
	width:100px;
	float:left;
	clear:both;
	padding-right:10px;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	display:block;
	clear:right;
}
.button{
	margin-left:100px;
}