html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 0;padding: 0;}
ul,li {list-style-type: none;}
a, a:hover {color: #000;}
a:hover {text-decoration: none;}
body, textarea, input {color: #000;font: 11px/18px Arial;}
img {border: 0;}
p {margin: 0;padding: 0;}
/*
---------------------------------------------------------------------------
Float Fix
---------------------------------------------------------------------------
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*
*/
/*
---------------------------------------------------------------------------
Globale layout
---------------------------------------------------------------------------
*/
body{background:url(/img/achtergronden/canvas-bg.gif) repeat-x 0 0 ;}
#site{position:relative;width:870px;margin: 10px auto;padding:0 0 0px 0;text-align:left;}
#site{background:url(/img/achtergronden/site-bg5.png) repeat-y 0 0 ;}
*html #site{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/achtergronden/site-bg5.png', sizingMethod="scale" );background-image: none;}
#header{position:relative;width:870px;height:95px;background:url(/img/achtergronden/header-bg.gif) no-repeat 0 0;}
#header #logoprint{display:none;}
#header #logo{position:relative;width:272px;height:93px;float:left;}
#header #logo a{position:relative;display:block;width:234px;height:60px;margin:25px 0 0 48px; background: url(/img/algemeen/netivity-logo.gif) no-repeat center left; }
#header #logo a.tienjaar{position:relative;display:block;width:228px;height:66px;margin:23px 0 0 48px; background: url(/img/algemeen/netivity-logo-10jaar.gif) no-repeat center left; }
#header #topnavigatie{position:relative;float:left;width:570px;height:47px;}
#header #topnavigatie #block{position:relative;margin: 46px 0 0 0;padding: 0 0 0 0px;text-align:right;}
#header #topnavigatie #block ul{text-align:right;width:312px;padding: 0 0 0 255px;}
#header #topnavigatie #block li{float:left;}
#header #topnavigatie #block span{padding: 0 10px 0 10px;color:#8a8a8a;}
#header #topnavigatie #block a{text-decoration:none;font-size:11px;font-weight:bold;color:#8a8a8a;}
#header #topnavigatie #block a:hover{color:#FC821E;}
#hoofdnavigatie {position:relative;width:860px;float:left;height:26px;padding: 0px 0 0 0px;margin:0 0px 0 0px;background:url(/img/achtergronden/hoofdnavigatie-bg.gif) no-repeat 0px 0;}
#hoofdnavigatie ul{margin:0px;padding:0 0 0 49px;}
#hoofdnavigatie li{height:26px;float:left; font-weight: bold; border-left: 1px solid #da7c2f;}
#hoofdnavigatie li a{display:block;margin:0px; text-decoration: none; color: #fff; font-size: 12px; padding: 4px 10px 4px 18px; border-left: 1px solid #fd9f53; background:url(/img/navigatie/hoofdnavigatie/button-white.gif) no-repeat 7px center;}
#hoofdnavigatie li a:hover, #hoofdnavigatie li a.actief { color: #fc821e; background: #fff url(/img/navigatie/hoofdnavigatie/button-orange.gif) no-repeat 7px center;}
ul#topnavigatie a { text-transform: capitalize; }
#subnavigatie ul#submenu li { text-transform: capitalize; }
#visual{position:relative;float:left;display:block;width:870px; height: 182px;margin: 0; padding: 0;}
#visual img{padding: 0 0 0 10px}
#content-container{position:relative;float:left;width:850px;padding:0 0 30px 10px;background:url(/img/achtergronden/content-bg.jpg) no-repeat bottom right;overflow:hidden;}
#content-container #content{margin:0px;width:547px;float:left;padding: 0 0 0 38px;}
#content-container #content-gedeelte{float:left;position:relative;}
.breed{width:547px;}
.smal{width:368px;}
.breed p{width:548px;}
.smal p{width:368px;}
h4{position:relative;display:block;float:left;background:url(/img/algemeen/bullet-grijs.gif) no-repeat 0 6px;padding:0 0 0 12px;font-size:11px;font-weight:normal;}
.smal h4{width:368px;}
.breed h4{width:547px;}
#content-container #content #contentgedeelte h3{font-weight:bold;font-size:14px;letter-spacing:0px;padding:20px 0 0 0;}
#content-container #content #contentgedeelte strong p{}
#content-container #content #contentgedeelte td strong{font-size:11px;font-weight:bold;}
#content-container #content #contentgedeelte span{clear:left;position:relative;display:block;background:url(/img/algemeen/bullet-grijs.gif) no-repeat 0 6px;padding:0 0 0 12px;}
#content-container #content #contentgedeelte li { padding-left: 10px; }
#contentgedeelte p{clear:left;}
#content-container h2.kop,
#content-container h2.kop-rechterkolom{position:relative;width:420px;float:left;margin: 22px 0 0px 0;font-size:18px;font-weight:normal; color:#fc8727; /*line-height: 22px;*/}}
#content-container h2.kop-rechterkolom{width:200px;}
#content-container div.kopfunctionaliteit{position:relative;width:125px;display:block;float:left;margin: 30px 0 0px 0;height:15px;text-align:right;font-size:16px;color:#8a8a8a;}
#content-container a.koplink{text-decoration:none;font-size:11px;font-weight:bold;color:#8a8a8a;}
#content-container a.koplink:hover{color:#FC821E;}
#content-container div.streep{position:relative;float:left;background:url(/img/achtergronden/streep-bg.gif) repeat-x 0 0;;width:547px;height:1px;margin:0 0 3px 0;display:block;padding:0 0 0 0;line-height:1px;font-size:1px;}
#content-container #content p a.teruglink{font-weight:bold;text-decoration:none;line-height:35px;}
#content-container #content p a.teruglink:hover{color:#FC821E;}
#content-container #content h4 a{float:left;text-decoration:none;}
#content-container #content h4 a:hover{color:#FC821E;}
#content-container #content h4 a b{font-weight:bold;color:#8a8a8a;}
/*
h2.introductie{background:url(/img/koppen/kop-introductie.gif) no-repeat 0 0;}
h2.highlights{background:url(/img/koppen/kop-highlights.gif) no-repeat 0 0;}
h2.referenties{background:url(/img/koppen/referenties.png) no-repeat 0 0;}
*html h2.referenties{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/koppen/referenties.png);background:none;}
h2.contact{background:url(/img/koppen/kop-contact.gif) no-repeat 0 0;}
h2.routebeschrijving{background:url(/img/koppen/kop-routebeschrijving.gif) no-repeat 0 0;}
h2.internetsoftware{background:url(/img/koppen/kop-internetsoftware.gif) no-repeat 0 0;}
h2.adres{background:url(/img/koppen/kop-adres.gif) no-repeat 0 0;}
h2.disclaimer{background:url(/img/koppen/kop-disclaimer.gif) no-repeat 0 0;}
h2.support{background:url(/img/koppen/kop-support.gif) no-repeat 0 0;}
h2.vacatures{background:url(/img/koppen/kop-vacatures.gif) no-repeat 0 0;}
*/
#content-container #rechterkolom{float:left;width:210px;margin-left:40px;overflow:hidden;}
#content-container #rechterkolom #referenties-container{float:left;position:relative;width:200px;}
#bottom{
position:relative;
width:870px;
margin: -10px auto;
height:142px;
padding:0;
text-align:left;
}
#bottom .bottomnav{
position:absolute;
top:10px;
left:50px;
width:800px;
height:100px;
z-index:2;
}
#bottom .bottomvisual{
height:142px;
position:absolute;
top:0px;
left:0px;
width:870px;
background:url(/img/achtergronden/bottom-bg2.png) no-repeat 0 0 ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/achtergronden/bottom-bg2.png', sizingMethod="scale" );
_background-image: none;
z-index:1;
}
#bottom ul li {
float: left;
border-left: 1px solid #ddd;
padding: 0 10px;
}
#bottom ul li.first {
padding: 0 10px 0 0;
border-left: 0px;
}
#bottom ul li.active {
color: #fd831f;
}
#bottom ul li a {
color: #b0aeae;
text-decoration: none;
}
#bottom ul li a:hover {
text-decoration: underline;
color: #fd831f;
}
#content-container #contentgedeelte{position:relative;float:left;overflow:hidden;}
#content-container #contentgedeelte a.name-link{float:left;}
div.spacer-link{font-size:16px;float:left;position:relative;padding:18px 0px 0 10px;color:#8a8a8a;}
#content-container #contentgedeelte a.top-link{float:left;margin:20px 0 0 0px;text-decoration:none;font-weight:bold;color:#8a8a8a; display: block;}
#content-container #contentgedeelte a.top-link:hover{color:#FC821E;}
#content-container #subnavigatie{position:relative;width:179px;float:left;}
#content-container #subnavigatie li{width:159px;border-bottom:solid 1px #E9E8E8; float: left; background: none; padding: 0;}
#content-container #subnavigatie li a{background:url(/img/algemeen/bullet-oranje.gif) no-repeat 0 8px;float:left;padding:3px 0 3px 12px;text-decoration:none; display: block;font-weight:bold;}
#content-container ul {margin-bottom: 10px;}
#content-container ul li {background:url(/img/algemeen/bullet-oranje.gif) no-repeat 0 6px;padding:0px 0 0px 14px;}
#content-container ol li{background:url(/img/algemeen/bullet-grijs.gif) no-repeat 0 6px;clear:both;padding:0px 0 0 12px;text-decoration:none;}
ul.supportlist{clear:both;}
ul.supportlist li, #content-container ul li.list{background:url(/img/algemeen/bullet-oranje.gif) no-repeat 0 6px;float:left;padding:0px 0 0 12px;text-decoration:none;font-weight:bold;}
ul.supportlist li{clear:both;font-weight:normal;}
#content-container p{margin-bottom: 10px;}
#content-container p b{margin-top:20px;}
#content-container #subnavigatie li a:hover, #content-container #subnavigatie li a.AKTIEF{color:#FC821E;}
#content-container #subsupport{position:relative;width:179px;float:left;}
#content-container #subsupport li{width:159px;line-height:16px;border-bottom:solid 1px #E9E8E8;clear:both;}
#content-container #subsupport li a{background:url(/img/algemeen/bullet-oranje.gif) no-repeat 0 6px;float:left;padding:0px 0 0 12px;text-decoration:none;font-weight:bold;}
#content-container #subsupport li a:hover, #content-container #subsupport li a.AKTIEF{color:#FC821E;}
#referenties-link{border-top:solid 1px #E9E8E8;position:relative;float:left;width:180px;height:20px;}
#referenties-link a, a.nieuwsitem{font-weight:bold;text-decoration:none;color:#8a8a8a;}
#referenties-link a:hover, a.nieuwsitem:hover{color:#FC821E;}
.referentieafbeelding{width:88px;height:60px;padding:0px;margin:5px 0 0 0; position:relative;display:block;float:left;text-align:center;font-size:60px;line-height:60px;}
.box-top, .box-bottom {display:block; background:transparent; font-size:1px;}
.box-b1, .box-b2, .box-b3, .box-b4, .box-b5, .box-b6, .box-b7, .box-b8{display:block; overflow:hidden;}
.box-b1, .box-b2, .box-b3, .box-b4, .box-b5, .box-b6, .box-b7, .box-b8{height:1px;}
.box-b1, .box-b3, .box-b4, .box-b5, .box-b6, .box-b7, .box-b8{background:#fff; border-left:1px solid #d4d2d2; border-right:1px solid #d4d2d2;}
.box-b2{background:#fff; border-left:1px solid #d4d2d2; border-right:2px solid #d4d2d2;}
.box-b1{margin:0 5px 0 0px; background:#d4d2d2;}
.box-b2{margin:0 3px 0 0; }
.box-b3{margin:0 2px 0 0;}
.box-b4{margin:0 1px 0 0; height:2px;}
.box-b5{margin:0 5px; background:#d4d2d2;}
.box-b6{margin:0 3px; border-width:0 2px;}
.box-b7{margin:0 2px;}
.box-b8{margin:0 1px; height:2px;}
.box-content {display:block; background: #fff; border:0 solid #d4d2d2; border-width:0 1px; position: relative;width:177px;height: 520px; padding: 7px 10px 0 10px;}
.box-content p{width:88px;height:60px;padding:0px;margin:0px 0px 0 0; position:relative;display:block;float:left;text-align:center;font-size:60px;line-height:60px;}
.box-content p img{vertical-align:middle;}
#formulier{padding:20px 0 0 0;width:389px;float:left;position:relative;}
#formulier label, #formulier input, #formulier textarea{float:left;}
#formulier label{width:75px;height:18px;margin:2px 0 0 0;text-align:left;padding-right:15px;}
#formulier input{width:290px;border:solid 1px #E9E8E8;height:14px;margin:2px 0 0 0;font-size:11px;}
#formulier textarea{width:289px;height:100px; border:solid 1px #E9E8E8;margin:2px 0 0 0;}
div.locatie-OV{color:#FC821E;font-weight:bold;}
div.locatie{color:#666666;font-weight:bold;}
/* border-bottom: solid 1px #E9E8E8; */
/* fatale error ASP_assert.inc*/
div#fatale-error-canvas-div {
position:absolute;
height: 100%;
top: 0px;
right: 60%;
margin-left: -397px;
margin-right: -397px;
}
div.fatale-error-holder {
margin-top: 44%;
width: 550px;
}
div.fatale-error-afbeelding {
text-align: left;
clear: right;
}
div.fatale-error-tekst {
font-family: verdana;
padding-top: 20px;
padding-left: 70px;
font-size: 18px;
font-weight: bold;
}
div.fatale-error-bericht {
font-family: verdana;
clear: right;
padding-top: 20px;
padding-left: 50px;
font-size: 10px;
font-weight: bold;
}
a.fatale-error-link, a.fatale-error-link:hover {
font-size: 10px;
font-weight: bold;
color: #ff0000;
}
a.fatale-error-link:hover {
text-decoration: none;
}
/* fatale error ASP_assert.inc */
#header #topnavigatie div.SubLogo{
position:relative;
margin: 36px 0 0 430px;
padding: 0 0 0 0px;
width:127px;
height:38px;
display:block;
}
/* microformats */
.vcard{
display:none;
}
/* // microformats */