/* all code copyright bellemansarchitecten.be and yaki.be */ *{margin:0px;padding:0px;outline:none;} body{background-color:black;font-family:arial;/*position:relative;*//*background-image:url('images/spikkel.gif');*/} a{text-decoration:none;} a:hover{text-decoration:underline;} p#copyright{color:rgb(100,100,100);bottom:5px;right:5px;font-size:8pt;position:absolute;font:icon;} hr{display:none;} h1{display:none;} h3,h2{font-weight:normal;} p{text-align:justify;} blockquote{padding:15px;margin:15px 15px 0px 30px;font-size:14px;font-style:italic;background-color:rgb(240,240,240);/*border-top:1px solid black;border-bottom:1px solid black;*/} blockquote::first-letter{text-transform:uppercase;font-size:18px;} .usability{display:none;} /*for centering, cross-browser*/ /*normally totally removed from website...*/ table.center1{width: 100%;height: 100%;border:0;} td.center2 {vertical-align: middle; text-align: center;} #container{width:680px;/*660+20 voor scrollbar*/height:526px;/*525+1=even*/background-color:transparent;margin:0 auto;text-align:left;position:relative;} /*for centering, if doctype is needed !! (does not work for opera 7)*/ div#horizontal{text-align:center;position:absolute;top:50%;left:0px;width:100%;height:0px;overflow:visible;visibility:visible;} div#vertical{margin-left:-340px;position:absolute;top:-263px;left: 50%;width:680px;height:526px;visibility:visible;background-color:transparent;text-align:left;} /* header */ #logo, #logo a{height:120px;width:120px;} #logo a{display:block;background-color:white;background-image:url('images/logo/logo90white.png');background-repeat:no-repeat;background-position:center center;} #logo a span{display:none;} address{font-style:normal;font-size:10pt;text-align:right;line-height:20px;margin-top:30px;} address b{letter-spacing:3px;line-height:60px;} address span{float:left;} address br{clear:both;} address a{color:white;text-decoration:none;} address a:hover{text-decoration:underline;} /* ----*/ /* MENU */ /* ----*/ #menu{margin-top:15px;font-size:12pt;} #menu span{cursor:pointer;} #menu ul li{margin-bottom:15px;list-style:none;} #menu ul li a{text-align:center;display:block;height:120px;line-height:120px;/**/width:120px;background-color:rgb(120,120,120);text-decoration:none;color:white;text-transform:uppercase;font-weight:bold;} #menu ul li a:hover{color:black;background-color:white;border:0;background-image:url('styles/blok120-7-grijswit-2.jpg');background-repeat:repeat-x;background-position:top left;} /*#menu ul li a span{margin-left:15px;}*//**/ #menu ul li#menu_projecten a{width:120px;line-height:120px;} #menu ul li#menu_projecten a span{/*margin-left:15px;*/} #menu ul li#menu_bureau a,#menu ul li#menu_media a{position:relative;} /*#menu ul li#menu_bureau a span{position:absolute;bottom:15px;left:15px;} #menu ul li#menu_media a span{position:absolute;top:15px;left:15px;}*/ #menu ul li a.selected{background-color:white;color:black;background-image:url('styles/blok120-7-grijswit-2.jpg');background-repeat:repeat-x;background-position:top left;} #menu ul li#menu_media ul li a.selected{background-color:white;color:black;background-image:url('styles/buttonh60-2.jpg');background-repeat:repeat-x;background-position:top left;} #menu ul li#menu_projecten ul li a.selected{background-color:white;color:black;background-image:url('styles/buttonh30-2.jpg');background-repeat:repeat-x;background-position:top left;} #menu ul li#menu_projecten{position:absolute;top:270px;left:0px;} #menu ul li#menu_projecten ul{position:absolute;top:0px;left:135px;font-size:10pt;z-index:3;} #menu ul li#menu_projecten ul li{list-style:none;margin-bottom:0px;} #menu ul li#menu_projecten ul li a{height:30px;width:120px;line-height:30px;background-color:rgb(120,120,120);/*black*/color:white;/*border-right:5px solid red;border-bottom:5px solid red;*/} #menu ul li#menu_projecten ul li a:hover{background-color:white;color:black;background-image:url('styles/buttonh30-2.jpg');background-repeat:repeat-x;background-position:top left;} /*#menu ul li#menu_projecten ul li a b{margin-left:15px;}*/ #menu ul li#menu_media{position:absolute;top:405px;left:0px;} #menu ul li#menu_media ul{position:absolute;top:0px;left:135px;font-size:10pt;height:120px;width:120px;background-color:black;} #menu ul li#menu_media ul li{list-style:none;margin-bottom:0px;} #menu ul li#menu_media ul li a{height:60px;line-height:60px;background-color:rgb(120,120,120);/*black*/color:white;} #menu ul li#menu_media ul li a:hover{background-color:white;color:black;background-image:url('styles/buttonh60-2.jpg');background-repeat:repeat-x;background-position:top left;} /*#menu ul li#menu_media ul li a b{margin-left:15px;}*/ /* ---------- */ /* THE BLOXKS */ /* ---------- */ a.full{height:100%;width:100%;display:block;background-repeat:no-repeat;background-position:center center;} .blokje, #projectnr, #back,#backtop,#a2,#a3,#a4,#a5,#b2,#b3,#b4,#b5,#c2,#c3,#c4,#c5,#d2,#d3,#d4,#d5{background-color:red;width:120px;height:120px;position:absolute;background-position:center center;background-repeat:no-repeat;} #backtop,#a2,#a3,#a4,#a5{top:0px;} #b2,#b3,#b4,#b5{top:135px;} #projectnr,#c2,#c3,#c4,#c5{top:270px;} #back,#d2,#d3,#d4,#d5{top:405px;} /*back = d2*/ #back,#backtop, #a2,#b2,#c2,#d2{left:135px;} #projectnr,#a3,#b3,#c3,#d3{left:270px;} #a4,#b4,#c4,#d4{left:405px;} #a5,#b5,#c5,#d5{left:540px;} /*back = d2*/ /*backtop = a2*/ .back, #back,#backtop{background-color:black;} .back a, #back a,#backtop a{top:15px;left:15px;background-image:url('images/back_white.png');display:block;position:absolute;background-repeat:no-repeat;height:90px;width:90px;cursor:pointer;background-position:center center;} .back a span,#back a span,#backtop a span{display:none;} .back a:hover, #back a:hover,#backtop a:hover{background-image:url('images/back_white_border.png');} #animations h3, #animations h2,#righttoplandscape h3, #righttoplandscape h2,#righttopbig h3, #righttopbig h2{font-size:18px;/*border-bottom:1px solid black;*/background-color:rgb(240,240,240);} #animations h3::first-letter, #animations h2::first-letter,#righttoplandscape h3::first-letter, #righttoplandscape h2::first-letter,#righttopbig h3::first-letter, #righttopbig h2::first-letter{font-size:150%;text-transform:uppercase;} #projectnr h2{font-size:14pt;border-bottom-width:0px;font-weight:normal;letter-spacing:8px;line-height:120px;height:120px;width:120px;text-align:center;background-color:white;color:black;} #projectnr h2::first-letter{font-size:14pt;text-transform:normal;} #secondpanorama,#righttoplandscape,#animations, #bottompanorama,#righttoplong,#longcenter,#superbig,#bigpanorama,#smallpanorama1,#smallpanorama2,#centercenter,#commentvakje,#commentvakjebottom,#centerbig,#righttopbig,#righttopsmall{position:absolute;z-index:2;background-color:white;color:black;} #centercenter, #righttopbig, #bottompanorama, #secondpanorama, #longcenter{background-color:black;color:white;} #centercenter{width:255px;height:255px;top:135px;left:270px;} #commentvakje{width:255px;height:120px;top:270px;left:405px;} #commentvakjebottom{width:275px;/*255+20*/height:120px;top:405px;left:270px;} #centerbig{width:255px;height:390px;top:0px;left:270px;} #righttopsmall{width:255px;height:255px;top:0px;left:405px;} #righttopbig{width:410px;/*390+20*/height:390px;top:0px;left:270px;} #bottompanorama{width:410px;/*390+20*/height:120px;top:405px;left:270px;} #secondpanorama{width:545px;/*525+20*/height:120px;top:135px;left:135px;} #bigpanorama{width:390px;height:255px;top:0px;left:270px;} #smallpanorama1{width:255px;height:120px;top:0px;left:135px;} #smallpanorama2{width:255px;height:120px;top:0px;left:405px;} #superbig{width:390px;height:525px;top:0px;left:270px;} #longcenter{width:140px;/*120+20*/height:390px;top:0px;left:270px;} #righttoplong{width:255px;height:390px;top:0px;left:405px;z-index:100;} #righttoplandscape,#animations{width:390px;height:255px;top:0px;left:270px;} /*#commentvakjebottom,>inside project.xsl*/#secondpanorama,#bottompanorama,#righttopbig,#longcenter{scrollbar-3dlight-color:black;scrollbar-darkshadow-color:black;scrollbar-highlight-color:black;scrollbar-shadow-color:black;scrollbar-track-color:black;scrollbar-arrow-color:white;scrollbar-face-color:black;} #commentvakjebottom{overflow:auto;/*ipv auto...*/background-color:white;} #commentvakjebottom div.wrap{width:255px;height:100%;background-color:white;position:relative;} #commentvakjebottom h3{font-weight:normal;font-size:10pt;margin-left:18px;padding-left:2px;padding-top:15px;line-height:15px;border-bottom-width:0px;background-color:rgb(240,240,240);} #commentvakjebottom h3::first-letter{text-transform:uppercase;font-size:14pt;} #commentvakjebottom p{text-align:left;font-size:8pt;padding-left:20px;margin-top:7px;padding-right:5px;line-height:15px;} #commentvakjebottom p.locatie{font-size:6pt;font-family:arial;letter-spacing:1px;position:absolute;top:0px;right:5px;text-align:right;text-transform:uppercase;padding:0px;margin:0px;background-color:white;width:245px;height:14px;line-height:14px;} #commentvakjebottom ul{background-color:white;font-size:8pt; padding-left:5px;margin-top:7px;/*list-style:none;*/margin-left:0px;} #commentvakjebottom ul li{line-height:15px;margin-left:0px;margin-left:15px;list-style:url('images/listitem3.gif');/*background-position:-20px 3px;background-repeat:no-repeat;*/} #commentvakjebottom ul.extra{list-style:none;margin:0px;position:absolute;/*top:100px;*/bottom:5px;/*left:210px;*/right:5px;width:40px;} #commentvakjebottom ul.extra li{float:right;margin-left:5px;} #commentvakjebottom ul.extra li a{width:15px;height:15px;display:block;/*background-color:red;*/background-position:center center;background-repeat:no-repeat;background-image:no-bg;} #commentvakjebottom ul.extra li a span{display:none;} #commentvakjebottom ul.extra li a.press{background-image:url('images/press.png');} #commentvakjebottom ul.extra li.selected a.press,#commentvakjebottom ul.extra li a.press:hover{background-image:url('images/pressblack.png');} #commentvakjebottom ul.extra li a.awards{background-image:url('images/awards.png');} #commentvakjebottom ul.extra li.selected a.awards,#commentvakjebottom ul.extra li a.awards:hover{background-image:url('images/awardsblack.png');} #secondpanorama{overflow:auto;} #secondpanorama table{color:white;font-size:10pt;border-collapse:collapse;cursor:pointer;width:525px;} #secondpanorama table caption, #secondpanorama table thead{display:none;} #secondpanorama td{padding-left:15px;padding-right:15px;text-align:center;} #secondpanorama td a{width:120px;text-align:center;font-weight:bold;height:20px;line-height:20px;display:block;text-decoration:none;color:white;} #secondpanorama td.title{width:255px;padding:0px;text-align:left;} #secondpanorama td.block{width:120px;padding:0px;text-align:right;height:20px;line-height:20px;} #bottompanorama{overflow:auto;} #bottompanorama table{color:white;font-size:10pt;border-collapse:collapse;cursor:pointer;width:390px;} #bottompanorama table caption, #bottompanorama table thead{display:none;} #bottompanorama table td a{height:20px;line-height:20px;overflow:hidden;display:block;text-decoration:none;padding-left:5px;} #bottompanorama table tr.selected{background-color:white;color:black;} #bottompanorama td.title{width:255px;} #bottompanorama td.date{text-align:center;font-weight:bold;padding-left:15px;} #bottompanorama td.date span{width:120px;height:20px;line-height:20px;display:block;} #righttoplandscape h3,#animations h3{margin:15px;} #righttoplandscape p, #animations p{font-size:10pt;margin:15px;} #superbig{overflow:hidden;cursor:move;} #superbig .dragme{position:relative;} #righttoplong p,#superbig p{display:none;} #superbig ul{width:385px;} #righttoplong ul{width:250px;} #righttoplong ul,#superbig ul{position:absolute;list-style:none;top:5px;right:5px;z-index:10;} #righttoplong ul li,#superbig ul li{float:right;margin-left:5px;margin-bottom:5px;} #righttoplong ul a,#superbig ul a{text-decoration:none;width:15px;height:15px;display:block;background-color:black;color:white;font-size:7pt;text-align:center;line-height:15px;} #righttoplong ul a:link,#superbig ul a:link {} #righttoplong ul a:visited,#superbig ul a:visited {background-color: rgb(120,120,120);} #righttoplong ul a:hover,#superbig ul a:hover{background-color: rgb(120,120,120);} #righttoplong ul a:active,#superbig ul a:active{background-color: rgb(120,120,120);} #righttoplong ul a span,#superbig ul a span{display:none;} #superbig img{clear:both;} #commentvakje,#commentvakjebottom{letter-spacing:1px;} #longcenter{overflow:auto;} #longcenter table{font-size:10pt;border-collapse:collapse;} #longcenter table caption, #longcenter table thead{display:none;} #longcenter a{color:white;height:20px;overflow:hidden;text-decoration:none;display:block;} #longcenter a.selected{background-color:white;color:black;} #longcenter td.date{text-align:center;color:white;font-weight:bold;line-height:20px;width:120px;} #centerbig{overflow:auto;} #centerbig ul{font-size:10pt;list-style:square;margin-left:30px;margin-right:15px;} #righttopbig{overflow:auto;font-size:10pt;} #righttopbig p{margin:15px 15px 5px 30px;line-height:150%;} #righttopbig ul{list-style:square;margin-left:30px;margin-right:15px;} #righttopbig ul li{margin-bottom:4px;} #righttopbig h2,#righttopbig h3{margin:15px 0px 15px 30px;} #righttopbig table{font-size:10pt;border-collapse:collapse;cursor:pointer;width:390px;} #righttopbig table caption, #righttopbig table thead{display:none;} /*#righttopbig tr{margin-bottom:8px;}*/ #righttopbig a{color:white;} #righttopbig tr.selected, #righttopbig tr.selected td{background-color:white;color:black;} #righttopbig table a{text-decoration:none;display:block;} #righttopbig td a{height:20px;overflow:hidden;} #righttopbig td{line-height:20px;padding-left:15px;padding-right:15px;/*border-bottom:1px solid rgb(220,220,220);vertical-align:top;*/} #righttopbig td.date{width:120px/*120 if not dir=rtl, otherwise 100*/;background-color:transparent;text-align:center;color:white;font-weight:bold;padding:0px;} #righttopbig.transparent{width:390px;background-color:transparent;background-repeat:no-repeat;background-position:right top;} #righttopbig.transparent ul{position:absolute;list-style:none;width:250px;top:5px;right:5px;z-index:10;margin:0px;} #righttopbig.transparent ul li{float:right;margin-left:5px;margin-bottom:5px;} /*#righttopbig.transparent ul li a{text-decoration:none;width:15px;height:15px;display:block;background-color:black;color:white;font-size:7pt;text-align:center;line-height:15px;}*/ #righttopbig.transparent ul li a{text-decoration:none;width:7px;height:7px;display:block;background-color:#0751B4/*blue*/;color:white;font-size:7pt;text-align:center;line-height:7px;} #righttopbig.transparent ul li a:hover{background-color: rgb(120,120,120);} #righttopbig.transparent ul li a span{display:none;} #animations{width:390px;background-color:transparent;background-repeat:no-repeat;background-position:right top;} #animations.square{width:255px;top:0px;left:405px;} #animations ul{position:absolute;list-style:none;width:20px;top:5px;right:-12px;z-index:10;margin:0px;} #animations ul li{float:right;margin-left:5px;margin-bottom:5px;} #animations ul li a{text-decoration:none;width:7px;height:7px;display:block;background-color:#0751B4/*blue*/;color:white;font-size:7pt;text-align:center;line-height:7px;} #animations ul li a:hover{background-color: rgb(120,120,120);} #animations ul li a span{display:none;} #animations p.usability{display:block;margin:0px;padding:0px;font-size:8pt;letter-spacing:1px;width:120px;height:20px;line-height:20px;background-color:#0751B4/*blue*/;color:white;position:absolute;top:-20px;right:0px;cursor:pointer;text-align:center;} #animations p.usability span{display:none;} #animations p.usability b{font-weight:normal;} #animations div{display:none;} #quick_navigation{width:120px;height:120px;position:absolute;top:405px;left:540px;background-color:transparent;} #quick_navigation ul{position:relative;} #quick_navigation ul li{list-style:none;} #quick_navigation ul li a{display:block;position:absolute;background-repeat:no-repeat;height:90px;width:90px;cursor:pointer;background-position:center center;} #quick_navigation ul li a span{display:none;} #quick_navigation ul li#next a{top:15px;left:15px;} #quick_navigation ul li#next a{background-image:url('images/next_white.png');} #quick_navigation ul li#next a:hover{background-image:url('images/next_white_border.png');} #quick_navigation ul li#previous{display:none;} #popupdiv{background-color:white;width:235px;color:black;font-size:10pt;z-index:1000;} #popupdiv div{margin:5px;border:1px solid black;padding:5px;} #popupdiv i{display:block;} /*pagespecific */ /*main colors: black white red blue green*/ body.home{} body h1{display:none;} body.home div#teaser ul, body.home div#teaser ul li{margin:0px;padding:0px;cursor:pointer;height:0px;} body.home div#teaser p,body.home div#teaser b,body.home div#teaser i{display:none;} body.home div#teaser li a{font-size:10pt;padding:5px;color:black;text-decoration:none;} body.home div#teaser li a:visited{font-style:italic;} body.home div#teaser li a span{display:none;} body.home div#teaser p#lastupdate{display:block;position:absolute;top:525px;right:20px;text-align:right;height:20px;width:150px;line-height:20px;color:white;font-size:60%;font-weight:bold;} /*body.home div.white{background-color:white;} body.home div.red{background-color:red;} body.home div.blue{background-color:blue;} body.home div.green{background-color:green;}*/ body.home #a2, body.home #a3, body.home #a4, body.home #a5{background-color:rgb(255,255,255);} body.home #b2, body.home #b3, body.home #b4, body.home #b5{background-color:#B61207/*red*/;/*background-image:url('styles/blok120-red-grad.jpg');background-repeat:repeat-x;background-position:top left;*/} body.home #c2,body.home #c3, body.home #c4, body.home #c5{background-color:#0751B4/*blue*/;/*background-image:url('styles/blok120-blue-grad.jpg');background-repeat:repeat-x;background-position:top left;*/} body.home #d2, body.home #d3, body.home #d4, body.home #d5{background-color:#53B607/*green*/;/*background-image:url('styles/blok120-green-grad.jpg');background-repeat:repeat-x;background-position:top left;*/} body.bureau div.back{top:135px;left:135px;z-index:10;}/*if top0, left0 => switch button*/ body.bureau #a2, body.bureau #a3, body.bureau #a4, body.bureau #a5, body.bureau #b2, body.bureau #b3, body.bureau #b4, body.bureau #b5, body.bureau #c2,body.bureau #c3,body.bureau #c4,body.bureau #c5,body.bureau #d2,body.bureau #d3,body.bureau #d4,body.bureau #d5{background-color:#B61207/*red*/;/*background-image:url('styles/blok120-red-grad.jpg');background-repeat:repeat-x;background-position:top left;*/} body.projecten #a2, body.projecten #a3, body.projecten #a4, body.projecten #a5, body.projecten #b2, body.projecten #b3, body.projecten #b4, body.projecten #b5, body.projecten #c2,body.projecten #c3,body.projecten #c4,body.projecten #c5,body.projecten #d2,body.projecten #d3,body.projecten #d4,body.projecten #d5{background-color:#0751B4/*blue*/;/*background-image:url('styles/blok120-blue-grad.jpg');background-repeat:repeat-x;background-position:top left;*/} body.media #a2, body.media #a3, body.media #a4, body.media #a5, body.media #b2, body.media #b3, body.media #b4, body.media #b5, body.media #c2,body.media #c3,body.media #c4,body.media #c5,body.media #d2,body.media #d3,body.media #d4,body.media #d5{background-color:#53B607/*green*/;/*background-image:url('styles/blok120-green-grad.jpg');background-repeat:repeat-x;background-position:top left;*/} div.description{background-color:white;}