/* text css */ h1{color:#0b6ba7; margin-top:0px;font-family:Tahoma, Verdana, Arial; font-size:24px; width:429px;} h2{color:#0b6ba7; margin-top:0px;font-family:Tahoma, Verdana, Arial; font-size:12px; margin-bottom:7px;width:400px;} h3{color:#0b6ba7; margin-top:0px;font-family:Verdana ; font-size:24px; width:429px;} h7 { font-size: 18px;margin:0px; color:#0b6ba7} h8 { font-size: 14px; margin:0px; color:#0b6ba7} #page li{ list-style-type:disc;} #page_full ul, ol {margin: 10px 20px; padding: 0 20px;} #page_full ul { list-style: inside; } /*nieuwe product css*/ #wrapper_product{ min-height:60px; width:468px;} #img-one{ float:left; width:150px; padding-top:4px; } #titel{ height:16px; padding-bottom:10px; padding-top:10px;} #titel_two{ width:300px; padding:0px; margin:0px; height: 16px; float:left;} .product-admin{ float:left; margin:0px; padding:0px; height:28px; width:35px} .product-descr{float:left; padding:0px 5px 0px 10px; width:300px;} .article-admin{ float:left; margin:0px; padding:0px; height:28px; width:35px} .news-admin{ float:left; margin:0px; padding:0px; height:28px; width:35px} /* layout and menu css */ html {height:100%} body { font-family: Tahoma, Verdana, Arial; font-size:12px; background-image: url(../template/gfx/bkg_gr.jpg); background-repeat: repeat-x; margin-left: 0px; margin-top: 0px; background-color: #112e00; border: 0px; } td {font-family: Arial, Helvetica, sans-serif; font-size:9px;} th {font-family: Arial, Helvetica, sans-serif;} .small {font-size:9px; color:#000000;} /*.normal, .list-txt, #page { width:100px;margin:0px 0px 0px 200px; font-size:11px; color:#000000;}*/ .normal{float:left; padding-left:10px;} .text{float:left;} .datum {font-size:9px; color:#990000; height:20px; padding-top:0px;} #taal{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#0b6ba7;font-weight:bold;} a.taal { font-style:normal;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;color:#0b6ba7; font-weight:bold;} a.taal:hover { color:#3a9909;font-weight:bold;} a.taal:visited { font-weight:bold;} a.pagination:link, a.pagination:active, a.pagination:visited{color: #4a4541;font-size:12px;font-weight:bold;text-decoration:none;} a.pagination:hover{color:#0b6ba7;font-size:12px;font-weight:bold; text-decoration:none;cursor:hand;} a.link-more:link, a.link-more:visited { background-image:url(/template/gfx/next.png); background-repeat:no-repeat ; background-position: right 3px ; padding: 17px 15px 1px 0px; color:#0d6ba7;} a.link-more:hover { background-image:url(/template/gfx/next_ro.png); background-repeat:no-repeat; background-position: right 3px; padding: 17px 15px 1px 0px; color:#4a4541;} .big-blue {font-size:14px; color:#002969;} .big-grey {font-size:14px; color:#4a4541;} /*page layout stuff */ #main {position:absolute;visibility:visible;width:935px;height:236px;z-index:2;background-image: url(../template/gfx/bkg_top.jpg);background-repeat: no-repeat;} #holder {position:absolute;visibility:visible;width:935px;height:auto;z-index:1;left: 50%;top: 5px;margin-left: -467px;} #wrapper1 {position:absolute;visibility:visible;width:935px;top:236px;left:0px;background: url(../template/gfx/bkg_full_width.jpg) repeat-y left top;background-color: #FFFFFF;margin: 0px;padding:0px;} #wrapper2{ /*wrapper for left column background*/ background-image: url(../template/gfx/bkg_left_column.jpg) ;background-position: 7px bottom;background-repeat: no-repeat;min-height:450px;} #wrapper3{/*wrapper for right column background*/ /*background-image: url(../template/gfx/bkg_right_column.jpg) ;*/ background-position: 739px bottom;background-repeat: no-repeat;min-height:450px;} #rightcolumn {float:right;background: transparent no-repeat scroll left top ;visibility:visible;width:175px;padding-left:15px;padding-top: 20px;margin-right: 21px;height:100%; } #leftcolumn {float:left;padding-left:0px;visibility:visible;width:228px;height:100%;} #page {margin-top:0px;margin-right:222px;margin-left:229px;padding-top:20px;padding-left:10px;width:468px;background-color: #FFFFFF;min-height:450px;} /* html #page {width:465px; margin-right:221px;} /* was 475,211*/ #page_full {margin-top:0px;/*was 212*/margin-left:229px;padding-top:20px;padding-left:12px;width:657px;background-color: #FFFFFF; min-height:450px;} #container{ width:472px; float:left;} #columns{background: transparent no-repeat left top url(../template/gfx/kader.jpg);float:left;width:472px;height:180px;margin-bottom:10px;z-index:2;} #column_holder{ position:relative;margin-top:10px;} * html #column_holderx{ width:153;margin_left:12px;} #column_picmask{background: transparent;position:absolute;top:33px;left:0px;width:111px;height:70px;overflow:hidden;z-index:2;} #column_pic{background: transparent;position:absolute;top:33px;left:0px;width:111px;height:70px;overflow:hidden;z-index:1;} #column_title{background: transparent;position:absolute;top:8px;left:0px; width:113px;height:19px;overflow:hidden; } #column_descr{background: transparent;position:absolute;top:112px; left: 0px; width:118px; height:42px;overflow:hidden;} #edit-ico { position:absolute; visibility:visible; width:63px; height:38px; z-index:9; left: 662px; top: 3px; } #active { position:absolute; visibility:visible; width:93px; height:25px; z-index:11; left: 567px; top: 3px;} #active div.title {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#0033CC;font-weight:bold;} #active div.normal {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#009900;font-weight:normal;} #active div.small {font-size:8px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#999999;font-weight:normal;} #pages { position:absolute; visibility:visible; width:383px; height:20px; z-index:9; left: 279px; top: 3px; } #pages_listitems { position:absolute; visibility:visible; width:198px;height:20px;z-index:9;left: 525px;top: 205px;} /*het more/back icoontje*/ .next_li{} .back{ margin-bottom:30px;} .product-detail-smallimages-holder{width:175px;overflow:hidden} .product-detail-small-img{padding-bottom:5px;} /* sIFR */ /* These are standard sIFR styles... do not modify */ /* Font color in mm.js bottom */ .sIFR-flash {visibility: visible !important;margin: 0;} .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] {display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 {visibility: hidden;letter-spacing: -9px; font-size:20px;} .sIFR-hasFlash h2 {visibility: hidden;letter-spacing: -9px;font-size: 12px;} /*.sIFR-hasFlash h3 {visibility: hidden;letter-spacing: -6px;font-size: 25px;} .sIFR-hasFlash h4 {visibility: hidden;letter-spacing: -5px;font-size: 21px;} .sIFR-hasFlash h5#pullquote {letter-spacing: -4px;visibility: hidden;font-size: 24px;} */ .list-item-search{ width:672px; float:left; } .list-item{ height:80px; } .list-line{ border-bottom:solid; border-bottom: #0b6ba7 solid 1px; float:left; width:672px; } .list-left{ display:inline; float:left; width:100px;} .list-link{ width:19px; height: 33px; float: right; margin-top: -16px; } .list-pic{ height:70px; margin: 5px 5px 5px 0px; overflow:hidden; float: left; } .list-centre{ float:left; display:inline; width:560px; overflow: hidden; margin-left:10px; } .list-txt{float:left;width:560px;margin-right:0px; } #content{overflow-y: auto; } #footer { visibility:visible; width:935px;height:44px;z-index:5; background-image: url(../template/gfx/footer.jpg); background-repeat: no-repeat; /*float: left;*/ /*position: relative;*/ } #banner { position:absolute; visibility:visible; width:880px;height:49px;z-index:3;left: 0px;top: 112px; background-color: #6B76F2; color: #FFFFFF;} #latestnews { position:absolute; visibility:visible; width:200px; height:457px; z-index:9; left: 677px; top: 169px; background-color: #E1FFE1;} #searchpage {margin-top:0px;margin-right:22px; margin-left:229px; padding-top:20px;padding-left:12px;width:672px; background-color: #FFFFFF; min-height:450px;} * html #searchpage {width:665px; margin-right:21px;} /* was 475,211*/ #search{ position:absolute; visibility:visible; width:150px;height:12px;z-index:11; left: 735px;top: 207px;} .searchinput{ background-color:#ffffff; font-size:9px; height:19px; border-width:thin; border-color:#CCCCCC; border-style:solid; -webkit-border-radius: 5px; /* for Safari */ -moz-border-radius: 5px; /* for Firefox */ } .inputbox{ background-color:#CCCCCC; font-size:9px; height:15px; border-width:1px; border-color:#555555; border-style:solid;} .inputbox2{ border: 1px solid #CCCCCC; /* if needed */ -webkit-border-radius: 5px; /* for Safari */ -moz-border-radius: 5px; /* for Firefox */ } #logo { position:absolute; visibility:visible; width:248px; height:73px; z-index:7; left: 21px; top: 22px;} #breadcrum { position:absolute; visibility:visible; width:935px; top:203px; left:0px; height:33px; z-index:4; background-image: url(../template/gfx/bkg_breadcrum.jpg); background-repeat: no-repeat;} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto; width:0; height:0;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:transparent url(../template/gfx-lightbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../template/gfx-lightbox/border.png) -100px 0 repeat-x;} #cboxTopRight{width:21px; height:21px; background:url(../template/gfx-lightbox/border.png) -129px 0 repeat-x;} #cboxBottomLeft{width:21px; height:21px; background:url(../template/gfx-lightbox/border.png) -100px -29px repeat-x;} #cboxBottomRight{width:21px; height:21px; background:url(../template/gfx-lightbox/border.png) -129px -29px repeat-x;} #cboxMiddleLeft{width:21px; background:url(/template/gfx-lightbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../template/gfx-lightbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../template/gfx-lightbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../template/gfx-lightbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:80px;} #cboxTitle{position:absolute; bottom:12px; left:0; text-align:left; width:100%;height:34px; color:#2D1C1C; padding-left:5px; font-size:12px;} #cboxCurrent{position:absolute; bottom:55px; left:58px; color:#949494;width:150px; font-size:11px; font-style:italic; }/* "foto 1 van x" tekst */ #cboxSlideshow{position:absolute; bottom:0px; left:5px; color:#a31801; font-size:11px; font-style:italic;} /* tekst "start/stop slideshow */ #cboxPrevious{position:absolute; bottom:50px; left:0px; background:url(../template/gfx-lightbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} /* pijltje naar links*/ #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:50px; left:31px; background:url(../template/gfx-lightbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} /*pijltje naar rechts */ #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../template/gfx-lightbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../template/gfx-lightbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:50px; right:0; background:url(../template/gfx-lightbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} /*icoontje om de box te sluiten */ #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../template/gfx-lightbox/borderMiddleRight.png, sizingMethod='scale');} /* miscellaneous styles */ .brclear { clear:both; height:0px; margin:0px; font-size: 1px; line-height: 0px;}