* { margin: 0px; padding: 0px; border: 0px; } body { text-align: center; background: url(/css/../img/all_back.gif) top repeat-y #c8e8f0; } body, td, th, a, input, textarea, select { font: 11px Verdana; color: #333366; } h1, h1 a { font: 30px Verdana, Arial; color: #333366; } h2, h2 a { font: 16px Verdana, Arial; color: #333366; } #stayalive { position: absolute; width: 1px; height: 1px; top: -100px; left: -100px; } a { color: #333366; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } ul, ul li { list-style: none; } .rwrap { position: relative; margin: 0px auto auto auto; } .rwrap, .wrap { width: 996px; text-align: left; } .rwrap div { float: left; } .top { background: url(/css/../img/top_bg.gif) 0px 12px no-repeat; height: 50px; width: 996px; } .top ul { padding: 13px 0px 0px 260px; } .top ul li { padding: 8px 0px 10px 0px; border-right: 1px solid #59bcd4; float: left; } .top ul li a { padding: 0px 12px 0px 12px; font-size: 11px; color: #fff; } .top ul li.first a:hover { background: url(/css/../img/arrow_top.gif) 0px 1px no-repeat; text-decoration: none; } .top ul li.toplast { border-right: 0px; } .zoek { padding: 8px 6px 0px 290px; } .zoekinput { padding-top: 5px; } .go { width: 21px; height: 18px; background: url(/css/../img/go_btn.gif) top left no-repeat; cursor: pointer; } .go:hover { background: url(/css/../img/go_ov.gif) top left no-repeat; } .iTxt { border: 1px solid #ccccd9; width: 148px; height: 16px; } .allmid { background: url(/css/../img/all_bg.gif) top left repeat-y; width: 996px; } .allmid2 { background: url(/css/../img/all_bg2.gif) top left repeat-y; width: 996px; } .allbot { background: url(/css/../img/all_bot_bg.gif) bottom left no-repeat; width: 996px; } .allbot2 { background: url(/css/../img/all_bot_bg2.gif) bottom left no-repeat; width: 996px; } .left { width: 241px; padding-bottom: 41px; } .menu { background-color: #fff; width: 241px; padding-bottom: 6px; } .menu ul { padding-top: 10px; width: 241px; background-color: #c10e6c; } .menu ul li.nav_lvl2 a { height: 13px; padding: 10px 12px 9px 20px; background: url(/css/../img/menu_arrow.gif) 6px 11px no-repeat #c10e6c; border-bottom: 1px solid #d14a91; display: block; font: 11px Verdana; font-weight: bold; color: #fff; } .menu ul li.nav_lvl2 a:hover, .menu ul li.nav_lvl2_isSelected a { display: block; height: 13px; padding: 10px 12px 9px 20px; font: 11px Verdana; font-weight: bold!important; color: #fff; background: url(/css/../img/menu_arrow2.gif) 6px 11px no-repeat #b80c63; text-decoration: none; border-bottom: 1px solid #d14a91; } .menu ul li.nav_lvl2_isSelectedPath a { background: url(/css/../img/menu_arrow2_path.gif) 5px 12px no-repeat #b80c63; display: block; height: 13px; padding: 10px 12px 9px 20px; font: 11px Verdana; font-weight: bold!important; color: #fff; text-decoration: none; border-bottom: 1px solid #d14a91; } .menu ul li.nav_lvl3 a { padding: 5px 12px 4px 30px; background: url(/css/../img/menu_arrow_sub.gif) 20px 8px no-repeat #9b0a50; border-bottom: 1px solid #b4477c; display: block; font: 11px Verdana; color: #fff; } .menu ul li.nav_lvl3 a:hover, .menu ul li.nav_lvl3_isSelected a { border-bottom: 1px solid #b4477c; display: block; padding: 5px 12px 4px 30px; font: 11px Verdana; color: #fff; background: url(/css/../img/menu_arrow_subo.gif) 20px 8px no-repeat #820843; text-decoration: none; } .menu ul li.nav_lvl3_isSelectedPath a { background: url(/css/../img/menu_arrow_subo_path.gif) 19px 9px no-repeat #820843; border-bottom: 1px solid #b4477c; display: block; padding: 5px 12px 4px 30px; font: 11px Verdana; color: #fff; text-decoration: none; } .menu ul li.nav_lvl4 a { height: 13px; padding: 5px 12px 4px 40px; background: url(/css/../img/menu_arrow_sub.gif) 30px 8px no-repeat #820843; border-bottom: 1px solid #b4477c; display: block; font: 11px Verdana; color: #fff; } .menu ul li.nav_lvl4 a:hover, .menu ul li.nav_lvl4_isSelected a { height: 13px; border-bottom: 1px solid #b4477c; display: block; padding: 5px 12px 4px 40px; font: 11px Verdana; color: #fff; background: url(/css/../img/menu_arrow_subo2.gif) 30px 8px no-repeat #9b0a50; text-decoration: none; } .leftgrey { width: 241px; background-color: #f2f2f5; } .vmbologo { padding: 26px 0px 0px 60px; background: url(/css/../img/vmbo_logo.gif) 60px 24px no-repeat; height: 120px; width: 157px; } .vmbologo a { display: block; height: 100px; width: 100px; } .nieuwsbrief { background: url(/css/../img/nieuwsbrief_bg.gif) top left no-repeat; width: 133px; height: 45px; padding: 66px 0px 0px 108px; } .nieuwsbrief a { display: block; width: 130px; height: 40px; cursor: pointer; } .nieuwsbrief a:hover { background: url(/css/../img/nieuwsbrief_ov.gif) 34px 9px no-repeat; } .naw { padding: 22px 0px 22px 12px; line-height: 13px; } .nawb { font-weight: bold; } .right { width: 750px !important; } .header { background: url(/css/../img/header.jpg) top left no-repeat #fff; height: 208px; width: 749px; } isRotateHeader { height: 208px; width: 749px; background-color: #fff; } .backwhite { background-color: #fff; height: 214px; } .content { padding: 0px 0px 0px 6px; } .contentblock { min-height: 300px; width: 748px; border-top: 1px solid #c8e8f0; } .contentblockr { padding: 24px 24px 0px 44px; } .contentblocklinks { width: 471px; padding: 24px 24px 0px 44px; } .contentblockrechts { width: 209px; height: 304px; background: url(/css/../img/ban_cont_bg.gif) bottom right no-repeat; } .tmce div.contentblockrechts a { color: #333366; } .tmce div.contentblockrechts a:hover { color: #c10e6c; } .contentblockform { background-color: #fff; } .conthomepage { width: 749px; } .contbott { height: 41px; width: 571px; } .conthome { width: 401px; padding: 12px 12px 111px 12px; } .welkomhome { background: url(/css/../img/welkom_bg.gif) top left no-repeat; height: 44px; width: 419px; } .welkomsubhome { padding: 5px 12px 7px 12px; background: url(/css/../img/welkom_sub_bg.gif) bottom left no-repeat #fff5cc; min-height: 43px; width: 395px; font-size: 12px; font-weight: bold; color: #333366; line-height: 18px; } .homebotitems { background: url(/css/../img/home_bot_items.gif) bottom left no-repeat; height: 111px; width: 419px; position: absolute; bottom: 0px; left: 0px; } .botiteml, .botitemr, .contitemo, .contitemb { line-height: 16px; width: 195px; height: 96px; } .botiteml, .botitemr { padding: 6px 4px 0px 10px; } .contitemb { padding: 90px 4px 0px 10px; } .contitemo { padding: 14px 4px 0px 10px; } .botiteml a, .botitemr a, .contitemb a, .contitemo a { display: block; height: 100%; text-decoration: none!important; } .contitemb a:hover { color: #c10e6c; background: url(/css/../img/nieuws_ov.gif) 169px 70px no-repeat; } .contitemo a:hover { color: #c10e6c; background: url(/css/../img/nieuws_ov.gif) 165px 70px no-repeat; } .botiteml a:hover { color: #c10e6c; background: url(/css/../img/nieuws_ov.gif) 165px 71px no-repeat; } .botitemr a:hover { color: #c10e6c; background: url(/css/../img/nieuws_ov.gif) 169px 71px no-repeat; } .botitemb { font-weight: bold; } .footer { background: url(/css/../img/foot_bg.gif) bottom left no-repeat; height: 24px; width: 710px; padding: 20px 0px 0px 286px; } .footer a { display: block; height: 14px; width: 62px; } .footer a:hover { background: url(/css/../img/disc_bg_h.gif) 0px 1px no-repeat; height: 14px; width: 62px; } .botw { width: 996px; height: 12px; } .homerel { width: 425px; position: relative; min-height: 400px; } .nieuwstop { background: url(/css/../img/nieuws_top.gif) top left no-repeat; height: 43px; width: 134px; padding-left: 190px; } .nieuwstop a { display: block; width: 130px; height: 38px; cursor: pointer; } .nieuwstop a:hover { background: url(/css/../img/nieuws_ov.gif) 104px 11px no-repeat; } .nieuws { width: 324px; } .nieuws ul { width: 324px; border-bottom: 1px solid #c8e8f0; } .nieuws ul li { padding: 10px 10px 6px 10px; } .nieuws ul li a:hover { text-decoration: none; color: #c10e6c; } .nieuws ul li.mid { padding: 0px 10px 0px 10px; } .nieuws ul li.date { font-size: 10px; color: #66668c; padding: 6px 10px 10px 10px; } .nieuws ul li a { font-weight: bold; color: #333366; } .sitemap { padding-top: 24px; } .sitemap ul { padding: 2px 0px 2px 4px; } .sitemap ul li a { padding-left: 12px; color: #333366; font-size: 14px; background: url(/css/../img/list_arrow.gif) 0px 3px no-repeat; } .contact { padding-top: 24px; } .conlefttop, .conlefttop2 { font-weight: bold; padding-bottom: 10px; border-bottom: 1px dotted #c10e6c; } .conlefttop2 { padding-top: 18px; } .contactinput input { width: 278px; height: 16px; border: 1px solid #ccccd9; } .conleft, .conrightb1, .conrightb2, .conrights, .tLabel { padding: 8px 0px 3px 0px; color: #000; } .conrightb1, .conrightb2 { width: 190px; } .conrightb2 { padding-left: 10px; } .conrights { width: 70px; } .contactbul { color: #000; } .contactright { padding-left: 12px; padding-bottom: 18px; } .contactinputb1 input, .contactinputb2 input, .tElm input { width: 190px; height: 16px; border: 1px solid #ccccd9; } .contactinputb2 { padding-left: 10px; } .contactinputs1 input, .contactinputs2 input { width: 70px; height: 16px; border: 1px solid #ccccd9; } .contactinputs1 { margin-right: 0px; } .contactinput2 textarea { width: 274px; height: 106px; border: 1px solid #ccccd9; } .verzendenn { width: 570px; border-top: 1px dotted #c10e6c; padding-top: 6px; } .verzenden, .inputSubmit { background: url(/css/../img/verzendformulier.gif) top left no-repeat; height: 11px; width: 126px; cursor: pointer; } .verzenden:hover, .inputSubmit:hover { background: url(/css/../img/verzendformulier2.gif) top left no-repeat; height: 11px; width: 126px; cursor: pointer; } .iBut { background: url(/css/../img/zoeken.gif) top left no-repeat; height: 10px; width: 52px; } .iBut:hover { background: url(/css/../img/zoeken2.gif) top left no-repeat; height: 10px; width: 52px; cursor: pointer; } .tRight { padding-top: 12px; } .contacterror input, .contacterror2 textarea { border: 1px solid #c10e6c; } .verstuurt { padding-top: 100px; padding-left: 100px; } .nieuwsblock { padding: 24px 24px 0px 24px; min-height: 300px; width: 700px; border-top: 1px solid #c8e8f0; } .nieuwsitem { width: 388px; padding: 12px 12px 0px 0px; } .nieuwsitemtop { width: 388px; padding-bottom: 3px; border-bottom: 1px dotted #c10e6c; } .nieuwsitemdate { width: 388px; font-size: 10px; color: #66668c; padding: 10px 0px 12px 0px; } .nieuwslist { width: 276px; padding: 12px 12px 0px 12px; } .nieuwslisttop { width: 276px; height: 24px; border-bottom: 1px dotted #c10e6c; } .nieuwslist ul { margin-top: 12px; width: 276px; } .nieuwslistitem { background: url(/css/../img/list_arrow.gif) 4px 11px no-repeat; padding: 10px 0px 6px 18px; border-bottom: 1px solid #c8e8f0; } .nieuwslistitem a { display: block; } .nieuwslistitem a:hover { color: #c10e6c; text-decoration: none; } .nieuwslistdate { color: #c10e6c; } .tQst { width: 120px; color: #c10e6c; } .tElm select { border: 1px solid #ccccd9; color: #c10e6c; width: 192px; height: 18px; } .tElm input { color: #c10e6c; } .iImgspace { width: 125px; padding-left: 53px; } input.iImg { width: 72px; height: 10px; border: none; } .lastCol div a { text-decoration: none; } .lastCol div a:hover { color: #c10e6c; } .linkit ul { padding: 12px 0px 3px 0px; border-bottom: 1px dotted #c10e6c; } .linkit li { background-image: none!important; padding-left: 0px!important; } .linkit li.first { font-weight: bold; color: #c10e6c; } .linkit li.last a { font-style: italic; padding-left: 12px; background: url(/css/../img/list_arrow.gif) left center no-repeat; text-decoration: none; } .linkit li.last a:hover { color: #333366; }   .rbBlock li { padding: 12px 0px 3px 0px; } .rbBlock li a { font-weight: bold; }  .isTextBlock, .isAlbumBlock, .isSideBlock { width: 720px; } .isAlbumBlock { float:left; } .tError { color: #f00; }  .cloudkeyBold { font-weight: bold; } .cloudkeyLarge { font-size: 16px; } .cloudkeyExLarge { font-size: 24px; }  table.isPartnerTable tr td { vertical-align: top; } table.isPartnerTable img { margin: 0px 12px 12px 0px; }  table.isProductSummary td.isCol1 { width: 300px } table.isProductSummary td.isCol2, table.isProductSummary td.isCol3 { width: 100px } table.isProductSummary td.isCol3 { text-align: right; } table.isProductSummary tr.totalRow td { padding-top: 12px; text-align: right; font-weight: bold; } table.isProductSummary tr.totalRow td.isCalc { border-top: 1px solid #000; }   .tmce { line-height: 16px; }  .tmce ul, .tmce ul li { list-style: none; } .tmce ul li { padding: 0px 0px 0px 12px; background-position: 0px 3px; background-repeat: no-repeat; background-image: url(/css/../../img/list_arrow.gif); } .tmce ol { padding: 0px 0px 0px 24px; } .tmceTbl { max-width: 474px; }  img.tmceImgLeft { margin: 0px 6px 6px 0px; } img.tmceImgRight { margin: 0px 0px 6px 6px; }  .tmce a { color: #c10e6c; text-decoration: underline; } .tmceLnkReadon { padding: 0px 12px 0px 0px; background-position: right center; background-repeat: no-repeat; background-image: url(/css/../../img/list_arrow.gif); font-style: italic; text-decoration: none!important; color: #c10e6c; } .tmceLnkReadon:hover { color: #333366; } .tmceTxtIntro a { font-weight: bold; color: #000; }  .tmceTxtIntro { font-weight: bold; color: #c10e6c; } .tmceTxtHigh { font-weight: bold; }  .tmceTblOdd td, .tmceTblEven td { padding: 3px 12px 3px 12px; } .tmceTblHeader td { padding: 8px 12px 3px 12px; font-weight: bold; font-size: 12px; color: #c10e6c; border-top: 1px dotted #c10e6c; border-bottom: 1px dotted #c10e6c; } .tmceTblHeader td a { font-weight: bold; font-size: 12px; color: #c10e6c; text-decoration: none; } .tmceTblOdd td, .tmceTblEven td { border-bottom: 1px solid #ccccd9; border-left: 1px solid #ccccd9; border-right: 1px solid #ccccd9; } .tmceTblOdd td { background: url(/css/../../img/li_o_bg.gif) left bottom repeat-x #f7f7f9; }  .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; }  .sIFR-flash + div[adblocktab=true] { display: none !important; }  .sIFR-hasFlash h1, .sIFR-hasFlash h2 { visibility: hidden; } .sIFR-hasFlash h1 { letter-spacing: -1px; } .sIFR-hasFlash h2 { letter-spacing: -1px; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/css/../img/lightbox/space.gif);  display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/css/../img/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/css/../img/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }