/* * [a] Dries Van haver * [c] Oskar D * [w] www.oskard.be * */ #actie2{cursor: pointer;} html{height:100%;} body {margin:0;padding:0;background-color:#FFF;background-repeat:repeat;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#666;} img{border: none;padding-right: 3px;} :focus{-moz-outline-style: none;} a{text-decoration:underline;color:#666; font-weight: normal; cursor: pointer;} a:hover {text-decoration:underline;color:#FFCF01; font-weight: normal; cursor: pointer;} /*** BLOCKS ***/ #main{width: 1000px;margin: 0 auto 0 auto; overflow:hidden;text-align:left;clear:both;} /* KLANTENZONE */ #klantenzone {margin-top:110px;width: 300px;height: 50px;margin-left:700px;text-align:left;position: absolute;z-index: 3;} #klantLabel {margin-top: 2px;margin-left: 5px;} /* FLASH */ #flashnav {text-align: center;border:0px;height:350px;width: 1000px;z-index: 1;} #flashmap {padding-top: 2px;margin-left: 0px;border:0px;height:222px;width: 272px;} #flashwie {margin-left: -50px;border:0px;height:400px;width: 650px;} #flashdroging{margin-top: 5px;border:0px;height:320px;width: 400px;} /* CONTENT */ .mainContent{min-height:450px;height:auto !important;height:450px;position: relative;width:auto;margin-top: 0px;margin-left:385px;} #panel{float:left; margin-bottom: 20px; margin-top: 10px; width: 450px;} /*#panel h1, #panel p{width: 420px;}*/ /*#icons{position: relative;width:125px;height:auto;margin-top: 0px;margin-left:885px;border: 0px; overflow: hidden;}*/ #icons{width:125px;height:auto;border: 0; overflow: hidden; position: absolute; margin-left: 475px;} h1{color:#666;font-size: 14px; margin: 0; padding: 0;} h2{color:#000;font-weight: bold; margin: 0; font-size: 11px;} h2 a{color:#000;font-weight: bold; margin: 0; font-size: 11px; text-decoration: none;} h2 a:hover{color:#000;font-weight: bold; margin: 0; font-size: 11px; text-decoration: underline;} .historyBar{background-color: #FFF;width: 595px;height: 85px;margin-bottom: 20px;clear: left;} .historyBar #item{border: 1px solid #ffd100;width: 50px;height: 50px;float: left;} .historyBar #title{font-size:12px;text-decoration:none;color:#000;} .ge_titel{color: #FFCF01;font-weight: bold;margin-bottom: 5px;} /* NIEUW */ #nieuws{border:0px;position: absolute;width: 200px;margin-left:105px;margin-top:317px;z-index: 2;} #nieuws_hdr{width: 200px;height: 22px;margin-top: 0px;background: url("../img/nieuws/titel.jpg") no-repeat;} #nieuws_thumb{width: 200px;height: auto;} #nieuws_dashed{margin-bottom: 10px;margin-top: 5px;border-top: 1px dashed #999;} #nieuws_item{width: 200px;margin-bottom: 10px;} .article{font-size:11px;text-decoration:none;color:#000;} .articledate{text-decoration:none;color:#999;} .articledesc{padding-top:5px; text-decoration:none;color:#666;} .newslist{float: left;background: url("../img/icn_newslist.gif") no-repeat;height: 20px;width: 19px;margin-right: 5px;} .newnewslist{float: left;background: url("../img/icn_newslist-new.gif") no-repeat;height: 20px;width: 19px;margin-right: 5px;} .newsdesc{margin: 10px 0 20px 25px; text-decoration:none;color:#666666;} .newsicon{float: left;background: url("../img/icn_news.gif") no-repeat;height: 20px;width: 19px;margin-right: 5px;} .persicon{float: left;background: url("../img/icn_pers.gif") no-repeat;height: 19px;width: 16px;margin-right: 5px;} .vacatureicon{float: left;background: url("../img/icn_vacature .gif") no-repeat;height: 23px;width:20px;margin-right: 5px;} .newnewsicon{float: left;background: url("../img/icn_news-new.gif") no-repeat;height: 20px;width: 19px;margin-right: 5px;} .newpersicon{float: left;background: url("../img/icn_pers-new.gif") no-repeat;height: 19px;width:16px;margin-right: 5px;} .newvacatureicon{float: left;background: url("../img/icn_vacature-new.gif") no-repeat;height: 23px;width:20px;margin-right: 5px;} .line{width: 100%;height: 3px;background-color: #FFCF01;float: left;} #map{width: 440px; height: 300px; margin: 5px 3px 0 0;border: solid 1px #ccc;} /* CONTACT */ input#routeAddress {font-size: 10px;color: #999;border: solid 1px #CCC;margin: 2px 0px 2px 0px;width: 440px;} div#routeBeschrijving {width: 100%;} div#routeBeschrijving a {cursor: pointer;} /*** FOOTER ***/ #footer {height:auto;color: #999;font-size: 10px;border-top: 1px solid #ccc;width: 1000px;margin: 0 0 0 auto; overflow:hidden;text-align:left;clear:both; padding: 3px 0 0 0; margin-top: 10px;} #footer a {color: #999;text-decoration: none;} #footer ul a:hover {color: #333;text-decoration: none;} #footer ol a:hover {color: #FFCF01;text-decoration: none;} #footer ul {list-style: none; float: left; padding: 0; margin:0;} #footer ol {margin: 0; padding:0; list-style: none; float: left;} #footer li {margin: 0 0 0 0; float: left;} #footer div{float:left;} div#footerCenter {float:left; padding-left:25px;} div#footerRight {float:right; padding:0; margin:0; white-space: nowrap;} /*** PROTOTIP ***/ /* CSS to go with Prototip.Styles */ .prototip {font: 11px Arial, Helvetica, sans-serif;color: #000;} /* tip */ .prototip .debie {width: 180px;color: #666;} .prototip .debie .toolbar {background: #E8EDF1;font-weight: bold;} .prototip .debie .title { padding: 5px 5px 0 5px; } .prototip .debie .content {background: #E8EDF1;padding: 0 5px 5px 5px; font-size: 10px;} /* This is how to resize the close button for a style */ .prototip .protogrey .toolbar .close {width: 14px;height: 14px;} /* loader gif */ .prototipLoader {position: absolute;top: -1000px;left: -1000px;height: 14px;width: 14px;border: 1px solid #dddddd;overflow: hidden;} /* Required for all tooltips, do not modify */ .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */ /* IE7 */ *:first-child+html#icons { margin-left:0px; float:left; } /*** ENQUETE ***/ /*body#enquete{background: url(../img/enquete/logo.jpg) top right no-repeat; background-color:#FFF; line-height: 18px;}*/ body#enquete{background-color:#FFF; line-height: 18px;} #enquete #container{margin: 0 10px 10px 60px; width: 585px; } #enquete #banner{ background: url(../img/enquete/pics-bongo-logos.jpg) top right no-repeat; width: 585px; height: 220px;} #enquete #title{margin: 35px 0 0 20px; background: url(../img/enquete/title.jpg) no-repeat; width: 515px; height: 115px;} #enquete h2{font-size: 16px; line-height: 22px; color: #5B5C5E; font-weight: normal; margin: 0; margin-bottom: 20px;} #enquete h2 span{color: #929292; float: left;} #enquete h2 a{text-decoration:underline;color:#666; font-weight: normal; cursor: pointer; } #enquete .all-alert {color:#ff6666; text-align: center} #enquete ul#schaal {margin:0 0 0 5px; padding: 0; float:left;} #enquete ul#schaal li{width:130px; padding: 3px; list-style:none; height:23px} #enquete ul#schaal li span.unit {display: block; color:#929292} #enquete ol#test-list {margin:0 0 0 5px; padding: 0; float:left;} #enquete ol#test-list li{width:250px; padding: 3px; background: #f0f0f0; border-bottom: 1px solid #DCDCDC;} #enquete ol#test-list li span.handle {cursor: move;} #enquete #counter{margin: 0 0 0 300px; color: #FFF; padding-top: 3px;} #enquete .question{margin: 0 0 10px 20px;} #enquete input{margin-left:5px; width: 145px;} #enquete input.r1, #enquete input.drukwerk{width: auto;} #enquete input.big{width: 300px;} #enquete input.drukwerk{paddin-left:15px;} #enquete input.submit{ clear:left; padding:5px 14px 5px 5px; margin: 20px 0 0; border: 1px solid #FFD600; color: #000; font-family:Arial,Helvetica,sans-serif;font-size:11px; width: auto; background:url(../img/pijl-verder.gif) right 4px no-repeat; background-color:#FEF6D9;} #enquete input.back{background: url(../img/enquete/back.jpg) no-repeat left 2px; width: auto; height: auto; color: #666; font-family:Arial,Helvetica,sans-serif;font-size:11px; border: none; padding-left: 8px; margin-bottom: 10px; cursor: pointer; float: right; clear: right;} #enquete img.stappen {float: right;} #enquete #text4{width: 550px;} #enquete .note {font-size:11px; color:#999999;margin-bottom: 8px} #enquete .schaal {color:#999999; border-bottom: solid 1px #DDD; height:20px; width:305px; margin-top:0px;margin-bottom: 20px} #enquete .slider-left {float:left;} #enquete .slider-right {float:right;} #enquete .slider {width:300px; margin: 5px 0;} #belangrijk-bericht{border-bottom: solid 1px #FFCF01; }