/***********************************/ /************ **********/ /* --------- Global style ---------*/ /************ **********/ /***********************************/ *{padding:0px;margin:0px;} html,dody,*{ } dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,img,h1,h2,h3,h4,h4,h5 {margin:0;padding:0;} div#con_t ul {margin-left:20px;padding:0;} fieldset,img {border:0;} .fl {float:left;} .fr {float:right;} .cl {clear:both; height:0; overflow:hidden;} .block { display:block;} .none { display:none;} hr {height:2px; border:0; overflow:hidden; margin:10px 0; background:#F1E4CA; display:block;} .clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} *html .clear{height:1%;} .clear{display:block;} body{font-family:Verdana, Arial, Helvetica, sans-serif;background-image: url(/images/bg.jpg);background-repeat:repeat; background-position: top center; background-attachment: fixed; text-align:center; font-size: 12px; line-height:16px;} /***********************************/ /************ **********/ /* --------- Link style ---------*/ /************ **********/ /***********************************/ a:link,a:visited { text-decoration:none; color:#863D6B} a:hover,a:active { text-decoration:none; color:#EE7F00} a.w:link, a.w:visited{color:#FFFFFF; text-decoration:none} a.w:hover{color:#f6b304; text-decoration:none} a.w1:link, a.w1:visited{color:#FFFFFF; text-decoration:none; cursor:pointer} a.w1:hover{color:#EE7F00; text-decoration:none;} a.purple:link, a.purple:visited{color:#863D6B; text-decoration:none; font-weight:bold} a.purple:hover{color:#863D6B; text-decoration:underline} /***********************************/ /************ **********/ /* --------- Font style ---------*/ /************ **********/ /***********************************/ h1 {font-size:17px; color:#EE7F00; margin-left: 0px;} h2 {font-size:14px; color:#EE7F00; line-height:40px;} h2.pleft12 { margin-left:12px;} h3 {} h4 {} h5 {} /***********************************/ /************ **********/ /* --------- Main style ---------*/ /************ **********/ /***********************************/ #page {width:980px;margin:0 auto;padding:0 auto; text-align: left; height:auto} /* --------- top ---------*/ #top{ width:980px; height:87px;} #top #t{width:980px; height:8px;background: url(/images/shadow_t_1.png) no-repeat; line-height:8px;font-size:6px;float:left} #top #l{width:9px; height:72px;background: url(/images/shadow_t_2.png) repeat-y right; float:left; } #top #r{width:9px; height:72px;background: url(/images/shadow_t_4.png) repeat-y; float:left} #top #b{width:980px; height:7px;background: url(/images/shadow_t_3.png) no-repeat; float:left; line-height:7px; font-size:6px;float:left} #top #t{width:980px; height:8px;background : url(/images/shadow_t_1.png) !important; background : none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow_t_1.png', sizingMethod='scale');line-height:8px;font-size:6px;float:left} #top #l{width:9px; height:72px;background : url(/images/shadow_t_2.png) !important; background : none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow_t_2.png', sizingMethod='scale'); float:left; } #top #r{width:9px; height:72px;background : url(/images/shadow_t_4.png) !important; background : none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow_t_4.png', sizingMethod='scale');float:left} #top #b{width:980px; height:7px;background : url(/images/shadow_t_3.png) !important; background : none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow_t_3.png', sizingMethod='scale');float:left; line-height:7px; font-size:6px;float:left} #top #main{width:962px; height:72px;float:left} #top #main #logo{width:220px; height:72px; float:left} #top #main #nav-2{width:742px; height:72px; background: url(/images/menu.gif) no-repeat; float:left; z-index:100; position:relative;} #top #main #search{width:400px; height:39px; float:right; background: url(/images/search.gif) no-repeat; margin-left:20px} #top #main #search .box{ padding-top:8px; padding-left:12px;} #top #main #search .input{ width:170px; height:16px; padding-top:2px !important; padding-top:1px; margin-right:14px;} #top #main #searchBtn {width: 78px; margin-right:14px; position: absolute; margin-left:645px!important; margin-left:0px; margin-top:39px!important; margin-top:0px;} /*#menu{width:742px; height:33px; float:left}*/ #menu{width:742px; height:33px; float:left} #menu ul{padding:0px; width:100%;} #menu ul li{ font-size:11.5px; color:#FFFFFF; font-weight:bold; text-decoration:none; float:left; padding:0 4px 0 4px; line-height:20px; height:33px} #menu ul li a, #menu ul li a:link,#menu ul li a:visited{text-decoration: none; color:#FFFFFF} #menu ul li a:hover{color:#f6b304} .menu_w{background-image: url(/images/menu_w.gif);background-repeat: no-repeat;background-position: right;} /* --------- content ---------*/ #content{width:976px; height:auto;padding-left:4px; float:left;} #content #shadow{width:976px;background-image: url(/images/shadow_c_1.png);background-repeat: repeat-y;} #content #shadow{width:976px;background : url(/images/shadow_c_1.png) !important; background : none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow_c_1.png', sizingMethod='scale');} #content #con{ background-color:#FFFFFF; width:962px;padding:11px 0 0 0; padding-bottom:43px!important;padding-bottom:25px; margin-left:5px !important; margin-left:3px; float:left; } #content #con #con_1{width:612px; height:222px; padding:5px 0px 0 25px; color:#3F3D3C; font-size:12px; float:left} #content #con #con_1 #c1{width:578px; margin-top:10px} #content #con #con_1 #c2{width:289px; height:191px; margin-left:15px;float:left;margin-top:10px} #c1 {height:auto !important;} #content #con #newsletter{height:120px; border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff; margin-top:4px;} #content #con #newsletter p{ margin-top: 0px; font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:16px;color:#873E6C;} #content #con #newsletterform { margin-top:3px;} #content #con #newsletterform .input{ width:160px; height:20px; padding-top:0px !important; padding-top:0px; margin-bottom:0px; float:left; } #content #con #vacature{width:282px;background-image: url(/images/vacature_bg.gif);background-repeat: no-repeat;float:left;padding:12px 0px 19px 14px;} #content #con #vacature ul{ padding-top:13px} #content #con #vacature ul li{font-size:11px; padding-bottom:11px; line-height:10px; width:280px;} #content #con #vacature ul li a, #content #con #vacature ul li a:link, #content #con #vacature ul li a:visited{width:250px; color:#873E6C;font-weight:bold} #content #con #vacature ul li a:hover{ text-decoration:underline} #content #con #vacature ul li span{float:right; width:30px; padding-right: 10px;} #content #con #vacature #vava_more{color:#873E6C;font-size:11px; padding-top:0px; margin-right:10px; float:right; width:120px;} #content #con #con_2{clear:both;width:933px; background-image:url(/images/conbg.gif); background-repeat:no-repeat; float:left; margin-left:15px !important; margin-left:7px; min-height:370px; margin-bottom:5px} #content #con #con_2 #ov{clear: both;width:205px; height:42px; background-image:url(/images/conbg1.gif); background-repeat:no-repeat; float:right; padding-left:14px; padding-top:6px} #ov { border-top:4px solid #FFFFFF; margin-top:8px; } #ov #b1{ width:194px; height:29px; margin-top:8px;background-image:url(/images/b1.gif); background-repeat:repeat-x; font-size:13px; font-weight:bold; text-align:center; line-height:26px; display:block} #content #con #con_2 #p1{ width:298px; height:354px; background-image:url(/images/p1.jpg); background-repeat:no-repeat; float:left;} #content #con #con_2 #b21{background-image:url(/images/b2.gif); background-repeat:repeat-x; height:38px; padding:0 18px 0 23px; display:block; font-size:13px; font-weight:bold; line-height:38px; float:right; margin-top:330px; margin-right:11px} #content #con #con_2 #p2{ width:309px; height:354px; background-image:url(/images/p2.jpg); background-repeat:no-repeat; float:left;} #content #con #con_2 #p3{ width:300px; height:354px; background-image:url(/images/p3.jpg); background-repeat:no-repeat; float:left;} .clear { clear: both; /* deze class gaan we gebruiken om de twee floats #left en #right te clearen. */ } .left10{ padding-left:10px} .mleft10{margin-left:10px !important; margin-left:5px;} .mleft2{margin-left:2px} .mtop9{margin-top:9px;} /* .mtop22{margin-top:12px;} */ .mtop22{margin-top:9px;} .top15{ padding-top:15px;} #b{width:980px; height:7px;background: url(/images/shadow_c_2.png) no-repeat; text-align:center; line-height:7px; font-size:6px;float:left} #b{width:980px; height:7px;background : url(/images/shadow_c_2.png) !important; background : none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow_c_2.png', sizingMethod='scale'); text-align:center; line-height:7px; font-size:6px;float:left} #nav ul {list-style:none;} /* --------- Vacature tabel -------- */ #vacaturetabel th {background-color:#FDF3E6;color:#EE7F00;padding:3px 8px;font-size:12px;} #vacaturetabel tr.vacaturetr {cursor:pointer; font-size:12px;} #vacaturetabel tr.vacaturetr:hover {background-color: #FEFAF3; font-size:12px;} #vacaturetabel .vacaturefunctietd {min-width:170px; font-size:12px;} #vacaturetabel .vacaturefunctietd a:link, #vacaturetabel .vacaturefunctietd a:visited { text-decoration:none; color:#863D6B} .dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active, a.paginglink, span.paginglink { border:1px solid #EE7F00; cursor:pointer; margin:0 3px; padding:1px 6px; color: #EE7F00; font-weight:bold; font-size:11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dataTables_paginate span.paginate_active, span.paginglink { border:1px solid #D7D7CB; color: #873E6C; cursor:default; } #vacaturetabel_paginate{ padding-top: 20px; text-align: center; } #vacaturetabel tr.even {background-color:#FFFFFF; font-size:12px;} #con_right #vaca ul, #con_right #testimonials ul, #con_right #nieuwsblok ul{list-style:none;} /* --------- bottom ---------*/ #bottom img { margin-top:5px;} #bottom{width:962px; height:80px; padding-left:9px; float:left; border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666; margin-bottom: 5px;} #bottom_1{width:947px;text-align:right;font-size:12px; margin-top:42px;} #bottom_line{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666; padding-top:4px;} #footer{width:958px;} #footer ul{float:right; padding:4px 8px 0 0} #footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited{color:#9C9C9C;float:left; font-size:12px;padding:0 4px 0 4px;} #footer ul li a:hover{color:#FFFFFF; text-decoration:none} .line{border-right-width: 1px;border-right-style: solid;border-right-color: #9c9c9c;line-height:12px;font-size:12px;margin-top:2px;} #footer ul {list-style:none;} /* --------- submenu ---------*/ #submenu{ width:205px; min-height:646px; background-image:url(/images/submenu.jpg); background-repeat:no-repeat;margin-left:14px !important; margin-left: 6px;float:left} #submenu ul{} #submenu ul li{height:48px;line-height:48px;padding-left:18px;background-image: url(/images/wline.gif);background-repeat: no-repeat;background-position: left bottom;} #submenu ul li a, #submenu ul li a:link, #submenu ul li a:visited{ color:#873E6C; font-size:11.5px; font-weight:bold; text-decoration:none} #submenu ul li a.current{color: #EE7F00} #submenu #Newsletter{ width:205px; height:164px; background-image:url(/images/bgLeftNewsletter.gif); background-repeat:no-repeat; border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff; margin-top:30px;} #submenu #Newsletter p{margin-left:13px; margin-top: 0px; font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:16px;color:#873E6C;} #submenu #NewsletterForm { margin-top:3px; padding-left:13px;} #submenu #NewsletterForm .input{ width:180px; height:18px; padding-top:2px !important; padding-top:1px; margin-bottom:6px;} #submenu li{list-style:none;} #submenu ul li a:hover{color:#EE7F00} #con_con{width:470px; float:left; margin-left:22px!important; margin-left:14px; color:#3F3D3C;} #con_con #con_t{} #con_con #bannar{padding:0 0 12px 0;} #con_con #con_t p{font-size:12px; line-height:16px; /* width:470px;*/ margin-bottom:12px;} .gray{clear:both; color:#918F8C; font-weight:bold} #con_right{ width:223px; float:left; padding-left:16px;} #con_right #vaca{ width:223px; height:252px; background-image:url(/images/v2.gif); background-repeat:no-repeat} #con_right #vaca ul{padding:0; margin:0} #con_right #vaca ul li{ width:200px; padding-left:12px; height:40px;} #vaca_1{color:#873E6C; font-size:11px;float:left; width:200px; font-weight:bold; line-height:16px;} #vaca_2{color:#918F8C; font-size:11px;float:left;line-height:16px;} .nieuwsblokhoofd {color:#873E6C; font-size:11px;font-weight:bold; line-height:16px;} .nieuwsbloksub{color:#918F8C; font-size:11px;line-height:16px;} #vaca_3{color:#918F8C; font-size:11px; float:right;line-height:16px;} #con_right #testimonials, #con_right #nieuwsblok{ width:223px; background-image:url(/images/v2.gif); float:left; margin-top:13px;} #vacaturesindebuurt {background-image:url(/images/v2.gif);margin-top:13px;float:left;width:223px;} #vaca_4{color:#873E6C; font-size:11px;float:left; width:200px; font-weight:bold; line-height:16px; padding-left:12px;} #con_right #testimonials ul,#con_right #nieuwsblok ul{padding:0; margin:0} #con_right #testimonials ul li,#con_right #nieuwsblok ul li{ width:200px; padding-left:12px; padding-bottom:5px; margin-bottom:5px; background-image: url(/images/t1.gif); background-repeat: no-repeat; background-position: left bottom; } #con_right #sendCv{ width:223px; height:88px;background-image:url(/images/v2.gif); background-repeat:no-repeat; float:left; margin-top:13px;} #pimg{width:41px; height:41px; float:left} #pname{font-size:11px; color:#863D6B; font-weight:bold;float:right; width:153px; padding-left:5px; line-height:14px;padding-top:2px} #jobt{font-size:11px; color:#918F8C; font-weight:bold; float:right;width:153px;padding-left:5px;line-height:14px;} #lees{font-size:11px; color:#918F8C; float:right;width:153px;padding-left:9px;line-height:14px; height:14px;} #jobt a{color:#918F8C;} #lees a{color:#918F8C;} .fright{float:right;} #con_right #tmore{ width:170px; height:20px; font-size:11px; color:#873E6C; font-weight:bold; margin-left:56px !important; margin-left:56px; } .kwicksitem { display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 304px; margin-right: 5px; } #nav{width:742px; height:33px; float:left; z-index:10;} #nav ul{padding:0px;width:100%;} #nav ul li{font-size:11.5px; color:#FFFFFF; font-weight:bold; text-decoration:none; float:left; padding:0 10px 0 10px; line-height:20px; height:33px;} #nav ul li a {color: #ffffff;text-decoration: none;display:block;} #nav ul li a:hover{color:#fee308; text-decoration:none} #nav ul li {background-image: url(/images/menu_w.gif);background-repeat: no-repeat;background-position: right;} #nav a.actief {color:#fee308;} #nav ul li ul { position: absolute; width:180px; top:72px; display:block; } #nav ul li ul li { background: #e78b05 none; width:180px; height:40px; display:block; } #nav ul li ul li a{ font-size:9pt; font-weight: normal; } * html a:hover{visibility:visible} .sendCv{width:197px; height:32px; background-image:url(/images/SendCV_H.gif); margin-left:15px;} .sendCv a {display:block} .sendCv img {width:100%; height:100%} .sendCv a:hover img {visibility:hidden;} .sendVac{margin-left:15px;} .sendVac a {display:block} .sendVac2{margin-left:15px;} .sendVac2 a {display:block} .sendSoll{width:120px; height:32px; background-image:url(/images/buttonSoll_H.gif); margin-left:15px;} .sendSoll a {display:block} .sendSoll img {width:100%; height:100%} .sendSoll a:hover img {visibility:hidden;} .sendOverview{width:67px; height:32px; background-image:url(/images/BackOverview_H.gif); margin-left:15px;} .sendOverview a {display:block} .sendOverview img {width:100%; height:100%} .sendOverview a:hover img {visibility:hidden;} p{margin-bottom:12px;} #interviewInkoop {background-image:url(/images/bg_inkoop.jpg);width: 223px; height:157px;margin-bottom:13px;} #interviewVerkoop {background-image:url(/images/bg_verkoop.jpg);width: 223px; height:157px;margin-bottom:13px;} #interviewLogistiek {background-image:url(/images/bg_logistiek.jpg);width: 223px; height:157px;margin-bottom:13px;} .readmore { position: absolute; margin-left:120px; margin-top:84px;} .pright{ color:#873E6C; font-size:11px; font-weight: bold; margin-left:12px; padding-top:3px; } #logoSonepar { bottom:0; float:left; position: fixed: left:0; } .geo {display:none;} /* --------- nieuws ---------*/ #nieuwsitems img { float:left; margin: 0 10px 10px 0; } #nieuwsitems h2 { line-height:20px; margin-bottom:10px; } div.nieuwsreactie { border:2px solid #F2E5CA; margin-bottom:10px; } .nieuwsreactie p{ padding:8px; margin-bottom: 0; font-size: 11px; } .nieuwsreactie p.info { color: #525252; font-weight: bold; border-bottom: 1px solid #e9e9e8; background: url(../images/bg-input-gradient-btm.png) bottom left repeat-x } .nieuwsreactie p.info span { font-weight: normal; } #formnieuwsreactie input[type="text"], #formnieuwsreactie textarea { font-family: Verdana; font-size: 11px; color: #a1a1a1; width: 450px; padding: 8px; border: 1px solid #b7b7b7; background: url(../images/bg-input-gradient-top.png) top left repeat-x; } #formnieuwsreactie input#naam{ background: url(../images/bg-input-icon-person.png) no-repeat; width: 422px; padding-left: 33px; } #formnieuwsreactie input[type="submit"] { background: url(../images/bg-btn-gradient.png) repeat-x; border: 0; padding: 1px 4px 3px 4px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); float: right; } #spammelding { border:1px solid red; padding:3px; display:none; margin-bottom:5px; } .nieuwskop { color: #863D6B; font-size:16px; font-weight:bold; margin-bottom:16px; }