html, body {margin:0; padding:0;}
body {background-color:#fff; border-style:none; color:#000; font:75% Arial, Helvetica, sans-serif; text-align:center;}
fieldset {border:0; margin:0; padding:0;}
legend {display:none;}
form {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
img {border:0; margin:0; padding:0;}
p {margin:0; padding:0;}
ul, li {margin:0; padding:0; text-indent:0;}
select, input, textarea {font-family:Arial, Helvetica, sans-serif;}
a {color:#3385b3; text-decoration:underline;}
abbr {border:0;}
.clear {clear:both; font-size:0em; height:0px; line-height:0px; margin:0; padding:0;}
.print {display:none;}
.hidden {position:absolute; left:-1000em;}
strong.hidden {display:block;}
span.hidden {display:none;}
span.smallcaps{font-variant: small-caps;}
/* Print
---------------------------------------------- */
/* disable print styles
---------------------------------------------- */
.headerText, .footerText, img.logoPrint {display:none; position:absolute; left:-1000em;}
/* Wrapper
---------------------------------------------- */
#wrapper {min-height:100%; height:100%; margin:0 auto 15px auto; width:960px; z-index:0; text-align:left;}
ul.accesNav {position:absolute; left:-1000em;}
ul.CS {text-align:right; margin:5px 20px; padding:0; float:right; list-style:none;}
ul.CS li {float:left; margin:0; padding:0;}
ul.CS li a {float:left; margin:0 0 0 10px; padding:0; color:#E7AD7B;}
ul.CS li a span {color:#DB883C;}
ul.CS li a:hover {float:left; text-decoration:none;}
ul.CS li.active a {font-weight:bold; text-decoration:none;}
ul.CS li.active a span {color:#922A05;}
/* Main navigation
---------------------------------------------- */
#mainNav {background:url("../img/mainnav-bground.gif"); color:#fff; float:left; height:40px; width:960px;}
#innerLeftMainnav {background:url("../img/mainnav-left-rc.gif") 0 0 no-repeat; float:left; height:40px; width:6px;}
#mainNav ul {float:left; margin-left:135px;padding:7px 0 6px 10px; }
#mainNav li {float:left; list-style:none; padding:2px 8px 0 8px; }
#mainNav li a {color:#fff; display:block; font-family:"Arial", Arial, Helvetica; font-size:16px; height:27px; padding:1px; text-decoration:none;white-space : nowrap;}
#mainNav li a:hover {border-bottom:2px solid #fff;}
#mainNav li a.active {border-bottom:2px solid #ff6600;}
#innerRightMainnav {background:url("../img/mainnav-right-rc.gif") 0 0 no-repeat; float:right; height:40px; width:6px;}
img.logoImg{margin-left:48px; position:absolute; top:24px;}
/* Country-chooser
---------------------------------------------- */
#chooser {background:#213653 url(../img/bgChooser.jpg) 0 0 repeat-x;}
#chooser .hidden {height:1px; left:-9000px; overflow:hidden; position:absolute; width:1px;}
#chooser #wrapper {position:relative; width:640px;}
#chooser #wrapper #inner {background:url(../img/bgChooser-inner.png) 0 0 no-repeat; height:410px; width:640px;}
#chooser .tagline {color:#fff; font-size:0.8em; font-weight:bold; letter-spacing:1px; position:absolute; text-align:right; top:380px; width:640px;}
#chooser .top {text-align:center;}
#chooser .top img {margin-top:20px;}
#chooser .top .info {background:url(../img/main-bground-small.gif) 0 0 no-repeat; color:#fff; height:28px; margin:16px 0 0 9px; padding-top:6px;}
#chooser .top .info p {margin-left:-4px;}
#chooser .content {float:none; margin:0; padding:17px 0 0 28px; width:auto;}
#chooser .goTo {float:left;}
#chooser ul {background:none; margin:14px 0 0 180px; padding:0;}
#chooser ul li {background:none; padding:0;}
#chooser li a {background:url(../img/bgGoto-li.gif) 0 0 no-repeat; color:#000; display:block; font-size:1.3em; height:30px; margin-bottom:9px; padding:10px 0 0 13px; text-decoration:none; width:323px;}
#chooser li a span {font-weight:bold;}
#chooser li a:hover {background:url(../img/bgGoto-li-ro.gif) 0 0 no-repeat; color:#006b98;}
/* Header
---------------------------------------------- */
#header {background-color:#fff; color:#fff; float:left; height:150px; width:960px;}
.hdMain #header {height:340px;}
.hdSub #header {height:150px;}
/* Logo
---------------------------------------------- */
#logo {background:url("../img/logo-header.gif"); float:left; height:150px; width:185px;}
#logohome {background:url("../img/logohome-header.gif"); float:left; height:150px; width:185px;}
/* Header flash movie
---------------------------------------------- */
#headerMovie {background:url("../img/middle-header.jpg"); float:left; height:150px; width:590px;}
#headerMovie object {float:left; display:block; height:150px; width:590px;}
.carriere #headerMovie {background-image:none; float:left; width:960px;}
.carriere #headerMovie object {float:left; display:block; height:340px; width:960px;}
.carriere #logo, .carriere #visual {display:none;}
/* Visual
---------------------------------------------- */
#visual {background:url("../img/visual-header2.jpg"); float:left; height:150px; width:185px;}
/* Main
---------------------------------------------- */
#main {color:#666; float:left; width:960px; line-height:1.5em;}
#main a{ color:#83CFE9; text-decoration:underline;}
#main a span { color:#0087c0; font-weight:normal;}
#main a:hover{ color:#d88221; text-decoration:underline;}
#main a:hover span { color:#ad3712; font-weight:normal;}
/* Three projects
---------------------------------------------- */
.threeProjects {background:#e5eff4 url("../img/bgProjects.gif") 0 0 repeat-x; float:left; padding:0 15px 0 15px; width:930px;}
.threeProjects h2 {color:#1b3a6a; font-size:0.9em;text-transform:uppercase;line-height:1.4em}
.threeProjects div.column {float:left; width:290px; height:auto; padding:15px 25px 15px 0;}
.threeProjects div.last {padding:15px 0 15px 0;}
.threeProjects img{float:left; padding:0 15px 0 0;}
/* Three columns
---------------------------------------------- */
.threeColumns {background:url("../img/main-bground.gif") no-repeat; float:left; padding:0 15px 0 15px; width:930px;}
.threeColumns h2 {font-family:Arial Narrow;font-size:1.4em; color:#143F6A; padding:13px 0 10px 0;}
#main .threeColumns h2 a{background:url("../img/header-border-bottom.gif") repeat-x 0 100%; color:#0089BD; padding-bottom:3px; text-decoration:none; display:block;}
#main .threeColumns h2 a:hover{background-image:url("../img/header-border-bottom-hover.gif");color:#ad3712; text-decoration:none}
.threeColumns div.column {float:left; width:290px; padding:0 25px 0 0;}
div.column h2.vacancies{width:290px;background:url("../img/jobs_bg_top.gif") repeat-y top left;padding:20px 20px 10px 20px;}
#main .threeColumns h2.vacancies a{background:url("../img/header-border-bottom.gif") repeat-x 0 100%; color:#0089BD; padding-bottom:3px; text-decoration:none;display:inline;}
div.column ul.vacancies{width:290px;background:url("../img/jobs_bg_bottom.gif") repeat-y bottom left;padding:0px 20px 20px 20px;}
div.column ul.vacancies li div{float:left; width:1em;height:1em;}
div.column ul.vacancies li div.twoLines{height:3em;}
.threeColumns .flash{margin-top:10px}
.threeColumns div.last {padding:0;}
.threeColumns p {padding:0 0 15px 0;}
p.underdotted{margin-top:-18px;}
.threeColumns span {color:#373737;}
.threeColumns ul {float:left;}
.threeColumns li {color:#3385b3; list-style:none;}
.threeColumns img.visualtop{float:right; padding:10px 0 0 0;}
.threeColumns img.visualbottom{padding:0 0 18px 0;}
ul.shortList li{color:#666;background:url("../img/dot-1.gif") 10px 6px no-repeat;padding:1px 0 1px 30px}
/* Left menu
----------------------------------------------- */
.leftmenu{float:left;width:210px;margin-left:15px;padding:32px 0 20px 0}
.leftmenu ul{list-style:none}
.leftmenu li{margin:0 0 6px 0;display:block}
#main .leftmenu a{background:url("../img/dot-2.gif") 5px 7px no-repeat;display:block;color:#0089BD;font-size:1.4em;font-weight:bold;text-decoration:none;padding:2px 0 2px 25px}
#main .leftmenu a:hover{background-image:url("../img/dot-3.gif");background-color:#E4F4F9;color:#0089BD;text-decoration:none;}
#main .leftmenu li.selected a, #main .leftmenu li.selected a:hover {background-image:url("../img/dot-4.gif");color:#0089BD;text-decoration:none;}
.leftmenu ul ul li{margin:0;padding:0}
#main .leftmenu ul ul a, #main .leftmenu ul ul li.active ul a {font-weight:normal;font-size:1em;background-image:none !important;padding-left:25px}
#main .leftmenu ul ul li.active ul a {font-weight:normal; padding-left:50px;}
#main .leftmenu ul ul ul a {padding-left:50px}
#main .leftmenu ul ul li.active a, #main .leftmenu ul ul ul li.active a{font-weight:bold}
/* Content
---------------------------------------------- */
.content {float:left; width:470px; margin-left:40px;padding:30px 0 20px 0}
.full {width:680px}
.content h1 {font-size:1.8em;color:#143F6A; margin-bottom:15px;line-height:1em}
.content h2 {font-size:1.2em;color:#143F6A; padding:0 0 5px 0;}
.content h3 {font-size:1em;color:#373737;}
.content p{margin:2px 0 15px 0;padding-right:20px}
.error {color:#f00; font-weight:bold;}
.content .bijschrift{font-style:italic;color:#000}
.content .intro{font-weight:bold;color:#373737}
.content .note {font-size:50%;}
.content .extern{background:url("../img/extern.gif") 100% 2px no-repeat; padding:0 18px 0 1px}
#main .content .specialLink .extern{font-size:1.2em; margin-bottom:16px;}
#main .content h2 a{background:url("../img/header-border-bottom.gif") repeat-x 0 100%; color:#0089BD; padding-bottom:3px; text-decoration:none}
#main .content h2 a:hover{background-image:url("../img/header-border-bottom-hover.gif");color:#ad3712;}
.content ul{margin-bottom:15px;list-style:none}
.content ul li{background:url("../img/dot-1.gif") 10px 6px no-repeat;padding:1px 0 1px 30px}
.content dl {float:left; margin:0 0 15px 0; padding:0; width:45%;}
.content dt {font-weight:bold;}
.content dd { margin-left:0;}
.homeIntro img {float:right; margin-top:3px;}
p.sdlP {background:url("../../dynamic/img/sdl-bg.png") repeat-x;height:57px;width:450px;text-align:center;}
/* Impression
-----------------------------------------------------------*/
.items {background:url("../img/dotted.gif") 0 0 repeat-x; overflow:auto; padding-top:1px;}
.items .item {width:170px; height:160px; float:left; padding:10px 0;}
.items .item h3 {color:#143F6A; font-weight:normal; font-size:1em;}
.items .item p {margin:0; font-size:0.9em;}
.items .item ul {margin:0; padding:0;}
.items .item ul li {margin:0; padding:0;}
.items .item ul li a {margin:0; padding:0; background-image:none;}
/* Portfolio
----------------------------------------------- */
#portfolio{float:left;width:100%}
#portfolio h2{font-weight:normal;font-size:1.6em;margin:10px 0 5px 0}
#portfolio img{float:left;margin:0 15px 0 25px}
#portfolio p{color:#143F6A;margin:0 0 5px 0}
#main #portfolio .item p a{float:none;background-image:none;padding:0;color:#83CFE9;text-decoration:underline}
#main #portfolio .item p a.extern{background:url("../img/extern.gif") 100% 2px no-repeat;padding-right:18px}
#main #portfolio .item p a span{float:none;padding:0;color:#0087C0}
#main #portfolio .item p a:hover{color:#D88221}
#main #portfolio .item p a:hover span{color:#AD3712}
#portfolio .header{background:url("../img/header-right.gif") 100% 0 no-repeat #20446B;height:26px;margin-bottom:5px}
#portfolio .header div{color:#fff;font-weight:bold;line-height:26px}
#portfolio .klant{background-image:url("../img/header-left.gif");background-repeat:no-repeat;float:left;padding-left:20px}
#portfolio .tech{background-repeat:no-repeat;background-image:url("../img/header-right2.gif");width:150px;float:right;padding-left:28px;}
#clients{background:url("../img/header-border-bottom.gif") 0 0 repeat-x #EEF8FC;float:left;padding-top:1px;width:100%}
#portfolio ul li{background:url("../img/header-border-bottom.gif") 0 100% repeat-x #EEF8FC;color:#0089BD;float:left;margin:0;padding:0 0 1px 0;width:100%}
#main #portfolio ul li a{background:url("../img/dot-5.gif") 3px 3px no-repeat;color:#0089BD;text-decoration:none;padding:6px 0 6px 30px;}
#main #portfolio ul li a.main{display:block}
#main #portfolio ul li a:hover{background-color:#fff}
#main #portfolio ul li span.main{background:url("../img/dot-5.gif") 3px 3px no-repeat;color:#0089BD;text-decoration:none;padding:6px 0 6px 30px;}
#main #portfolio ul li span.main{display:block}
#main #portfolio #clients li a.main span{padding-left:20px;color:#143F6A;float:right;width:150px;color:#143F6A}
#main #portfolio #clients li span.main span{padding-left:20px;color:#143F6A;float:right;width:150px;color:#143F6A}
#portfolio .item{display:none;float:left;width:100%}
#portfolio .selected .item{display:block;padding-bottom:10px}
#portfolio .selected{background-color:#fff;background-image:none;border-bottom:1px solid #0089BD}
#portfolio .selected ul{margin:0;padding:0}
#portfolio .selected ul li{background-color:#fff;width:auto;background-image:none}
#portfolio .item ul li{float:none;}
#main #portfolio .selected ul li a{float:none;padding:0;background-image:none; color:#83CFE9;text-decoration:underline}
#main #portfolio .selected ul li a.extern{background:url("../img/extern.gif") 100% 2px no-repeat;padding-right:18px}
#main #portfolio .selected ul li a span {color:#0087c0; font-weight:normal;display:inline;float:none;padding:0}
#main #portfolio .selected ul li a:hover{color:#d88221; text-decoration:underline;}
#main #portfolio .selected ul li a:hover span {color:#ad3712; font-weight:normal;}
#main #portfolio .selected a{background-image:url("../img/dot-6.gif")}
#main #portfolio #clients ul {float:left; display:block; margin-top:10px;}
#main #portfolio #clients ul li {background:url(../img/dot-2.gif) 0 5px no-repeat; margin-bottom:5px; padding-left:20px; color:#143F6A}
/* Vacatures
----------------------------------------------- */
#twitter {border: 1px dashed #3082AF; padding:10px; width:540px;}
#twitter a {color:#0087C0;}
.twtrIframe {border:none;}
/* News
----------------------------------------------- */
.newsItem img{float:left; padding:0 15px 10px 0;}
.newsItem {clear:both; padding:0 0 10px 0;}
.newsItem h2 {font-size:1em; font-weight:normal; padding:0;}
.newsItem h2 span {color:#999;}
.newsItem a {font-size:1.2em;}
#news ul li{background:url("../img/header-border-bottom.gif") 0 100% repeat-x #EEF8FC;color:#0089BD; float:left;margin:0;padding:1px 0 1px 0; width:100%}
#news ul li.firstItem{background:url("../img/list-lastitem.gif") 0 0 repeat-x #EEF8FC;}
#main #news ul li a{color:#0089BD; display:block; text-decoration:none; float:left; height:auto; margin:0; padding:6px 0 6px 0;width:675px;}
#main #news ul li a:hover{color:#ad3712;background-color:#fff;}
#main #news ul li:hover{color:#ad3712;background-color:#fff}
#main #news ul li span{background:url("../img/stripe-vertical.gif") 100% 100% no-repeat; cursor:pointer; display:block; color:#143F6A; margin:0 15px 0 0; padding:0 15px 0 10px;float:left; font-weight:bold; width:65px;}
#main #news ul li span:hover{font-weight:bold;}
/* Sitemap
----------------------------------------------- */
#main h2.sitemap {background:url("../img/header-border-bottom.gif") repeat-x 0 100%; clear:both; color:#143F6A; font-family:Arial Narrow; font-size:1.4em; padding:10px 0 3px 0; text-decoration:none; margin:0 0 10px 0;}
#main h2.sitemap a{background:url("../img/header-border-bottom.gif") repeat-x 0 100%; color:#0089BD; padding-bottom:1px; text-decoration:none}
#main h2.sitemap a:hover{background-image:url("../img/header-border-bottom-hover.gif");color:#ad3712;}
#main h2.sitemap a span{font-weight:bold; text-decoration:none;}
#main h2.sitemap a:hover span{font-weight:bold; text-decoration:none;}
#main ul.sitemap {padding:0 0 10px 0; margin:0 0 0 -10px; width:630px;}
#main ul.sitemap li{background:none; clear:both; padding:1px 0 1px 0; padding:0 10px 0 10px;}
#main ul.sitemap li a, #main ul.sitemap li a span{cursor:pointer; text-decoration:none; float:left;}
#main ul.sitemap li li a{width:auto;}
#main ul.sitemap li a:hover { text-decoration:none;}
#main ul.sitemap ul {float:right; margin:0; padding:0; }
#main ul.sitemap ul li{clear:none; float:left; margin:0; width:135px;}
/* Box
---------------------------------------------- */
.box {background:url("/static/img/bgBox-top.gif") 0 0 no-repeat; float:left; margin-bottom:20px;}
.box h2 {padding-bottom:1px;}
.box p {margin-bottom:10px; padding-right:0;}
.box .b1 {background:url("/static/img/bgBox-topRight.gif") 100% 0 no-repeat;}
.box .b2 {background:url("/static/img/bgBox-bottom.gif") 0 100% no-repeat;}
.box .b3 {background:url("/static/img/bgBox-right.gif") 100% 100% no-repeat; padding:11px 14px 11px 14px;}
.box label {color:#000; display:block; float:left; margin-bottom:1px; padding-right:10px; width:210px;}
.box input.in {color:#1b3a6a; float:left; font-size:1em; margin:0 0 7px 10px; padding:3px 0 2px 3px; width:203px;}
.box #ibtnLogin {float:right; margin-right:10px;}
.box select {border:#8bb7cb solid 1px; color:#1b3a6a; float:left; font-size:1em; height:22px; line-height:22px; width:210px;}
/* Contact formulier
---------------------------------------------- */
#contactForm {margin-bottom:20px;}
#contactForm th, #contactForm td {vertical-align:top;}
#contactForm th {padding-top:3px;}
#contactForm label {color:#000;}
#contactForm th {font-weight:normal;}
#contactForm input.in {color:#1b3a6a; font-size:1em; margin:0 0 7px 10px; padding:3px 0 2px 3px; width:203px;}
#contactForm textarea {color:#1b3a6a; font-size:1em; height:120px; margin:0 0 7px 10px; padding:3px 0 2px 3px; width:300px;}
#contactForm #ibtnSearch {float:right;}
/* Clientarea overview
---------------------------------------------- */
#main .content .documentOverviewTitle {font-size:1.2em;}
#main .content .documentOverviewTitle strong {color:#1b3a6a;}
#main .content .documentOverview {background:#fff url("../img/dotted.gif") 0 100% repeat-x; float:left; margin:7px 0 32px 0; padding-bottom:1px;}
#main .content .documentOverview li {background:#f5fbfd url("../img/dotted.gif") 0 0 repeat-x; float:left; padding:8px 0 4px 0 ; vertical-align:top;}
#main .content .documentOverview li a:hover {background:#fff;}
#main .content .documentOverview li span {cursor:pointer;}
#main .content .documentOverview li a span.pict {background:url("../img/stripe-vertical.gif") 100% 0 no-repeat; float:left; padding-left:11px; text-decoration:none; width:26px;}
#main .content .documentOverview li a span.subject {color:#0087c0; float:left; padding-left:10px; text-decoration:none; width:350px;}
#main .content .documentOverview li a:hover span.subject {color:#ad3712;}
#main .content .documentOverview li a span.date {color:#0d588c; float:left; text-decoration:none; padding-right:10px;}
/* Right menu
----------------------------------------------- */
.rightmenu{float:left; width:170px; margin-left:40px;padding:59px 0 20px 0}
.rightmenu h2 {font-size:1.4em;color:#143F6A;font-family:Arial Narrow;line-height:1.1em;padding-bottom:5px}
#main .rightmenu h2 a{background:url("../img/header-border-bottom.gif") repeat-x 0 100%; color:#0089BD; padding-bottom:3px; text-decoration:none}
#main .rightmenu h2 a:hover{background-image:url("../img/header-border-bottom-hover.gif");color:#ad3712;}
.rightmenu p {font-size:0.9em;color:#143F6A;line-height:1.4em;margin-bottom:10px}
.rightmenu object{margin-top:10px}
.rightmenu ul{float:left;margin-bottom:15px}
.rightmenu ul.logos{background-image:url("../img/dotted-gray.gif");padding-bottom:1px;float:left;list-style:none}
.rightmenu li{float:left; list-style:none; margin-top:1px}
.rightmenu img{float:left}
.rightmenu .extern{background:url("../img/extern.gif") 100% 2px no-repeat;padding-right:18px}
/* Footer
---------------------------------------------- */
#footer {background:url("../img/footer-bground.gif"); color:#fff; float:left; height:30px; margin-bottom:10px; width:960px;}
#clocks {float:left; height:30px; margin-top:5px; width:960px; text-align:center;}
.footerNav{margin:2px 0 0 192px;}
/* Footer Navigation
---------------------------------------------- */
#footer ul {padding:6px 0 0 0; float: left;}
#footer li {float:left; padding:0 0 0 13px; list-style:none; }
#footer li a {color:#fff; text-decoration:none;}
#footer li a:hover {text-decoration:underline;}
#ClickTale {display:none;}