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

/* default settings */
* { margin: 0px; padding: 0px; outline: none;}
img { border: none; }
body { background: url(../images/big_bg.jpg) repeat-x; font-family: Verdana, Geneva, sans-serif; color: #3c3c3c; font-size: 11px; line-height: 16px; height: 100%; width: 100%;}

h1 { color: #3c8db3; padding: 25px 0px 20px 0px; font-size: 13px;}
h1 a { color: #3c8db3; text-decoration: none;}
h1 a:hover { text-decoration: underline; }
p { margin-bottom: 10px;}

table { border: none; border-collapse: collapse; }
td { padding: 7px 0px 7px 0px; }
.titel { color: #a20942; font-size: 18px; margin-bottom: 30px;}

a { color: #5b584d; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: none; }
a.current { color:#a20942 !important; }

/* header */
#headerWrapper { background: #ffffff; width: 980px; height: 235px; margin: auto;}
#header { height: 205px; width: 960px; padding: 5px 0px 25px 0px; margin: 0px 10px 0px 10px; background: url(../images/big_bg_dots.jpg) repeat-x 0px 205px #ffffff; }
#header #logo { padding-top: 23px; margin-right: 80px; width: 290px; float: left; }

#header #menu { width: 590px; float: left; }
#header #menu a { text-decoration: none;}
#header #menu a:hover { text-decoration: underline; }

#header #menu #menu1 ul { list-style: none;  text-transform: uppercase; }
#header #menu #menu1 ul li { display: inline; padding: 0px 10px 0px 10px; border-right: 1px solid #7c765e; }
#header #menu #menu1 ul .last { border: none; padding-right: 10px;}
#header #menu #menu1 ul .first { padding-left: 10px;}
#header #menu #menu1 ul li a { color: #7c765e; font-weight: normal;}

#header #menu #taal { float:right; line-height: 30px; font-size: 10px; width: 196px;}
#header #menu #taal #taal1 { float:left; background: url(../images/big_taal_left.jpg) no-repeat; width: 10px; height: 32px; }
#header #menu #taal #taal2 { float:left; background: #f3f0e5; height: 32px;}
#header #menu #taal #taal3 { float:left; background: url(../images/big_taal_right.jpg) no-repeat; width: 10px; height: 32px; }

#header #menu #algemeen { line-height: 30px;}
#header #menu #algemeen #algemeen1 { float:left; background: url(../images/big_menu_left.jpg) no-repeat; width: 10px; height: 32px; }
#header #menu #algemeen #algemeen2 { float:left; background: #e9e3ce; height: 32px;}
#header #menu #algemeen #algemeen3 { float:left; background: url(../images/big_menu_right.jpg) no-repeat; width: 10px; height: 32px; }

#header #menu #menu2 { margin-top: 30px; clear: both;}
#header #menu #menu2 .item { float: left; width: 196px; }
#header #menu #menu2 ul { list-style-image: url(../images/arrow_grey.gif); margin: 20px 0px 0px 15px;}
#header #menu #menu2 ul li { margin: 0px 0px 20px 0px; line-height: 8px;}
#header #menu #menu2 a { color: #7c765e; font-weight: normal;}

/* content */	
#contentWrapper { background: url(../images/big_content_bg.jpg) no-repeat top center;}
#content { width: 980px; margin: auto; background: #ffffff; min-height: 430px;}
#contentInner { width: 960px; padding: 0px 0px 40px 0px; margin: 0px 10px 0px 10px; background: url(../images/big_bg_dots.jpg) repeat-x bottom #ffffff;}
#content #contentInner #top{ background: url(../images/big_bg_top.jpg) no-repeat #ffffff; height: 40px; width: 960px;}
#content #contentInner #middle{ background: url(../images/big_bg_content.jpg) repeat-y #ffffff; width: 960px; min-height: 458px; padding-bottom: 150px;}
#content #contentInner #bottom{ background: url(../images/big_bg_bottom.jpg) no-repeat #ffffff; height: 27px; width: 960px;}
#content #contentInner .left { padding: 0px 0px 0px 30px; width: 379px; }
#content #contentInner .leftBig { padding: 0px 30px 0px 30px; width: 900px; }
#content #contentInner #left1 { float: left; width: 390px; }
#content #contentInner #left2 { float: left; margin-left: 70px; width: 440px;}
#content #contentInner .right { width: 541px; background: url(../images/big_bg_right.jpg) no-repeat; margin-left: 419px; position: absolute; height: 449px;}
#content #contentInner .right #rightTop { width: 493px; height: 449px; margin-left: 26px; }

#content #contentInner #contentForm ul { list-style: none;}
#content #contentInner #contentForm ul li { margin-bottom: 7px;}
#content #contentInner #contentForm ul li label { float: left; width: 144px;}
#content #contentInner #contentForm ul li label.error { color: #a20942; }
#content #contentInner #contentForm ul li input { float: left; width: 244px; border: solid 1px #e6e4e4;}
#content #contentInner #contentForm ul li input.error { border: 1px solid #a20942; }
#content #contentInner #contentForm ul li.rad label { width: 30px; float: left;}
#content #contentInner #contentForm ul li.rad input { width: 20px; border: none; float: left;}
#content #contentInner #contentForm ul li ul li { float: left;}
#content #contentInner #contentForm ul li textarea { width: 244px; height: 200px; border: solid 1px #e6e4e4; }
#content #contentInner #contentForm ul li textarea.error { border: 1px solid #a20942; }
#content #contentInner #contentForm ul li select { width: 150px; border: solid 1px #e6e4e4; }

/* footer */
#footer { margin: 0px 10px 0px 10px; padding: 10px 0px 100px 0px; height: 15px; background: url(../images/big_bg_dots.jpg) repeat-x 0px 35px #ffffff;}
#footer ul { list-style: none; }
#footer ul li { display: inline; padding: 0px 5px 0px 5px; }
#footer a { color: #bbbaba; font-size: 11px; text-decoration: none; font-weight: normal;}
#footer a:hover { text-decoration: underline; }

/* breadcrumbs */
#breadcrumb { color: #c2bdaa; text-transform: uppercase; line-height: 20px; margin-bottom: 30px; }
#breadcrumb #breadcrumbCurrent { color: #a20942; font-size: 18px; text-transform: none; }

/* submenu */
#submenu { width: 186px; margin: -40px 0px 0px 8px; position: absolute;}
#submenu #submenuTop { background: url(../images/big_submenu_top.gif) no-repeat; width: 156px; height: 59px; padding: 23px 0px 0px 30px; }
#submenu #submenuTop #breadcrumb { margin: 0px; }
#submenu #submenuMiddle { padding: 0px 0px 0px 30px; background: url(../images/big_submenu_middle.gif) repeat-y; } 
#submenu #submenuMiddle ul { list-style: none; }
#submenu #submenuMiddle ul li { background: url(../images/big_submenu_border.gif) no-repeat bottom left; height: 20px; padding: 5px 0px 5px 0px; }
#submenu #submenuMiddle ul .last{ background: none; }
#submenu #submenuMiddle ul li a { color: #ffffff; text-decoration: none; font-weight: normal; width: 130px; display: block;}
#submenu #submenuMiddle ul li a:hover { background: url(../images/big_arrow_disc_2.gif) no-repeat right; }
#submenu #submenuBottom { background: url(../images/big_submenu_bottom.gif) no-repeat; width: 186px; height: 19px; }

/* subnavigatie */
#subNav { color: #ffffff; font-weight: bold; font-size: 13px; }
#subNav a{ color: #ffffff; text-decoration: none; font-weight: normal; font-size: 11px; }
#subNav a:hover{ text-decoration: underline; }
#subNav ul { list-style: url(../images/big_subnav_arrow.gif); margin: 20px 0px 0px 15px; line-height: normal; }
#subNav ul li{ margin: 0px 0px 15px 0px; line-height: 9px;}

/* readMore */
.readMoreBg { position: absolute; margin: 35px 0px 0px -36px; min-width: 180px; height: 47px; }
.readMoreBg .readMoreContent { float: left; background: url(../images/big_readMore_content.png) repeat-x; height: 35px; min-width: 119px; padding: 12px 15px 0px 29px;}
.readMoreBg .readMoreLeft { float: left; background: url(../images/big_readMore_left.png) no-repeat; height: 47px; width: 6px;}
.readMoreBg .readMoreRight { float: left; background: url(../images/big_readMore_right.png) no-repeat; height: 47px; width: 11px;}
.readMore a { color: #ffffff; text-decoration: none; line-height: normal; display: block;}
.readMore a.arrow { background: url(../images/arrow_white.gif) no-repeat 5px; padding-left: 20px; }
.readMore a.disc{ background: url(../images/big_arrow_disc.png) no-repeat; padding: 3px 0px 0px 25px; height: 15px;}
.readMore a:hover { text-decoration: none; }

/* clearfix */	
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* image rotator */
div#rotator { position:relative;}
div#rotator ul li { float:left; position:absolute; list-style: none; }
div#rotator ul li.show { z-index:500 }

/* taalkeuze */
#bodyTaalkeuze { background: url(../images/taalkeuze/big_bg_taalkeuze.jpg) repeat-x; }
#bodyTaalkeuze #content #contentInner { background: none; }
#content #contentInner #taalkeuze { padding: 80px 139px 80px 139px; }
#content #contentInner #taalkeuze ul { list-style: none; margin-top: 50px; }
#content #contentInner #taalkeuze ul li { display: inline; }
#content #contentInner #taalkeuze ul a { width: 160px; height: 48px; display: block; float: left; }
#content #contentInner #taalkeuze ul a#menuNl { background: url(../images/taalkeuze/big_taalkeuze_nl.jpg) no-repeat; }
#content #contentInner #taalkeuze ul a#menuFr { background: url(../images/taalkeuze/big_taalkeuze_fr.jpg) no-repeat; }
#content #contentInner #taalkeuze ul a#menuEn { background: url(../images/taalkeuze/big_taalkeuze_en.jpg) no-repeat; width: 172px; }
#content #contentInner #taalkeuze ul a#menuDe { background: url(../images/taalkeuze/big_taalkeuze_de.jpg) no-repeat; }
#content #contentInner #taalkeuze #menuTaalkeuzeBg { background: url(../images/taalkeuze/big_taalkeuze_bg.jpg) repeat-y; height: 195px; }

/* overlayer */
#overlayer { z-index: 999; width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; }
#overlayerBg { background: url(../images/big_overlayer_bg.png) repeat; width: 100%; height: 100%; }
#overlayerContent { width: 550px; height: 400px; margin-left: -275px; position: absolute; margin-top: -200px; left: 50%; top: 50%; }
#bedrijfsfilm { color: #ffffff; }

/* homepage */
#content #home1 { width: 577px; float: left; }
#content #home1 #over{ position: absolute; margin: 322px 0px 0px 30px; z-index: 999; }
#content #home1 #rotator{ width: 577px; height: 430px; }
#content #home2 { width: 373px; float: left; margin-left: 10px; line-height: 14px; }
#content #home2 .soorten { width: 168px; height: 97px; padding: 45px 15px 0px 190px; }
#content #home2 .readMore { width: 145px; height: 28px; padding: 5px 0px 0px 10px;  margin-top: 30px;}
#content #home2 #ijsboerke{ background: url(../images/nl/big_ijsboerke.jpg) no-repeat;}
#content #home2 #mio{ background: url(../images/big_mio.jpg) no-repeat; color: #ffffff; margin-top: 5px;}
#content #home2 #artic{ background: url(../images/big_artic.jpg) no-repeat; margin-top: 5px;}

/* merken */
#content #contentInner #bgIjsboerke { background: url(../images/merken/big_ijsboerke_bg.jpg) no-repeat #ffffff; padding: 40px 551px 0px 30px; width: 379px; min-height: 635px;}
#content #contentInner #bgArtic { background: url(../images/merken/big_artic_bg.jpg) no-repeat #ffffff; padding: 40px 551px 0px 30px; width: 379px; min-height: 635px;}
#content #contentInner #bgMio { background: url(../images/merken/big_mio_bg.jpg) no-repeat #ffffff; padding: 40px 551px 0px 30px; width: 379px; min-height: 635px;}
#content #contentInner #bgMio #breadcrumbCurrent, #content #contentInner #bgArtic #merkbeschrijving, #content #contentInner #bgArtic #merkbeschrijving a { color: #ffffff; }
#merkbeschrijving{ margin-top: 30px; }

/* productie */
/*#content #contentInner #rd #bottom #subNav{ position: absolute; margin: -195px 0px 0px 445px; background: url(../images/productie/big_rd_subnav_bg.jpg) no-repeat; height: 222px; width: 389px; padding: 10px 0px 0px 113px;} */
#content #contentInner #rd .right #rightTop { background: url(../images/productie/big_rd_right_bg_1.jpg) no-repeat; }
#content #contentInner #kwaliteit .right #rightTop { background: url(../images/productie/big_kwaliteit_right_bg_1.jpg) no-repeat; }
#content #contentInner #rd #subNav{ background: url(../images/productie/big_site_subnav_bg.jpg) no-repeat; height: 118px; width: 401px; margin: 50px 0px 0px 27px; padding: 10px 0px 0px 120px;}
#content #contentInner #kwaliteit #subNav{ background: url(../images/productie/big_site_subnav_bg.jpg) no-repeat; height: 118px; width: 401px; margin: 50px 0px 0px 27px; padding: 10px 0px 0px 120px;}
#content #contentInner #site #subNav{ background: url(../images/productie/big_site_subnav_bg.jpg) no-repeat; height: 118px; width: 401px; margin: 50px 0px 0px 27px; padding: 10px 0px 0px 120px;}

/* over big */
#content #contentInner #organisatie .right #rightTop{ background: url(../images/big/big_organisatie_right_bg_1.jpg) no-repeat; padding: 55px 0px 0px 15px; width: 478px; height: 394px; }
#content #contentInner #organisatie .perso { width: 200px; border-bottom: solid 1px #e1e1e1; font-weight: bold; }
#content #contentInner #organisatie .gegevens { border-bottom: solid 1px #e1e1e1; width: 190px; }
#content #contentInner #organisatie .gegevens a { color: #a20942;}
#content #contentInner #organisatie .lastRow { border: none; }
#content #contentInner #organisatie .leftBig { padding-top: 160px; }
#content #contentInner #organisatie #middle{ padding-bottom: 50px;}
#content #contentInner #wie .left { padding: 0px 0px 0px 200px;}
#content #contentInner #wie .right { width: 371px; margin-left: 584px; position: absolute; height: 449px;}
#content #contentInner #wie .right #rightTop { width: 332px; background: url(../images/nl/big/big_wie_right_bg_1.jpg) no-repeat;}
/*#content #contentInner #wie #bottom #subNav{ position: absolute; margin: -195px 0px 0px 607px; background: url(../images/big/big_wie_subnav_bg.jpg) no-repeat; height: 222px; width: 270px; padding: 10px 0px 0px 73px;}*/
#content #contentInner #wie #subNav{ background: url(../images/big/big_wie_subnav_bg.jpg) no-repeat; height: 217px; width: 271px; margin: 100px 0px 0px 23px; padding: 10px 0px 0px 90px;}
#content #contentInner #productiesites .left{ padding: 0px 0px 0px 220px; width: 740px;}
#content #contentInner #productiesites #middle{ padding-bottom: 20px;}
#content #contentInner #aanbod .right { width: 820px; margin-left: 120px; position: absolute; height: 623px; background: none;}
#content #contentInner #aanbod #middle{ height: 623px;}


/* vacatures */
#content #contentInner #vacatures .right #rightTop{ background: url(../images/vacatures/big_vacatures_right_bg_1.jpg) no-repeat; }
#content #contentInner #vacature .right #rightTop{ background: url(../images/vacatures/big_vacature_right_bg_1.jpg) no-repeat; }
#content #contentInner #vacature ul, #content #contentInner #vacatures ul { margin-left: 15px; }

/* nieuws */
#content #contentInner #nieuws .right #rightTop{ background: url(../images/nieuws/big_nieuws_right_bg_1.jpg) no-repeat; }
#content #contentInner #nieuws h1 { padding: 0px; }

/* contact */
#content #contentInner #contact #left2 { margin-left: 180px; width: 330px;}
#content #contentInner #contact #left2 h1 { padding: 0px;}
#content #contentInner #contact ul li.rad label#aanspreking { width: 144px;}
#content #contentInner #contact ul li ul li label { width: 35px; text-align: right;}
#content #contentInner #contact ul li ul li	 input { width: 25px;}
#content #contentInner #contact ul li ul li.first label { width: 144px; text-align: left;}
#content #contentInner #contact ul li ul li.first input { width: 120px;}
#content #contentInner #contact ul li ul li#postcode input { width: 50px;}
#content #contentInner #contact ul li ul li#stad input { width: 157px;}
#content #contentInner #contact .contactBtn { margin: 15px 0px 0px 144px; } 

/* sitemap */
#content #contentInner #sitemap ul{ list-style: none; margin: 0px 80px 30px 0px;}
#content #contentInner #sitemap ul li{ padding: 3px 0px 3px 0px;}
#content #contentInner #sitemap ul .first { color: #3c8db3; font-weight: bold;}
#content #contentInner #sitemap ul .first a { color: #3c8db3; font-weight: bold;}
#content #contentInner #sitemap ul a { text-decoration: none; font-weight: normal;}
#content #contentInner #sitemap ul a:hover { text-decoration: underline; }

/* disclaimer */
#content #contentInner #disclaimer ul { margin: 15px 0px 15px 15px; }