* {margin:0; padding:0; border:0;} .clear {clear: both;} body {margin:0; padding:0; font-family: "Arial", Trebuchet MS; font-size:11px; background:url(/data/images/bg-arrow.jpg) top center no-repeat #0061a8; color:#fff;} img {border: none; display:block;} a {color:#fff; text-decoration:none; outline-style: none;} h1 {font-size:20px; font-weight:bold;} h3 {font-size:14px; font-weight:normal;} h5 {font-size:14px; font-weight:bold; color:#0061a8; margin-bottom:20px;} #headcontainer {width:890px; margin:15px auto 0 auto; background:url(/data/images/headcontainer_bg.png) no-repeat top center; padding:30px 35px 0 35px;} #header {width:890px; height:93px;} #logo {float:left;} #top {width:585px; height:30px; float:left; margin-left:58px;} .doe-een-testinterview {display:block; width:148px; height:23px; background:url(/data/images/doe-een-testinterview_bg.png) no-repeat; font-size:13px; color:#fff; font-weight:bold; padding:7px 0 0 35px; float:left; display:none;} .inloggen {font:12px Trebuchet MS; display:block; width:71px; height:18px; background:url(/data/images/inloggen_bg.png) no-repeat; float:right; padding:1px 0 1px 0px; text-align:center;} #taalkeuze {float:right; list-style:none; margin-right:10px;} #taalkeuze li {position:relative;} #taalkeuze li a {font:12px Trebuchet MS; display:block; width:108px; height:18px; background:url(/data/images/taalkeuze_bg.png) no-repeat; padding:1px 0 1px 10px;} #taalkeuze li a img {display:inline; float:right; margin:2px 28px 0 0;} #taalkeuze li ul {position:absolute; top:20px; z-index:1; display:none; padding-top:1px; list-style:none;} #taalkeuze li:hover ul {display:block;} #taalkeuze li ul li a {background:#0061a8;} #taalkeuze li ul li a:hover {background:#3f8fc9;} #taalkeuze li ul li a img {margin:2px 15px 0 0;} #navigation {width:573px; height:29px; background:url(/data/images/navigation_bg.png) no-repeat; float:right; margin-top:22px; padding:12px 0 0 12px;} #navigation ul {list-style:none;} #navigation ul li {float:left; margin-right:18px; position:relative;} #navigation ul li a {font-size:13px; color:#ddd; font-weight:bold; float:left;} #navigation ul li a span {display:block; height:19px; padding-top:1px;} #navigation ul li a:hover {color:#fff;} #navigation ul li a:hover span {} #navigation ul li.active a {color:#0061a8; background:url(/data/images/navigation_a_active_bg_right.png) no-repeat top right; padding-right:5px;} #navigation ul li.active a span {display:block; height:19px; background:url(/data/images/navigation_a_active_bg.png) no-repeat; padding:1px 5px 0 10px;} #navigation ul li ul {width:126px; background:url(/data/images/navigation-ul_bg.png) no-repeat bottom #e5352c; position:absolute; top:20px; z-index:1; display:none; padding:10px 0 15px 20px;} #navigation ul li:hover ul {display:block; } #navigation ul li ul li {height:auto; float:none; margin-top:5px; } #navigation ul li ul li a {float:none; background:none;} #navigation ul li ul li a:hover {color:#fff !important;} #navigation ul li ul li a.subnav {background:none; color:#ddd;} #division {width:890px; margin-top:2px; overflow:hidden; clear:both;} #front {width:830px; height:274px; background:url(/data/images/front_bg.png) no-repeat top; padding:30px 30px 0 30px;} #front p {line-height:20px;} #front .left {width:385px; float:left;} #front .left h1 {display:block; height:50px; margin-bottom:10px;} #front .right {width:380px; float:right; padding:10px 5px 0 0;} #front .right p {line-height:20px;} #front .right p + p + p {margin-top:25px;} #front .right p a {font-size:10px; text-decoration:underline;} #front .right ul {list-style:none;} #front .right ul li {width:296px; border-bottom:1px solid #3071a2; line-height:30px;} #front .right ul li a {font-size:16px; font-weight:bold;} .split.s1 {} .split.s1 .left {width:270px; height:217px; float:left; position:relative;} .split.s1 .left ul {list-style:none; position:absolute; bottom:0;} .split.s1 .left ul li {width:270px; border-bottom:1px solid #ddd; line-height:30px;} .split.s1 .left ul li a {color:#777; font-size:16px; font-weight:bold;} .split.s1 .left ul li a:hover {color:#2a2a2a;} .split.s1 .left ul li.active a {color:#0061a8;} .split.s1 .right {width:584px; height:217px; background:url(/data/images/front-content_bg.png) no-repeat; float:right;} .split.s1 .right .tekst, .split.s1 .right .image-holder {height:153px;} .split.s1 .right .tekst {width:235px; float:left; margin:33px 0 0 30px; position:relative;} .split.s1 .right .tekst .inner {position:absolute; bottom:0;} .split.s1 .right .tekst .inner p {line-height:20px;} .split.s1 .right .image-holder {width:246px; float:right; margin:33px 30px 0 0;} .split.s2 {margin-top:20px;} .split.s2 .left {width:270px; float:left;} .split.s2 .left .nieuws {} .split.s2 .left .nieuws ul {list-style:none;} .split.s2 .left .nieuws ul li {width:230px; background:url(/data/images/hr.png) repeat-x bottom; color:#333; font-weight:bold; padding-bottom:5px; margin-top:5px;} .split.s2 .left .nieuws ul li a {font-size:10px; color:#333; text-decoration:underline; font-weight:normal; display:block;} .split.s2 .right {color:#333; width:584px; float:right;} .split.s2 .right h2 {font-size:15px; font-weight:bold;} .split.s2 .right p {line-height:20px; margin-top:20px;} .split.s2 .right a {color:#333; text-decoration:underline;} .split.s2 .right a:hover {color:#0061a8;} .referenties {margin-top:-20px;} .referenties table {width:584px; padding-bottom:20px; margin-top:20px; overflow:hidden;} .referenties table tr {width:584px; background:url(/data/images/hr.png) repeat-x bottom; overflow:hidden;} #refcarousel {border:1px solid #fff;} .referenties td {padding:10px 0px;} .nieuws {margin-top:-10px; float:left; line-height:20px;} .nieuws div#hidden {} .nieuws .meernieuws {display:block; float:right; margin-top:10px; padding-left:10px; background:url(/data/images/arrow_oudereberichten.png) left 5px no-repeat;} .nieuws ul {margin:0;} .nieuws ul li {list-style:none;} .nieuws ul li div.item {width:584px; background:url(/data/images/hr.png) repeat-x bottom; padding-bottom:10px; margin-top:10px; float:left;} .nieuws ul li div.item h4 {font-size:16px; color:#0061a8; font-weight:bold; float:left; width:470px;} .nieuws ul li div.item .datum {font-size:13px; color:#0061a8; font-weight:bold; width:110px; float:left; padding-top:2px;} .nieuws ul li div.item .tekst {width:470px; float:right;} .twitter {margin-top:-10px; line-height:20px;} .twitter .item {width:584px; background:url(/data/images/hr.png) repeat-x bottom; padding-bottom:10px; margin-bottom:10px; margin-top:10px; overflow:hidden;} .twitter .item h3.tweet a {font-size:16px; color:#0061a8; font-weight:bold; float:left; text-decoration:none;} .twitter .item .code {font-size:13px; color:#0061a8; font-weight:bold; width:100px; overflow:hidden; float:left; margin-top:0px;} .twitter .item .tekst {width:470px; float:right;} .twitter .item .tweet-time {margin-top:20px;} .twitter .bottom {margin-top:20px;} .twitter .bottom img {display:inline;} .twitter .bottom a {text-decoration:none !important; font-weight:bold;} .twitter .bottom .naartwitter {font-size:13px; color:#0061a8 !important; float:left;} .twitter .bottom .naartwitter img {vertical-align:middle; margin-right:10px;} .twitter .bottom .oudereberichten {float:right;} .twitter .bottom .oudereberichten:hover {color:#333 !important;} .twitter .bottom .oudereberichten img {margin-right:6px;} .reacties {line-height:20px;} .reactieplaatsen {font-size:13px; color:#0061a8 !important; text-decoration:none !important; font-weight:bold;} .reacties .item {width:584px; background:url(/data/images/hr.png) repeat-x bottom; padding-bottom:10px; margin-bottom:10px; margin-top:10px; overflow:hidden;} .reacties .item .auteur {width:110px; float:left; margin-top:-20px;} .reacties .item .auteur p {font-size:13px; color:#0061a8; font-weight:bold;} .reacties .item .auteur p + p {font-size:11px; color:#333; font-weight:bold; margin-top:0px;} .reacties .item .tekst {width:470px; float:right; margin-top:-20px;} .reacties .bottom {margin-top:20px;} .reacties .bottom img {display:inline;} .reacties .bottom a {text-decoration:none !important; font-weight:bold;} .reacties .bottom .oudereberichten {float:right;} .reacties .bottom .oudereberichten:hover {color:#333 !important;} .reacties .bottom .oudereberichten img {margin-right:6px;} .split.blocks {margin-top:30px;} .split.blocks .block {width:210px; height:113px; background:url(/data/images/block_bg.png) no-repeat; float:left; margin-right:34px; padding:20px 30px 30px 30px;} .split.blocks .block.no-margin {width:222px; background:url(/data/images/block_no-margin_bg.png) no-repeat; margin-right:0px;} .split.blocks .block p {line-height:14px;} .split.blocks .block div.logo {width:100px; height:60px; margin:0px 0 8px 110px;} .split.blocks .block div.logo img {max-width:100px; max-height:60px;} .split.blocks .block ul#referentie {margin:0; height:110px;} .split.blocks .block ul#referentie li {list-style:none; margin-bottom:10px;} .quote {width:207px; height:45px; padding:5px 0 0 0px; overflow:hidden;} .quote p {font-size:10px; color:#fff;} .quote p.name {color:#bbb;} .item, .socialmedia {margin-top:10px;} #footer {width:890px; height:148px; color:#0061a8; background:url(/data/images/footer-border.png) no-repeat; overflow:hidden; font-size:10px; padding-top:20px;} #footer a {color:#0061a8;} #sitemap {width:575px; float:left;} #sitemap .list {float:left; width:140px;} #sitemap .list ul {list-style:none; line-height:15px;} #sitemap .list li.titel {font-size:13px; font-weight:bold; line-height:35px;} #referenties {clear:both; float:left; margin-top:20px;} #referenties ul {height:25px; list-style:none;} #referenties ul li {float:left; margin-right:22px;} #referenties ul li a {float:left;} #referenties ul li.textlink a {margin-top:15px;} #contact-information {width:282px; float:right;} #contact-information h4 {font-size:13px; font-weight:bold; line-height:35px;} #contact-information address {font-style:normal; line-height:15px; float:left;} #contact-information ul {list-style:none; line-height:15px; float:left; margin-left:50px;} #tel-email {float:right; margin-top:25px;} #tel-email ul {list-style:none;} #tel-email li {font-size:18px; font-weight:bold; color:#0061a8; float:left; margin-left:50px;} #sitebottom {width:960px; height:10px; background:url(/data/images/sitebottom.png) no-repeat; margin:0 auto 15px auto;} /* doc2form */ .Doc2Form { vertical-align:top; font-style:normal; padding:20px; margin:10px 0px 20px 0px; background:#0061a8; } .Doc2Form input {width:380px; height:18px; margin-bottom:10px; padding:2px; background-color:#fff; border:1px solid #eee; float:left;} .Doc2Form textarea {width:380px; display:inline-block; margin-bottom:0px; height:100px; padding:2px; background-color:#fff; border:1px solid #eee;} .Doc2Form label {display: inline-block; width: 130px; min-height:30px; vertical-align:top; font-style:normal; margin:0px 0px 0px 0px; float:left;} .Doc2Form input.formButton {width:100px;height:25px;border:1px solid #eee;margin-top:20px;margin-bottom:0px;margin-right:0px;padding:2px;background-color:#4c5c46; color:#fff; float:right;} .Doc2Form input.formButton:hover {background-color:#006633; cursor:pointer;} h1, .doe-een-test-interview, #navigation a, #front .right li a, .split.s1 .left li a, h3, h4, #tel-email li, .twitter .item .code, .naartwitter, .reactieplaatsen {letter-spacing:0.5px;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */