@charset "utf-8";
/********** Algemeen **********/
html{overflow-y:scroll;overflow-x:hidden; }
* {
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
}
a:link, a:visited{
color:#299599;
}
a:hover{
color:#333;
}
a {
  outline: none;
}

a img{
border:0px;
}
form{
padding:0;
margin:0;
}
/********** Body **********/
body{
font-size:62.5%;
background:#e9e7e0 url(../images/bg.jpg) fixed top center no-repeat;
}
/********** Top **********/
#top{
width:980px;
height:64px;
margin:0 auto;
padding:16px 0 0 0;
}

#logolink {
height:52px;
width:355px;
display:block;
overflow:hidden;
float:left;
}

#topleft, #topright{
float:left;
width:50%;
}
#topright{
float:right;
}
#top ul{
float:right;
font-size:13px;
margin-top:6px;
line-height:20px;
}
#top li{
float:left;
display:block;
color:#6f6c63;
padding-right:7px;
}
#top li a{
text-decoration:none;
}
#top li.last{
padding-right:0;
margin-top:-2px;
}
#top li a.font-normal{
font-size:13px;
}
#top li a.font-medium{
font-size:17px;
padding:0 2px;
}
#top li a.font-large{
font-size:21px;
}
#top li a:hover{
color:#6f6c63;
text-decoration:underline;
}
/********** Menu **********/
#menu{
background:url(../images/menu-bg.gif) no-repeat;
width:980px;
height:59px;
margin:0 auto;
}
#menu ul{
list-style:none;
float:left;
padding:8px 0 0 10px;
}
#menu li{
white-space:nowrap;
display:inline;
float:left;
}
#menu a{
display:inline-block;
float:left;
margin:0 1px 0 1px; 
padding:0 3px 0 10px;
font-size:18px;
color:#FFFFFF;
text-decoration:none;
}
#menu a span{
display:block;
float:left;    
padding:5px 10px 5px 0;  
white-space:nowrap;
}
#menu a:hover{background: url('../images/menu-item-bg-left.png') no-repeat 0 -32px;}
#menu a:hover span{background: url('../images/menu-item-bg-right.png') no-repeat 100% -32px; color: #fff}
#menu a.active{background: url('../images/menu-item-bg-left.png') no-repeat left top;}
#menu a.active span{background: url('../images/menu-item-bg-right.png') no-repeat right top;}
/***************** Search *****************/
#search{
float:right;
height:39px;
padding:10px 12px 0 0;
color:#00FF99;
}
input#search-field{
background:url(../images/search-input.gif) left 0;
float:left;
width:214px;
height:28px;
line-height:28px;
padding:0 0 0 10px;
font-size:1.2em;
color:#777777;
vertical-align:top;
border:0px;
}
#search-submit{
background:url(../images/search-submit.gif) right 0;
float:left;
width:34px;
height:28px;
border:0px;
}
#search-submit:hover{
background:url(../images/search-submit.gif) right -28px;
cursor:pointer;
}
/********** Breadcrumbs **********/
.breadcrumbs {
font-size: 11px;
margin-bottom: 15px;
display:block;
}
.breadcrumbs img {
margin-left:3px;
margin-right:3px;
}

/********** Container **********/
#box{
background:#FFFFFF url(../images/box-top.gif) top no-repeat;
width:980px;
margin:4px auto 0 auto;
}
/********** Content **********/
#content{
background:url(../images/box-bottom.gif) bottom no-repeat;
padding:20px 20px 5px 20px;
}
/********** Home Items **********/
/* FORMULIER */
.aanhefimg {
	position: absolute;
	padding: 7px;
}
#home-form{
background:url(../images/home-item-form.jpg) bottom no-repeat;
height:339px;
} 
#home-form #form{
font-size:1.3em;
padding:16px;
}
#text #home-form p{
font-size:1.0em;
margin-top:4px;
}
#home-form #form input.input, #home-form #form input.input-large, #home-form #form .select, #home-form #form label, #home-form #form input.radio{
margin:5px 0px;
line-height:24px;
height:24px;
border:0;
}
label {
	cursor: pointer;
}
label.nocursor {
	cursor: default;
}
#home-form #form label.header{
float:left;
clear:left;
width:95px;
display:block;
font-weight:bold;
color:#484337;
}
#home-form #form input.radio{
vertical-align:middle;
}
#home-form #form input.input, #home-form #form input.input-large, #home-form #form .select{
background-image:url(../images/field-small.gif);
width:140px;
padding:0px 5px;
color:#484337;
font-size:1.0em;
}
#home-form #form input.input-large{
background-image:url(../images/field-large.gif);
width:239px;
}
#home-form #form .select{
display:inline-block;
width:150px;
padding:0;
}
#home-form #form select.selectlist{
width:140px;
border:0;
margin:3px 0 0 5px;
}
/* BUTTON */
#text input.btn{
background:url(../images/submit-button-home.gif) top left no-repeat;
width:112px;
height:30px;
line-height:30px;
padding:0 16px 0 0;
margin-top:4px;
color:#ffffff;
font-weight:bold;
border:0;
cursor:pointer;
}
#text input.btn:hover{
background-position:left -30px;
}

/* ITEMS */
.home-item{
background:url(../images/home-item-bg.jpg) no-repeat;
float:left;
width:670px;
height:105px;
margin:4px 0 15px 0;
}
.home-item img{
float:left;
margin-right:15px;
}
#text .home-item h2{
font-size:1.8em;
font-weight:normal;
color:#e19106;
}
#text .home-item p{
padding:4px 10px 3px 0;
font-size:13px;
line-height:19px;
}
#text .home-item .readmore{
background:url(../images/arrow.png) left top no-repeat;
padding-left:19px;
font-size:1.3em;
}
/********** Content **********/
#text{
float:left;
width:670px;
color:#686456;
}
#text h1{
font-size:2.1em;
font-weight:bold;
}
#text h2{
font-size:1.6em;
margin-top:10px;
}
#text p{
font-size:1.3em;
line-height:20px;
padding:10px 0px;
}
#text ul{
padding:10px 0px;
list-style:none;
}
#text ul li{
background:url(../images/li.gif) 0px 10px no-repeat;
padding:2px 0px 2px 10px;
line-height:19px;
font-size:1.3em;
}
#text .textimg{
float:left;
padding:5px;
margin:5px 12px 7px 0px;
border:1px solid #e8e7e1;
}
#text .textimg2{
float:right;
padding:5px;
margin:5px 12px 7px 0px;
border:1px solid #e8e7e1;
}

/* banner met button */
.banner{
display:block;
width:670px;
height:100px;
background-image:url(../images/banner-bg.jpg);
margin-bottom:20px;
margin-top:10px;
}
.banner img{
float:left;
margin-right:15px;
}
.banner h3{
font-size:1.6em;
padding-top:15px;
padding-bottom:17px;
}
a.button {
background:transparent url('../images/button-fixed.gif') no-repeat top left; 
display:block;
float:left;
width:224px;
height:30px;
line-height:30px;
padding-right:28px;
text-decoration:none;
color:#ffffff;
font-size:13px;
font-weight:bold;
padding:0 10px;
}
a.button:hover{
background-position:right -30px ;
}
a.button:link, a.button:visited{
color:#ffffff;}

/********** Sidebar **********/
#sidebar{
float:right;
width:250px;
}
#sidebar p{
padding:10px 10px 0 10px;
line-height:18px;
color:#636058;
font-size:1.2em;
}

#sidebar span{
padding:10px 10px 0 10px;
color:#636058;
font-size:1.2em;
margin-top:5px;
}

#sidebar .readmore{
background:url(../images/arrow.png) 9px 2px no-repeat;
display:block;
padding:2px 0 0 28px;
font-size:1.2em;
}
.sidebar-item{
background:#e9e7e0 url(../images/sidebar-item-bg.gif) bottom no-repeat;
margin-bottom:15px;
padding-bottom:10px;
}
.sidebar-item h3{
background-image:url(../images/sidebar-h2.gif);
height:37px;
line-height:37px;
padding:0 10px;
font-size:18px;
font-weight:normal;
color:#ffffff;
}
.sidebar-item h3.orange{
background-position:0px -37px;
}
.sidebar-item .newsletter{
background:url(../images/sidebar-nieuwsbrief.jpg) no-repeat;
width:230px;
height:21px;
padding:24px 10px;
}

.sidebar-item .newsletter input.input{
background-image:url(../images/field-newsletter.gif);
width:123px;
height:27px;
line-height:27px;
padding:0 5px;
font-size:12px;
color:#484337;
border:0;
}
.sidebar-item .newsletter input.input{
float:left;
}
/* button */
.sidebar-item .newsletter input.btn{
background:url(../images/btn-newsletter.gif) top left no-repeat;
width:89px;
height:27px;
line-height:27px;
margin-left:8px;
color:#ffffff;
font-weight:bold;
border:0;
cursor:pointer;
float:left;
}
.sidebar-item .newsletter input.btn:hover{
background-position:left -27px;
}
/********** FOOTER **********/
#footer{
width:980px;
margin:10px auto 15px auto;
font-size:1.3em;
color:#6f6c63;
text-align:right;
}
#footer a:hover{
text-decoration:underline;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */

#contactFormContainer{float:left;font-size:12px;width:610px;padding:10px;margin-top:10px;}
#contactFormContainer input{padding:2px;margin-bottom:10px;}
#contactFormContainer .label {padding-top:3px;padding-right:10px;}
#contactFormContainer .errors {font-weight:bold;color:#ff6c00;padding-left:20px;margin-left:15px;padding-top:5px;padding-bottom:3px;background-image:url('/images/feadbackAlert.png');background-position:0 6px;background-repeat:no-repeat;}
#contactFormContainer .errors-text {font-weight:bold;color:#ff6c00;padding-left:20px;float:left;padding-top:5px;padding-bottom:3px;background-image:url('/images/feadbackAlert.png');background-position:0 6px;background-repeat:no-repeat;}
#contactFormContainer textarea{font-size:12px;float:left;padding:3px;width:400px;height:100px;margin-bottom:10px;font-family:Arial,Verdana,Helvetica,Garuda,sans-serif;}

.tabel{margin-left:10px;margin-top:20px;width:812px;}
.tabel td {height:100px; border-bottom:1px solid #D4E0EE;border-top:1px solid #D4E0EE;}
.tabel ul{margin:0;padding:0;position:relative;top:-5px;}
.tabel ul li{font-size:11px; margin:-5px;}
.tabel-blauw {background-color:#F7F9FC;}
.table-wit {background-color:#FCFDFE;}
.tabel-blauw {width:110px;}
.tabel-usps {width:195px;}
.tabel-button {width:198px;}
.tabel-tekst {padding: 5px;padding-left:15px;}
.tabel-title {font-size:15px;font-weight: bolder;display:block;}
.actie-klein{float:left; padding:3px 10px 3px 3px; margin-top:4px; background-color:#FFFFAA; border: dotted 2px #F89F05;}