/*
Designed by <theFactor.e>
http://www.tfe.nl
Created by: Ludo Brink
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background-color:#F6F8D6;
	line-height:127%;
	margin:0px;
}
/* Specify each class which needs the PngBehaviour */
*html .bg img,
*html .homepagebanner .banner3Bg img,
*html .homepagebanner .banner2Bg img, 
*html .homepagebanner .banner1Bg img,
*html .teaserLarge .quote {
 	behavior:url("iepngfix.htc");
}
/* Width and height must be set for the  */
*html .bannerContent .teaser .quote img {
	behavior:url("iepngfix.htc");
	width:169px;
	height:30px;
}
*html .teaserLarge .quote img {
 	behavior:url("iepngfix.htc");
	height:45px;
	width:105px;
}
a {
	text-decoration:underline;
	color:#F3840A;
	font-weight:normal;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
h4 {
	color:#333;
	font-weight:bold;
}
.specialLink {
	margin-bottom:4px;
}
.specialLink a {
	background-image:url(../images/btnMore_left.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-top:2px;
	padding-bottom:1px;
	line-height:normal;
	display:block;
	text-decoration:none;
}
.specialLink a span {
	background-image:url(../images/btnMore_right.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	color:#FFF;
	padding-top:2px;
	padding-bottom:1px;
	padding-right:13px;
	line-height:normal;
}
.specialLink a:hover {
	background-position:left -18px;
	text-decoration:none;
}
.specialLink a:hover span {
	background-position:right -18px;
}
.back {
	border-bottom:solid 1px #DEE580;
	padding-bottom:5px;
	margin-bottom:9px;
}
.back a {
	background-image:url(../images/nav_back.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:9px;
	font-weight:bold;
	text-decoration:none;
}
.back a:hover {
	background-image:url(../images/nav_backHover.jpg);
	color:#BDCC02;
}
.clear {
	clear:both;
}

/********************** top  *********************/
.wrapper {
	margin:0px auto 0px auto;
	width:892px;
	background-color:#FFFFFF;
	min-height:595px;
}
*html .wrapper {
	_height:595px;
}
.wrapper .middle {
	background-image:url(../images/background-home.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	min-height:595px;
	background-color:#FFF;
}
.wrapper .nobackground {
	background-image:none;
}
*html .wrapper .middle {
	_height:630px;
}
.wrapper .top {
	height:125px;
	width:892px;
}
.top .topnav {
	padding-top:15px;
	padding-right:56px;
	text-align:right;
	color:#CCC;
}
.top .topnav a {
	text-decoration:none;
	color:#F3840A;
	font-weight:bold;
}
.top .topnav a:hover {
	text-decoration:underline;
}
.top .topnav a.active {
	color:#BDCC02;
}
.top .logo {
	padding-left:34px;
}
.top .searchbox {
	margin:14px 60px 0pt 480px;
	position:absolute;
}
.top .searchbox img {
	position:relative;
	margin-bottom:2px;
	margin-left:5px;
}
.top .searchbox input {
	height:12px;
	font-size:11px;
	border:1px solid #DFDFDF;
}
.wrapper .line {
	margin-left:52px;
	margin-right:56px;
	border-bottom:solid 1px #C7D702;
}
.wrapper .normalLine {
	border-bottom:solid 1px #C7D702;
	padding:7px 0px 0px 0px;
	margin:0px 0px 11px 0px;
}
.middle .main {
	margin-top:18px;
}
.printMail {
	position:absolute;
	margin-left:670px;
	margin-top:0px;
}
.printMail a {
	text-decoration:none;
	padding-right:18px;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:center right;
}
.printMail a.maileenvriend {
	background-image:url(../images/img_maileenvriend.gif);
}
.printMail a.printen {
	background-image:url(../images/img_printen.gif);
}

/**************  Leftmenu   *************/
.middle .leftmenu {
	float:left;
	width:180px;
	padding-left:52px;
	
}
.leftmenu ul {
	margin:0;
	padding:0;
	position: relative;
	z-index: 999;
}
.leftmenu ul li {
	padding:3px 0px;
}
.leftmenu ul li ul {
	margin-top:5px;
}
.leftmenu ul li ul li {
	padding:0px;
	padding-left:9px;
	background-image:url(../images/nav_link.jpg);
	background-repeat:no-repeat;
	background-position:left 5px;
}
.leftmenu ul li ul li.active, .leftmenu ul li ul li:hover {
	background-image:url(../images/nav_active.jpg);
}
.leftmenu ul li ul li.active a,
.leftmenu ul li ul li a:hover {
	color:#C4D402;
	text-decoration:none;
}
.leftmenu ul li ul li a {
	color:#F3840A;
	font-size:11px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:bold;
}
.leftmenu ul li a {
	color:#666;
	font-size:14px;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
}
.leftmenu ul li a:hover {
	color:#C4D402;
}
.leftmenu ul li a.active {
	color:#C4D402;
}
.abso {
	float:none;
	position:absolute;
	margin-top:18px;
}

/*************  kruimelpad *************/
.breadcrumb {
	margin-bottom:22px;
}
.breadcrumb ul {
	margin:4px 0px 0px 0px;
	padding:0;
}
.breadcrumb ul li {
	float:left;
	padding-right:8px;
}
.breadcrumb ul li a {
	padding-right:12px;
	background-image:url(../images/nav_link.jpg);
	background-repeat:no-repeat;
	background-position:right 5px;
	font-weight:bold;
	text-decoration:none;
}
.breadcrumb ul li a:hover {
	color:#FF6600;
	text-decoration:underline;
}
.breadcrumb ul li span.active {
	color:#C4D402;
	font-weight:bold;
}

/*************  Content   **************/
.middle .content {
	float:left;
	width:400px;
	min-height:400px;
	_height:400px;
	color:#666;
	padding-bottom:20px;
}
*html .middle .content {
	padding-bottom:0px;
}
*+html .middle .content {
	padding-bottom:0px;
}
/* fix for 1 pixel needed to avoid the letter 'W' damage on the left */
.txtContent {
	padding-left:1px;
}
.txtContent p {
	padding:8px 0px 3px 0px;
}
.txtContent p em
{
	font-style: italic;
}
.txtContent hr {
	height:0;
	border-bottom:solid 1px #C4D402;
}
.content .txtContent h2 {
	color:#C4D402;
	font-size:14px;
}
.content .txtContent h1 {
	color:#C4D402;
	font-size:31px;
	margin-bottom:20px;
}
.content .txtContent strong {
	font-weight:bold;
}
.content .txtContent ul {
	margin:0;
	padding:0;
	list-type-style:none;
}
.content .txtContent ul li {
	padding-left:15px;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
}

/*************  Homepage Banners  ************/
/** general settings for homepagebanner **/
.homepagebanner .bannerContent {
	position:absolute;
}
.homepagebanner .bannerContent h3.title {
	font-weight:bold;
	font-size:17px;
	color:#ABB902;
	display:block;
}
.homepagebanner .bannerContent .teaser .quote {
	font-weight:bold;
	font-style:italic;
	color:#666!important;
	width:213px;
}
/*end*/

/* Banner 1 left on homepage */
.banner1 {
	width:313px;
	height:313px;
	position:absolute;
	margin-left:-40px;
	margin-top:115px;
	z-index: 2;
}
.banner1 .bannerContent {
	margin-left:38px;
	margin-top:77px;
}
.banner1 .bannerContent .teaser {
	width:200px;
	padding:6px 0px 6px 1px;
}
.banner1 .bannerContent .teaser .quote {
	width:200px;
}
.banner1Bg {
	width:313px;
	height:313px;
	position:absolute;
}

/* Banner 2 center on homepage */
.banner2 {
	width:229px;
	height:229px;
	position:absolute;
	margin-left:221px;
	margin-top:0px;
}
.banner2 .bannerContent {
	margin-left:40px;
	margin-top:48px;
}
.banner2 .bannerContent .teaser {
	width:162px;
	padding:6px 0px 6px 1px;
}
.banner2 .bannerContent .teaser .quote {
	width:142px;
}
.banner2Bg {
	width:229px;
	height:229px;
	position:absolute;
}
/* Banner 3 right on homepage */
.banner3 {
	width:397px;
	height:397px;
	position:absolute;
	margin-left:429px;
	margin-top:26px;
}
.banner3 .bannerContent {
	margin-left:66px;
	margin-top:74px;
}
.banner3 .bannerContent .teaser {
	width:164px;
	padding:6px 0px 6px 1px;
}
.banner3 .bannerContent .teaser .quote {
	width:213px;
}
.banner3Bg {
	width:397px;
	height:397px;
	position:absolute;
}
/*************  Banners  ************/
.middle .banners {
	float:left;
	width:260px;
	padding-bottom:20px;
}
.small {
	width:177px;
	height:177px;
}
.medium {
	width:196px;
	height:196px;
}
.large {
	width:218px;
	height:218px;
}
.one {
	margin-left:20px;
}
.two {
	margin-left:20px;
}
.three {
	margin-left:20px;
}
.medium {
	width:196px;
	height:196px;
}
.bannerFrame {
}
.bannerFrame .bg {
	position:absolute;
}
.bannerFrame .bannerContent {
	position:absolute;
}
.bannerFrame .quote {
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	color:#979797;
}
.bannerFrame .marginSmall {
	margin-left:24px;
}
.bannerFrame .marginMedium {
	margin-left:28px;
}
.bannerFrame .marginLarge {
	margin-left:32px;
}
.bannerFrame .bannerContent h3.title {
	padding-top:41px;
	font-weight:bold;
	font-size:16px;
	color:#ABB902;
	display:block;
}
.bannerFrame .bannerContent .teaserSmall {
	width:143px;
	height:auto;
	padding:6px 0px;
	padding-left:1px;
}
.bannerFrame .bannerContent .teaserMedium {
	width:143px;
	height:auto;
	padding:6px 0px;
	padding-left:1px;
}
.bannerFrame .bannerContent .teaserLarge {
	width:106px;
	height:50px;
	padding-top:6px;
	padding-left:1px;
}
.bannerFrame .bannerContent .link {
	padding-top:2px;
}

/*************  homepage buttons  ************/
.actionbuttons {
	position:absolute;
	margin-left:280px;
	margin-top:240px;
	width:151px;
	height:177px;
}
.actionbuttonsvervolg {
	margin-top:50px;
	margin-left:-20px;
}
a.aanmelden span,
a.inloggen span,
a.demo span,
a.logo_HKZ span {
	display:none;
}
a.aanmelden {
	width:106px;
	height:106px;
	background-image:url(../images/btnAanmelden.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
}
a.aanmelden:hover {
	background-position:0px -106px;
}
a.inloggen {
	width:87px;
	height:88px;
	background-image:url(../images/btnInloggen.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	margin-left:81px;
	margin-top:-31px;
}
a.inloggen:hover {
	background-position:0px -88px;
}
a.demo {
	width:72px;
	height:73px;
	background-image:url(../images/btnDemo.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	margin-left:22px;
	margin-top:-36px;
}
a.demo:hover {
	background-position:0px -73px;
}
a.logo_HKZ {
	width:60px;
	height:50px;
	background-image:url(../images/logo_HKZ.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	margin-left:50px;
	margin-top:16px;
}

/*************  sitemap  ************/
.content .txtContent ul.sitemap {
	margin:0;
	margin-left:3px;
	padding:8px 0px;
	list-style-type:none;
	border-bottom:solid 1px #C4D402;
}
.content .txtContent ul.sitemap li {
	background-image:none;
	padding:0;
}
.content .txtContent ul.sitemap li ul li {
	background-image:none;
	padding-left:10px;
	padding-top:1px;
	padding-bottom:1px;
}
ul.sitemap li a {
	color:#333;
	background-image:url(../images/nav_black.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:10px;
	font-weight:bold;
	text-decoration:none;
}
ul.sitemap li ul {
	margin-top:6px;
	margin-left:15px;
	list-style-type:none;
}
ul.sitemap li ul li a {
	color:#333;
	font-weight:normal;
	text-decoration:underline;
	background-image:url(../images/nav_link.jpg);
	background-position:left 7px;
	padding:2px 0px;
	padding-left:10px;
}
ul.sitemap li ul li a:hover {
	color:#FF6600;
}

/*********** Veel gestelde vragen **************/
a.question {
	display:block;
	font-weight:normal;
	text-decoration:underline;
	color:#777;
	background-image:url(../images/nav_link.jpg);
	background-repeat:no-repeat;
	background-position:left 7px;
	padding:2px 0px 2px 10px;
}
a.question:hover {
	color:#FF6600;
}

/*********** Formulier **************/
.formulier {
	margin-top:15px;
}
.formulier .row {
	margin-bottom:10px;
}
.formulier .row .label {
	width:123px;
	float:left;
	font-weight:bold;
	font-size:11px;
	color:#000;
}
.formulier .row .textfield,
.formulier .row .shorttextfield,
.formulier .row .checkbox {
	width:272px;
	float:left;
}
.formulier .row .textfield input, 
.formulier .row .shorttextfield .postcode,
.formulier .row .textfield textarea,
.formulier .row .textfield select {
	width:272px;
	border:solid 1px #BDCC02;
	margin:0;
}
.formulier .row .textfield textarea {
	height:93px;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.formulier .row .comment {
	margin-left:123px;
	padding-top:0px;
	/*border-top:solid 1px #C7D702;*/
	color:#000;
}
.formulier .row .label .required {
	color:#FF0000;
	font-weight:normal;
}
.formulier .row .comment .red {
	color:#FF0000;
}
.sendForm {
	float:right;
	margin-bottom:12px;
}

/********* Vacatures **********/
.vacatureteaser {
	border-bottom:solid 1px #C7D702;
	padding-bottom:8px;
	margin-bottom:8px;
}
.vacatureteaser a.title {
	font-weight:bold;
	text-decoration:none;
	padding-left:9px;
	background-image:url(../images/nav_link.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
}
.vacatureteaser a.title:hover {
	color:#BDCC02;
	background-image:url(../images/nav_active.jpg);
}
.vacatureteaser p {
	padding-top:0px;
}

/*********** Footer ***********/
.footer {
	text-align:right;
	padding-right:56px;
	color:#ABACA1;
	font-size:11px;
	padding-bottom:30px;
	background-color:#F6F8D6;
}

/********* Search **********/
.paging {
	clear:both;
}

.paging td.prev {
	width:25%;
	text-align:left;
}
.paging td.pages {
	width:50%;
	text-align:center;
}
.paging td.next {
	width:25%;
	text-align:right;
}

.searchresult p {
	padding: 4px 0 0 0;
}

.searchresult .number {
	clear: both;
	color:#C4D402;
	float:left;
	margin-right:5px;
	margin-left:-25px;
	text-align:right;
	width:20px;
}

*html .searchresult .number, *html .searchresult h4 a {
	margin-left:0px;
	left:-28px;
	position: relative;
}

.searchresult h4 a {
	clear:right;
	font-weight: bold;
	display: block;
}

.searchresult .subject {
	clear:both;
	float:right;
	font-style: italic;
	margin-bottom:5px;
}

hr {
	clear:right;
}

.keywords {
	border:1px solid #DFDFDF;
}