@charset "utf-8"; /* CSS Document */ /* ----------------------------------------- */ /* 1.1 GENERAL PAGE STYLES */ /* ----------------------------------------- */ /* + HANDLING */ HTML, BODY { margin:0;padding:0; background-color:#FFF; } /* commented backslash hack \*/ HTML, BODY{ height:100%; height:auto; background-color:#FFF; } /* 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%; background:url('../img/bg_grid.gif') repeat left top #FFF; } /* 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:#555555; line-height:20px; text-decoration:none; border:none; outline:none; border:0px solid #FFF; 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; } DIV.group { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } /* ----------------------------------------- */ /* 3.1 HOMEPAGE BACKGROUNDSTYLES */ /* ----------------------------------------- */ /* BOTTOM BG STATIC */ DIV.topwrapper { height:100%; width:100%; clear:both; margin:0px; padding:0px; background:url('../img/bg_header.gif') repeat-x top left; } DIV.pagewrapper { height:100%; width:100%; clear:both; margin:0px; padding:0px; background:url('../img/full/bg_footer_stretch2.gif') repeat-x bottom right; } DIV.container { height:100%; width:100%; clear:both; margin:0px; padding:0px; } #insightsContainer { background:url('../img/full/bg_footer_insights.gif') no-repeat bottom center; } #ontwerpContainer { background:url('../img/full/bg_footer_concept.gif') no-repeat bottom center;} #adviesContainer { background:url('../img/full/bg_footer_advies.gif') no-repeat bottom center; } #interimContainer { background:url('../img/full/bg_footer_interim.gif') no-repeat bottom center; } #otherContainer { background:url('../img/full/bg_footer_concept.gif') no-repeat bottom center;} /* ----------------------------------------- */ /* 3.1 LANDINGPAGE STRUCTURE */ /* ----------------------------------------- */ /* Full 940px */ DIV.fullTop { width:940px; height:8px; background:url('../img/full/homeBrandT.png') top left no-repeat; } DIV.fullMid { width:940px; background:url('../img/full/homeBrandM.png') top left repeat-y; } DIV.fullBot { width:940px; height:8px; background:url('../img/full/homeBrandB.png') top left no-repeat; } /* Left main 700px */ DIV.main { width:700px; margin-top: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:322px; 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; } /* Left main_half 460px */ DIV.main_half { width:460px; margin-top:20px; float:left;} DIV.main_half_right { width:460px; margin-top:20px; float:right;} DIV.mainHalfTop { width:460px; height:8px; background:url('../img/full/homeHalfT.png') top left no-repeat; } DIV.mainHalfMid { width:460px; min-height:322px; background:url('../img/full/homeHalfM.png') bottom left repeat-y; } DIV.mainHalfBot { width:460px; height:8px; background:url('../img/full/homeHalfB.png') bottom left no-repeat; } /* Right main 220px */ 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 0px 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; } DIV.footer { width:940px; height:220px; margin:auto; clear:both; position:relative; } /* ----------------------------------------- */ /* 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:12px 1px 5px 0px; 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.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; } /* NAVIGATION CSS EFFECTS */ #homeN { width:64px; background-position:0px 0px; } #homeN:hover, #homeN.mouseover, #homeN.active { width:64px; background-position:0px -35px; } #dienstenN { width:81px; background-position:-64px 0px; } #dienstenN:hover, #dienstenN.mouseover, #dienstenN.active { width:81px; background-position:-64px -35px; } #specialismenN { width:108px; background-position:-145px 0px; } #specialismenN:hover, #specialismenN.mouseover, #specialismenN.active { width:108px; background-position:-145px -35px; } #publicatiesN { width:94px; background-position:-253px 0px; } #publicatiesN:hover, #publicatiesN.mouseover, #publicatiesN.active { width:94px; background-position:-253px -35px; } #overonsN { width:83px; background-position:-347px 0px; } #overonsN:hover, #overonsN.mouseover, #overonsN.active { width:83px; background-position:-347px -35px; } #carriereN { width:78px; background-position:-430px 0px; } #carriereN:hover, #carriereN.mouseover, #carriereN.active { width:78px; background-position:-430px -35px; } #contactN { width:77px; background-position:-508px 0px; } #contactN:hover, #contactN.mouseover, #contactN.active { width:77px; background-position:-508px -35px; } #nieuwsN { width:72px; background-position:-585px 0px; } #nieuwsN:hover, #nieuwsN.mouseover, #nieuwsN.active { width:72px; background-position:-585px -35px; } /* NAVIGATION DROPDOWN */ 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; } div.fixedWidth{width:177px;} 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 0px 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 0px #000; } ul.ddMain li a:hover, ul.ddMain li a.active { text-decoration:underline; } /* ----------------------------------------- */ /* 3.2 BRANDBOX */ /* ----------------------------------------- */ #brandbox { margin:20px auto 0px auto;} #bbBgontwerp { height:146px; width:925px; margin-left:8px; background:url('../img/full/contentbgOntwerp.jpg') top left no-repeat; overflow:hidden;} #bbBgadvies { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgAdvies.jpg') top left no-repeat; overflow:hidden;} #bbBginsights { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgInsights.jpg') top left no-repeat; overflow:hidden;} #bbBginterim { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgInterim.jpg') top left no-repeat; overflow:hidden;} #bbBgspecialismen { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgSpecialismen.jpg') top left no-repeat; overflow:hidden;} #bbBg4 { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgPublicaties.jpg') top left no-repeat; overflow:hidden;} #bbBg7, #bbBg9 { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgContact.jpg') top left no-repeat; overflow:hidden;} #bbBg3 { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgNieuws.jpg') top left no-repeat; overflow:hidden;} #bbBg5 { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgOverons.jpg') top left no-repeat; overflow:hidden;} #bbBg6 { height:146px; width:924px; margin-left:8px; background:url('../img/full/contentbgCarriere.jpg') top left no-repeat; overflow:hidden;} #bbpinsights, #bbpadvies, #bbpontwerp, #bbpinterim, #bbpother, #bbpsmall { background-color:rgba(19,19,19,0.80); -moz-border-radius:6px; -webkit-border-radius:6px; } #bbpinsights { width:480px; height:90px; margin:30px 0 0px 430px; } #bbpadvies { width:480px; height:90px; margin:30px 0 0px 430px; } #bbpontwerp { width:480px; height:90px; margin:30px 0 0px 430px; } #bbpinterim { width:480px; height:90px; margin:30px 0 0 430px; } #bbpother { width:480px; height:90px; margin:30px 0 0px 430px; } #bbpsmall { width:370px; height:90px; margin:30px 0 0px 530px; } #bbpinsights H2, #bbpadvies H2, #bbpontwerp H2, #bbpinterim H2, #bbpother H2, #bbpsmall H2 { display:block; padding:8px 10px 3px 8px; color:#FFFFFF; letter-spacing:-1px; float:left; text-shadow:0 -1px 0px #000; text-transform:uppercase; font-weight:bold;} #bbpinsights H2 { font-size:13px; width:120px; padding-top:15px; } #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; } #bbpother H2 { font-size:16px; width:118px; } #bbpsmall H2 { font-size:16px; width:90px; } #bbpinsights H2 EM, #bbpadvies H2 EM, #bbpontwerp H2 EM, #bbpinterim H2 EM, #bbpother H2 EM { font-style:normal; display:block; letter-spacing:-1px; font-weight:normal; } #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, #bbpother P, #bbpsmall P { display:block; float:left; padding-left:10px; padding-top:0px; margin:6px 0px 8px 0px; font-size:1.1em; color:#FFFFFF; line-height:18px; text-shadow:0 -1px 0px #000; border-left:1px solid #bfbfbf; width:300px; } #bbpsmall P { width:230px; } #bbpother P A, #bbpsmall P A { color:#FFF; padding:0px; margin:0px; line-height:16px; border-bottom:1px dotted #fff; } #bbpother P A:hover, #bbpsmall P A:hover { border-bottom:1px solid #fff; text-decoration:none; color:#fff; } /* ----------------------------------------- */ /* 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:1.1em; color:#555555; font-family:Verdana, Geneva, sans-serif; } /* ----------------------------------------- */ /* 3.2 CONTENT */ /* ----------------------------------------- */ /* GENERAL CONTAINER */ DIV.contentHolder { width:940px; clear:both; margin:auto; padding:0px; } DIV.boekenContent, #content, #contentParent { padding:0px 20px 15px 20px; color:#5D5D5D; position:relative; } /* HEADERS */ DIV.boekenContent H1, #content H1, #content H2, #contentParent H1, #contentParent H2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding:0px; } DIV.boekenContent H1, #content H1, #contentParent H1 { line-height:50px; color:#434343; text-shadow:0 1px 0px #e5e5e5; letter-spacing:-2px; font-size:2.4em; font-weight:bold; word-spacing:0px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; border-bottom:solid #e5e5e5 1px; display:block; padding-right:90px;} DIV.boekenContent H2, #content H2 { text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:2.4em; font-weight:bold; line-height:38px; color:#5494be; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 0px; text-transform:none; } DIV.boekenContent H3, #content H3, #employeeLinks H3 {text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:1.8em; font-weight:bold; color:#555555; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; margin:15px 0px 0px 0px; text-transform:none; } DIV.boekenContent H4, #content H4 {text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:1.4em; font-weight:bold; color:#555555; letter-spacing:-1px; margin:10px 0px 0px 0px; text-transform:none; } /* PARAGRAPHS */ DIV.boekenContent P, #content P, #contentParent P { font-size:1.2em; line-height:24px; color:#555555; margin:0px; padding:0px 0px 15px 0px; } /* SUMMARY */ DIV.boekenContent #summary, #content #summary { font-size:1.4em; line-height:24px; clear:both; color:#5D5D5D; margin:0px; padding:10px 0px 10px 0px;} /* LINKS */ DIV.boekenContent P A, #content P A { color:#5494be; padding-bottom:2px; border-bottom:1px dotted #555555; } DIV.boekenContent P A:hover, #content P A:hover { color:#555555; text-decoration:none; padding-bottom:2px; border-bottom:2px solid #5494be; } /* BOLD */ DIV.boekenContent strong, #content strong { font-weight:bold; color:#5D5D5D; } /* LISTS UL */ DIV.boekenContent UL, #content UL { margin:0px 0 10px 15px; padding:0 15px 0 15px; } DIV.boekenContent UL LI, #content UL LI { font-size:12px; line-height:22px; vertical-align:top; color:#555555; padding:0 0 5px 0; list-style-image:url('../img/content_li_firstlvl.gif'); } /* LISTS OL */ DIV.boekenContent OL, #content OL { margin:0px 0 5px 15px; padding:0 15px 0 15px; } DIV.boekenContent OL LI, #content OL LI { font-size:12px; line-height:25px; vertical-align:top; color:#555555; padding:0 0 5px 0; } DIV.boekenContent OL LI A, #content OL LI A, DIV.boekenContent OL LI A, #content UL LI A { color:#5494be; padding-bottom:2px; font-size:12px; } DIV.boekenContent OL LI A:hover, #content OL LI A:hover, DIV.boekenContent OL LI A:hover, #content UL LI A:hover { color:#555555; text-decoration:none; padding-bottom:2px; } DIV#right_align { width:280px; float:right; margin:0 0px 15px 15px; padding:10px; border:2px solid #e5e5e5; } DIV#right_align_small { width:200px; float:right; margin:0 0px 15px 15px; padding:10px; border:2px solid #e5e5e5; } DIV#left_align { width:280px; float:left; margin:0 20px 15px 0px; padding:10px; border:2px solid #e5e5e5; } DIV#right_align img, DIV#left_align img, DIV#right_align_small img { padding:2px; display:block; background-color:#FFF; border:1px solid #e5e5e5; } DIV#right_align P, DIV#left_align P, DIV#right_align_small P { text-align:center;} DIV#right_align P A, DIV#left_align P A, DIV#right_align_small P A { text-align:center; } DIV.img_holder { background-color:#f7f7f7; border:5px solid #e5e5e5; padding:15px; margin:0 15px 15px 0px; padding:10px; border:2px solid #e5e5e5; margin-bottom:20px; -moz-border-radius:6px; -webkit-border-radius:6px;} DIV.img_holder img { margin:0px auto; padding:5px; display:block; background-color:#FFF; border:1px solid #e5e5e5; } #content DIV.img_holder P { width:280px; margin:10px -10px 10px -10px; padding:0px 10px 0px 10px; line-height:24px; color:#5D5D5D; text-shadow:0 1px 0px #E5E5E5; background-color:#FFF; border:1px solid #e5e5e5; border-right:0px; border-left:0px; } #content DIV.videoHolder { background-color:#f7f7f7; border:5px solid #e5e5e5; padding:25px 25px 25px 25px; margin:0 auto 20px auto; -moz-border-radius:6px; -webkit-border-radius:6px; width:584px; } #content DIV.downloadHolder { background-color:#f7f7f7; border:5px solid #e5e5e5; float:right; padding:5px 5px 5px 5px; margin:0 auto 20px auto; -moz-border-radius:6px; -webkit-border-radius:6px; width:180px; } #content DIV.downloadHolder IMG { margin:5px 0px 5px 25px; } #content DIV.sijthoffHolder { background-color:#f7f7f7; border:5px solid #e5e5e5; float:left; padding:15px 10px 10px 10px; margin:30px auto 10px auto; -moz-border-radius:6px; -webkit-border-radius:6px; width:620px; } #content DIV.sijthoffHolder IMG.employeeImg { margin:0 10px 0 5px; padding:2px; display:block; float:left; background-color:#FFF; border:1px solid #e5e5e5; } #content DIV.sijthoffHolder DIV.contact_holder { height:33px; float:right; border-bottom:0px solid #FFF; } #content DIV.authorHolder { background-color:#f7f7f7; border:5px solid #e5e5e5; float:left; padding:15px 10px 10px 10px; margin:0 auto 20px auto; -moz-border-radius:6px; -webkit-border-radius:6px; width:380px; } #content DIV.authorHolder IMG.employeeImg { margin:0 10px 0 5px; padding:2px; display:block; float:left; background-color:#FFF; border:1px solid #e5e5e5; } #content DIV.authorHolder DIV.contact_holder, #content DIV.downloadHolder DIV.contact_holder { height:33px; float:right; border-bottom:0px solid #FFF; } /* IMG HOLDER */ #content DIV.bigImageHolderContent { background-color:#f7f7f7; border:5px solid #e5e5e5; padding:15px 0px 0 0px; margin:0 auto 20px auto; -moz-border-radius:6px; -webkit-border-radius:6px; } #content DIV.bigImageHolderContent IMG { margin:0px auto; padding:5px; display:block; background-color:#FFF; border:1px solid #e5e5e5; } #content DIV.bigImageHolderContent P { display:block; margin:20px auto;font-size:11px; padding:0px 30px 0px 30px; text-align:center; line-height:24px; color:#5D5D5D; text-shadow:0 1px 0px #E5E5E5; background-color:#FFF; border:1px solid #e5e5e5; border-right:0px; border-left:0px; } #content DIV.bigImageHolderContent P A { color:#5494be; font-size:11px; text-decoration:none; } #content DIV.bigImageHolderContent P A:hover { text-decoration:none; color:#434343; } /* CALENDER */ #calender { position:absolute; display:block; right:16px; width:100px; text-align:right;top:10px; } #calender span.cal_day { font-size:2.8em; color:#cccccc; margin:0px; padding:0px; text-align:right; font-weight:bold; line-height:30px; text-shadow:0 1px 0px #e5e5e5; } #calender span.cal_date { font-size:1.1em; color:#cccccc; text-transform:uppercase; text-align:left; line-height:12px; text-shadow:0 1px 0px #e5e5e5; display:block; float:right; width:30px; margin:4px 0 0; padding:0px; } /* INFOBAR */ #content #infoBar { font-size:1.1em; color:#e5e5e5; border-bottom:solid #e5e5e5 1px; height:20px; margin:0px 0px 0px 0px; padding:0px 0px 3px 5px; } #infoBar span { display:block; float:left; padding:0px 10px 2px 10px; margin:4px 0 0 0; color:#bebebe; line-height:12px; } #viewsLink { border-right:1px solid #e5e5e5; } #commentsLink { border-left:1px solid #e5e5e5; } #infoBar IMG { display:block; float:left; padding:0px; margin:4px 10px 0 -5px; } /* TABLES */ TABLE.styledTable { margin:0px 0px 0px 0px; border:1px solid #4793c7; background-color:#f5f5f5; } TABLE.styledTable thead tr td { background: url('../img/tableTop.gif') top left repeat-x; border:1px solid #4793c7; color:#FFF; padding:3px 3px 0 3px; font-size:1.1em; line-height:21px;} TABLE.styledTable thead tr td { text-align:left; vertical-align:top;} TABLE.styledTable tbody tr td { padding:3px; font-size:1.1em;line-height:21px;} TABLE.styledTable tbody tr.on td { background-color:#f2f2f2; border:1px solid #e5e5e5; text-align:right; vertical-align:top; } TABLE.styledTable tbody tr.off td { background-color:#fff; border:1px solid #e5e5e5; text-align:right; vertical-align:top; } TABLE.styledTable tbody tr.off td div.up { width:16px; height:21px; margin-left:12px; background:url('../img/arrowUp.gif') bottom left no-repeat; } TABLE.styledTable tbody tr.on td div.up { width:16px; height:21px; margin-left:12px; background:url('../img/arrowUp.gif') top left no-repeat; } TABLE.styledTable tbody tr.off td div.down { width:16px; height:21px; margin-left:12px; background:url('../img/arrowDown.gif') bottom left no-repeat; } TABLE.styledTable tbody tr.on td div.down { width:16px; height:21px; margin-left:12px; background:url('../img/arrowDown.gif') top left no-repeat; } TABLE.styledTable tbody tr td.rowhead { text-align:left;} TABLE.styledTable tfoot tr td { padding:3px; font-weight:bold; text-align:right; background: url('../img/tableTop.gif') top left repeat-x; border:1px solid #4793c7; color:#FFF; font-size:1.1em; line-height:21px; vertical-align:top;} TABLE.styledTable tbody tr td ul { margin-left:10px; margin-top:10px; margin-right:0px; padding-right:0px; } TABLE.subTable { margin:0px 0px 20px 0px; width:200px; margin-left:10px; border-spacing:0px; } TABLE.subTable thead tr td { background: url('../img/tableTop.gif') top left repeat-x; border:1px solid #4793c7; color:#FFF; padding:3px 3px 0 3px; font-size:1.1em; line-height:21px;} TABLE.subTable thead tr td { text-align:left; vertical-align:top;} TABLE.subTable thead tr td.right { text-align:right;} TABLE.subTable tbody tr td { padding:3px; font-size:1.1em;line-height:21px;} TABLE.subTable tbody tr.on td { background-color:#f2f2f2; border:1px solid #fff; text-align:left; vertical-align:top; } TABLE.subTable tbody tr.off td { background-color:#fff; border:1px solid #f2f2f2; text-align:left; vertical-align:top; } /* BREADCRUMB */ #content P.breadcrumb { font-size:1.1em; line-height:21px; margin:0px 0px 10px 0px; padding:0px; } #content P.breadcrumb a { color:#a6a6a6; padding:0px 10px 2px 5px; text-decoration:underline; border:none; background:url('../img/full/breadcrumbsplit.gif') center right no-repeat; } #content P.breadcrumb a:hover { color:#808080; text-decoration:underline; border:none; } #content P.breadcrumb a.current { cursor:default; background:none; } #content P.breadcrumb a.current { color:#a6a6a6; text-decoration:none; border:none; background:none; } /* ----------------------------------------- */ /* 3.2 ARTICLE & COLUMNS */ /* ----------------------------------------- */ #contentList { margin:auto; padding:0 0 30px 0; min-height:750px; color:#333333; position:relative; } #contentList H1 { line-height:50px; color:#434343; text-shadow:0 1px 0px #e5e5e5; position:relative; letter-spacing:-1px; font-size:28px; font-weight:bold; display:block; width:650px; margin:0px; border-bottom:solid #e5e5e5 1px; margin:0px 20px 0px 20px; z-index:100; } #contentList H1 SPAN { color:#a5a5a5; font-size:24px;} DIV.article { clear:both; width:694px; position:relative; z-index:3000; background:url('../img/cntnt_item_bg.gif') bottom left repeat-x; margin:0px 3px 0 3px; padding:15px 0 15px 0; } DIV.articleTop{ clear:none; float:left; width:343px; padding:0px 0 15px 0; margin:0 1px; } DIV.articleRest{ padding:0 0 0 0; } #topArticles{ border-bottom:thin #CCC solid; width:692px; margin:0px auto; padding:0; } #topArticles span.viewsLink{ border-right:none; } DIV.minus { padding:15px 15px 15px 15px; width:664px; margin-left:-17px; } /* ARTICLE TITLE */ DIV.contentAuthor H2{ text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:2.4em; font-weight:bold; line-height:38px; color:#5494be; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 20px; text-transform:none; } DIV.article H2 { text-shadow:0 1px 0px #cccccc; padding:0px; font-size:18px; letter-spacing:-1px; margin:15px 15px 0 15px; text-transform:none; } DIV.article H2 A {color:#434343; text-decoration:none; } DIV.article H2 A:hover { color:#5494be; text-decoration:none;} DIV.contentAuthor DIV.article H2 { text-shadow:0 1px 0px #cccccc; padding:0px; font-size:18px; letter-spacing:-1px; margin:15px 15px 0 15px; text-transform:none; } DIV.contentAuthor DIV.articleRest H2{ font-size:16px; margin:15px 5px 0 15px; } DIV.content_item { background:url('../img/cntnt_item_bg.gif') bottom left repeat-x; margin:10px 0px 0px -17px; padding-bottom:10px; z-index:100; width:694px; } DIV.content_item_half { background:url('../img/cntnt_item_bg.gif') bottom left repeat-x; margin:10px 0px 0px 0px; padding-bottom:10px; z-index:100; } DIV.author_holder_large IMG{ float:left; margin: 0px 10px 0px 0px} /* 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; } /* ARTICLE SUMMARY */ DIV.article P.article { color:#333333; font-size:12px; line-height:22px; margin:0px 0px 0 0px; padding:0px; padding:2px 20px 0px 0px; } P.sumTop{ min-height:150px; } DIV.article P.column, DIV.article P.authorAll { color:#333333; font-size:12px; line-height:20px; margin:0px 0px 0 0px; padding:0px; padding:2px 20px 0px 15px; } A.item_link { text-decoration:none; padding:0 8px 0 3px; letter-spacing:-1px; background:url('../img/link_arrow.gif') center right no-repeat; } 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; } p.infoBar { font-size:10px; color:#cccccc; height:20px; margin:5px 0px 0px 0px; padding:0px 0px 3px 5px; } DIV.contentAuthor DIV.articleRest p.infoBar { font-size:10px; margin:0; padding:0px 0px 0px 5px; bor } p.infoBar span { display:block; float:left; padding:0px 10px 2px 10px; margin:4px 0 0 0; color:#bebebe; line-height:12px; } span.dateLink { border-right:1px solid #e5e5e5; } span.dateSearchLink { } span.viewsLink { border-right:1px solid #e5e5e5; } span.commentsLink { border-left:1px solid #e5e5e5; } p.infoBar IMG { display:block; float:left; padding:0px; margin:4px 10px 0 -5px; } DIV.month { line-height:50px; border-bottom:solid #e5e5e5 1px; letter-spacing:-1px; display:block; float:right; padding:0px 25px 0 0; margin:20px 3px 0px 20px; } DIV.month H3 { text-shadow: none; font-size:24px; color:#cccccc; text-align:right; font-weight:bold; text-shadow:0 1px 0px #e5e5e5; } #topMonth { margin-top:-21px; } /* YEAR & AUTHOR FILTERS */ #current_filter { text-decoration:underline; color:#ff6600; } #current_filter span { text-decoration:underline; color:#ff6600; } DIV.yearFilterHolder { float:right; width:100px; position:relative; margin-left:10px; margin-right:10px; margin-top:5px; } DIV.yearFilterHolder DIV { cursor:pointer; width:94px; height:21px; background:url('../img/full/filterYear.gif') top left no-repeat; } DIV.yearFilterHolder .filterHover { background:url('../img/full/filterYear.gif') bottom left no-repeat; } DIV.yearFilterHolder UL.ddFilter { display:none; z-index:3000000; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; position:absolute; top:21px; right:11px; width:84px; padding-bottom:10px; background-color:rgba(19,19,19,0.80); list-style-type:none; } DIV.yearFilterHolder UL.ddFilter LI { list-style-type:none; margin-left:20px; padding-top:5px; } DIV.yearFilterHolder UL.ddFilter A { color:#FFFFFF; font-size:11px; white-space:nowrap; background:none; margin:0px; text-indent:0px; text-shadow:0 1px 0px #000; } DIV.yearFilterHolder UL.ddFilter LI A:hover SPAN { text-decoration:underline; color:#ff6600; } DIV.yearFilterHolder UL.ddFilter LI A:hover { text-decoration:underline; color:#ff6600; } DIV.authorFilterHolder { float:right; width:190px; position:relative; margin-left:10px; margin-top:5px; } DIV.authorFilterHolder DIV { cursor:pointer; width:190px; height:21px; background:url('../img/full/filterAuthor.gif') top left no-repeat; } DIV.authorFilterHolder .filterHover { background:url('../img/full/filterAuthor.gif') bottom left no-repeat; } DIV.authorFilterHolder UL.ddFilter { display:none; z-index:3000000; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; position:absolute; top:21px; right:4px; width:182px; padding-bottom:10px; background-color:rgba(19,19,19,0.80); list-style-type:none; } DIV.authorFilterHolder UL.ddFilter LI { list-style-type:none; margin-left:10px; padding-top:5px; position:relative; } DIV.authorFilterHolder UL.ddFilter LI A { color:#FFFFFF; font-size:11px; background:none; margin:0px; text-indent:0px; text-shadow:0 1px 0px #000; } DIV.authorFilterHolder UL.ddFilter LI A SPAN { color:#bdbdbb; } DIV.authorFilterHolder UL.ddFilter LI A:hover SPAN { text-decoration:underline; color:#ff6600; } DIV.authorFilterHolder UL.ddFilter LI A:hover { text-decoration:underline; color:#ff6600; } /* ----------------------------------------- */ /* 3.2 COMMENTS */ /* ----------------------------------------- */ #comments { padding:0px 20px 15px 20px; color:#5D5D5D; } #comments P.noReactions { color:#555555; font-size:12px; line-height:28px; margin:0px; padding:0px; border-bottom:solid #e5e5e5 1px; } #comments H2 { font-family:Helvetica,Arial,sans-serif; line-height:50px; color:#434343; text-shadow:0 1px 0px #e5e5e5; letter-spacing:-1px; font-size:26px; font-weight:bold; margin:0px; padding:0px; border-bottom:solid #e5e5e5 1px; display:block; padding-right:50px;} #commentsTop { margin-top:20px; } DIV.commentItem { clear:both; width:660px; position:relative; padding-top:15px; } DIV.commentLeftItem { width:80px; float:left; position:relative; } IMG.gravatar { border-bottom:1px solid #d7d7d7; border-top:1px solid #fff; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding:3px; margin-left:10px; } IMG.gravatarIntern { border-bottom:1px solid #d7d7d7; border-top:1px solid #fff; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding:3px; margin-left:10px;} DIV.commentRightItem { width:560px; float:left; position:relative; margin-bottom:10px; border-bottom:solid #f2f2f2 1px; } P.commentContent { width:510px; display:block; font-size:12px; line-height:22px; color:#555555; margin:0px; } P.commentNumber { display:block; position:absolute; right:10px; top:0px; font-size:24px; color:#f2f2f2; text-align:right; font-weight:bold; text-shadow:0 1px 0px #e5e5e5; } P.commentAuthor { padding:0px; font-size:11px; color:#999999; margin:0px; } P.commentAuthor STRONG { text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:16px; font-weight:bold; color:#555555; letter-spacing:-1px; margin:0px 0px 0px 0px; text-transform:none; } P.commentAuthor STRONG A { color:#5494be; } P.commentAuthor STRONG A:hover { text-decoration:none; border-bottom:1px solid} P.commentReply { padding:8px 70px 20px 0px; text-align:left; } P.commentReply A { padding:0px 6px 2px 6px; color:#5494be; background-color:#f7f7f7; color:#5494be; font-size:11px; -moz-border-radius:6px; -webkit-border-radius:6px; } P.commentReply A:hover { padding:0px 6px 2px 6px; margin-top:1px; color:#434343; background-color:#e5e5e5; text-decoration:none; } DIV.commentSubItem { clear:both; width:660px; position:relative; padding-top:15px; } DIV.commentSubItem DIV.commentLeftItem { width:80px; margin-left:80px; float:left; position:relative; } DIV.commentSubItem DIV.commentRightItem { width:400px; padding-bottom:20px; } DIV.commentSubItem DIV.commentRightItem P.commentContent { width:400px; } /* ----------------------------------------- */ /* 3.2 FORM ELEMENTS */ /* ----------------------------------------- */ FORM { } FIELDSET { border:none; background-color:#f2f2f2; border:2px solid #D9D9D9; -moz-border-radius:6px; -webkit-border-radius:6px; } LEGEND { font-family:Helvetica,Arial,sans-serif; line-height:50px; color:#5494be; text-shadow:0 1px 0px #cccccc; letter-spacing:-1px; font-size:26px; font-weight:bold; margin:0px; padding:0px; display:block; } LABEL { cursor:pointer; font-size:12px; line-height:22px; text-shadow:0 1px 0px #ededed; color:#555555; margin:0px; padding:0px;} LABEL SPAN { font-weight:bold; color:#5494be; font-size:12px; line-height:22px; } LABEL:hover { color:#5494be;} INPUT.inputText, INPUT.inputSpam { font-size:12px; margin:0px; padding:3px; color:#555555; border-top:1px solid #a6a6a6; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #a6a6a6; } TEXTAREA.inputTextarea { font-size:12px; margin:0px; padding:3px; color:#555555; border-top:1px solid #a6a6a6; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #a6a6a6; } INPUT.inputText:focus, TEXTAREA.inputTextarea:focus { background-color:#fcfcfc; border-top:1px solid #999999; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-left:1px solid #999999; } P.requiredInfo { display:block; width:320px; padding-left:15px; padding-top:8px; float:left; font-size:11px; color:#999999; } P.requiredInfo span { color:#5494be; } SPAN.instruction { font-size:11px; color:#999999; } /* 3.2 CONTACT FORM */ #frmContact FIELDSET { width:640px; background-color:#f2f2f2; border:2px solid #D9D9D9;} #mdwContact FIELDSET { width:400px; background-color:#f2f2f2; border:2px solid #D9D9D9;} #frmContact P.requiredContactInfo { font-size:11px; padding-left:20px; text-align:right; padding-right:30px; color:#999999; } #frmContact P.requiredContactInfo span { color:#5494be; } #frmContact INPUT.inputText { display:block; width:200px; } #frmContact TEXTAREA.inputTextarea { width:570px; height:150px; padding:3px; } #frmContact INPUT.solForm{ margin-left:80px; width:180px; } #frmContact DIV.rightContact INPUT.solForm{ margin-left:420px; } #frmContact DIV.rightContact SELECT{ width:150px; margin-left:30px; } #frmContact DIV.fileContact INPUT{ float: right; width:380px; margin-right:33px; } DIV.fileContact LABEL{ float: left; margin-left:15px; width:60px; display:block; white-space:nowrap; } #frmContact TEXTAREA.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} #frmContact TEXTAREA.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} #frmContact INPUT.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} #frmContact INPUT.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} #mdwContact P.requiredContactInfo {font-size:11px; padding-left:20px; text-align:right; padding-right:30px; color:#999999; } #mdwContact P.requiredContactInfo span { color:#5494be; } #mdwContact INPUT.inputText { display:block; width:250px; float:right; } #mdwContact TEXTAREA.inputTextarea {width:330px; height:150px; padding:3px; } #mdwContact TEXTAREA.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} #mdwContact TEXTAREA.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} #mdwContact INPUT.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} #mdwContact INPUT.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} INPUT.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} INPUT.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} DIV.leftContact { width:300px; float:left; margin-left:30px; } DIV.mainContact { width:600px; padding-left:10px; margin-left:20px; } DIV.leftContact LABEL, DIV.rightContact LABEL { width:60px; display:block; float:left; white-space:nowrap; } DIV.mainContact LABEL { width:200px; display:block; white-space:nowrap; clear:both; } INPUT.contactButton { float:right; cursor:pointer; margin-right:30px; } DIV.leftPersContact { width:340px; float:left; margin-left:30px; } DIV.mainPersContact { width:350px; padding-left:10px; margin-left:20px; } DIV.leftPersContact LABEL, DIV.rightPersContact LABEL { display:block; float:left; white-space:nowrap; margin-bottom:15px; } DIV.mainPersContact LABEL { width:200px; display:block; white-space:nowrap; clear:both; } INPUT.contactButton { float:right; cursor:pointer; margin-right:30px; } /* 3.2 CONTACT FORM */ #topContact H2 { font-family:Helvetica,Arial,sans-serif; line-height:35px; color:#555555; text-shadow:0 1px 0px #cccccc; letter-spacing:-1px; font-size:22px; font-weight:bold; margin:0px; padding:0px; display:block; border-bottom:1px solid #e7e7e7; margin-bottom:10px; margin-top:5px; } #topContact P { padding-left:10px;} #adresdata { display:block; width:180px; float:left;} #contactdata { display:block; width:210px; float:left;} #contactdata STRONG { display:block; float:left; width:70px; } #contactdata SPAN { display:block; float:left; color:#555555; } #topContact DIV.contactAdresButtons { float:left; width:240px; } #topContact DIV.contactAdresButtons DIV.button_holder_blue { float:right; } /* 3.2 COMMENT FORM */ DIV.leftComment { width:320px; float:left; padding-left:15px;} DIV.leftComment TEXTAREA.inputTextarea { width:300px; height:205px; padding:3px;} DIV.leftComment TEXTAREA.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} DIV.leftComment TEXTAREA.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} DIV.rightComment { width:250px; float:left; padding-left:35px;} DIV.rightComment INPUT.inputSpam { width:100px; } DIV.rightComment INPUT.inputText { width:220px; } DIV.rightComment INPUT.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} DIV.rightComment INPUT.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} DIV.rightComment IMG.antispam { float:left; margin-right:20px; border-top:1px solid #a6a6a6; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #a6a6a6; } INPUT.commentButton { float:right; cursor:pointer; margin-right:40px; margin-top:15px; } img.remark { float:left; } #formError { width:300px; padding:10px; margin-left:10px; border:1px solid #fab2bd; } #formError img { margin:0px 10px 0px 0px; } #formError span.input_error { color:#F00; font-size:11px; } /* ----------------------------------------- */ /* EXEPTIONS WEBSHOP */ /* ----------------------------------------- */ #webshopMenu { background:transparent url('../img/full/webshopMenu.gif') top left no-repeat; width:660px; height:47px; margin-top:15px; font-size:11px; } DIV.stepholder, DIV.stepholder_1, DIV.stepholder_0 { float:left; width:145px; height:47px; padding-left:20px; } #webshopMenu p.steptext_0, #webshopMenu p.steptext_1, #webshopMenu p.steptext { line-height:16px; margin-top:5px; font-size:12px; text-shadow:0 -1px 0px #fff; } #webshopMenu p.steptext, #webshopMenu p.steptext strong { color:#ff5f00; } #webshopMenu p.steptext_1, #webshopMenu p.steptext_1 strong { color:#5494be; } #webshopMenu p.steptext_0, #webshopMenu p.steptext_0 strong { color:#888888; } #aanvraagform fieldset { background-color:#f2f2f2; border:2px solid #5494be; width:655px; margin:0px 0px 0px 0px; padding:0px; } #aanvraagform legend { font-family:Helvetica,Arial,sans-serif; line-height:50px; color:#5494be; text-shadow:0 1px 0px #cccccc; letter-spacing:-1px; font-size:26px; font-weight:bold; margin:0px 0px 0px 15px; padding:0px 10px; display:block; } #aanvraagform #bestellingSummary { background-color:#fcfcfc; border:2px solid #D9D9D9; width:655px; margin:0px 0px 0px 0px; padding:0px; padding-bottom:15px; } #aanvraagform #bestellingSummary legend { font-family:Helvetica,Arial,sans-serif; line-height:50px; color:#575757; text-shadow:0 1px 0px #cccccc; letter-spacing:-1px; font-size:26px; font-weight:bold; margin:0px 0px 0px 15px; padding:0px 10px; display:block; } #aanvraagform table.summaryform_table { width:655px; border:0px; margin:0px; background-color:none; padding:0px; margin-top:0px; font-size:12px; vertical-align:top; } #aanvraagform table.summaryform_table tr.orderform_caption_row td { background: url('../img/bestel/grey_form_bar.gif') top left repeat-x; text-shadow:0 -1px 0px #fff; color:#484848; font-weight:bold; height:24px; font-size:12px; text-align:right;} #aanvraagform #bestellingSummary tr.on td { background-color:#fff; border:1px solid #f2f2f2; } #aanvraagform #bestellingSummary tr.off td { background-color:#fafafa; border:1px solid #f2f2f2; } #aanvraagform #bestellingSummary td.label { text-align:right; width:15%; } #aanvraagform #bestellingSummary td.input { text-align:left; width:35%; } #aanvraagform #bestellingSummary td.summ_1 IMG { float:left; padding:0px; margin:0px; width:50px; } #aanvraagform #bestellingSummary td.summ_1 { vertical-align:top; width:250px; text-align:left; padding-left:20px; } #aanvraagform #bestellingSummary td.summ_1 p strong { font-size:14px; font-weight:bold; text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:18px; font-weight:bold; color:#555555; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; text-transform:none; } #aanvraagform #bestellingSummary td.summ_1 { vertical-align:top; width:250px; text-align:left; } #aanvraagform #bestellingSummary td.summ_2 { width:60px; padding-right:10px; padding-left:10px; vertical-align:top; } #aanvraagform #bestellingSummary td.summ_3 { width:60px; padding-right:10px; padding-left:10px; vertical-align:top; } #aanvraagform #bestellingSummary td.summ_4 { width:60px; padding-right:10px; padding-left:10px; border-right:1px solid #f3f3f3; vertical-align:top; } table.orderform_table { width:655px; border:0px; margin:0px; background-color:#fff; padding:0px; margin-top:0px; font-size:12px; vertical-align:top } table.orderform_table tr.orderform_caption_row td { background: url('../img/bestel/blue_form_bar.jpg') top left repeat-x; text-shadow:0 -1px 0px #5494be; color:#FFFFFF; font-weight:bold; height:24px; font-size:12px; text-align:center; } #aanvraagform td.caption_0 { border-left:1px solid #5494be; width:133px; } #aanvraagform td.caption_1 { border-left:1px solid #90bedd; padding:0 10px; text-align:left; } #aanvraagform td.caption_2 { border-left:1px solid #90bedd; width:60px; padding:0 10px; } #aanvraagform td.caption_3 { border-left:1px solid #90bedd; width:60px; padding:0 10px;} #aanvraagform td.caption_4 { border-left:1px solid #90bedd; width:60px; padding:0 10px; border-right:1px solid #5494be; } #aanvraagform td.caption_5 { border-left:1px solid #90bedd; padding:0 10px; } #aanvraagform table.orderform_table tr.orderform_product_row td { border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; vertical-align:top; } #aanvraagform td.content_0 { } #aanvraagform td.content_1 { padding:10px 10px 0 10px; text-align:left; } #aanvraagform td.content_2 { padding:10px 10px 0 10px; } #aanvraagform td.content_3 { padding:10px 10px 0 10px; } #aanvraagform td.content_4 { padding:10px 10px 0 10px; border-right:1px solid #f3f3f3; } #aanvraagform table.subTotaal { border:1px solid #e5e5e5; background-color:#FFF; margin:10px 10px 20px 0; float:right; font-size:12px; } #aanvraagform table.subTotaal td.priceLabel { padding:0 10px 0 0; width:150px; text-align:right;} #aanvraagform table.subTotaal td.priceData { padding:0 0 0 10px; width:60px; text-align:left; } #aanvraagform td.caption_step2 { border-left:1px solid #5494be; text-align:left; padding:0 10px; border-right:1px solid #5494be; } #aanvraagform tr.on td { text-align:right; background-color:#f2f2f2; border:1px solid #ededed; padding:6px 15px; } #aanvraagform tr.off td { text-align:right; background-color:#f7f7f7; border:1px solid #ededed; padding:6px 15px; } #aanvraagform td.labelcolumn { width:120px;} span.errorLabel { display:block; float:left; color:#ff667d; font-size:11px; margin-left:15px; text-shadow:0 1px 0px #ededed; letter-spacing:-1px; width:200px; float:left; text-align:left;} #aanvraagform table.genderselect tr td { border:none; padding:0px 5px; } #aanvraagform INPUT.form_order_submit { margin-right:25px;} #aanvraagform INPUT.inputText { display:block; width:230px; float:left; } #aanvraagform INPUT.error { border-top:1px solid #ff667d; border-right:1px solid #fab2bd; border-bottom:1px solid #fab2bd; border-left:1px solid #ff667d; background-color:#ffebee;} #aanvraagform INPUT.error:focus { border-top:1px solid #ff3352; border-right:1px solid #fa98a7; border-bottom:1px solid #fa98a7; border-left:1px solid #ff3352; background-color:#ffe5e9;} #aanvraagform SELECT.inputSelect { display:block; width:210px; float:left; } #aanvraagform tr.off td#factuurToggle { text-align:left; font-size:11px; } #aanvraagform tr.off td#factuurToggle INPUT.inputText { display:block; width:20px; float:left; margin-top:4px; } #aanvraagform P.requiredContactInfo { font-size:11px; padding-left:20px; text-align:right; padding-right:30px; color:#999999; } #aanvraagform P.requiredContactInfo span { color:#5494be; } /* PAYMENT METHOD SELECTOR */ DIV.paymentColumn { width:180px; min-height:200px; margin-bottom:10px; margin-top:10px; background-color:#fcfcfc; border:1px solid #ededed; } #aanvraagform DIV.paymentColumn P { margin:0px 5px 5px 10px; padding:0px 10px; } DIV.paymentHeader { width:160px; margin-bottom:5px; height:24px; } DIV.paymentHeader P { display:block; margin:0px; padding:0px; text-align:center; line-height:28px; color:#fff; width:160px; height:28px; } LABEL.radioLabelIdeal { display:block; width:98px; height:54px; float:left; margin-bottom:15px; background:url('http://www.internetscorecard.nl/img/layout/webshop_ideal.gif') no-repeat top left; } LABEL.radioLabelPaypal { display:block; width:98px; height:54px; float:left; cursor:pointer; background:url('http://www.internetscorecard.nl/img/layout/webshop_paypal.gif') no-repeat top left; } LABEL.radioLabelTNT { display:block; width:98px; height:54px; float:left; cursor:pointer; background:url('http://www.internetscorecard.nl/img/layout/webshop_tnt.gif') no-repeat top left; } DIV.paymentLeft { background:url('http://www.internetscorecard.nl/img/layout/webshop_paymentLeft.gif') no-repeat top left; height:54px; width:33px; margin-left:15px; float:left; cursor:pointer; } DIV.paymentLeft span { margin-top:18px; margin-left:8px;} Input.paymentRadio { margin-top:22px; margin-left:10px;} #bankselect { margin-bottom:10px; margin-left:15px;} /* ----------------------------------------- */ /* 3.2 RIGHTBAR */ /* ----------------------------------------- */ /* AUTHOR PHOTO */ DIV.author_holder { width:84px; float:left; margin:0 3px 0 10px; background:url('../img/content_right_auth_mid.gif') bottom left repeat-y; } DIV.author_top {width:84px; height:7px; background:url('../img/content_right_auth_top.gif') top left no-repeat; } DIV.author_bottom { width:84px; height:7px; background:url('../img/content_right_auth_bot.gif') bottom left no-repeat; } DIV.author_holder IMG { margin:0 0 0 7px; } DIV.author_title_holder { width:115px; float:left; border-bottom:1px solid #e7e7e7; padding-bottom:5px; margin-bottom:10px; } DIV.author_title_holder P A { text-shadow:0 1px 0px #e5e5e5; font-size:14px; font-weight:bold; color:#555555; letter-spacing:-1px; margin:0px; padding:0 0 0px 0px; } DIV.author_title_holder P em { font-size:10px; font-style:normal; } DIV.author_title_holder P { font-size:10px; color:#555555; margin:0px; padding:0 0 0px 2px; } #authorLinks a { display:block; float:left; padding:0px 3px 0px 0px; line-height:24px; font-size:11px; color:#575757; text-decoration:none; } #articleLinks a { clear:both; display:block; padding:0px 0px 5px 16px; line-height:24px; font-size:11px; color:#575757; text-decoration:none; } #authorLinks a:hover, #articleLinks a:hover { color:#ff6600; } #authorLinks a span, #articleLinks 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; } #authorBox { clear:both; } #authorPic { border:3px solid #e5e5e5; margin-left:8px; margin-right:5px; float:left;} /* INFOBOX */ #socialLinks a { display:block; width:200px; padding-left:16px; padding-bottom:5px; padding:0 0 5px 16px; line-height:24px; font-size:11px; color:#575757; text-decoration:none; } #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, a.print span, a.send span, a.cmmnt span, a.vcard 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; } a.print span { background-position:-16px -80px; } a.print:hover span { background-position: 0px -80px; } a.send span { background-position:-16px -96px; } a.send:hover span { background-position: 0px -96px; } a.cmmnt span { background-position:-16px -112px; } a.cmmnt:hover span { background-position: 0px -112px; } a.vcard span { background-position:-16px -128px; } a.vcard:hover span { background-position: 0px -128px; } #socialLinks a.cntct { margin:0 0 5px 16px; padding:5px 0 0 0; width:170px; border-bottom:1px solid #e7e7e7; font-weight:bold; font-size:12px; } /* SEARBAR TOP */ div.barholder { width:80px; float:left; margin-left:15px; margin-top:20px; } div.resultholder { width:520px; float:left; } div.searchholder { width:50px; height:10px; background-color:#FFFFFF; border-color:#575757; border-width:1px; border-style:solid; padding:0px; margin:0px; color:#575757; } div.searchresult { height:10px; padding:0px; margin:0px; background-color:#ff6e00; } hr.searchsplit { margin-bottom:15px; } span.selected { font-weight:bold;} a.search_url { font-size:11px; color:#575757; text-decoration:none; background-color:none;} a.search_url:hover { font-size:11px; color:#575757; text-decoration:underline;} a.searchtitle { font-size:12px; color:#666666; text-decoration:none; font-weight:bold; } a.searchtitle:hover { text-decoration:underline; color:#4892c7;} /* GRIJZE SUMMARY */ #greyReel H2 { font-size:14px; font-weight:bold; color:#575757; 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; } #greyReel P { font-size:11px; position:relative; display:block; padding:0px 12px 5px 12px; line-height:20px; } #greyReel P STRONG { font-size:12px; color:#575757; font-weight:bold; letter-spacing:-1px; } #greyReel P STRONG.blue { color:#5494be; } #greyReel P IMG.company { float:right; margin:3px; float:right; position:absolute; bottom:0px; } /* BLAUWE SUBBOX */ #blueReel { min-height:315px; } #blueReel H2, #tweetReel H2, #orangeReel H2, #alsobyBox 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; } #orangeReel H2 { color:#ff6600; } #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%; } /* 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; } #latestColumnBox P A { font-size:12px; } #latestColumnBox DIV.author { padding-right:5px;} #bestofmobileBox H2 { font-size:14px; font-weight:bold; color:#5494be; display:block; width:190px; margin:0 0 5px 10px; padding:0px 0 5px 0; text-shadow:0 1px 0px #e5e5e5; letter-spacing:-1px; } #bestofmobileBox #columnTop { font-size:10px; font-style:normal; color:#999999; line-height:18px; margin:0 10px 0px 10px; } /* OOK GESCHREVEN: */ #alsobyBox p { font-size:10px; font-style:normal; color:#999999; line-height:18px; margin:0 10px 0px 10px;} #alsobyBox p strong { text-shadow:0 1px 0px #e5e5e5; font-size:14px; color:#555555; font-weight:bold; letter-spacing:-1px;} #alsobyBox ul { margin:5px 10px 0px 10px; border-top:1px solid #e7e7e7; } #alsobyBox ul li { margin:0 0 0px 15px; padding:5px 0 5px 0; list-style:square; color:#5494be; } #alsobyBox ul li a { line-height:16px; font-size:11px; color:#575757; text-decoration:none; } #alsobyBox ul li a:hover { text-decoration:underline; color:#5494be; } /* LATEST COMMENTS */ DIV.sideComment { width:200px; border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin:0px 10px; } IMG.gravatarSidebar { border-bottom:1px solid #d7d7d7; border-top:1px solid #fff; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; padding:2px; margin-top:5px; margin-right:5px; width:28px; float:left; } DIV.sideComment A span { text-shadow:0 1px 0px #e5e5e5; font-size:12px; font-weight:bold; color:#555555; letter-spacing:-1px; } DIV.sideComment A:hover span { color:#5494be; text-decoration:none; } DIV.sideComment A:hover { color:#5494be; text-decoration:none; } DIV.sideComment A { font-size:11px; color:#555555; margin-bottom:5px; } /* CUSTOMER RIGHTBAR */ 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; } /* BLAUWE SUMMARY */ ul.blueList { margin:-5px 0 0px 10px; padding:0 12px 5px 2px; width:180px; } 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:#555555; 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; } /* GRIJZE SUMMARY */ ul.greyList { width:180px; border-bottom:1px solid #e7e7e7; margin:0px 0 10px 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 li a { font-size:11px; color:#5494be; padding:0 8px 0 0; font-weight:bold; letter-spacing:-1px; text-decoration:none; 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; } /* SPECIALISMEN SUMMARY */ #sumList { margin:0px 0 0px 10px; padding:0 5px 5px 2px; width:205px; } #sumList li { margin:0 0 10px 15px; padding:0px 0 0 0; list-style:square; color:#ff6600; line-height:18px; } #sumList li a { font-size:11px; line-height:18px; padding:0 8px 0 0; text-decoration:none; color:#555555; } #sumList li a:hover { font-size:11px; color:#ff6600; padding:0 9px 0 0; text-decoration:none; } #sumList li a span { font-size:12px; 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;} #sumList li a:hover span { font-size:12px; color:#ff6600; text-decoration:underline; padding:0 9px 0 0; } /* SPECIALISMEN SUMMARY */ #relatedList { margin:0px 0 0px 10px; padding:0 5px 5px 2px; width:205px; } #relatedList li { margin:0 0 10px 15px; padding:0px 0 0 0; list-style:square; color:#ff6600; line-height:18px; } #relatedList li a { font-size:11px; line-height:18px; padding:0 8px 0 0; text-decoration:none; color:#555555; } #relatedList li a:hover { font-size:11px; color:#ff6600; padding:0 9px 0 0; text-decoration:none; } #relatedList li a span { font-size:12px; 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;} #relatedList li a:hover span { font-size:12px; color:#ff6600; text-decoration:underline; padding:0 9px 0 0; } /* WEBSHOP ICONS */ DIV.betterTogether{ background-image:url(/img/full/btFF2010.jpg); background-repeat:no-repeat; margin-top:7px; height: 180px; width:212px; margin-left:3px; } DIV.btButton{ position:relative; float:left; clear:both; margin-left:45px; margin-bottom:10px; } DIV.iconBox H2, DIV.bt H2{ font-size:14px; font-weight:bold; color:#575757; display:block; width:190px; margin:0 0 5px 10px; padding:0px 0 0px 0; border-bottom:1px solid #e7e7e7; text-shadow:0 1px 0px #e5e5e5; letter-spacing:-1px; line-height:30px; } DIV.iconBox div { width:48px; height:36px; margin-left:3px; float:left; display:block; background:url('../img/full/webshopIcons.gif') no-repeat ; } #bt_icon{ width:48px; height:36px; margin-left:3px; float:left; display:block; background:url('../img/full/webshopIconBT.jpg') no-repeat ; } DIV.iconBox #opt1 { background-position:0px 0px; } DIV.iconBox #opt2 { background-position:0px -36px; } DIV.iconBox #opt3 { background-position:0px -72px; } DIV.iconBox #opt4 { background-position:0px -108px; } DIV.iconBox #opt5 { background-position:0px -144px; } DIV.iconBox P { font-size:11px; font-style:normal; color:#555555; line-height:20px; margin:0 15px 0px 15px;} /* ADVERTENTIE RIGHTBAR */ DIV.advertSlider { height:225px; 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:8px; } 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:hidden; width: auto; border: 0; } .anythingSlider .slideWrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* CUSTOM ADVERTENTIES */ #iscAdvert, #ffAdvert, #occAdvert, #vsAdvert, #smAdvert, #omiAdvert { 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:8px; } #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:#ff6600; 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; } /* ----------------------------------------- */ /* EXEPTIONS 1.2 MEDEWERKER PAGINA */ /* ----------------------------------------- */ /* IMAGES */ A.medewerkerLink, A.medewerkerLink:hover { display:block; text-decoration:none; } #content A.medewerkerLink SPAN.medewerkerImgholder { background-color:#f7f7f7; display:block; width:185px; float:left; margin:15px 10px 15px 10px; padding:5px 0px 5px 5px; border:2px solid #e5e5e5; -moz-border-radius:6px; -webkit-border-radius:6px; } #content A.medewerkerLink:hover SPAN.medewerkerImgholder { border:2px solid #d9d9d9; cursor:pointer; } #content A.medewerkerLink SPAN.medewerkerImgholder IMG { margin:0px auto; padding:2px; display:block; float:left; background-color:#FFF; border:1px solid #e5e5e5; } #content A.medewerkerLink SPAN.medewerkerImgholder H3 { width:90px; float:left; margin:0px 0px 0px 5px; font-size:14px; text-align:left; } #content A.medewerkerLink:hover SPAN.medewerkerImgholder H3 { color:#5494be; text-decoration:none; } #content A.medewerkerLink SPAN.medewerkerImgholder P { text-align:left; float:left; width:105px; margin:5px 0px 0px 5px; font-size:11px; line-height:16px; color:#5D5D5D; } #content A.medewerkerLink:hover SPAN.medewerkerImgholder P { text-decoration:none; } #content A.medewerkerLink SPAN.medewerkerImgholder span.medewerkerThumbGrey { margin:0px auto; padding:0px; display:block; height:105px; width:70px; float:left; background-color:#FFF; border:1px solid #e5e5e5; } #content A.medewerkerLink:hover SPAN.medewerkerImgholder span.medewerkerThumbGrey { background-position:bottom left;} #medewerker1 { background:url('../img/medewerkers/grey/thumb_geert-jan_smits.jpg') top left; } #medewerker2 { background:url('../img/medewerkers/grey/thumb_matthijs_kanis.jpg') top left; } #medewerker3 { background:url('../img/medewerkers/grey/thumb_joost_steins_bisschop.jpg') top left; } #medewerker4 { background:url('../img/medewerkers/grey/thumb_jan_albers.jpg') top left; } #medewerker20 { background:url('../img/medewerkers/grey/thumb_robert_jan_van_nouhuys.jpg') top left; } #medewerker6 { background:url('../img/medewerkers/grey/thumb_linda_volkers.jpg') top left; } #medewerker31 { background:url('../img/medewerkers/grey/thumb_nicole_van_thoor.jpg') top left; } #medewerker9 { background:url('../img/medewerkers/grey/thumb_saskia_aalberts.jpg') top left; } #medewerker10 { background:url('../img/medewerkers/grey/thumb_tim_besselink.jpg') top left; } #medewerker13 { background:url('../img/medewerkers/grey/thumb_geert_jan_grimberg.jpg') top left; } #medewerker14 { background:url('../img/medewerkers/grey/thumb_matthijs_van_gaalen.jpg') top left; } #medewerker23 { background:url('../img/medewerkers/grey/thumb_sebastiaan_van_rijsewijk.jpg') top left; } #medewerker22 { background:url('../img/medewerkers/grey/thumb_kars_kingma.jpg') top left; } #medewerker11 { background:url('../img/medewerkers/grey/thumb_nicoline_van_elten.jpg') top left; } #medewerker26 { background:url('../img/medewerkers/grey/thumb_bart_ter_steege.jpg') top left; } #medewerker32 { background:url('../img/medewerkers/grey/thumb_anne-roos_hassing.jpg') top left; } #medewerker39{ background:url('../img/medewerkers/grey/thumb_marijke_van_moll.jpg') top left; } #medewerker17 { background:url('../img/medewerkers/grey/thumb_christiaan_mutschelknauss.jpg') top left; } #medewerker36 { background:url('../img/medewerkers/grey/thumb_yke_bolman.jpg') top left; } #medewerker34 { background:url('../img/medewerkers/grey/thumb_daphne_gehrels.jpg') top left; } #medewerker38 { background:url('../img/medewerkers/grey/thumb_roeland_van_den_akker.jpg') top left; } #medewerker37 { background:url('../img/medewerkers/grey/thumb_eduard_de_wilde.jpg') top left; } #medewerker27 { background:url('../img/medewerkers/grey/thumb_rachelle_van_der_linden.jpg') top left; } #medewerker40 { background:url('../img/medewerkers/grey/thumb_kamiel_van_buuren.jpg') top left; } #medewerker41 { background:url('../img/medewerkers/grey/thumb_peter_akerboom.jpg') top left; } #medewerker43{ background:url('../img/medewerkers/grey/thumb_carola_volman.jpg') top left; } #medewerker44 { background:url('../img/medewerkers/grey/thumb_lars_galesloot.jpg') top left; } #medewerker45 { background:url('../img/medewerkers/grey/thumb_bianca_beumer.jpg') top left; } #medewerker46 { background:url('../img/medewerkers/grey/thumb_chris_van_mook.jpg') top left; } #medewerker47 { background:url('../img/medewerkers/grey/thumb_herman-jan_carmiggelt.jpg') top left; } #medewerker48 { background:url('../img/medewerkers/grey/thumb_patricia-bonink.jpg') top left; } #medewerker49 { background:url('../img/medewerkers/grey/thumb_gitta-bartling.jpg') top left; } /* ----------------------------------------- */ /* EXEPTIONS 1.2 MEDEWERKER PAGINA */ /* ----------------------------------------- */ #popupContent { background-color:#f7f7f7; display:block; width:460px; float:left; margin:10px; padding:5px; border:2px solid #e5e5e5; -moz-border-radius:6px; -webkit-border-radius:6px; } #content_item_half IMG.employeeImg, #popupContent IMG.employeeImg { margin:0 10px 0 10px; padding:2px; display:block; float:left; background-color:#FFF; border:1px solid #e5e5e5; } #content_item_half h2.employeeTitle, #popupContent H2.employeeTitle { text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:18px; font-weight:bold; color:#555555; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; text-transform:none; } #content_item_half P.employeeFunction, #popupContent P.employeeFunction { text-align:left; float:left; font-style:italic; border:1px solid #e5e5e5; font-size:12px; line-height:18px; color:#5D5D5D; margin:10px 0 0 -3px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFF; padding:2px 6px 3px 6px; } a.popupLink { border:1px solid #e5e5e5; font-size:11px; line-height:18px; color:#5D5D5D; margin:10px 5px 5px 0px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:1px 3px 2px 3px; float:right; background:none; background-color:#FFF; } a.popupLink:hover { color:#5494be; } #content_item_half P.employeeSummary, #popupContent P.employeeSummary { text-align:left; margin:33px 0px 10px 5px; font-size:11px; line-height:22px; color:#5D5D5D; border-bottom:1px solid #e5e5e5; } DIV.content_item_half P.employeeSummary, #popupContent P.employeeSummary { text-decoration:none; } #employeeLinks a { display:block; float:left; line-height:24px; font-size:11px; color:#575757; text-decoration:none; text-align:left; border:1px solid #e5e5e5; line-height:18px; color:#5D5D5D; margin:10px 0px 5px 5px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFF; padding:2px 6px 5px 10px; } #employeeLinks a:hover { color:#5494be; } #employeeLinks a span { display:block; float:left; height:16px; width:16px; margin:2px 4px 0 0; } a.vCard span { background-position:-16px -128px; } a.vCard:hover span { background-position: 0px -128px; } a.cntct IMG { margin-top:3px; } #popupSidebar { background-color:#f7f7f7; display:block; width:360px; float:left; margin:10px; padding:5px; border:2px solid #e5e5e5; -moz-border-radius:6px; -webkit-border-radius:6px; } #sidebarContent { display:block; width:410px; float:left; margin:0px; padding:5px;} #popupSidebar H3 { text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:18px; font-weight:bold; color:#555555; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; text-transform:none; } #sidebarArticleList { margin:0px 0px 0px 20px; padding:0px; } #sidebarArticleList li { padding:0px 0px 0px 5px; margin-top:5px; list-style-type:square; color:#ccc; line-height:18px; font-size:10px; min-height:45px; font-size:12px; color:#5494be; } #sidebarArticleList li a { padding:0 20px 0 0px; width:230px; text-decoration:none; color:#555555; } #sidebarArticleList li a:hover { font-size:12px; color:#5494be; text-decoration:none; } #sidebarArticleList li a span { font-size:12px; color:#575757; text-decoration:none; line-height:22px; } #sidebarArticleList li a:hover span { font-size:12px; color:#5494be; text-decoration:underline; } div.newsSum { float:right; width:580px; } div.newsCalender { display:block; width:65px; text-align:right; float:left; border-right:1px solid #5494be; margin-right:5px; padding-right:15px; margin-top:15px; margin-left:10px; } div.newsCalender span.cal_day { font-size:22px; color:#5494be; margin:0px; padding:0px; text-align:right; font-weight:bold; line-height:30px; text-shadow:0 1px 0px #e5e5e5; } div.newsCalender span.cal_date { font-size:14px; color:#5494be; text-transform:uppercase; text-align:left; line-height:12px; text-shadow:0 1px 0px #e5e5e5; display:block; float:right; width:30px; margin:4px 0 0; padding:0px; } DIV.ieBreak { display:none;} div.popupCalender { display:block; width:65px; text-align:right; float:right; border-left:1px solid #cccccc; } div.popupCalender span.cal_day { font-size:18px; color:#ccc; margin:0px; padding:0px; text-align:right; font-weight:bold; line-height:30px; text-shadow:0 1px 0px #e5e5e5; } div.popupCalender span.cal_date { font-size:10px; color:#ccc; text-transform:uppercase; text-align:left; line-height:12px; text-shadow:0 1px 0px #e5e5e5; display:block; float:right; width:30px; margin:4px 0 0; padding:0px; } div.bookmarkHolder { margin-top:20px; padding-top:40px; border-top:1px solid #e5e5e5;} div.bookmarkBox, div.ratingBox { background-color:#F2F2F2; border:2px solid #d9d9d9; width:310px; z-index:5; position:relative; padding-top:20px; float:left; -moz-border-radius:6px; -webkit-border-radius:6px; height:60px; } div.miniBookmarkBox { background-color:#F2F2F2; border:2px solid #d9d9d9; width:200px; z-index:5; position:relative; margin-top:15px; padding-top:15px; margin-left:7px; float:left; -moz-border-radius:6px; -webkit-border-radius:6px; height:45px; } div.miniBookmarkBox H5 { font-family:Helvetica,Arial,sans-serif; line-height:32px; text-shadow:0 1px 0px #cccccc; letter-spacing:-1px; font-size:18px; font-weight:bold; position:absolute; z-index:10; top:-16px; left:0px; margin:0 0 0 0; padding:0px 0px 0px 5px; display:block; } div.bookmarkBox H5, div.ratingBox H5 { font-family:Helvetica,Arial,sans-serif; line-height:32px;text-shadow:0 1px 0px #cccccc; letter-spacing:-1px; font-size:22px; font-weight:bold; position:absolute; z-index:10; top:-16px; left:0px; margin:0 0 0 0; padding:0px 0px 0px 15px; display:block; } #complete { color:#ff5f00; } #bookmarkHook a { text-indent:-9999px; display:block; float:left; margin:5px 0px 15px 15px; width:30px; height:31px; background:url('../img/full/socialBookmarkSprite.gif'); } #bookmarkHook #bookmarkTwitter:hover { background-position:-30px 0px } #bookmarkHook #bookmarkTwitter { background-position:0px 0px; } #bookmarkHook #bookmarkDigg:hover { background-position:-30px -31px; } #bookmarkHook #bookmarkDigg { background-position:0px -31px; } #bookmarkHook #bookmarkDelicious:hover { background-position:-30px -62px; } #bookmarkHook #bookmarkDelicious { background-position:0px -62px; } #bookmarkHook #bookmarkStumble:hover { background-position:-30px -93px; } #bookmarkHook #bookmarkStumble { background-position:0px -93px; } #bookmarkHook #bookmarkFacebook:hover { background-position:-30px -124px; } #bookmarkHook #bookmarkFacebook { background-position:0px -124px; } div.rating { margin-left:15px; margin-top:0px; } #ratingHook p { font-size:11px; margin-left:15px; padding:0px; margin:0px 0px 5px 15px; } div.bookmarkBox H5 { color:#555555; } div.ratingBox H5 { color:#555555; } div.bookmarkBox { margin-right:20px;} /* ----------------------------------------- */ /* EXEPTIONS 1.1 BOEKEN PRODUCTPAGE */ /* ----------------------------------------- */ #tabNavigation li { text-shadow:0 1px 0px #f2f2f2; } #tabNavigation li.idle { cursor:pointer; } /* Tabs General */ DIV.mainTopTabs { width:700px; height:36px; } DIV.mainTopTabs UL { position:relative; background:url('../img/full/homeMainTabMidGrow.png') bottom left repeat-x; width:700px; height:36px; list-style-type:none; margin:0px; padding:0px; } DIV.mainTopTabs UL LI.active, DIV.mainTopTabs UL LI.idle { height:36px; list-style-type:none; min-width:100px; float:left; display:block; margin:0px; padding:0px; } DIV.mainTopTabs UL LI SPAN { height:36px; display:block; float:left; } DIV.mainTopTabs UL LI.spacer { display:block; float:left; width:14px; height:36px; background:url('../img/full/homeMainTabSplit.gif') no-repeat; background-position:-14px 0px; } DIV.mainTopTabs UL LI.endSpacer { display:block; float:left; width:9px; height:36px; position:absolute; bottom:-5px; right:0px; background:url('../img/full/homeMainTabFixRight.gif') bottom left no-repeat; } /* Tabs active */ DIV.mainTopTabs UL LI.active SPAN.tableft { width:7px; background:url('../img/full/homeMainTabSplit.gif') no-repeat; background-position:-28px 0px; } DIV.mainTopTabs UL LI.active #leftCorner { background-position:0px 0px; } DIV.mainTopTabs UL LI.active SPAN.tabmid { min-width:80px; text-align:center; line-height:36px; font-size:12px; font-weight:bold; color:#5494be; padding:0px 10px; background:url('../img/full/homeMainTabMid.gif') bottom left repeat-x; } DIV.mainTopTabs UL LI.active SPAN.tabright { width:7px; background:url('../img/full/homeMainTabSplit.gif') no-repeat; background-position:-35px 0px; } /* Tabs idle */ DIV.mainTopTabs UL LI.idle SPAN.tableft { width:7px; background:url('../img/full/homeMainTabSplit.gif') no-repeat; background-position:-56px 0px; } DIV.mainTopTabs UL LI.idle #leftCorner { background:url('../img/full/homeMainTabFixLeft.gif') no-repeat; height:39px; } DIV.mainTopTabs UL LI.idle SPAN.tabmid { min-width:80px; text-align:center; line-height:36px; font-size:12px; font-weight:bold; color:#555555; padding:0px 10px; background:url('../img/full/homeMainTabMidIdle.gif') bottom left repeat-x; } DIV.mainTopTabs UL LI.idle SPAN.tabright { width:7px; background:url('../img/full/homeMainTabSplit.gif') no-repeat; background-position:-7px 0px; } #inhoudContent { display:block; } #resensieContent { display:none; } #videoContent { display:none; } /* BOEKEN PRODUCTPAGE HEADER */ DIV.mainTopBoeken { width:700px; height:8px; background:url('../img/full/homeMainTB.png') top left no-repeat; } DIV.mainMidBoeken { width:700px; min-height:250px; background:url('../img/full/homeMainM.png') bottom left repeat-y; } DIV.mainBotBoeken { width:700px; height:8px; margin-bottom:20px; background:url('../img/full/homeMainB.png') bottom left no-repeat; } DIV.contentItemBBg{ clear:both; width:694px; height:250px; background:url('../img/full/bg_bookItem.gif') bottom left repeat-x; margin:0px 3px 0 -17px; } DIV.contentItemCover{ width:404px; height:235px; padding-left:280px; padding-top:15px; } #coverinternet_scorecard { background:url('../img/full/bookCoverIsc.jpg') bottom left no-repeat; } #coverfinest_fifty { background:url('../img/full/bookCoverFF10.jpg') bottom left no-repeat; } #coveronline_corporate_communications_magazine { background:url('../img/full/bookCoverOcc.jpg') bottom left no-repeat; } #coverbest_of_mobile { background:url('../img/full/bookCoverOMI.jpg') bottom left no-repeat; } #pricetagIsc { background:url('../img/full/pricetagtwentyfour.png') top left no-repeat; position:absolute; top:-5px; left:-43px; width:150px; height:60px; display:block; } #coverinternet_scorecard H2, #coverbest_of_mobile H2, #coverfinest_fifty H2, #coveronline_corporate_communications_magazine H2 { text-shadow:0 1px 0px #fff; padding:0px; font-size:24px; font-weight:bold; line-height:25px; color:#5494be; letter-spacing:-1px; display:block; margin:0px 0px 0px 0px; text-transform:none; } #coveronline_corporate_communications_magazine H2 { width:300px; } #coverinternet_scorecard P, #coverbest_of_mobile P, #coverfinest_fifty P, #coveronline_corporate_communications_magazine P { display:block; color:#555555; text-shadow:0 1px 0px #fff; font-size:12px; line-height:20px; width:400px; margin:0px 0px 0 0px; padding:0px; padding:2px 20px 10px 0px; } DIV.contentItemCoverContent { width:594px; height:235px; padding-left:100px; padding-top:15px; position:relative; } DIV.button_holder_bookContentExample { height:33px; float:left; position:absolute; bottom:-5px; } DIV.button_holder_bookContentExample2 { height:33px; float:right; position:absolute; bottom:-5px; right:190px; } DIV.button_holder_bookContentOrder { height:33px; float:right; position:absolute; bottom:-5px; right:13px; } #bookContentHolder { margin-left:150px;} #bookContentHolder H2, { line-height:20px; } #bookContentHolder strong { font-size:14px;} DIV.contentItemCover P STRONG { font-size:14px; } #coverfinest_fifty #bookContentHolder H2 { padding-left:50px;} #coverfinest_fifty #bookContentHolder P { padding-left:50px;} #coverfinest_fifty #bookContentHolder UL { padding-left:50px;} /* TABCONTENT */ #bookInfo { display:block; float:right; font-size:12px; margin:45px 0px 15px 30px; } #bookInfo table { border:1px solid #f2f2f2; } #bookInfo td { vertical-align:top; padding:1px 3px; } #bookInfo td H3 { margin:0px; padding:0px; color:#575757;} #bookInfo tr td { } #bookInfo tr.odd td { background-color:#fafafa; border:1px solid #f7f7f7; } #inhoudContent ol, #resensieContent ol { margin:-15px 0px 0px 20px; } #inhoudContent H2, #resensieContent H2 { padding-top:15px; margin-top:0px; } #inhoudContent ol li, #resensieContent ol li { color:#5494be; font-weight:bold; } #inhoudContent ol li strong, #resensieContent ol li strong { color:#555555; } #inhoudContent ol li span, #resensieContent ol li span { color:#555555; font-weight:normal; } #inhoudContent p.cases, #resensieContent p.cases { float:left; width:25%; display:block; margin:0px auto; font-size:12px; } #inhoudContent DIV.content_item, #resensieContent DIV.content_item { margin:10px -15px 0px -15px; padding:0px 15px 0px 15px; } /* BOOK ORDER ORANGE MAIN BUTTON */ DIV.button_holder_book { height:33px; float:right; margin-top:15px; border-bottom:0px solid #FFF;} A.buttonBook { height:33px; display:block; float:left; font-size:12px; letter-spacing:0px; font-weight:bold; text-decoration: none; margin:0 6px 0 0; padding:0 31px 0 0; background: transparent url('../img/contentItem_button_orange_b.gif') no-repeat scroll top right; border-bottom:0px solid #FFF; } A.buttonBook SPAN { display:block; color:#FFFFFF; line-height:16px; padding: 6px 0 10px 15px; text-shadow:0 -1px 0px #ff5f00; background:transparent url('../img/contentItem_button_orange_a.gif') top left no-repeat; border-bottom:0px solid #FFF; } A.buttonBook:hover { background-position: bottom right; text-decoration:none; outline: none; border:none; } A.buttonBook:hover SPAN { color:#FFFFFF; padding: 6px 0 10px 15x; text-shadow:0 1px 0px #ff5f00; background-position: 0px -33px; border:none; text-decoration:none; } /* ORANGE MAIN BUTTON */ DIV.button_holder_book { height:33px; float:right; margin-top:15px; border-bottom:0px solid #FFF;} A.buttonBookBlue { height:33px; display:block; float:left; font-size:12px; letter-spacing:0px; font-weight:bold; text-decoration: none; margin:0 6px 0 0; padding:0 31px 0 0; background: transparent url('../img/contentItem_button_blue_b.gif') no-repeat scroll top right; border-bottom:0px solid #FFF; } A.buttonBookBlue SPAN { display:block; color:#FFFFFF; line-height:16px; padding: 6px 0 10px 15px; text-shadow:0 -1px 0px #5494be; background:transparent url('../img/contentItem_button_blue_a.gif') top left no-repeat; border-bottom:0px solid #FFF; } A.buttonBookBlue:hover { background-position: bottom right; outline: none; border:none; text-decoration:none; } A.buttonBookBlue:hover SPAN { color:#FFFFFF; padding: 6px 0 10px 15px; text-decoration:none; text-shadow:0 1px 0px #5494be; background-position: 0px -33px; border:none; } /* ----------------------------------------- */ /* EXEPTIONS 1.2 SIJTHOFF */ /* ----------------------------------------- */ DIV.sijthoff { margin-top:15px; } /* ----------------------------------------- */ /* EXEPTIONS 1.2 DIENSTPAGE SERVICE SUMMARYS */ /* ----------------------------------------- */ /* SUBMENU SERVICES */ #serviceNavigation { width:940px; position:relative; } #serviceNavigation H2 { margin:10px 0px 10px 0px; } #serviceNavigation ul { list-style-type:none; float:left; position:relative; margin:0px; padding:0px; } #serviceNavigation ul li { list-style-type:none; margin:0px; padding:0px; list-style-image:none; position:relative; } #serviceNavigation ul li a { display:block; height:70px; width:297px; position:relative; padding:3px 10px 0px 10px; margin:0px 20px 15px 0px; color:#555555; font-size:11px; line-height:19px; text-shadow:0 1px 0px #fff; white-space:normal; zoom:1; border:0px; background:url('../img/full/serviceSummary.gif') top left no-repeat; } #serviceNavigation ul li a:hover { text-decoration:none; color:#666666; zoom:1; display:block; height:70px; width:297px; position:relative; background:url('../img/full/serviceSummary.gif') bottom left no-repeat; padding:3px 10px 0px 10px; border:none; margin:0px 20px 15px 0px; } #serviceNavigation ul li a strong { font-size:14px; color:#666666; line-height:22px; letter-spacing:-1px; text-transform:none; } #serviceNavigation ul li a:hover strong { color:#5494be; } /* BOTTOMPAGE RELATED BUTTONS */ #halfLeft { float:left; position:relative; } #halfLeft H2 { margin:10px 0px 10px 0px;} #halfLeft ul { list-style-type:none; float:left; margin:0px; padding:0px; position:relative; } #halfLeft ul li { list-style-type:none; margin:0px; padding:0px; position:relative; list-style-image:none; } #halfLeft ul li a { display:block; height:45px; width:280px; position:relative; padding:3px 0px 0px 10px; margin:5px 10px 10px 0px; color:#808080; font-size:11px; -moz-border-radius:0px; -webkit-border-radius:0px; background-color:none; text-shadow:0 1px 0px #fff; letter-spacing:-1px; border:0px; background:url('../img/full/arrowButton.gif') top left no-repeat; } #halfLeft ul li a:hover { text-decoration:none; color:#5494be; zoom:1; position:relative; background-position:bottom left; -moz-border-radius:0px; border:none; -webkit-border-radius:0px; background-color:#FFF; padding:3px 0px 0px 10px; margin:5px 10px 10px 0px; } #halfLeft ul li a strong { font-size:14px; color:#666666; line-height:18px; position:relative; letter-spacing:-1px; text-transform:none; -moz-border-radius:0px; -webkit-border-radius:0px; background-color:none; } #halfLeft ul li a:hover strong { position:relative; color:#5494be; } /* BOTTOMPAGE MAIN CFA BUTTONS */ #halfRight { float:right; width:335px; border-left:1px solid #e5e5e5; padding-left:20px; } #halfRight H2 { font-family:Helvetica,Arial,sans-serif; text-shadow:0 1px 0px #e5e5e5; padding:0px; font-size:2.4em; font-weight:bold; color:#ff6600; letter-spacing:-1px; margin:10px 0px 0px 0px; text-transform:none; } /* ----------------------------------------- */ /* EXEPTIONS 1.2 CUSTOMERS */ /* ----------------------------------------- */ DIV.customerGroup { clear:both; width:694px; margin:0px 3px 0 3px; padding:15px 0 15px 0; position:relative; } DIV.customerGroup p { margin:0px; padding:0px; } DIV.customerRow { clear:both; width:694px; margin:0px 3px 0 3px; padding:0px 0 0px 0; height:115px; } DIV.customerHolder { width:150px; float:left; margin:0 15px 0 0; display:block; height:100px; border:1px solid #e5e5e5; position:relative; } DIV.customerHolder IMG { margin:10px 4px; } DIV.customerCaseImgButton { width:150px; height:100px; position:absolute; z-index:150; cursor:pointer; background:url('../img/customers/caseFlag.png') top right no-repeat; } #klantcases { border:1px solid #cfcfcf; background-color:#e8e8e8; margin:40px 0 25px 0; position:relative; z-index:10; -moz-border-radius:6px; -webkit-border-radius:6px; background:url('../img/full/customerSliderBg.gif') bottom left repeat-x #e8e8e8; } div.caseBorder { -moz-border-radius:6px; -webkit-border-radius:6px; padding:10px; border:1px solid #FFF; min-height:400px; position:relative; } DIV.hiddenCase { display:none;} #klantcases H2 { text-shadow:0 1px 0px #FFF; padding:0px; z-index:15; font-size:24px; font-weight:bold; line-height:38px; position:absolute; top:-44px; left:10px; color:#5494be; letter-spacing:-1px; text-transform:none; } #klantcases H2 span { font-size:18px; } #klantcases H3 { text-shadow:0 1px 0px #FFF; padding:0px; font-size:16px; font-weight:bold; color:#555555; letter-spacing:-1px; margin:0px 0px 0px 0px; text-transform:none; } #klantcases P { text-shadow:0 1px 0px #FFF; color:#555555; } #klantcases A { background-color:none; text-decoration:underline; color:#000; border:0px; } /* LISTS UL */ #klantcases UL { margin:0px 0 15px 15px; padding:0 15px 0 5px; } #klantcases UL LI { font-size:12px; line-height:20px; vertical-align:top; color:#5494be; padding:0 0 0px 0px; list-style:square; list-style-image:none; } #content #klantcases UL LI A, #klantcases P A { background:none; text-decoration:none; color:#5494be; padding:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #content #klantcases UL LI A:hover, #klantcases P A:hover { background:none; text-decoration:underline; color:#5494be; padding:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #klantcases UL LI SPAN { color:#555555; text-shadow:0 1px 0px #FFF; } /* IMG */ DIV.customerCaseHolder { width:150px; float:right; background-color:#FFF; margin:0 0 0 15px; display:block; height:100px; border:1px solid #cfcfcf; position:relative; } DIV.customerCaseHolder IMG { margin:10px 4px; } #customerCaseSliderNav { position:absolute; bottom:0px; display:block; height:30px; width:636px; } #previousCase { float:left; position:absolute; bottom:8px; left:8px; width:108px; height:21px; display:block; cursor:pointer; background:url('../img/full/customerNavSprite.gif'); background-position:0px -21px; } #nextCase { float:right; position:absolute; bottom:8px; right:8px; width:125px; height:21px; display:block; cursor:pointer; background:url('../img/full/customerNavSprite.gif'); background-position:-108px -21px; } #customerCaseSliderNav UL { list-style:none; width:600px; height:30px; margin:0px auto; padding:0px 0px 0px 200px; } #customerCaseSliderNav UL LI { bottom:8px; float:left; height:21px; width:21px; cursor:pointer; padding:0px; margin:0px; list-style-image:none; list-style:none; text-indent:-9999px; background:url('../img/full/customerNavSprite.gif'); background-position:-233px -21px; } LI.activeCustomer { background-position:-233px 0px; cursor:pointer; } #customerCaseSliderNav UL LI:hover, #customerCaseSliderNav UL LI.activeCustomer { background-position:-233px 0px; cursor:pointer; } div.hover { background-position:-108px 0px; } /* ----------------------------------------- */ /* PRESS LIST */ /* ----------------------------------------- */ img.PressImg { border:1px solid #d0d0d1; float:left; width:150px; padding:4px; margin:0px 10px 0 15px;} DIV.pressItem H2 { } DIV.pressItem { clear:both; width:664px; background:url('../img/cntnt_item_bg.gif') bottom left repeat-x; margin:0px 3px 0 3px; padding:15px 15px 15px 15px; } DIV.pressItem H2 { text-shadow:0 1px 0px #cccccc; padding:0px; font-size:18px; letter-spacing:-1px; margin:0px 15px 0 15px; text-transform:none; } DIV.pressItem H2 A {color:#5494be; text-decoration:none; border:0px; } DIV.pressItem H2 A:hover { color:#5494be; text-decoration:none;} DIV.pressItem P { color:#333333; font-size:12px; line-height:20px; margin:0px 0px 0 0px; padding:0px; padding:2px 20px 0px 15px; } DIV.pressItem A.pressLink, DIV.pressItem P A { text-decoration:none; letter-spacing:-1px; padding:0px 9px 3px 6px; background:url('../img/link_arrow.gif') center right no-repeat; color:#5494be; font-size:12px; background-color:#f7f7f7; -moz-border-radius:6px; -webkit-border-radius:6px; white-space:nowrap; } DIV.pressItem A.pressLink:hover, DIV.pressItem P A:hover { padding:0px 10px 3px 6px; margin-top:1px; white-space:nowrap; background-color:#e5e5e5; text-decoration:none; } /* ----------------------------------------- */ /* 3.2 LANDINGPAGE */ /* ----------------------------------------- */ DIV.contentspecialismen { padding:10px 10px 10px 10px; height:302px; width:664px; clear:both; margin:0px 0px 0px 8px; background:url('../img/full/landingbgSpecialismen.jpg') no-repeat top left; } DIV.contentpublicaties { padding:10px 10px 10px 10px; height:302px; width:664px; clear:both; margin:0px 0px 0px 8px; background:url('../img/full/landingbgPublicaties.jpg') no-repeat top left; } DIV.contentover_ons { padding:10px 10px 10px 10px; height:302px; width:664px; clear:both; margin:0px 0px 0px 8px; background:url('../img/full/landingbgOverons.jpg') no-repeat top left; } DIV.contentcarriere { padding:10px 10px 10px 10px; height:302px; width:664px; clear:both; margin:0px 0px 0px 8px; background:url('../img/full/landingbgCarriere.jpg') no-repeat top left; } DIV.contentnieuws { padding:10px 10px 10px 10px; height:302px; width:664px; clear:both; margin:0px 0px 0px 8px; background:url('../img/full/landingbgNieuws.jpg') no-repeat top left; } DIV.landingBox { background-color:rgba(19,19,19,0.80); -moz-border-radius:6px; -webkit-border-radius:6px; width:310px; padding:10px; } DIV.landingBox H2 { color:#FFF; } DIV.landingBox P { color:#FFF; font-size:12px; } DIV.landingBox UL { margin-top:5px; } DIV.landingBox UL LI { color:#FFF; margin-left:25px; margin-top:5px; list-style:none; list-style-image:url('../img/full/whiteListArrow.png'); } DIV.landingBox UL LI A { color:#FFF; font-size:12px; border-bottom:1px dotted #FFF; } DIV.landingBox UL LI A:hover { border-bottom:1px solid #FFF; text-decoration:none;} #subInsights { height:360px; width:206px; margin:-5px 3px 0px 3px; padding:8px 0 0 8px; background:url('../img/full/landingbgInsights.jpg') no-repeat top left; } #subOntwerp { height:360px; width:206px; margin:-5px 3px 0px 3px; padding:8px 0 0 8px; background:url('../img/full/landingbgOntwerp.jpg') no-repeat top left; } #subAdvies { height:360px; width:206px; margin:-5px 3px 0px 3px; padding:8px 0 0 8px; background:url('../img/full/landingbgAdvies.jpg') no-repeat top left; } #subInterim { height:360px; width:206px; margin:-5px 3px 0px 3px; padding:8px 0 0 8px; background:url('../img/full/landingbgInterim.jpg') no-repeat top left; } #subInsights H3, #subOntwerp H3, #subAdvies H3, #subInterim H3 { background-color:rgba(19,19,19,0.80); -moz-border-radius:6px; -webkit-border-radius:6px; width:110px; min-height:50px; padding:5px 5px 8px 5px; line-height:16px; margin-left:75px; color:#FFFFFF; letter-spacing:-1px; text-shadow:0 -1px 0px #000; text-transform:uppercase; font-weight:bold; } #subInsights H3 { font-size:11px; font-weight:normal; margin-top:130px; padding-top:12px; min-height:38px; } #subOntwerp H3 { font-size:11px; font-weight:normal; margin-top:130px; } #subAdvies H3 { font-size:11px; font-weight:normal; margin-top:130px; } #subInterim H3 { font-size:11px; font-weight:normal; margin-top:130px; padding-top:12px; min-height:38px; } #subInsights H3 EM, #subOntwerp H3 EM, #subAdvies H3 EM, #subInterim H3 EM { font-style:normal; display:block; letter-spacing:-1px; font-weight:normal; } #subInsights H3 EM { font-size:26px; padding-bottom:5px; letter-spacing:-2px; } #subAdvies H3 EM { font-size:18px; padding-bottom:2px; } #subOntwerp H3 EM.top { font-size:18px; padding-bottom:2px; } #subInterim H3 EM { font-size:18px; letter-spacing:-1px; } #subInsights H2, #subOntwerp H2, #subAdvies H2, #subInterim H2 { text-shadow:0 1px 0px #cccccc; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#333333; letter-spacing:-1px; margin:25px 0px 0 0px; text-transform:none; } #subInsights P, #subOntwerp P, #subAdvies P, #subInterim P { color:#333333; font-size:12px; line-height:20px; margin:0px 0px 10px 0px; padding:0px; padding:2px 20px 0px 0px; } /* ----------------------------------------- */ /* 3.2 BUTTONS */ /* ----------------------------------------- */ /* BLUE BUTTON SMALL */ DIV.advertButton { height:36px; float:right; border-bottom:0px solid #FFF; margin:45px 0 0 0;} /* BLUE BUTTON SMALL */ DIV.button_holder_blue { height:36px; border-bottom:0px solid #FFF; margin:0px 0px 0 10px;} A.button_blue { height:23x; 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 #FFF; } A.button_blue 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 #FFF; } A.button_blue:hover { background-position: top right; outline: none; border:none; } A.button_blue:hover SPAN { color:#FFFFFF; padding: 4px 0 6px 10px; background-position: top left; border:none; } /* ORANGE BUTTON SMALL */ DIV.button_orange_holder { height:36px; float:right; border-bottom:0px solid #FFF; margin:15px 15px 0 0;} A.button_orange { height:23x; display:block; float:left; font-size:1.1em; font-weight:normal; text-decoration: none; margin:0 8px 0 0; padding:0 24px 0 0; background: transparent url('../img/content_button_sub2_a.gif') bottom right no-repeat scroll; border-bottom:0px solid #FFF; } A.button_orange SPAN { display:block; color:#FFFFFF; line-height:13px; padding: 4px 0 6px 10px; text-shadow:0 -1px 0px #ff5f00; background:transparent url('../img/content_button_sub2_b.gif') bottom left no-repeat; border-bottom:0px solid #FFF; } A.button_orange:hover { background-position: top right; outline: none; border:none; } A.button_orange:hover SPAN { color:#FFFFFF; padding: 4px 0 6px 10px; text-shadow:0 1px 0px #ff5f00; background-position: top left; border:none; } /* ORANGE MAIN BUTTON */ DIV.button_holder { height:64px; float:right; border-bottom:0px solid #FFF;} A.buttonMain { height:55x; display:block; float:left; font-size:1.2em; letter-spacing:0px; font-weight:bold; text-decoration: none; margin:0 6px 0 0; padding:0 31px 0 0; background: transparent url('../img/content_button_b.gif') no-repeat scroll top right; border-bottom:0px solid #FFF; } A.buttonMain SPAN { display:block; color:#FFFFFF; line-height:16px; padding: 6px 0 33px 25px; text-shadow:0 -1px 0px #ff5f00; background:transparent url('../img/content_button_a.gif') top left no-repeat; border-bottom:0px solid #FFF; } A.buttonMain:hover { background-position: bottom right; outline: none; border:none; } A.buttonMain:hover SPAN { color:#FFFFFF; padding: 6px 0 33px 25px; text-shadow:0 1px 0px #ff5f00; background-position: bottom left; border:none; } /* ----------------------------------------- */ /* 3.2 FOOTER */ /* ----------------------------------------- */ #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; } /* ----------------------------------------- */ /* 3.2 LIGHTBOX THICKBOX */ /* ----------------------------------------- */ #TB_closeWindowButton { text-decoration:underline; color:#ff5f00; } #TB_window { font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #333333; } #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:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #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; } /* ----------------------------------------- */ /* 3.2 LIGHTBOX THICKBOX */ /* ----------------------------------------- */ .query { font-size: 11px; color: #555555; padding:0px 3px 0px 3px; } .query .tweet_list { list-style-type: none; margin: 0; background-color: #FFF; } .query .tweet_list li { overflow: auto; padding: 8px 0px 8px 0px; margin:0px 8px 0px 8px; border-bottom:1px solid #e7e7e7; } .query .tweet_list li a { color: #5494be; } .query .tweet_list SPAN { color: #555555; } .query .tweet_list .tweet_avatar { marging:5px; padding:1px; border:1px solid #e7e7e7; float: right; } .query .tweet_list .tweet_avatar img { vertical-align: middle; } .query .tweet_list li a.twtdt { font-size:10px; white-space:nowrap; color:#999999; } .query .tweet_list li a.twtdt:hover { color:#555555; } .query .tweet_list li a.tweet_avatar:hover { border:1px solid #5494be; }