@charset "utf-8";/* CSS Document *//* -----------------------------------------------Master Style Sheet for http://www.pixelsavvydesign.comAuthor:Shane Austin | www.shaneaustin.com | www.pixelsavvydesign.com          Version:2008.06----------------------------------------------- *//* normalize all default browser styles *//* normalize margins and padding */body, div, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0;padding:0;}/* normalize font-size for headers */h1, h2, h3, h4, h5, h6{font-size:100%;}/* normalizes font-style and font-weight to normal */address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}/* removes list-style from lists */table{border-collapse:collapse;border-spacing:0;}/* removes border from fieldset and img */fieldset, img{border:0;}/* left-aligns text in caption and th */caption, th{text-align:left;}/* removes quotation marks from q */q:before, q:after{content:'';}a:focus{    outline:none;}/*  end normalize */* {margin:0; padding:0;}body {background:#FFF url(../img/pixel.gif) top center repeat-x; font:normal normal normal 80% Arial, Helvetica, sans-serif; text-align:center; color:#696969; line-height:18px;}#PageContent {background:#FFF url(../img/pixel.gif) top center repeat-x; height:100%;}#wrapper {margin-left:auto; margin-right:auto; width:940px; min-height:635px; }#container {margin-left:auto; margin-right:auto; width:940px; min-height:500px; height:auto!important; height:500px; background-repeat:no-repeat; text-align:left;}/* -------------------------------------------------- *//* --------------------- BASIS -------------------- *//* -------------------------------------------------- */h1{margin-bottom:8px; font:normal normal normal 150% Arial, Helvetica, sans-serif!important; color:#00bce4; }h2{margin-bottom:8px; font:normal normal normal 120% Arial, Helvetica, sans-serif; color:#00bce4;}h3{margin-bottom:8px; font:normal normal bold 14px Arial, Helvetica, sans-serif; color:#666666;}h4{margin-bottom:8px; font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#898c8d;}h6{margin-bottom:8px; font-size:8px; font-style:italic; font-weight:normal; line-height:11px; width:100%;}hr{margin:5px 0 5px 0; height:1px; border:0; background: #d9d9d9; color: #cbcbcb;}b,strong{color:#00bce4; font-weight:normal;}a{text-decoration:none; color:#00bce4;}a:hover{text-decoration:underline; color:#00bce4;}.clear {clear:both;}.hide {display:none;}p{margin-bottom:10px!important;}/* -------------------------------------------------- *//* -------------------- HEADER ------------------ *//* -------------------------------------------------- */#header{float:left; width:940px; height:121px; background-color: transparent;}#logo{float:left; padding:35px 0 0 10px;}#programmeur{float:right; width:216px; height:35px;}#blog {float:right; width:50px; height:15px; padding:14px 10px 0 0; text-align:right; }#twitter{float:right; display:block; width:178px; height:23px; margin-top:9px; margin-right:13px; background:url(../img/twitter.gif);}/* -------------------------------------------------- *//* --------------- NAVIGATION ---------------- *//* -------------------------------------------------- */#navigation{float:right; width: 600px; height: 35px; margin-top: 28px; padding: 0; text-align: right;}#navigationul {}#navigation ul li {list-style-type: none; display: inline; padding: 0; margin: 0;}#navigationul li a{padding-left:20px; margin: 0; color:#000; text-decoration: none; font: normal normal normal 130% Arial, Helvetica, sans-serif;}#navigationul li a:hover{ margin: 0; color:#00bce4; text-decoration: none;}.menulaag1_active a{ color:#00bce4!important; text-decoration: none;}#navigation ul#nav { float: right; }#navigation ul#nav li {float: left;margin-left: 5px;font: bold 18px/30px "Century Gothic", "Apple Gothic", sans-serif;text-transform: lowercase;}#navigation ul#nav li a {display: inline-block;height: 30px;padding: 0 10px;line-height: 28px;color: #000;text-decoration: none;}#navigation ul#nav li a:hover, #navigation ul#nav li.active a {background: #ccf2fa;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}/* -------------------------------------------------- *//* ------------------- BANNER ------------------- *//* -------------------------------------------------- */#banner{float:left; width:920px; height:310px; margin-bottom:10px; border:9px solid #e5e5e5; position:relative;}#carousel {width:920px; height:310px;}#carousel a, #carousel span {width:920px; height:310px; display:block;}#carousel a span, #carousel span span {position:absolute; display:block; width:920px; height:310px;}#carousel img {width:920px; height:310px;}#pagination {position: absolute;right: 0;bottom: 10px;}#pagination a {background: url(../img/banner-icons.png);width: 10px;height: 10px;margin: 0 10px 0 0;display: inline-block;}#pagination a.selected { background: url(../img/banner-icons.png) bottom; }#pagination a span { display: none; }#banner404 {float:left; width: 920px; height:310px; border:10px solid #e5e5e5;}#banner404text {float:left; width:345px; padding: 50px 0 0 50px;} #banner404text h1 {margin-bottom:8px; font: normal normal bold 35px Arial, Helvetica, sans-serif!important; color:#00bce4; line-height:15px;}#banner404text h2 {margin-bottom:8px; font: normal normal normal 18px Arial, Helvetica, sans-serif!important; color:#231f20;}#banner404text a{text-decoration: none; color:#00bce4;}#banner404text a:hover {text-decoration: underline; color:#00bce4;}/* -------------------------------------------------- *//* ----------------- CONTENT ------------------- *//* -------------------------------------------------- */#content{float:left; width:970px; min-height:200px; height:auto!important; height:500px; padding:0 0 0 10px;}#content a{text-decoration: none; color:#00bce4;}#content a:hover{text-decoration: underline; color:#00bce4;}#content li{margin: 3px 0 0 15px;}#content ul li{list-style-type: disc;}#contentleft{float:left; width:430px; height:auto; text-align:justify;}#contentright{float:left; width:440px; padding:0 0 0 23px; text-align:justify;}#contentcenter{float:left; width:940px;}#contentleftportfolio {float:left; width:650px; height:auto; text-align:justify}#contentrightportfolio{float:right; width:147px; padding:0 15px 0 50px; text-align:justify}.portfoliokeuze li {list-style-type:none; display:inline; padding:0; margin:0;}.portfoliokeuze  li a img{padding-left:5px; margin:0; color:#000; text-decoration:none;}.portfoliomenu{float:left; position:relative;}.keuze{float:left; width:auto; height:50px; position:relative; top:2px;}#contentleftnieuws{float:left; width:290px; height:auto; }#contentrightnieuws{float:left; width:600px; padding:0 15px 0 20px; border-left:1px solid #e5e5e5; text-align:justify;}.customerthumbs{float:left; padding:0 4px 4px 0;}.nieuwscontainer{float:left; width:460px; height:94px; padding-top: 15px; border-bottom:1px solid #e5e5e5;}.klant p{width:375px;}.nieuwsdatum{float:left; width:70px; height:70px; background:#b6b7b8;  margin-top:4px;}.nieuwsdatumcijfer{float:left; color:#FFF; font:normal normal bold 43px Arial, Helvetica, sans-serif; padding:7px 0 0 10px; position:relative;}.nieuwsdatummaand{float:left; color:#FFF; font:normal normal normal 11px Arial, Helvetica, sans-serif; width:70px; text-align:center; position:relative; top:-5px;}.nieuwstext{float:left; width:375px; padding-left:15px; text-align:left;}.nieuwstexth1{margin-bottom:3px!important; font: normal normal normal 135% Arial, Helvetica, sans-serif!important; color:#00bce4;}.nieuwstextp{padding-bottom: 5px;}.nieuwsruimte{float:left; width:440px; height:15px;}.nieuwscontainerOverzicht {float:left; width:440px; height:auto; border-bottom:1px solid #e5e5e5}#contentcenter .nieuwscontainerOverzicht {float:left; width:460px; height:auto; border-bottom:1px solid #e5e5e5; margin:0 20px 20px 0;}#contentcenter .nieuwstext{float:left; width:375px; padding-left:15px; text-align:left; }#contentcenter .nieuwstexth1{margin-bottom:1px!important; font: normal normal normal 135% Arial, Helvetica, sans-serif!important; color:#00bce4;}#contentcenter .nieuwsdatum{float:left; width:70px; height:70px; background-color:#b6b7b8; margin-top:4px;}.address {list-style-type: none; display:block; }.address li{padding-top:1px; }.address  li a{text-decoration: none; color:#fb9402;}.address  li a:hover{text-decoration: none; color:#00bce4;}.portfoliocontainer{float:left; width:221px; background-color:#e5e5e5; height:223px; margin:0 20px 20px 0; position:relative;}.portfolioimage{float:left;  width:220px; height:162px; }.portfolioimage a img{ border:10px solid #e5e5e5;}.portfolioimage a:hover img{ border:10px solid #00bce4; }.portfolioklant{float:left; width: 220px; height:15px; padding: 10px 0 0 10px;}.portfolioopdracht{float:left; width: 220px; height:15px; padding: 3px 0 0 10px;}.portfoliorollover{position:absolute; left:168px; top:59px; }.portfoliodetail{float:left; width:940px; min-height:200px;}.portfoliodetail img{border:9px solid #e5e5e5}.portfoliodetailleft {float:left; width:477px; height:auto; padding-top:10px; text-align:justify}.portfoliodetailright {float:right; width:420px; padding:10px 50px 0 0; text-align:right; }.portfoliodetailright a {text-decoration:none; color:#5e6061!important;}.portfoliodetailright a:hover {text-decoration:none!important; color:#00bce4!important;}.referentiescontainer {float:left; background:#FFF url(../img/referenties.jpg) top center no-repeat; width:280px; height:177px; padding-bottom:0;}.referentiesimage {float:left; width:198px; height:103px; padding: 15px 15px 0 38px; vertical-align: center; text-align:center;}input#onderwerp{width:175px; padding-top:4px; height:16px; text-align:left; vertical-align: middle;}input#naam{width:175px; padding-top:4px; height:16px; text-align:left; vertical-align: middle;}input#email{width:175px; padding-top:4px; height:16px; text-align:left; vertical-align: middle;}textarea#bericht{width:180px; padding-top:4px; height:75px; text-align:left; vertical-align: middle;}.NieuwsWrapper{float:left; width:940px;}.NieuwsWrapper .facebook { margin: 20px 0; width: 100%; border-top: #e5e5e5 1px solid; padding: 20px 0; float: right;} .NieuwsContainer{float:left; width:604px; border-left:1px solid #e5e5e5; padding-left:20px;}.NieuwsContainer H1{margin-bottom:4px; font: normal normal normal 150% Arial, Helvetica, sans-serif!important; color:#00bce4; }.NieuwsContainer H2{margin-bottom:4px; font: normal normal normal 12px Arial, Helvetica, sans-serif; font-style: italic; color:#b6b9ba;}.NieuwsTerug {float:left; width:288px; height:500px;}.NieuwsTerug a {text-decoration: none; color:#5e6061!important;}.NieuwsTerug a:hover {text-decoration: none!important; color:#00bce4!important;}.NieuwsTitel{float:left;}.NieuwsDatum{float:left;}.NieuwsOmschrijving{float:left; text-align:justify;}.NieuwsOmschrijving img{border:9px solid #e5e5e5}/* -------------------------------------------------- *//* ---------------------- HOME ---------------------- *//* -------------------------------------------------- */.home { padding-left: 0 !important; }.nieuwshome { margin-left: 25px !important; }#service-inner {width: 940px;height: 100px;overflow: hidden;float: left;border-bottom: 1px solid #e5e5e5;margin-bottom: 0;padding: 0 0 10px;}#service-inner h1, #service-watwedoen h1 {margin-bottom: 5px;color: #fff;font-size: 22px !important;font-weight: bold !important;}h1.large {color: #231f20;font-size: 22px !important;}#ontwerp, #internet, #zoekmachine {float: left;width: 291px;height: 87px;margin-right: 10px;padding: 13px 0 0 15px;background: url(../img/service.gif);color: #fff;text-decoration: none;}#zoekmachine { margin-right: 0;}#ontwerp:hover, #internet:hover, #zoekmachine:hover {background: url(../img/service-hover.gif);text-decoration: none;cursor: pointer!important;}.nieuwsdatum{ float: left; width: 54px !important; height: 59px; background: none !important; margin-top: 4px; }.nieuwsdatumcijfer{ float: left; width: 54px; background: #00bce4; font-size: 36px; padding: 0 0 5px 0; text-align: center; position: relative }.nieuwsdatummaand{ float: left; width: 54px; background: #ccf2fa; font-size: 11px; padding: 3px 0 5px 0; text-align: center; position: relative; color: #231f20; }.aanbeveling { padding-top: 1px; }.aanbeveling strong {color: #555;font-weight: bold;}.meer a {float: right;margin-top: 5px;color: #a8abab !important;}.meer a:hover {color: #231f20 !important;text-decoration: none !important;}.meer a strong {color: #a8abab !important;font-weight: bold;}.meer a:hover strong {color: #231f20 !important; }/* -------------------------------------------------- *//* ----------------- OVER ONS ------------------ *//* -------------------------------------------------- */#service-watwedoen {width: 940px;overflow: hidden;float: left;margin-bottom: 20px;}#service-watwedoen #ontwerp:hover, #service-watwedoen #internet:hover, #service-watwedoen #zoekmachine:hover {background: url(../img/service.gif);}#ontwerp-kolom, #internet-kolom, #zoekmachine-kolom {float: left;width: 306px;margin-right: 10px;background: #f5f5f5;color: #898c8d;}#internet-kolom { width: 307px; }#zoekmachine-kolom { margin-right: 0; }#ontwerp-content, #internet-content, #zoekmachine-content {float: left;height: 346px;padding: 30px 15px;}.ontwerp-knop {float: left;display: block;width: 291px;height: 60px;padding-left: 15px;background: #ebebeb;color: #535555 !important;line-height: 60px;}#internet-kolom .ontwerp-knop {width: 292px;}.ontwerp-knop:hover {background: #dfdfdf;text-decoration: none !important;}/* -------------------------------------------------- *//* ---------------- TEAMPAGINA ---------------- *//* -------------------------------------------------- */.topper { margin-top: 5px; }h1.vacatures { margin-top: 30px; }#sidebar {float: left;width: 280px;padding: 20px 20px 0 0;}#sidebar .ModuleContainer { width: 280px; padding-bottom: 0; }#sidebar .tekstcontainer { width: 280px; padding-bottom: 0; }#main {float: right;width: 610px;padding: 5px 0 0 60px;}#main .ModuleContainer { width: 609px; padding-bottom: 0; }#main .tekstcontainer { width: 609px; padding-bottom: 0; }.team-lid {float: left;width: 160px;height: 210px;margin: 20px 40px 0 0;}.team-foto img {border: 10px solid #e6e6e6;margin-bottom: 8px;}.team-foto:hover img {border: 10px solid #00bce4;cursor: pointer;}.team-naam {float: left;width: 114px;padding-left: 10px;}.team-linkedin {float: right;width: 26px;height: 27px;padding: 5px 10px 0 0;}/* -------------------------------------------------- *//* ------------- SPONSORPAGINA -------------- *//* -------------------------------------------------- */.sponsorproject { height: 290px; }.sponsoring #main img {max-width: 540px;max-height: 240px;border: 10px solid #e6e6e6;margin: 20px 0 10px;}/* -------------------------------------------------- *//* ------------------- FOOTER ------------------- *//* -------------------------------------------------- */#Footer {padding:50px 0 0 0;}#FooterSub {text-align:left; padding:20px 0 0 0; height: 86px;  background-color:#e5e5e5; font-size:12px; }#FooterSub p{text-align:left;color:#9da0a1; line-height:19px; }#FooterSub .wrap, #Footer .wrap{position:relative; width:920px;  margin:0 auto; text-align:center; position:relative;}#FooterSub p a {text-decoration:none; color:#797b7c;}#FooterSub p a:hover {text-decoration:none; color:#00bce4;}#FooterSub .line {color:#9da0a1; padding:0 5px; }#FooterSub .wrap ul li {list-style-type: none; display: inline; padding: 0; margin: 0;}#FooterSub .wrap ul li a img{padding-left:35px; margin: 0; color:#000; text-decoration: none;   bottom:7px; position:relative;}/* -------------------------------------------------- *//* --------------- EXTRAS / CMS ---------------- *//* -------------------------------------------------- */.tekstcontainerdefault{float:left;}.ModuleContainer {float:left; padding-bottom:15px; width:970px;}.ModuleContainer a {text-decoration:underline; color:#626262;}.ModuleContainer a:hover{text-decoration:underline; color:#313131;}.bannerhome {padding-bottom:8px;}.tekstcontainer {float:left; padding-bottom:15px; width:940px; margin-bottom:30px;}.TekstContainer a {text-decoration:underline; float:left; padding-bottom:10px; color:#626262;}.TekstContainer a:hover {text-decoration:underline; float:left; padding-bottom:10px; color:#313131;}.tekstcontainer p {margin:0 0 8px 0;}.tekstcontainerportfolio {float:left; padding-bottom:15px; width:477px; margin-bottom:30px;}.tekstcontainerportfolio a {text-decoration:underline; color:#626262;}.tekstcontainerportfolio a:hover{text-decoration:underline; color:#313131;}.tekstcontainerportfolio p {margin:0 0 8px 0;}.tekstcontainer-links {float:left; padding-bottom:15px; width:430px; height:auto; text-align:justify;}.tekstcontainer-rechts {float:left; width:440px; text-align:justify;}.tekstcontainer-rechts .ModuleContainer {width:440px;}#contentleft .ModuleContainer {width:440px;}#contentright .ModuleContainer {width:440px;}#object_2319, #module_2319 {margin-bottom:0; padding-bottom:0;}#object_2319 { padding-bottom:20px; }#module_2450 {margin:0; padding:0;}.tekstcontainer_left_block {float:left; width:auto; margin-right:8px; text-align:center;}.tekstcontainer_left_block  h6 {font-size:8px; font-style:italic; font-weight:normal; line-height:11px; width:100%;}.tekstcontainer_left_block  img {margin-bottom:4px;}.tekstcontainer_right_block {float: right; width:auto; margin-left:8px; text-align:center;}.tekstcontainer_right_block  h6 {font-size:8px; font-style:italic; line-height:11px; width: 100%;}.tekstcontainer_right_block  img {margin-bottom:4px;}.overons, .overons .tekstcontainer, .overons .ModuleContainer {margin: 0;padding: 0;}/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at: http://fancybox.net * * Version: 1.3.0 (02/02/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: *   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position: fixed;top: 50%;left: 50%;height: 40px;width: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;background: transparent;z-index: 1104;display: none;}* html #fancybox-loading {/* IE6 */position: absolute;margin-top: 0;}#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('fancy_loading.png') no-repeat;}#fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;z-index: 1100;display: none;}* html #fancybox-overlay {/* IE6 */position: absolute;width: 100%;}#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}#fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;display: none;}#fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF;}#fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;}#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}#fancybox-close {position: absolute;top: -15px;right: -15px;width: 32px;height: 32px;background: url('fancy_close.png') top left no-repeat;cursor: pointer;z-index: 1103;display: none;}#fancybox_error {color: #444;font: normal 12px/20px Arial;}#fancybox-content {height: auto;width: auto;padding: 0;margin: 0;}#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}#fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;}#fancybox-title {position: absolute;bottom: 0;left: 0;font-family: Arial;font-size: 12px;z-index: 1102;}.fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;}.fancybox-title-outside {padding-top: 5px;color: #FFF;text-align: center;font-weight: bold;}.fancybox-title-over {color: #FFF;text-align: left;}#fancybox-title-over {padding: 10px;background: url('fancy_title_over.png');display: block;}#fancybox-title-wrap {display: inline-block;}#fancybox-title-wrap span {height: 32px;float: left;}#fancybox-title-left {padding-left: 15px;background: transparent url('fancy_title_left.png') repeat-x;}#fancybox-title-main {font-weight: bold;line-height: 29px;background: transparent url('fancy_title_main.png') repeat-x;color: #FFF;}#fancybox-title-right {padding-left: 15px;background: transparent url('fancy_title_right.png') repeat-x;}#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background-image: url('blank.gif');z-index: 1102;display: none;}#fancybox-left {left: 0px;}#fancybox-right {right: 0px;}#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}#fancybox-left-ico {background: transparent url('fancy_nav_left.png') no-repeat;}#fancybox-right-ico {background: transparent url('fancy_nav_right.png') no-repeat;}#fancybox-left:hover, #fancybox-right:hover {visibility: visible;    /* IE6 */}#fancybox-left:hover span {left: 20px;}#fancybox-right:hover span {left: auto;right: 20px;}div.fancy-bg {position: absolute;padding: 0;margin: 0;border: 0;z-index: 1001;}div#fancy-bg-n {top: -20px;left: 0;width: 100%;height: 20px;background: transparent url('fancy_shadow_n.png') repeat-x;}div#fancy-bg-ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('fancy_shadow_ne.png') no-repeat;}div#fancy-bg-e {top: 0;right: -20px;height: 100%;width: 20px;background: transparent url('fancy_shadow_e.png') repeat-y;}div#fancy-bg-se {bottom: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('fancy_shadow_se.png') no-repeat;}div#fancy-bg-s {bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent url('fancy_shadow_s.png') repeat-x;}div#fancy-bg-sw {bottom: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('fancy_shadow_sw.png') no-repeat;}div#fancy-bg-w {top: 0;left: -20px;height: 100%;width: 20px;background: transparent url('fancy_shadow_w.png') repeat-y;}div#fancy-bg-nw {top: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('fancy_shadow_nw.png') no-repeat;}