@charset "utf-8"; /* CSS Document */ /* ----------------------------------------- */ /* 1.1 GENERAL PAGE STYLES */ /* ----------------------------------------- */ /* + HANDLING */ HTML, BODY { margin:0;padding:0; } /* commented backslash hack \*/ HTML, BODY{ height:100%; } /* end hack html,body { margin:0;padding:0; } */ /* ENABLE THE SETTING OF ALL FONTS TO EM AND DEFAULT FONT-SIZE (16px') TO (16 x 0,625') 10px aka 1.0em; 1.0em = 10px; - 1.2em = 12px; - 1.4em = 14px; - etc etc etc */ BODY { font-size:62.5%; } /* CLEARING ALL THE DEFAULT SETTINGS FOR COMMON HTML ELEMENTS */ DIV, TABLE, TD, TR, H1, H2, H3, H4, P, A, Q, SPAN, IMG, UL, OL, LI, HR, FORM, INPUT, TEXTAREA { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#1E1E1E; line-height:21px; text-decoration:none; border:none; outline:none; border:0px solid #ffffff; margin:0px; padding:0px; } /* ON HOVER ALL LINKS HAVE UNDERLINE BY DEFAULT */ A:hover { outline:0 none; text-decoration:underline; } /* Mozilla based browsers */ ::-moz-selection { background-color: #555555; color: #fff; } /* Works in Safari */ ::selection { background-color: #555555; color: #fff; } /* OFTEN USED TOOL TO FIX AFTER FLOATING ELEMENTS */ DIV.clearfix { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* ----------------------------------------- */ /* 3.1 HOMEPAGE BACKGROUNDSTYLES */ /* ----------------------------------------- */ /* BOTTOM BG STATIC */ DIV.pagewrapper { min-height:100%; width:100%; clear:both; margin:0px; padding:0px; background:url('../img/bg_hp_footer_stretch.jpg') repeat-x bottom right; } DIV.container { min-height:100%; width:100%; clear:both; margin:0px; padding:0px; background:url('../img/bg_hp_footer_small.jpg') no-repeat bottom center; } DIV.fullMid { width:940px; background:url('../img/full/homeBrandM.png') top left repeat-y; } DIV.fullTop { width:940px; height:8px; background:url('../img/full/homeBrandT.png') top left no-repeat; } DIV.fullBot { width:940px; height:8px; background:url('../img/full/homeBrandB.png') top left no-repeat; } #brandbox DIV.fullMid { height:234px; position:relative; z-index:5; } DIV.main { width:700px; margin-top:20px; margin-bottom:20px; float:left;} DIV.mainTop { width:700px; height:8px; background:url('../img/full/homeMainT.png') top left no-repeat; } DIV.mainMid { width:700px; min-height:350px; background:url('../img/full/homeMainM.png') bottom left repeat-y; } DIV.mainBot { width:700px; height:8px; background:url('../img/full/homeMainB.png') bottom left no-repeat; } DIV.sub { width:220px; margin-left:20px; margin-top:20px; float:left;} DIV.subTop { width:220px; height:8px; background:url('../img/full/homeSubT.png') top left no-repeat; } DIV.subMid { width:220px; padding:0px 0 5px 0; background:url('../img/full/homeSubM.png') bottom left repeat-y; } DIV.subBot { width:220px; height:8px; margin-bottom:20px; background:url('../img/full/homeSubB.png') bottom left no-repeat; } /* ----------------------------------------- */ /* 1.2 GENERAL HEADER STYLING */ /* ----------------------------------------- */ /* HEADER CONTAINER */ DIV.header { width:940px; height:100px; margin:auto; padding:0px; margin-bottom:0px; } /* LOGO */ A.home_logo { height:85px; width:330px; margin:14px 1px 3px -1px; padding:0px; display:block; float:left; } A.home_logo SPAN.logo { height:85px; width:330px; margin:0px; padding:0px; display:block; background:url('../img/logo_hp.gif') no-repeat top; cursor:pointer; } A.en_site{ height:16px; width:65px; margin:5px 1px 6px 0px; padding:0px; display:block; float:right; } A.en_site SPAN.en_flag { height:16px; width:16px; margin:0px; padding:0px; display:block; float:left; background:url('../img/en_flag.png') no-repeat top; cursor:pointer; } A.en_site:hover SPAN.en_flag { background-position:0px -16px; } A.en_site EM { font-style:normal; display:block; float:right; margin-top:-3px; } /* ----------------------------------------- */ /* 3.2 NAVIGATION */ /* ----------------------------------------- */ ul.navList { display:block; list-style-type:none; width:924px; height:35px; margin:0px 8px 0px 8px; padding:0px; background:url('../img/full/navMid.gif') top left repeat-x; } ul.navList li { color:#FFFFFF; float:left; height:35px; line-height:35px; position:relative; } ul.navList li a { display:block; height:35px; margin-right:5px; text-decoration:none; text-indent:-9999px; background:url('../img/full/navSprite.gif'); } ul.navList li a:active { top:0px; } #leftN { width:6px; background:url('../img/full/navLeft.gif') top left no-repeat; } #rightN { width:6px; background:url('../img/full/navRight.gif') top right no-repeat; margin:0px; margin-left:14px; } #homeN { width:64px; background-position:0px 0px; } #homeN:hover, #homeN.mouseover { width:64px; background-position:0px -35px; } #dienstenN { width:81px; background-position:-64px 0px; } #dienstenN:hover, #dienstenN.mouseover { width:81px; background-position:-64px -35px; } #specialismenN { width:108px; background-position:-145px 0px; } #specialismenN:hover, #specialismenN.mouseover { width:108px; background-position:-145px -35px; } #publicatiesN { width:94px; background-position:-253px 0px; } #publicatiesN:hover, #publicatiesN.mouseover { width:94px; background-position:-253px -35px; } #overonsN { width:83px; background-position:-347px 0px; } #overonsN:hover, #overonsN.mouseover { width:83px; background-position:-347px -35px; } #carriereN { width:78px; background-position:-430px 0px; } #carriereN:hover, #carriereN.mouseover { width:78px; background-position:-430px -35px; } #contactN { width:77px; background-position:-508px 0px; } #contactN:hover, #contactN.mouseover { width:77px; background-position:-508px -35px; } #nieuwsN { width:72px; background-position:-585px 0px; } #nieuwsN:hover, #nieuwsN.mouseover { width:72px; background-position:-585px -35px; } div.ddBorder { position:absolute; left:-7px; top:35px; z-index:150; padding-left:12px; display:none; background:url('../img/full/dropdownLeft.png') bottom left no-repeat; } ul.ddMain { padding-bottom:15px; overflow:auto; width:auto; background:url('../img/full/dropdownRight.png') bottom right no-repeat; } ul.ddMain li { clear:both; display:block; height:22px; padding:0px 20px 0 10px; margin:0px; } ul.ddMain li a { color:#FFFFFF; font-size:1.1em; white-space:nowrap; background:none; margin:0px; text-indent:0px; text-shadow:0 1px 0 #000; } ul.ddMain li a:hover { text-decoration:underline; } div.fixedWidth{width:177px;} /* ----------------------------------------- */ /* 3.2 SEARCH FORM */ /* ----------------------------------------- */ #searchHolder { margin-top:7px; padding-left:30px; } #searchHolder SPAN.sboxL { background: white url('../img/full/srchLeft.gif') no-repeat top left; float: left; width: 11px; height: 21px; } #searchHolder INPUT.sboxR { background: white url('../img/full/srchRight.gif') no-repeat top right; float: left; width: 19px; height: 21px; } #searchHolder SPAN.sboxM input { background: white url('../img/full/srchMid.gif') repeat-x top left; float: left; border: 0; height: 15px; width:135px; padding:4px 3px 2px 3px; font-size:11px; color:#555555; font-family:Verdana, Geneva, sans-serif; } /* ----------------------------------------- */ /* 3.2 BRANDBOX */ /* ----------------------------------------- */ #brandbox { margin:20px auto 0 auto;} .anythingSlider { width:722px; height:250px; position:relative; margin:0; } .anythingSlider .wrapper { width:708px; overflow: auto; margin:0; height:250px; position:absolute; top:0; left:0; margin-left:8px; } #brandboxlist { width:9999px; list-style:none; position:absolute; top: 0; left: 0; margin:0; } #wrapperList { width:9999px; list-style:none; top:0; right:0px; left:0; margin:0; } .anythingSlider ul li { display:block; float:left; padding:0; height:250px; width:730px; margin:0; } ul.brandNav { margin-left:722px; list-style:none; position:absolute; top:0px;} ul.brandNav li a { height:47px; width:210px; display:block; text-decoration:none; text-indent:-9999px; background:url('../img/full/bbSprite.gif'); } ul.brandNav li a:hover { top:0px; } ul.brandNav li a:active { top:0px; } #overonsB { background-position:0px -47px; height:46px; } #overonsB:hover { background-position:0px -94px; height:46px; } #insightsB { background-position:-210px -47px; } #insightsB:hover { background-position:-210px -94px; } #strategischadviesB { background-position:-420px -47px; } #strategischadviesB:hover { background-position:-420px -94px; } #conceptenontwerpB { background-position:-630px -47px; } #conceptenontwerpB:hover { background-position:-630px -94px; } #interimB { background-position:-840px -47px; } #interimB:hover { background-position:-840px -94px; } #overonsB.highlight, #overonsB.highlight:hover { background-position:0px 0; cursor:default;} #insightsB.highlight, #insightsB.highlight:hover { background-position:-210px 0; cursor:default;} #strategischadviesB.highlight, #strategischadviesB.highlight:hover { background-position:-420px 0; cursor:default;} #conceptenontwerpB.highlight, #conceptenontwerpB.highlight:hover { background-position:-630px 0; cursor:default;} #interimB.highlight, #interimB.highlight:hover { background-position:-840px 0; cursor:default;} #bgInsights, #bgAdvies, #bgOntwerp, #bgInterim, #bgOverons { width:713px; height:234px; margin:0; float:left; display:block; } #bgOverons { background:url('../img/full/bgOverons.jpg') top left no-repeat; } #bgOntwerp { background:url('../img/full/bgOntwerp.jpg') top left no-repeat; } #bgInsights { background:url('../img/full/bgInsights.jpg') top left no-repeat; } #bgAdvies { background:url('../img/full/bgAdvies.jpg') top left no-repeat; } #bgInterim { background:url('../img/full/bgInterim.jpg') top left no-repeat; } #bbpInsights, #bbpAdvies, #bbpOntwerp, #bbpInterim, #bbpOverons { background-color:rgba(19,19,19,0.80); -moz-border-radius:6px; -webkit-border-radius:6px; } #bbpOverons { width:500px; height:100px; margin:128px 0 0 5px; } #bbpInsights { width:500px; height:100px; margin:128px 0 0 5px; } #bbpAdvies { width:500px; height:100px; margin:128px 0 0 5px; } #bbpOntwerp { width:500px; height:100px; margin:128px 0 0 5px; } #bbpInterim { width:500px; height:100px; margin:128px 0 0 5px; } #bbpInsights H2, #bbpAdvies H2, #bbpOntwerp H2, #bbpInterim H2, #bbpOverons H2 { display:block; padding:8px 10px 3px 8px; color:#FFFFFF; letter-spacing:-1px; float:left; text-shadow:0 1px 0 #000; text-transform:uppercase; font-weight:bold;} #bbpOverons H2 { font-size:16px; width:118px; } #bbpInsights H2 { font-size:13px; width:118px; } #bbpAdvies H2 { font-size:15px; width:118px; } #bbpOntwerp H2 { font-size:12.5px; width:130px; padding-bottom:0px; } #bbpInterim H2 { font-size:13px; width:118px; } #bbpInsights H2 EM, #bbpAdvies H2 EM, #bbpOntwerp H2 EM, #bbpInterim H2 EM, #bbpOverons H2 EM { font-style:normal; display:block; letter-spacing:-1px; font-weight:normal; } #bbpOverons H2 EM { font-size:18px; padding-bottom:5px; letter-spacing:-1px; } #bbpInsights H2 EM { font-size:28px; padding-bottom:5px; letter-spacing:-2px; } #bbpAdvies H2 EM { font-size:24px; padding-bottom:5px; } #bbpOntwerp H2 EM.top { font-size:22px; padding-bottom:5px; } #bbpOntwerp H2 EM.bot { font-size:21px; } #bbpInterim H2 EM { font-size:20px; letter-spacing:-1px; } #bbpInsights P, #bbpAdvies P, #bbpOntwerp P, #bbpInterim P, #bbpOverons P { display:block; float:left; padding-left:10px; margin:10px 0 8px 0; font-size:1.1em; color:#FFFFFF; line-height:18px; text-shadow:0 1px 0 #000; position:relative; border-left:1px solid #bfbfbf; width:350px; height:80px; } #bbpOntwerp P { width:300px;} #bbpInsights P A, #bbpAdvies P A, #bbpOntwerp P A, #bbpInterim P A, #bbpOverons P A { height:23px; width:91px; float:right; display:block; text-indent:-9999px; background:url('../img/full/transButton.png') top left no-repeat; } #bbpInsights P A:HOVER, #bbpAdvies P A:HOVER, #bbpOntwerp P A:HOVER, #bbpInterim P A:HOVER, #bbpOverons P A:HOVER { background-position:bottom; } #bbpOverons P A { margin:22px 8px 0px 0; } #bbpInsights P A { margin:22px 8px 0 0; } #bbpAdvies P A { margin:22px 8px 0 0; } #bbpOntwerp P A { margin:22px 8px 0 0; } #bbpInterim P A { margin:22px 8px 0 0; } /* ----------------------------------------- */ /* 3.2 CONTENT */ /* ----------------------------------------- */ /* GENERAL CONTAINER */ DIV.contentHolder { width:940px; margin:auto; padding:0px; clear:both; } /* SECTION HEADER */ #contentList H3 { text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:14px; font-weight:bold; line-height:32px; color:#5494be; letter-spacing:-1px; display:block; width:650px; margin:0px; border-bottom:solid #e7e7e7 1px; margin:0px 20px 0px 20px; } /* ARTICLE SUMMARY */ DIV.article { clear:both; width:694px; background:url('../img/cntnt_item_bg.gif') bottom left repeat-x; margin:0px 3px 0 3px; padding:0px 0 15px 0; } /* ARTICLE TITLE */ DIV.article H2 { text-shadow:0 1px 0px #cccccc; padding:0px; font-size:20px; letter-spacing:-1px; margin:25px 15px 3px 15px; text-transform:none; } DIV.article H2 A {color:#434343; text-decoration:none; } DIV.article H2 A:hover { color:#5494be; text-decoration:none;} DIV.article P { color:#333333; font-size:12px; line-height:22px; margin:0px 0px 0 0px; padding:0px; padding:2px 20px 0px 0px; } A.item_link { text-decoration:none; padding:0 8px 0 3px; letter-spacing:-1px; background:url('../img/link_arrow.gif') center right no-repeat; white-space:nowrap; } A.item_link:hover { text-decoration:none; padding:0 9px 0 3px; } A.item_link SPAN { color:#5494be; font-weight:bold; border:1px dotted #5494be; border-width:0 0 1px 0; } A.item_link:hover SPAN { text-decoration:none; border:1px solid #5494be; border-width:0 0 1px 0; } /* AUTHOR PORTRAIT */ DIV.author { width:47px; height:65px; float:left; margin:3px 5px 0 13px; background:url('../img/full/canvasAuthor.gif') top left no-repeat; } DIV.author IMG { margin:6px 0 0 6px; } #contentList p.infoBar { font-size:10px; color:#999999; height:20px; margin:5px 0px 0px 0px; padding:0px 0px 3px 5px; } #contentList p.infoBar span { display:block; float:left; padding:0px 10px 2px 10px; margin:4px 0 0 0; color:#B9B9B9; line-height:12px; } #contentList p.infoBar span a { margin:0px; padding:0px; text-decoration:none; color:#B9B9B9; line-height:12px; } #contentList p.infoBar span a:hover { color:#999999; text-decoration:underline; } span.dateLink, span.authorLink { border-right:1px solid #e5e5e5; } span.viewsLink { border-right:1px solid #e5e5e5; } span.commentsLink { border-left:1px solid #e5e5e5; } #contentList p.infoBar IMG { display:block; float:left; padding:0px; margin:4px 10px 0 -5px; } /* ----------------------------------------- */ /* 3.2 Social Links */ /* ----------------------------------------- */ #socialLinks a { display:block; width:200px; padding-left:16px; line-height:24px; font-size:11px; color:#575757; text-decoration:none; padding-bottom:5px; } #socialLinks a.cntct { margin-bottom:5px; padding-top:5px; margin-left:16px; padding-left:0px; border-bottom:1px solid #e7e7e7; font-weight:bold; width:170px; font-size:12px; } #socialLinks a:hover { color:#ff6600; } #socialLinks a span { display:block; float:left; height:16px; width:16px; margin:2px 4px 0 0; } a.cntct span, a.nwsbrf span, a.rss span, a.lnkdn span, a.twttr span { background:url('../img/full/socialSprite.gif') no-repeat; } a.cntct span { background-position:-16px 0px; } a.cntct:hover span { background-position: 0px 0px; } a.nwsbrf span { background-position:-16px -16px; } a.nwsbrf:hover span { background-position: 0px -16px; } a.rss span { background-position:-16px -32px; } a.rss:hover span { background-position: 0px -32px; } a.lnkdn span { background-position:-16px -48px; } a.lnkdn:hover span { background-position: 0px -48px; } a.twttr span { background-position:-16px -64px; } a.twttr:hover span { background-position: 0px -64px; } /* ----------------------------------------- */ /* 3.2 VIDEO SLIDER */ /* ----------------------------------------- */ DIV.videoSlider { height:160px; width:220px; position:relative; } DIV.videoSlider .videoWrapper { width:214px; overflow: auto; margin:0; height:160px; position:absolute; top:0; left:0; margin-left:3px; margin-right:3px; } DIV.videoSlider .videoWrapper ul { width:9999px; list-style:none; position:absolute; top: 0; left: 0; margin:0; } DIV.videoSlider ul li { display:block; float:left; padding:0; height:152px; width:214px; margin:0; margin-bottom:8px; } #usabilityVideo, #interimVideo, #conceptVideo { width:214px; height:152px; margin:0; float:left; display:block; } #JMinBeeld H2 { font-size:14px; font-weight:bold; color:#5494be; text-align:center; display:block; width:190px; margin:0 0 0px 10px; padding:0px 0 5px 0; text-shadow:0 1px 0px #ccc; letter-spacing:-1px; } #usabilityVideo A.thumb, #interimVideo A.thumb, #conceptVideo A.thumb { width:197px; height:116px; margin:7px 0px 0px 7px; display:block; } #usabilityVideo A.text, #interimVideo A.text, #conceptVideo A.text { width:197px; margin:0px 0px 0px 7px; display:block; text-align:center; font-size:1.1em; line-height:24px; color:#575757; line-height:18px; letter-spacing:-1px; text-shadow:0 1px 0px #e5e5e5; font-style:normal; } #usabilityVideo A.text strong, #interimVideo A.text strong, #conceptVideo A.text strong { font-size:1.2em; color:#575757; font-style:normal;} #usabilityVideo A.text:hover strong, #interimVideo A.text:hover strong, #conceptVideo A.text:hover strong { color:#5494be;} #usabilityVideo A.thumb { background:url('../img/full/usabilityThumb.jpg') bottom left no-repeat; } #interimVideo A.thumb { background:url('../img/full/interimThumb.jpg') bottom left no-repeat; } #conceptVideo A.thumb { background:url('../img/full/conceptThumb.jpg') bottom left no-repeat; } #usabilityVideo A.thumb:hover, #interimVideo A.thumb:hover, #conceptVideo A.thumb:hover { background-position:top; text-decoration:none;} #usabilityVideo A.text:hover, #interimVideo A.text:hover, #conceptVideo A.text:hover { background-position:top; text-decoration:none;} /* ----------------------------------------- */ /* 3.2 ADVERT SLIDER */ /* ----------------------------------------- */ DIV.advertSlider { height:210px; width:220px; position:relative; } .advertSlider .advertWrapper { width:214px; overflow: auto; margin:0; height:225px; position:absolute; top:0; left:0; margin-left:3px; margin-right:3px; } .advertSlider .advertWrapper ul { width:9999px; list-style:none; position:absolute; top: 0; left: 0; margin:0; } .advertSlider ul li { display:block; float:left; padding:0; height:217px; width:214px; margin:0; margin-bottom:0px; } #iscAdvert, #ffAdvert, #occAdvert, #vsAdvert, #smAdvert { width:214px; height:217px; margin:0; float:left; display:block; } #iscAdvert { background:url('../img/full/bgAdvertentie_isc.jpg') bottom left no-repeat; } #ffAdvert { background:url('../img/full/bgAdvertentie_ff.jpg') bottom left no-repeat; } #occAdvert { background:url('../img/full/bgAdvertentie_occ.jpg') bottom left no-repeat; } #vsAdvert { background:url('../img/full/bgAdvertentie_vs.jpg') bottom left no-repeat; } #smAdvert { background:url('../img/full/bgAdvertentie_sm.jpg') bottom left no-repeat; } #omiAdvert { background:url('../img/full/bgAdvertentie_omi.jpg') bottom left no-repeat; } #iscText, #occText, #ffText, #vsText, #smText, #omiText { width:214px; height:209px; display:block; margin-top:0px; } #iscText H2, #occText H2, #ffText H2, #vsText H2, #smText H2, #omiText H2 { display:block; width:204px; margin:0px 0px 0px 2px; padding:0px 0px 0px 8px; font-weight:bold; color:#5494be; font-size:14px; text-align:left; letter-spacing:-1px; text-shadow:0 1px 0px #e5e5e5;} #iscText H2 EM, #occText H2 EM, #ffText H2 EM, #vsText H2 EM, #smText H2 EM, #omiText H2 EM { font-style:italic; display:block; width:214px; letter-spacing:0px; font-size:12px; color:#333; font-weight:normal; text-align:left; } #iscText P, #occText P, #ffText P, #vsText P, #smText P, #omiText P { display:block; float:left; margin:20px 0 0; padding:0 0 0 120px; font-size:1.1em; color:#333; line-height:18px; width:95px; } #ffText H2 EM, #vsText H2 EM { padding:0 0 70px 0px; } #omiText H2 EM { padding:0 0 20px 0px; } #smText H2 { padding:0 0 0 10px; } DIV.advertSlider a.arrow, DIV.videoSlider a.arrow { position:absolute; width:15px; height:15px; margin-top:125px; display:block; cursor:pointer; margin-left:5px; } DIV.advertSlider a.forward, DIV.videoSlider a.forward { background:url('../img/full/advertRight.png') bottom left no-repeat; margin-left:200px; text-indent:-9999px;} DIV.advertSlider a.back, DIV.videoSlider a.back { background:url('../img/full/advertLeft.png') bottom left no-repeat; text-indent:-9999px;} DIV.advertSlider a.forward:hover, DIV.videoSlider a.forward:hover { background:url('../img/full/advertRight.png') top left no-repeat; margin-left:200px; text-indent:-9999px;} DIV.advertSlider a.back:hover, DIV.videoSlider a.back:hover { background:url('../img/full/advertLeft.png') top left no-repeat; text-indent:-9999px;} DIV.videoSlider a.arrow { margin-top:138px; } .anythingSlider .slideWrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .slideWrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* LAATSTE COLUMN: */ #latestColumnBox H2 { font-size:14px; font-weight:bold; color:#5494be; display:block; width:190px; margin:0 0 5px 10px; padding:0px 0 5px 0; border-bottom:1px solid #e7e7e7; text-shadow:0 1px 0px #e5e5e5; letter-spacing:-1px; } #latestColumnBox H2 A { color:#5494be; } #latestColumnBox { padding-bottom:15px;} #latestColumnBox p { font-size:11px; font-style:normal; color:#555555; line-height:20px; margin:0 15px 0px 15px;} #latestColumnBox #columnTop { font-size:10px; font-style:normal; color:#999999; line-height:18px; margin:0 10px 0px 10px; } /* ----------------------------------------- */ /* 3.2 CUSTOMERS */ /* ----------------------------------------- */ #blueReel H2 { font-size:14px; font-weight:bold; color:#5494be; display:block; width:190px; margin:0 0 5px 10px; padding:0px 0 5px 0; border-bottom:1px solid #e7e7e7; text-shadow:0 1px 0px #ccc; letter-spacing:-1px; } #blueReel P { font-size:11px; padding:0px 12px 5px 12px; line-height:20px; } #blueReel P STRONG { font-size:12px; color:#575757; font-weight:bold; letter-spacing:-1px; } #blueReel P STRONG.blue { color:#5494be; } #blueReel P IMG.company { float:right; width:35%; height:35%; } ul.blueList { margin:-5px 0 0px 10px; padding:0 12px 5px 2px; width:180px; border-bottom:1px solid #e7e7e7; } ul.blueList li { margin:0 0 0 15px; padding:0 0 0 0; list-style:square; color:#5494be; } ul.blueList li a { font-size:11px; color:#575757; font-weight:bold; letter-spacing:-1px; padding:0 8px 0 0; text-decoration:none; background:url('../img/rrow_grey_r.gif') center right no-repeat; } ul.blueList li a:hover { font-size:11px; color:#5494be; padding:0 9px 0 0; text-decoration:underline; } ul.greyList { width:180px; margin:5px 0 0px 10px; padding:0 12px 5px 2px; } ul.greyList li { list-style:square; color:#999999; margin:0 0 0 15px; padding:0 0 0 0; } ul.greyList a { font-size:11px; color:#5494be; padding:0 8px 0 0; text-decoration:none; font-weight:bold; letter-spacing:-1px; background:url('../img/link_arrow.gif') center right no-repeat; } ul.greyList li a:hover { color:#575757; text-decoration:underline; padding:0 9px 0 0; } DIV.customerNavHolder { height:15px;} #customerNav { width:120px; margin:0px auto 15px auto; display:block; } #customerNav li { background:url('../img/full/growSlider_nav.gif') no-repeat; background-position:0px -9px; width:9px; height:9px; float:left; margin:0px 5px; list-style:none; display:block; cursor:pointer; text-indent:-9999px; } #customerNav li.active { background-position:0px 0px; cursor:default; } #customerNav li.hover { background-position:0px -18px; } /* ----------------------------------------- */ /* 3.2 Jungle NIEUWS */ /* ----------------------------------------- */ #greyReel H2 { font-size:14px; font-weight:bold;color:#5494be; text-align:left; display:block; width:190px; margin:0 0 5px 10px; padding:0px 0 5px 0; border-bottom:1px solid #e7e7e7; text-shadow:0 1px 0px #ccc; letter-spacing:-1px; } ul.newsList { margin:-5px 0 0px 10px; padding:0 3px 5px 3px; width:194px; border-bottom:1px solid #e7e7e7; } ul.newsList li { margin:0 0 0 10px; padding:2px 0 3px 0; list-style:square; color:#ccc; } ul.newsList li a { font-size:11px; color:#575757; text-decoration:none; display:block; line-height:20px; } ul.newsList li a:hover { font-size:11px;color:#5494be; text-decoration:underline; display:block; } P.news_link { text-align:right; padding:0px 12px 0 3px; margin-top:0px; letter-spacing:-1px; } P.news_link A { text-decoration:none; color:#666; font-weight:bold; font-size:11px; text-align:right; } P.news_link A:hover { font-size:11px; color:#5494be; text-decoration:none; } /* ----------------------------------------- */ /* 3.2 BUTTONS */ /* ----------------------------------------- */ /* BLUE BUTTON SMALL */ DIV.advertButton { height:36px; float:right; border-bottom:0px solid #ffffff; margin:45px 0 0 0;} /* BLUE BUTTON SMALL */ DIV.button_holder, DIV.button_orange_holder { height:36px; float:right; border-bottom:0px solid #ffffff; margin:15px 15px 0 0;} A.button_blue, A.button_orange { height:23px; display:block; float:left; font-size:1.1em; font-weight:normal; text-decoration: none; margin:0 6px 0 0; padding:0 24px 0 0; background: transparent url('../img/content_button_sub_a.gif') bottom right no-repeat scroll; border-bottom:0px solid #ffffff; } A.button_blue SPAN, A.button_orange SPAN { display:block; color:#FFFFFF; line-height:13px; padding: 4px 0 6px 10px; background:transparent url('../img/content_button_sub_b.gif') bottom left no-repeat; border-bottom:0px solid #ffffff; } A.button_blue:hover, A.button_orange:hover { background-position: top right; outline: none; border:none; } A.button_blue:hover SPAN, A.button_orange:hover SPAN { color:#FFFFFF; padding: 4px 0 6px 10px; background-position: top left; border:none; } /* ----------------------------------------- */ /* 3.2 LIGHTBOX THICKBOX */ /* ----------------------------------------- */ #TB_closeWindowButton { width:25px; height:25px; background:url('../img/full/thickbox/windowClose.png') top left no-repeat; top:3px; right:3px; position:absolute; display:block; text-indent:-999999px; } #TB_window { font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #333333; -moz-border-radius:6px; -webkit-border-radius:6px; } #TB_secondLine { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; } #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack { background: url('../img/full/thickbox/macFFBgHack.png') repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #FFF; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:3px 0 5px 10px; margin-bottom:1px; color:#FFF; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0px #4793c7; font-size:1.4em; line-height:28px; } #TB_title{ background: url('../img/tableTop.gif') top left repeat-x; border:1px solid #4793c7; height:28px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; -moz-border-radius:6px; -webkit-border-radius:6px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; -moz-border-radius:6px; -webkit-border-radius:6px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } #logoShowReel { position:relative; display:block; height:115px; } #logoShowReel IMG { border:1px solid #e5e5e5; margin:5px 10px 5px 20px; padding:10px 20px 10px 15px; position:absolute; top:0; left:0; z-index:8; } #logoShowReel IMG.onTop { z-index:10; } #logoShowReel IMG.last-onTop { z-index:9; } /* ----------------------------------------- */ /* 3.2 FOOTER */ /* ----------------------------------------- */ DIV.footer { width:940px; height:170px; margin:auto; clear:both; position:relative; overflow:hidden; } #mainFoot, #subFoot, #extraFoot { height:30px; width:700px; bottom:25px; text-align:center; display:block; position:absolute; } #extraFoot { bottom:4px; } #subFoot { bottom:15px; right:0px; height:40px; width:200px; line-height:35px; text-align:left; padding-left:20px; } #mainFoot a, #subFoot a, #extraFoot a { padding:0px; margin:0px; color:#FFFFFF; font-size:11px; margin:0px 10px; }