html, body {margin:0; padding:0;}
body {border-style:none; 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 { text-decoration:underline; color:#000;}
abbr {border:0;}
.sticker{display:none}
.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;}
/* Wrapper
---------------------------------------------- */
#wrapper {min-height:100%; height:100%; margin:15px auto; width:660px; z-index:0; text-align:left;}
ul.accesNav {display:none; position:absolute; left:-1000em;}
/* Main navigation
---------------------------------------------- */
#mainNav {display:none;}
/* Header
---------------------------------------------- */
#header {display:block;width:660px; border-bottom:1px solid #000; text-align:center; }
/* Logo
---------------------------------------------- */
#logo {clear:both; display:block; height:60px; width:660px; text-align:center; padding:0 0 20px 0;}
/* Headertext
---------------------------------------------- */
.headerText, .headerText ul {clear:both; text-align:center;padding:0; margin:0; }
.headerText ul li{ float:left; font-size:7pt; list-style:none; padding:0 25px 5px 25px; text-align:center;}
/* Header flash movie
---------------------------------------------- */
#headerMovie {display:none;}
/* Visual
---------------------------------------------- */
#visual {display:none;}
/* Main
---------------------------------------------- */
#main { width:650px; line-height:1.5em;}
#main a{ text-decoration: underline;}
#main a span { font-weight:normal;}
#main a:hover{ text-decoration: underline;}
#main a:hover span { font-weight:normal;}
/* Three projects
---------------------------------------------- */
.threeProjects { padding:0 15px 0 15px; width:650px;}
.threeProjects h2 {font-size:11pt; text-transform:uppercase;}
.threeProjects div.column {clear:both; width:590px; height:auto; padding:15px 25px 15px 0;}
.threeProjects div.last {padding:15px 0 15px 0;}
.threeProjects img{padding:0 15px 0 0;}
/* Three columns
---------------------------------------------- */
.threeColumns {background:none;padding:0 15px 0 15px; width:650px;}
.threeColumns h2 {font-family:Arial Narrow;font-size:12pt; padding:13px 0 10px 0;}
#main .threeColumns h2 a{background:none; padding-bottom:3px; text-decoration:none}
#main .threeColumns h2 a:hover{background-image:none;}
.threeColumns div.column {clear:both; width:590px; padding:0 25px 0 0;}
.threeColumns div.last {padding:0;}
.threeColumns p {padding:0 0 15px 0;}
.threeColumns ul {}
.threeColumns li {list-style:none;}
.threeColumns img.visualtop{padding:10px 0 0 0;}
.threeColumns img.visualbottom{padding:0 0 18px 0;}
/* Left menu
----------------------------------------------- */
.leftmenu{ display:none;}
/* Content
---------------------------------------------- */
.content {background:none ;padding:30px 0 20px 0; width:100%;}
.full {width:650px}
.content h1 {font-size:15pt;padding-bottom:20px;line-height:9pt;line-height:1em}
.content p{clear:both; margin:2px 0 15px 0;padding-right:20px}
.content .intro{font-weight:bold;}
.content .extern{padding-right:0px;margin:0;text-decoration:none}
.content .note {font-size:50%;}
#wrapper .content a{padding:0;margin:0;text-decoration:none}
.content h2 {font-size:11pt;padding:0 0 5px 0;}
.content h2.specialLink {font-weight:bold; margin-bottom:16px;}
#main .content h2 a{background:none;padding-bottom:3px; text-decoration:none}
#main .content h2 a:hover{background-image:none;}
.content h3 {font-size:10pt;}
.content ul{margin-bottom:15px; margin:0 0 10px 20px;}
.content ul li{background:none ;padding:1px 0 1px 30px}
/* Portfolio
----------------------------------------------- */
#portfolio{width:650px;}
#portfolio h2{font-weight:normal;font-size:1.6em;margin:10px 0 5px 0}
#portfolio img{margin:0 15px 0 25px}
#portfolio p{margin:0 0 5px 0}
#main #portfolio .item p a{float:none;background-image:none;padding:0;text-decoration:underline}
#main #portfolio .item p a.extern{background:none;padding-right:18px}
#main #portfolio .item p a span{float:none;padding:0;}
#portfolio .header{height:26px;margin-bottom:5px}
#portfolio .header span{font-weight:bold;line-height:26px}
#portfolio .klant{width:550px;display:block;float:left}
#portfolio .klant span{background-image:none;background-repeat:no-repeat;padding-left:20px}
#portfolio .tech{background-repeat:no-repeat;background-image:none;background-position:100% 0;}
#portfolio .tech span{background-repeat:no-repeat;background-image:none;width:100px;float:right;padding-left:28px;}
#clients{background:none;padding-top:1px;width:100%}
#portfolio ul li{background:none; list-style:none; margin:0;padding:0 0 1px 0;width:100%}
#main #portfolio ul li a{background:none;text-decoration:none;padding:6px 0 6px 30px;}
#portfolio ul li span{padding-left:20px;float:right;width:100px}
#portfolio .item{display:none;width:100%}
#portfolio .selected .item{display:block;padding-bottom:10px}
#portfolio .selected{background-image:none;border-bottom:1px solid #0089BD}
#portfolio .selected ul{margin:0;padding:0}
#portfolio .selected ul li{width:auto;background-image:none}
#main #portfolio .selected ul li a{float:none;padding:0;background-image:none; text-decoration:underline}
#main #portfolio .selected ul li a.extern{background:none;padding-right:18px}
#main #portfolio .selected ul li a span { font-weight:normal;display:inline;float:none;padding:0}
#main #portfolio .selected ul li a:hover{ text-decoration: underline;}
#main #portfolio .selected ul li a:hover span { font-weight:normal;}
#main #portfolio .selected a{background-image:none}
/* News
----------------------------------------------- */
.newsItem img{ padding:0 15px 10px 0;}
.newsItem {clear:both; padding:0 0 10px 0;}
.newsItem h2 { font-size:9pt; font-weight:normal; padding:0; text-transform:uppercase;}
.newsItem a { font-size:1.2em;}
#news ul li{background:url(../img/header-border-bottom.gif) 0 100% repeat-x #EEF8FC; margin:0;padding:1px 0 1px 0;width:100%}
#news ul li.firstItem{background:url(../img/list-lasitem.gif) 0 0 repeat-x #EEF8FC;}
#main #news ul li a{text-decoration:none;padding:6px 263px 6px 30px;}
#main #news ul li span{background:url(../img/stripe-vertical.gif) 75% 100% no-repeat; display:block; padding-left:20px;font-weight:bold; width:45px}
#main #news ul li span:hover{font-weight:bold;}
/* Sitemap
----------------------------------------------- */
#main h2.sitemap {background:none; clear:both; padding:10px 0 3px 0; text-decoration:none; margin:0 0 10px 0;}
#main ul.sitemap {padding:0 0 10px 0; margin:0 0 0 -10px; }
#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; }
#main ul.sitemap li li a{width:auto;}
#main ul.sitemap ul { margin:0; padding:0; }
#main ul.sitemap ul li{clear:none;margin:0; width:150px;}
/* Box
---------------------------------------------- */
.box {background:none;margin-bottom:20px;}
.box h2 {padding-bottom:1px;}
.box p {margin-bottom:10px; padding-right:0;}
.box .b1 {background:none;}
.box .b2 {background:none;}
.box .b3 {background:none; padding:11px 14px 11px 14px;}
.box label { display:block;margin-bottom:1px; padding-right:10px; width:210px;}
.box input.in { font-size:9pt; margin:0 0 7px 10px; padding:3px 0 2px 3px; width:203px;}
.box #ibtnLogin { margin-right:10px;}
.box select {border:#8bb7cb solid 1px; font-size:9pt; height:22px; line-height:22px; width:210px;}
/* Contact formulier
---------------------------------------------- */
div#contactForm {display:none;}
#contactForm {margin-bottom:20px;}
#contactForm th, #contactForm td {vertical-align:top;}
#contactForm th {padding-top:3px;}
#contactForm label {}
#contactForm th {font-weight:normal;}
#contactForm input.in {font-size:9pt; margin:0 0 7px 10px; padding:3px 0 2px 3px; width:203px;}
#contactForm textarea {font-size:9pt; height:120px; margin:0 0 7px 10px; padding:3px 0 2px 3px; width:300px;}
#contactForm #ibtnSearch {}
/* Right menu
----------------------------------------------- */
.rightmenu{display:none;width:170px; margin-left:40px;padding:59px 0 20px 0}
.rightmenu h2 {font-size:12pt;font-family:Arial Narrow;line-height:12pt;padding-bottom:5px}
#main .rightmenu h2 a{background:none; padding-bottom:3px; text-decoration:none}
#main .rightmenu h2 a:hover{background-image:url(../img/header-border-bottom-hover.gif);}
.rightmenu p {font-size:0.9em;line-height:12pt}
.rightmenu ul{background-image:none;padding-bottom:1px;margin-top:15px;list-style:none}
.rightmenu li{margin-top:1px}
.rightmenu img{float:left}
/* Footer
---------------------------------------------- */
#footer { display:block;height:60px; width:650px; border-top:1px solid #000; padding:10px 0 0 0;}
.footerNav{display:none;margin:0 auto;width:240px}
.footerText { float:right; text-transform:uppercase;}
/* Footer Navigation
---------------------------------------------- */
#footer ul {padding:6px 0 0 0;float:left}
#footer li { padding:0 0 0 13px; list-style:none;}
#footer li a {text-decoration:none;}
#footer li a:hover {text-decoration:underline;}