@charset "utf-8";
/* CSS Document */

/*OPLOSSEN: IE: padding (bottom en top) en onderstreping in sitmap- en kadermenubalk */

body * {margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; background-color:#000011; color:#ddddff;}
#container {width:865px; margin:0 auto 0 auto; padding:0.5em 0 0.5em 0; font-size:1em;}
/***********************  "Javascript aanzetten"-melding  ***********************/
#container noscript a {border-bottom:1px dashed #ee6633;}
#container noscript a:hover {border-bottom:0;}
#container noscript span {font-size:80%;}
/***********************  RONDE 'HOEKEN'  ***********************/
b.rtop, b.rbottom{display:block; background:#000011;}
b.rtop b, b.rbottom b{display:block; height:1px; overflow:hidden; background-color:#333355;}
b.r1{margin:0 5px;}
b.r2{margin:0 3px;}
b.r3{margin:0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin:0 1px; height:1px;}
/***********************  IN-CONTAINER & HEADER  ***********************/
#container #header /* general settings of header */{color:#ddddff; margin:0 0 0.2% 1.2%; background-color:#000022; background-image:url(../images/spothead.jpg); background-repeat:no-repeat;}
#container #header #in-header {padding-top:1em; padding-bottom:1em; overflow:hidden;}
#container #header #in-header #logo	{position:relative; float:left; width:110px; margin-left:0.6em; margin-right:29px;}
#container #header #in-header #h-text{width:80%; font-family:Arial, Helvetica, sans-serif; font-size:2.3em; padding-top:0.2em; padding-left:1.15%; font-weight:bold; line-height:1.2em; font-style:italic; text-align:left; float:left;}
#header #in-header #h-text	.smaller_caps {font-size:78%;}
#header #in-header #h-text	em {letter-spacing:0.4px; font-size:0.45em; margin:0 0 0 0.1em; padding-top:0.5em; border-top:1px solid #ee6633;}
/***********************  SIDEBAR (sidebar en daarin gelegen navbar)  ***********************/
#container #sidebar {position:relative; float:inherit; clear:both; height:auto; margin-left:1.22%; width:10em; float:left; font-size:0.9em;}
#container #sidebar #in-sidebar {background-color:#000022; background-image:url(../images/spotvert.jpg); background-repeat:repeat-x; padding:0.15em 0.25em 25.8% 0.25em/*!!padding-top nodig om background-color tot bovenkant te krijgen, anders wordt achterliggende layer zichtbaar!!*/;}

/*(start: VERBORGEN tot meerdere talen gebruikt worden)***********************************************************/
/*#container #sidebar p.border1 {border-bottom:1px dotted #555577; margin:1em 4% 0.65em 2%;}
#container #sidebar p.border2 {border-top:1px dotted #555577; margin:2.4em 4% 0 2%; padding-bottom:0;}
#container #sidebar ul.langbar {width:100%; float:left; margin-left:1px;}
#container #sidebar ul.langbar li {width:20px; float:left; display:block;}
ul.langbar li a.eng {margin-left:18px;}
ul.langbar li a.fra {margin-left:35px;}*/
/*(eind: VERBORGEN tot meerdere talen gebruikt worden)***********************************************************/

ul.navbar {
 margin-top: 61%;/* !!! VERWIJDEREN: zodra meerdere talen geactiveerd !!! */
 /*margin-top: 0;*//* !!! ACTIVEREN: zodra meerdere talen geactiveerd !!! */
 padding-top:0;margin-left:0.25em;}

ul.navbar li {margin-bottom:0.2em;}
#container #sidebar ul.submap {margin-left:0.3em; padding-right:0.25em;}
#container #sidebar .submap li{border-left:1px dotted #ddddff; padding-left:0.3em; padding-bottom:0.45em; margin-bottom:0;}
#container #sidebar .submap a {padding-left:0;}
#container #sidebar .submap li:first-child {padding-top:0.3em;}
/***********************  'NAVBAR'-koppelingen  ***********************/
li {padding-left:0.5em; padding-bottom:0.5em; list-style-type:none;}
a {text-decoration:none; color:#ddddff; padding:0.1em 0.1em 0.1em 0.1em;}
ul li.youarehere a, ul li a.youarehere {border-bottom:1px solid #ee6633; font-weight:bold; margin:0; padding:0;}
a:hover, a.over, a.youarehere:hover, a.youarehere.over {background-color:#ee6633; color:#ffffff; border:0;}
li.youarehere a:hover, li.youarehere a.over {margin:0; padding:0;}
/***********************  CONTENT (normale text-layout)  ***********************/
#container #content {position:relative; float:inherit; margin-left:9.8em;}
#container #content #in-content {background-image:url(../images/spotvert.jpg); background-repeat:repeat-x; padding:0 0 1.5em 1em; background-color:#000022; overflow:hidden;}
#container #content #in-content .text h2, #container #content #in-content .text-services h2 /* homepage*/{margin-bottom:6.95%;}
#container #content #in-content .text  /*algemeen*/{position:relative; float:left; clear:both; text-align:left; width:42%; margin-left:0.5em; margin-right:1em; font-size:0.9em;}
#container #content #in-content .text-404 {width: 50%;}
#container #content #in-content .text-services /*servicespagina*/{position:relative; float:left; clear:both; text-align:left; width:45%; margin-left:0.5em; margin-right:9%; font-size:0.9em;}
#container #content #in-content .text-contact  /*contactpagina*/{clear:both; float:left; text-align:left; width:40%; margin-bottom:0 /*om vergrootte kaart zo hoog mogelijk te laten komen*/;padding-bottom:0 /*om vergrootte kaart zo hoog mogelijk bij te laten komen*/;}
#container #content #in-content .text p {clear:both;}
#container #content #in-content .text-ref, .text-full /*referentiespagina*/{float:left; width:100%; line-height:1.8em;}
#container #content #in-content .text h2, #container #content #in-content .text-services h2{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.3em; margin-top:38px;} 
#container #content #in-content h2 {margin-bottom:13px;}
#container #content #in-content h3 /*op servicespagina*/{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1em; text-align:left; font-weight:bold;}
p {margin-bottom:1em; text-align:left;}
#container #content #in-content .cat2 /*sitemappagina*/{margin-left:1em;}
#container #content #in-content .cat3 /*sitemappagina*/{margin-left:1em; line-height:1.6em;}
#container #content #in-content .subcat3 /*sitemap*/{margin-left:3.5em;}
/***********************  CONTENT-kolommen (div's) ***********************/
#container #content #in-content .kol2, #container #content #in-content .kol3 /*references*/{float:left; vertical-align:top; width:25.5%; text-align:center;}
.kol2 {margin-right:0.5%;}
#container #content #in-content .kol2-3 /*homepage, servicepagina*/{position:relative; float:left; margin-bottom:2em;}
#container #content #in-content .kaart-contact /* =".kolom2-3" op contactpagina*/{position:relative; float:left; min-width:45%; max-width:500px; display:inline-block; vertical-align:top; padding-top:9%; margin-left:0.5em; margin-bottom:2em; text-align:center;}
/*** Voor servicepagina (pijltjes, kol, ed. zie CONTENT-servicespagina ***/
/***********************  CONTENT - textlinks  ***********************/
#container #content #in-content .text-services a.lined, a.lined, a span.lined {padding-bottom:0; border-bottom:dashed 1px #ee6633;}
#container #content #in-content .lined:hover {border-bottom:0;}
/***********************  CONTENT -  fotokoppelingen & foto's  ***********************/
#container #content #in-content a.photos, #container #content #in-content .photos /*homepage*/{margin-top:0.4em; padding:0 2px 0 2px; display:table; text-align:center; font-size:0.85em;}
#container #content #in-content span.photos {margin-top:3.5%; padding-left:2px; display:table; text-align:center; font-size:0.85em;}
#container #content #in-content .photos img /*alle foto's op de site: a.photos & span.photos*/{border:2px solid #000022;}
#container #content #in-content a.photos img:hover /*alle foto's in links op de site*/{outline:solid 2px #ee6633;} 
/***********************  CONTENT-servicespagina ***********************/
#container #content #in-content .kol4 /*kolom = alleen voor pijltjes:"terug-naar-boven" */{position:relative; float:left; margin:9px 0 0 21px; width:12px; display:block;}
#container #content #in-content a.top /*pijlkoppelingen (kol4) servicepagina*/{padding-right:10px; background-image:url(../images/gallery/naarboven-b.gif); background-repeat:no-repeat; background-position:center;}
#container #content #in-content a.top:hover /*pijlkoppelingen (kol4) servicepagina*/{background-color:#000022; background-image:url(../images/gallery/naarboven-o.gif); background-repeat:no-repeat; background-position:center; outline:solid 2px #ee6633;}
/***********************  CONTENT-projectspagina (niet pic-pg!!) ***********************/
#container .text-gall {clear:both; float:left; text-align:left; margin-left:0.5em; font-size:0.9em;}
#container .gallery {clear:both; float:left; padding:0; margin-bottom:2.5em; width:650px;}
#container .gallery a {float:left; max-width:72.8%; padding-left:0;}
#container .gallery a:hover {outline:2px solid #ee6633; background:none;}
.gallery a.gall-link {padding:0;}
.gallery a.gall-link img{border:2px solid #000022;margin:2px 2px 0 0;}
#container #content #in-content .gallery .lined:hover {background-color:#ee6633; outline:none;}
#container #content #in-content a.top-pic, #container #content #in-content a.top-pic-bottom /* pijlkoppelingen op projectpagina*/{margin-left:20px; padding-right:10px; background-image:url(../images/gallery/naarboven-b.gif); background-repeat:no-repeat;background-position:center;}
#container #content #in-content a.top-pic:hover, #container #content #in-content a.top-pic-bottom:hover /* pijlkoppelingen op projectpagina*/{background:#000022; background-image:url(../images/gallery/naarboven-o.gif); background-repeat:no-repeat; background-position:center; outline:solid 2px #ee6633;}
#container #content #in-content a.top-pic {margin-top:0.8%;}
/***********************  FOOTER  ***********************/
#footer {margin-top:2px; margin-left:0.7em;	clear:both;}
#container #footer center {/*background-image: url(../images/spotfoot1.jpg); background-repeat:no-repeat;*/	background-color:#000022; height:76px;}
#container #footer .contact {font-size:0.9em; padding-top:1em;}
#container #footer p {font-size:0.7em; text-align:center;}
#container a.cas:hover {background-color:#000022; color:#ee6633;}