@charset "UTF-8";
/* CSS Document */

body {
background: #ffffff url(../images/body.jpg) repeat-x top;
margin : 0;
padding : 0;
height:100%;
width:100%;
text-align : center;
}

.h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#572F08;
font-weight:normal;
}

.h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#91ACBC;
line-height:20px;
font-weight:bold;
}

.h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:21px;
}

.h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#572F08;
font-weight:normal;
font-weight:bold;
}

.h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}

.h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6D828F;
font-weight:normal;
}

.h7 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#91ACBC;
font-weight:bold;
}

.h8 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
line-height:20px;
font-weight:bold;
}

.h9 {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

.h10 {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#572F08;
font-weight:normal;
}

.h11 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#91ACBC;
line-height:20px;
font-weight:bold;
}

a:link {
color:#829dad;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:visited {
color:#829dad;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:hover {
color:#663300;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}	


.body_container 
{
    float:left;
width: 100%;
height:auto;
padding: 0;
text-align : left;
}

.container {
width: 1000px;
height:auto;
padding: 0;
margin-left : auto;
margin-right : auto;
text-align : left;
}

.header_body {
width: 100%;
float:left;
height:180px;
background:  url(../images/bg_header_body.jpg) repeat-x top;
}

.header_wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
height:180px;
background:no-repeat;
padding: 0;
}

.content_body {
width: 100%;
float:left;
height:auto;
background:#ffffff;
}

.content_wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
height:auto;
min-height:300px;
padding: 0;
background:#ffffff;
}

.footer_body {
width:100%;
float:left;
height:auto;
background:url(../images/bg_footer_body.jpg) repeat-x top;
}

.footer_wrapper {
width: 1000px;
margin-left:auto;
margin-right:auto;
height:auto;
background:no-repeat;
padding: 40px 0px 0 0px;

}

.footer_pad {
float:left;
width:1000px;
height:40px;
background:none;
}

.DivLogo {
float:left;
width:240px;
height:130px;
background: url(../images/bg_logo_eyep.jpg) no-repeat;
padding: 50px 0 0 10px;
}

.menu_main {
float:left;
width:750px;
height:180px;
background:url(../images/bg_menu_main.jpg) no-repeat left;
padding: 0 0 0 0px;
}

.menu_main ul{
float:right;
list-style:none;
margin:0px auto;
padding: 0 0 0 0;
}

.menu_main li{
display:inline;
float:left;
margin: 0;
padding: 80px 7px 30px 7px;
display: block;
height:50px;
line-height:50px;
width:auto;
text-align:center;
color:#FFFFFF;
}

.menu_main a {
display : block;
float : left;
width : auto;
height:50px;
line-height:50px;
text-decoration:none;
color:#666666;
padding : 80px 7px 30px 7px;
margin : 0;
border : 0;
background:url(../images/bg_menu_main_down.jpg) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
}

.menu_main a:hover, .menu_main li.TrueOpen a {
color:#527f08;
background:url(../images/bg_menu_main_hover.jpg) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.menu_main li.Active a {
color:#527f08;
background:url(../images/bg_menu_main_hover.jpg) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.menu_main li ul {
display : none;
}

.menu_main li {
float : left;
cursor : default;
padding : 0;
margin : 0 0 1px 0;
}

a.linkMenuMain:link, a.linkMenuMain:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
color:#666666;
font-weight:bold;
}

a.linkMenuMain:hover {
color:#572F08;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

a.linkMenuMainActive:link, a.linkMenuMainActive:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
color:#572F08;
font-weight:bold;
background:url(../images/bg_menu_main_hover.jpg) repeat-x top;
}


.culmn_left {
float:left;
width:250px;
height:auto;
min-height:300px;
border:none;
padding: 120px 0 0 0;
background: #FFFFFF url(../images/bg_culmn_left.jpg) repeat-y;
}

.menu_title {
float:left;
width:205px;
height:35px;
line-height:35px;
padding: 0 0 0 45px;
}

.menu_sub {
float: left;
width:240px;
height:auto;
background:none;
font-size:12px;
padding: 20px 0 80px 10px;
}


#menu_sub_closer {
float:left;
width:250px;
height:100px;
background:url(../images/bg_menu_left_closer.jpg) no-repeat;
}

.culmn_right {
float:right;
width:750px;
height:auto;
min-height:250px;
border:none;
padding: 0 0 0 0;
margin: 0;
}

.box_left {
float:left;
width:459px;
height:auto;
min-height:300px;
padding: 30px 0px 30px 40px;
background:url(../images/bg_box_left.jpg) no-repeat left top;
}

.stripe_box_left {
float:left;
width:438px;
border-right: solid 1px #CCCCCC;
padding-right:18px;
}

.box_right {
float:right;
width:220px;
height:auto;
min-height:300px;
padding: 30px 15px 0 15px;
}

.path {
float:left;
width:440px;
height:35px;
line-height:35px;
}

a.linkPath:link, a.linkPath:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
color:#91acbc;
}

a.linkPath:hover {
color:#82a2b5;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.linkPathActive {
color:#82a2b5;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}


.title_doc {
float:left;
width:440px;
height:40px;
line-height:40px;
}

.text_main {
float:left;
width:440px;
height:auto;
min-height:200px;
padding: 20px 0 0 0;
}

.divSearch {
float:left;
width:190px;
height:22px;
background: url(../images/bg_search.jpg) no-repeat;
padding: 25px 15px 28px 15px;
}


.logoRetina {
float:left;
width:190px;
height:100px;
background:url(../images/bg_logoRetina.jpg) no-repeat bottom;
padding: 40px 15px 15px 15px;
}

.title_right {
float:left;
width:220px;
height:30px;
padding: 25px 0px 15px 0px;
line-height:30px;
}

.wrapper_col_right {
float:left;
width:220px;
height:auto;
padding: 0 0 15px 0;
}

.teaser_col_right {
float:left;
width:60px;
height:60px;
padding:5px;
background:url(../images/border_teaser_right.jpg) no-repeat;
}

.title_col_right {
float:left;
width:140px;
height:20px;
padding-left:10px;
}

.text_col_right {
float:left;
width:140px;
height:35px;
padding-left:10px;
line-height:12px;
}

.more_col_right {
float:left;
width:140px;
height:9px;
padding-left:10px;
padding-top:6px;
text-align:right;
}

a.linkMore:link, a.linkMore:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:9px;
color:#572F08;
}

a.linkMore:hover {
color:#572F08;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}


.footer_content_top {
float:left;
width:1000px;
height:130px;
}

.footer_content_bottom {
float:left;
width:1000px;
height:60px;
padding-bottom:25px;
}

.fo_cont_bot_left {
float:left;
width:660px;
height:40px;
line-height:40px;
padding: 0 0 20px 40px;
}

.fo_cont_bot_right {
float:right;
width:300px;
height:45px;
padding: 15px 0 0 0;
}

#logo_bot_01 {
float:right;
width:45px;
height:45px;
background:url(../images/keurmerk_ngrc.jpg) no-repeat left;
padding: 0 15px 0 0;
}

#logo_bot_02 {
float:right;
width:45px;
height:45px;
background:url(../images/keurmerk_zkn.jpg) no-repeat left;
padding: 0 15px 0 0;
}

#logo_bot_03 {
float:right;
width:45px;
height:45px;
background:url(../images/keurmerk_kiwa.jpg) no-repeat left;
}

.fo_logo {
float:left;
width:250px;
height:130px;
background:url(../images/footer_logo.jpg) no-repeat right;
padding: 0 0 0 40px;
}

.fo_col_wr {
float:left;
width:610px;
height:130px;
padding: 0 0px 0 97px;
}

.fo_01 {
float:left;
width:200px;
height:95px;
border-right: solid 1px #91ACBC;
}

.fo_02 {
float:left;
width:170px;
height:95px;
border-right: solid 1px #91ACBC;
padding-left:30px;
}

.fo_03 {
float:left;
width:170px;
height:95px;
padding-left:30px;
}

.h-01 {
float:left;
width:170px;
height:19px;
line-height:19px;
}

.b-01 {
float:left;
width:170px;
height:19px;
line-height:19px;
}

.b-01-new {
float:left;
width:170px;
height:19px;
line-height:19px;
background:url(../images/tag_new.gif) no-repeat right;
}

a.linkFo:link, a.linkFo:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#646567;
font-weight:normal;
text-decoration:none;
}

a.linkFo:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#572f08;
font-weight:normal;
text-decoration:underline;
}

input.checkbox {
border: 0px;
}

input, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #00457e;
border: 1px solid #b8b8b8;
padding-left: 3px;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #00457e;
border: 1px solid #b8b8b8;
padding-left: 3px;
}

input.vervolgLeft, select.vervolgLeft {
font-size:10px;
color:#00457e;
}


.news_wr {
float:left;
width:190px;
height:150px;
background:url(../images/bg_news_wr.jpg) no-repeat center top;
padding: 0px 24px 0px 35px;
}

.news_title {
float:left;
width:190px;
height:20px;
line-height:20px;
padding: 10px 0 5px 0;
}

.news_table {
float:left;
width:190px;
height:75px;
}

.googleMaps {
float:left;
width:438px;
height:438px;
border: 1px solid #b8b8b8;
}

.list_wrapper {
float:left;
width:440px;
height:auto;
border-bottom: 1px solid #b8b8b8;
padding: 15px 0 15px 0;
}

.list_teaser_border {
float:left;
width:90px;
height:90px;
border: 1px solid #b8b8b8;
padding: 5px;
}

.list_teaser {
float:left;
width:90px;
height:90px;
background: url(../images/bg_teaser_list.jpg) no-repeat;
}

.list_title {
float:left;
width:320px;
height:30px;
padding: 0 0 0 18px;
}

.list_title2 {
float:left;
width:420px;
height:30px;
padding: 0 0 0 18px;
}

.list_text {
float:left;
width:320px;
height:50px;
padding: 0 0 0 18px;
line-height:18px;
}

.list_text2 {
float:left;
width:420px;
height:auto;
padding: 0 0 0 18px;
line-height:18px;
}

.list_more {
float:left;
width:320px;
height:20px;
padding: 0 0 0 18px;
text-align:right;
line-height:20px;
}

.list_more2 {
float:left;
width:420px;
height:20px;
padding: 0 0 0 18px;
text-align:right;
line-height:20px;
}

a.linkListMore:link, a.linkListMore:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size:10px;
color:#91acbc;
}

a.linkListMore:hover {
color:#572F08;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.teaser_main_01 {
float:right;
width:750px;
height:25px;

border:none;
padding: 200px 0 25px 0;
}

.menu_teaser {
float:left;
width:300px;
height:25px;
background:none;
padding: 0 0 0 50px;
}

.menu_teaser ul{
float:left;
list-style:none;
margin:0px auto;
padding: 0 0 0 0;
}

.menu_teaser li{
display:inline;
float:left;
margin: 0;
padding: 0px 0px 0px 0px;
display: block;
height:25px;
line-height:25px;
width:24px;
text-align:center;
color:#FFFFFF;
}

.menu_teaser a {
display : block;
float : left;
width : 24px;
height:25px;
line-height:25px;
text-decoration:none;
color:#ffffff;
padding : 0px 0px px 0px 0px;
margin : 0;
border : 0;
background:url(../images/btn_teaser_down.gif) left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:bold;
}

.menu_teaser a:hover, .menu_teaser li.TrueOpen a {
color:#ffffff;
background:url(../images/btn_teaser_hover.gif) left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

.menu_teaser li.Active a {
color:#ffffff;
background:url(../images/btn_teaser_hover.gif) left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
}


.menu_teaser li ul {
display : none;
}

.menu_teaser li {
float : left;
cursor : default;
padding : 0 5px 0 0;
margin : 0 0 1px 0;
}

a.linkMenuTeaser:link, a.linkMenuTeaser:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:14px;
color:#ffffff;
font-weight:bold;
padding: 0 10px 0 0;
}

a.linkMenuTeaser:hover {
color:#ffffff;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
padding: 0 10px 0 0;
}

a.linkMenuTeaserActive:link, a.linkMenuTeaserActive:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:14px;
color:#ffffff;
font-weight:bold;
background:url(../images/btn_teaser_hover.gif) left no-repeat;
padding: 0 10px 0 0;
}

.btn_video {
float:right;
width:200px;
height:25px;
padding: 0 50px 0 0;
}

.btn_video ul{
float:right;
list-style:none;
margin:0;
padding: 0;
}

.btn_video li{
display:inline;
float:left;
margin: 0;
display: block;
height:25px;
width:120px;
text-align:center;
color:#FFFFFF;
}

.menu_teaser li ul {
display : none;
}

.menu_teaser li {
float : left;
cursor : default;
padding : 0;
margin : 0;
}


.btn_video a {
display : block;
float : left;
width : 120px;
height:25px;
line-height:25px;
text-decoration:none;
color:#ffffff;
padding : 0;
margin : 0;
border : 0;
background:url(../images/btn_teaser_down.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
}

.btn_video a:hover, .btn_video li.TrueOpen a {
color:#ffffff;
background:url(../images/btn_video_down.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

a.linkVideo:link, a.linkVideo:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
color:#ffffff;
font-weight:bold;
padding: 0;
background:url(../images/btn_video_down.gif) no-repeat;
}

a.linkVideo:hover {
color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
padding: 0;
background:url(../images/btn_video_hover.gif) left no-repeat;
}


a.linkVideoActive:link, a.linkVideoActive:visited{
color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
padding: 0;
background:url(../images/btn_teaser_hover.gif) left no-repeat;
}

.xmbdiv
{
    position:absolute;
 display:none;
 width:750px;
height:250px;
top:-200px;
    
}

.xmbimage
{
 
 width:750px;
height:250px;
    
}


.knopje
{
 position:absolute;
 width:24px;
 height:25px;
 top:10px;
 left:40px;
 cursor:hand;
 z-index:10;   
    background-image:url(../images/btn_teaser_down.gif);
    background-position:top left;
    background-repeat:no-repeat;
    line-height:25px;
    text-align:center;
}

.knopjeActief
{
 position:absolute;
 width:24px;
 height:25px;
 top:10px;
 left:40px;
 cursor:hand;
 z-index:10;   
    background-image:url(../images/btn_teaser_hover.gif);
    background-position:top left;
    background-repeat:no-repeat;
    line-height:25px;
    text-align:center;
}


.knopVideo 
{
 position:absolute;
width : 120px;
height:25px;
 top:10px;
line-height:25px;
text-decoration:none;
color:#ffffff;
left:400px;
background:url(../images/btn_video_down.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
}

.knopVideoActief
{
 position:absolute;
width : 120px;
 top:10px;
height:25px;
line-height:25px;
text-decoration:none;
color:#ffffff;
left:400px;
background:url(../images/btn_video_hover.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
}

.knopZoek
{
    background:url(../images/btn_search_down.jpg) no-repeat;
}

.knopZoekActief
{
    background:url(../images/btn_search_hover.jpg) no-repeat;
}