@charset "utf-8";

/*wrap*/
body{margin:0;padding:0;min-width:980px;font-size:13px;font-family:Arial,Helvetica,sans-serif;color:#504d4c;background:#fff;-webkit-text-size-adjust:none}
#wrap{position:relative;width:980px;margin:0 auto;background:#fff}

/*html tags*/
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#504d4c}
a:hover{color:#205b8f}
h1{font-size:14px;margin:0;padding:0 0 2px 0;color:#205b8f;line-height:18px}
h1.nocontent{padding:0 0 10px 0}
h2{font-size:14px;margin:0;padding:0 0 2px 0;color:#205b8f;line-height:18px}
h3,
h4,
h5,
h6{font-size:13px;margin:0;padding:0;color:#205b8f}
p{margin:0;padding:0 0 17px 0}
ul{margin:0;padding:0 0 17px 0}
ul ul{margin:0;padding:0}
ol{margin:0;padding:0 0 17px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;right:750px;top:0;width:230px;height:58px;background:url(/images/design/OCE/logo.png) 21px 12px no-repeat #fff;background-size:188px}
address span{display:block;width:230px;height:58px}
address span span{display:none}


/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}

/*header,footer,columns*/
#headerwrap{position:relative;width:100%;height:58px;background:#205b8f;z-index:20;-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6)}
#header{position:relative;width:980px;height:58px;margin:0 auto;z-index:30}
#contentwrap{position:relative;width:100%;z-index:15}
#content{position:relative;width:980px;min-height:460px;margin:0 auto;z-index:1500}
#footerwrap{position:relative;width:100%;z-index:10;background:#fff}
#footer{position:relative;width:980px;height:140px;margin:0 auto;z-index:10}

#payoff{position:absolute;left:249px;top:31px;width:680px;height:20px;overflow:hidden;color:#fff;font-size:12px;line-height:20px;text-transform:uppercase}

/*horizontal menu
.hmenu{position:absolute;right:20px;bottom:5px}
.hmenu ul{display:block;list-style-type:none;margin:0;padding:0}
.hmenu ul li{display:block;float:left;margin:0;padding:0}
.hmenu ul li a{display:block;float:left;padding:4px 10px;white-space:nowrap;color:#666;text-decoration:none;font-weight:bold;line-height:14px}
.hmenu ul li a:hover,
.hmenu ul .active a{color:#000}
*/

/*vertical menu*/
#menubutton{position:absolute;top:18px;right:20px;width:27px;height:27px;background:url(/images/design/OCE/menu.png) 0 -27px no-repeat;background-size:27px;cursor:pointer;display:none}
#menubutton2{position:absolute;top:18px;right:20px;width:27px;height:27px;background:url(/images/design/OCE/menu.png) 0 -27px no-repeat;background-size:27px;display:none}

#mainmenu{position:absolute;right:20px;top:0px;width:160px;z-index:25;height:440px}
.HomePage #mainmenu{background:#fff;-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6)}

#mainmenu ul{display:block;list-style-type:none;margin:0;padding:10px 0}
#mainmenu ul li{margin:0;padding:0;display:block}
#mainmenu ul li a{display:block;text-decoration:none;padding:2px 13px 0px 13px;color:#504d4c;text-transform:uppercase;border-bottom:1px solid #ededed;font-size:11px;line-height:18px}
#mainmenu ul li a:hover, 
#mainmenu ul .current a{color:#205b8f}
#mainmenu ul ul{display:none}

#mainmenu #social_media{display:none;position:absolute;left:10px;bottom:10px;padding:0}
#mainmenu #social_media li{margin:0;padding:0 3px 0 0;display:block;float:left}
#mainmenu #social_media li a{display:block;text-decoration:none;padding:0;height:18px;width:18px;border:0;background:url(/images/design/OCE/social_media.png) 0 0 no-repeat;background-size:54px}
#mainmenu #social_media .linkedin a{background-position: 0 0}
#mainmenu #social_media .twitter a{background-position: -18px 0}
#mainmenu #social_media .facebook a{background-position: -36px 0}
#mainmenu #social_media li a span{display:none}
#mainmenu #social_media li a:hover{} 
.HomePage #mainmenu #social_media{display:block}

#mainmenu #menu_teaser{display:none;position:absolute;left:10px;bottom:38px;width:126px;min-height:126px;padding:7px;background:#205b8f;color:#fff}
#mainmenu #menu_teaser h2{color:#fff;text-transform:uppercase;font-size:10px;padding:0 0 6px 0;line-height:12px}
#mainmenu #menu_teaser p{color:#fff;font-size:10px;padding:0;line-height:12px}
#mainmenu #menu_teaser .link{padding-top:6px;text-align:right}
#mainmenu #menu_teaser .link a{color:#fff;text-decoration:underline}
#mainmenu #menu_teaser .link a:hover{color:#fff;text-decoration:underline}
#mainmenu #menu_teaser .triangle{position:absolute;bottom:-24px;right:18px;width:25px;height:25px;background:url(/images/design/OCE/triangle1.png) 0 0 no-repeat;background-size:25px 25px}
.HomePage #mainmenu #menu_teaser{display:block}

#teaser{position:absolute;left:50px;top:37px;width:110px;min-height:110px;padding:20px;z-index:25;background:#205b8f;color:#fff;-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6)}
#teaser .kop{color:#fff;text-transform:uppercase;font-size:11px;padding:0 0 15px 0;line-height:15px}
#teaser p{color:#fff;text-transform:uppercase;font-size:11px;padding:0;line-height:15px}
#teaser .link{padding-top:15px;text-align:right}
#teaser .link a{color:#fff;text-decoration:underline}
#teaser .link a:hover{color:#fff;text-decoration:underline}
#teaser .triangle{position:absolute;top:-24px;left:18px;width:25px;height:25px;background:url(/images/design/OCE/triangle2.png) 0 0 no-repeat;background-size:25px 25px}

/*HomePage*/
#HomePage{width:100%;z-index:20;min-height:460px}

/*DefaultPage*/
#DefaultPageOuter{position:absolute;right:20px;top:0px;width:710px;padding:0 0 20px 0}
#DefaultPage{width:470px;padding:35px 200px 25px 40px;line-height:17px;background:url(/images/design/OCE/content_bg.png) 100% 100% no-repeat #fff;-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);z-index:20;min-height:520px;background-size:380px}

/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm .kop{margin:0;padding:0 0 2px 0;color:#205b8f;font-size:13px;line-height:18px}
.DefaultForm fieldset{border:0;margin:0;padding:20px 0 20px 0}
.DefaultFormNL fieldset{padding:0 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:bold;font-size:14px;margin:0;padding:0 0 2px 0;color:#205b8f;line-height:18px}
.DefaultForm label{display:block;float:left;width:140px;padding:1px 0 0 0;margin:0;line-height:22px;clear:left}
.DefaultForm .label2{width:200px}
.DefaultForm .labelblock{float:none;width:auto;padding:10px 0 0 0;margin:0;line-height:22px;clear:none}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:Arial,Helvetica,sans-serif;font-size:13px;margin:0 0 5px 0;color:#504d4c}
.DefaultForm .input1{width:300px;border:1px solid #205b8f;padding:3px 3px;background:#fff}
.DefaultForm .input2{width:240px;border:1px solid #205b8f;padding:3px 3px;background:#fff}
.DefaultForm .input3{width:440px;border:1px solid #205b8f;padding:3px 3px;background:#fff}
.DefaultForm .radiocontainer{display:block;padding:0;margin:0;clear:left;min-height:27px}
.DefaultForm .radiocontainer .radiolabel{display:inline;float:none;width:auto;padding:0 5px 0 0;margin:0 5px 0 0;line-height:22px;clear:none}
.DefaultForm .radiocontainer input{padding:0;margin:0 5px 0 0;vertical-align:middle}
.DefaultForm #vl_geboortedatum_day{width:60px;padding:2px;height:24px;background:#fff;margin:0 4px 5px 0;float:left}
.DefaultForm #vl_geboortedatum_month{width:160px;padding:2px;height:24px;background:#fff;margin:0 4px 5px 0;float:left}
.DefaultForm #vl_geboortedatum_year{width:80px;padding:2px;height:24px;background:#fff;margin:0 0 5px 0;float:left}
.DefaultForm #in_geboortedatum_day{width:60px;padding:2px;height:24px;background:#fff;margin:0 4px 5px 0;float:left}
.DefaultForm #in_geboortedatum_month{width:160px;padding:2px;height:24px;background:#fff;margin:0 4px 5px 0;float:left}
.DefaultForm #in_geboortedatum_year{width:80px;padding:2px;height:24px;background:#fff;margin:0 0 5px 0;float:left}
.DefaultForm #in_leverancier{width:248px;padding:2px;height:24px;background:#fff;margin:0 0 5px 0;float:left}


.DefaultForm .checkboxcontainer{display:block;padding:0;margin:0;clear:left;min-height:27px}
.DefaultForm .checkboxcontainer{display:block;padding:0;margin:0;clear:left;min-height:27px}
.DefaultForm .checkboxcontainer label{position:relative;display:block;float:none;width:auto;padding:10px 50px 10px 20px;margin:0;line-height:17px;clear:none}
.DefaultForm .checkboxcontainer input{position:absolute;left:0px;top:11px;margin:0;padding:0}

.DefaultForm .submit{border:1px solid #205b8f;background:#205b8f;padding:8px 0;width:198px;text-align:center;color:#fff;font-weight:bold;cursor:pointer;margin:20px 0 0 250px;-webkit-appearance:none}
.DefaultForm .input1_error{width:300px;border:1px solid red;padding:3px 3px;background:#fff}
.DefaultForm .input3_error{width:440px;border:1px solid red;padding:3px 3px;background:#fff}
.DefaultForm .error{color:red}
.DefaultForm .required{color:#205b8f}
.DefaultForm .form_footer{text-align:right;padding-top:34px}
.DefaultForm .formline1{padding:0 0 8px 0;line-height:17px}
.DefaultForm .formline2{padding:17px 0 8px 0;line-height:17px}

.ContactForm fieldset{padding:0 0 20px 0}

/*SubscribeForm*/
#SubscribeForm{}
#SubscribeForm fieldset{padding:30px 10px 10px 10px;}
#SubscribeForm legend{}
#SubscribeForm legend span{left:10px}
#SubscribeForm label{display:block;float:none;width:auto;clear:none;line-height:normal}
#SubscribeForm .input1{width:140px}
#SubscribeForm input.input1_error,
#SubscribeForm input.input1_error:focus{width:140px}
#SubscribeForm .submit{margin:5px 0 0 0}
#SubscribeForm #hypt{position: absolute; top: -10000px}


/*SearchForm*/
#SearchForm{position:absolute;right:10px;top:30px;text-align:right}
#SearchForm fieldset{padding:0}
#SearchForm label{display:block;height:18px;padding:0 5px 0 0;line-height:18px;float:left;width:auto;margin:0;clear:none}
#SearchForm .input1{width:120px;float:left}
#SearchForm input.input1_error,
#SearchForm input.input1_error:focus{float:left;width:120px}
#SearchForm .submit{margin:0 0 0 5px}

/*breadcrumb*/
.breadcrumb{display:none}

/*GoogleMaps*/
#map_canvas{width:560px;height:400px;overflow:hidden;margin:0 0 20px 0;padding:0}
#infowindow{line-height:16px;width:200px;height:120px}
#infowindow h2{font-size:14px;padding:0;margin:0}
#infowindow p{padding:0;margin:0}

/*SearchResults*/
.search_result{list-style-type:none;margin:0;padding:0}
.search_result li{margin:0;padding:0;padding-bottom:4px}
.search_result li{line-height:13px;padding-bottom:15px}
.search_result table{margin:3px 0 1px 0}
.search_result table td{line-height:3px;height:3px}

/*Sitemap*/
.sitemap ul{margin:0;padding:3px 0}
.sitemap li{margin:0 0 0 16px;padding:0}

/*Share buttons*/
#share-buttons{margin:0;padding:0 0 20px 0;height:20px;line-height:20px}
#share-buttons p{margin:0;padding:0 15px 0 0;float:left;line-height:20px;display:none}
#share-buttons ul{list-style-type:none;margin:0;padding:0;float:left}
#share-buttons ul li{display:block;margin:0;padding:0 15px 0 0;float:left}
#share-buttons ul li a{display:block;width:20px;height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}
#share-buttons ul li a span{display:none}
#share-buttons ul li #share-facebook{background:url(/images/design/OCE/share-buttons.png) 0 0 no-repeat}
#share-buttons ul li #share-twitter{background:url(/images/design/OCE/share-buttons.png) -20px 0 no-repeat}
#share-buttons ul li #share-linkedin{background:url(/images/design/OCE/share-buttons.png) -60px 0 no-repeat}
#share-buttons ul li #share-email{background:url(/images/design/OCE/share-buttons.png) -40px 0 no-repeat}


/*Pagina Navigatie*/
.PageNav { line-height:20px; margin-bottom:2px; width:940px; }
.PageNav a, .PageNav span { float:left; display:block; padding:0 3px; width:26px; line-height:20px; color:#fff; text-decoration:none; margin:0 2px 2px 0; background:#666; font-weight:bold; text-align:center }
.PageNav select{ float:left; display:block; margin:0 8px 2px 0 }
.PageNav span { background:#999; color:#ccc }
.PageNav a.active { background:#999; }
.PageNav a:hover { background:#333 }
.PageNav .clearer { height:1px; overflow:hidden; margin-top:-1px; clear:left }

#slider{position:absolute;left:0;top:0;width:100%;height:460px;overflow:hidden}
#sliderwrap{position:relative;height:460px;width:100%;max-width:1920px;margin:0 auto}
#slider .slide{background-position:50% 65%;background-repeat:no-repeat;background-size:cover;width:100%;height:460px}
#slider .slide img{display:none}

#btn-inschrijven{position:absolute;left:20px;top:20px;width:210px;height:40px;background:url(/images/design/OCE/schrijf-in.png) 100% 0 no-repeat;background-size:40px}
#btn-inschrijven a{display:block;border:1px solid #205b8f;width:178px;height:38px;padding:0 15px;line-height:38px;text-transform:uppercase;color:#205b8f;text-decoration:none;font-size:11px}
#btn-inschrijven a:hover{color:#205b8f;text-decoration:underline}

#btn-verlengen{position:absolute;left:20px;top:80px;width:210px;height:40px;;background:url(/images/design/OCE/verleng.png) 100% 0 no-repeat;background-size:40px}
#btn-verlengen a{display:block;border:1px solid #205b8f;width:178px;height:38px;padding:0 15px;line-height:38px;text-transform:uppercase;color:#205b8f;text-decoration:none;font-size:11px}
#btn-verlengen a:hover{color:#205b8f;text-decoration:underline}

#animatie{position:absolute;left:250px;top:20px;width:706px;padding:0 1px;height:98px;border:1px solid #205b8f;overflow:hidden;cursor:pointer}
#animatie img{display:block;width:706px;height:98px}

#zowerkthet{position:absolute;left:251px;top:21px;width:196px;height:98px;z-index:101;background:url(/images/design/OCE/anim_bg.png) 0 0 no-repeat;background-size:196px 100px;}

#prev{display:none;position:absolute;left:250px;top:20px;width:355px;height:100px;z-index:102;outline:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
#prev{background:url(/images/design/OCE/prev.png) 7px 75px no-repeat;background-size:10px 20px}
#prev span{display:none}

#next{display:none;position:absolute;left:605px;top:20px;width:355px;height:100px;z-index:102;outline:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
#next{background:url(/images/design/OCE/next.png) 339px 75px no-repeat;background-size:10px 20px}
#next span{display:none}

.touch #prev{width:100px}
.touch #next{left:860px;width:100px;background-position: 84px 75px}

#start{display:block;width:708px;height:98px;position:absolute;left:251px;top:21px;z-index:102;cursor:pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
.faqquestion{font-size:14px;margin:0;padding:0 0 2px 0;color:#205b8f;line-height:18px}
.faqanswer{}

.overview{padding:17px 0;border-top:1px solid #205b8f}

#HomePageKaderOuter{position:absolute;right:20px;top:0px;width:710px;padding:0 0 20px 0}
#HomePageKader{position:relative;width:430px;padding:35px 40px 20px 40px;line-height:17px;background:#fff;-webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.6);z-index:20}
#HomePageKader h1{padding-bottom:20px;font-size:18px}