/* ------- Reset CSS -------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    /* font-style: inherit; */
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}



/* ------- new clearfix ------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* ------- Base -------- */

body{
background: #1c1c1c;
font-family: "lucida sans unicode","lucida grande",verdana,sans-serif;
font-size:12px;
}

p,li{font-size:0.9167em;}
p{color:#333;line-height:1.75;}
h1,h2,h3{color:#000;}
h1{font-size:1.8333em;line-height:1.25;}
h2{font-size:2em;font-weight:bold;}
h3{font-weight: bold;margin-top:20px;}

#wrap{width:990px;margin:0 auto;}
#container{width:100%;}
#content{background:#fff;width:800px;float:left;padding:20px;height:355px;position: relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;overflow: hidden;position: relative;}
.tekstpagina #content ul{list-style:disc;}
.tekstpagina #content ul li{margin-left:15px;line-height:1.75;color:#333;}
.tekstpagina #content p, .tekstpagina #content ul{margin:10px 0;}

.rondehoek{width:5px;height:5px;position:absolute;line-height: 0;font-size:1pt;overflow:hidden;}
#linkerbovenhoek{left:0;top:0;background: url(../images/lbh.gif) no-repeat left top;}
#linkeronderhoek{left:0;bottom:0;background: url(../images/loh.gif) no-repeat left bottom;}
#rechterbovenhoek{right:0;top:0;background: url(../images/rbh.gif) no-repeat left top;}
#rechteronderhoek{right:0;bottom:0;background: url(../images/roh.gif) no-repeat left bottom;}
#rechterbovenhoek_png{right:0;top:0;background: url(../images/rbh.png) no-repeat left top;}
#rechteronderhoek_png{right:0;bottom:0;background: url(../images/roh.png) no-repeat left bottom;}

/* ------- Link styles -------- */

a:link, a:active, a:visited {text-decoration: none;color:#333;outline: none;font-weight: bold;}
a:hover, a:focus {text-decoration: none;color: #4781c1;outline: none;}



/* ------- Header -------- */

#header{padding:20px 0 10px;height:63px;overflow: hidden;}

h1#logo a{
float:left;
text-indent:-4000px;
width:192px;
height:63px;
background: url(../images/logo.jpg) no-repeat;
margin-left:160px;
display: inline;
}

#header-right{float:right;margin-top:4px;}
#header-right #taalkiezer{margin-bottom:10px;}
#header-right li{display:block;float:right;font-family:helvetica,"helvetica neue",arial,sans-serif;text-transform:uppercase;font-weight:bold;font-size:1em;margin-left:4px;color:#fff;}
#header-right a,#header-right span,#header-right a:hover,#header-right a.selected,#header-right a.selected:hover{border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;}
#header-right a{display: block;padding:2px 4px;color:#fff;font-size:1em;}
#header-right .current_lang span{display:block;padding:2px 4px;}
#header-right a:hover{background: #4781c1;}
#header-right li.current_lang span{background:#444;}
#header-right #zoek{float:right;position:relative;width:160px;background:#444;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;padding:6px 8px;}

#header-right form{padding:0;margin:0;}
#header-right input#search{border:none;color:#fff;margin:0;background:#444;width:145px;}
#header-right input#submit{display:block;width:12px;height:12px;background: url(../images/vergrootglas.gif) no-repeat;position: absolute;right:8px;top:8px;border:none;cursor:pointer;}

/* ------- Navigatie -------- */

div#nav{float:left;width:150px;}
div#nav ul{width:150px;padding:5px 0 0;}
div#nav ul li{display:block;width:150px;}
div#nav ul li a{display: block;width:120px;text-align:right;font-family:helvetica,"helvetica neue",arial,sans-serif;text-transform: uppercase;color:#fff;font-weight: bold;padding:7px 20px 7px 10px;font-size:1.08333em;}
div#nav ul li a:hover{color:#4781c1;}
div#nav ul li.current a{background:url(../images/current.gif) no-repeat right center;}
div#nav ul li.current a:hover{cursor: default;color:#fff;}
div#nav ul li a.current{background:url(../images/current.gif) no-repeat right center;}
div#nav ul li a.current:hover{cursor: default;color:#fff;}
div#nav ul li a.open{}
div#nav ul li ul{padding:4px 0 4px;}
div#nav ul li ul li a{text-transform: none;font-weight: normal;padding:4px 20px 5px 0px;width:130px;color:#888;font-size:1.08333em;font-weight: bold;}
div#nav ul li ul li a:hover{color:#fff;}
div#nav ul li ul li a.current{font-weight: bold;color:#fff;}


/* ------- Home -------- */

#home #content{padding: 55px 95px 0 365px;width:380px;height:340px;background: #fff url(../images/bg-home.jpg) no-repeat;zoom:1;}
h2.introduction{margin-bottom:15px;font-size:1.8333em;line-height:1.25;font-weight: normal;}
#home p.introduction-small{padding-right:30px;margin-bottom:20px;}

#introduction-nav a,a.leesverder{display: inline;float:left;padding:8px 27px 8px 10px;font-size:1.08333em;font-weight: bold;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;margin-right:15px;background:#d3d4d5 url(../images/intro-nav-pijl.gif) no-repeat right top;}
#introduction-nav a:hover,a.leesverder:hover{background: #4781c1 url(../images/intro-nav-pijl.gif) no-repeat right -28px;color:#fff;}
a.leesverder{font-size:0.9167em;padding:5px 27px 5px 6px;background-position:right -4px; float:left;margin-left:12px;/* display: block;width:70px; */line-height: 1;}
a.leesverder:hover{background-position:right -32px;}

/* ------- Tekstpagina (wat we doen & projectpagina's) -------- */

.tekstpagina #content{padding:0;width:840px;height:395px;}
.tekstpagina #content .col{float:left;}
.tekstpagina #content #tekstwrap{width:503px;padding:7px 7px 10px 20px;height:378px;}
.tekstpagina #content #tekst{overflow:auto;height:360px;padding:7px 18px 10px 0;}
.tekstpagina #content #beeld{width:310px;}
.tekstpagina p.intro{font-size:1.1667em;margin-top:12px !important;line-height: 1.65;}
.tekstpagina #content p{margin:0 0 15px;}
.tekstpagina #content p.bottom{margin-bottom:0;}
.tekstpagina #content p.title{margin-bottom:0px !important;font-weight: bold;font-size:1em;}
.tekstpagina #content strong{line-height:1.75;margin-top:0;}
.tekstpagina h2{margin-bottom:12px;}
.tekstpagina #content ul{margin-top:0;}


/* ------- Projecten overzicht -------- */

#pr_overzicht #content{padding:10px 0 0px 10px;width:830px;height:auto;}
#pr_overzicht #content .image{display:block;width:198px;height:118px;}
#pr_overzicht #content .image img{display: block;}
#pr_overzicht #content .image {float:left;position:relative; width:198px; height:118px;margin:0 9px 10px 0;}
#pr_overzicht #content table {height:118px; background:#191919; position:absolute; top:0px; left:0px; width:198px; font-family:helvetica,"helvetica neue",arial,sans-serif; font-style:bold; font-size:1.5em; color:#fff;text-align: center;font-style:normal;font-weight:bold;z-index:10;}
#pr_overzicht #content table.cite_pad { display:none;}
#pr_overzicht #content table.cite_pad td{height:98px;width:178px;font-weight: bold;vertical-align: middle;text-align: center;line-height:1.3;padding:10px;}
#pr_overzicht a.leesverder{display:block;
float:none;
font-size:0.65em;
line-height:1;
margin:5px auto 0;
padding:3px 27px 3px 8px;
width:26px;
background-position: right -6px;}
#pr_overzicht a.leesverder:hover{background-position: right -34px;}
#pr_overzicht #content a.pr-nav{display:block;height:118px;width:95px;float:left;text-indent:-4000px;}
#pr_overzicht #content a#vorige{background:url(../images/btn-pn-vorige-inactive.gif) no-repeat;margin-right:9px;}
#pr_overzicht #content a#volgende{background:url(../images/btn-pn-volgende-inactive.gif) no-repeat;}


/* ------- Project detail -------- */

#projects #content p{margin:0px 0 15px;}
#projects #fotobalk{position:relative;height:35px;overflow:hidden;padding-left:15px;width:825px;background:#3a3a3a;clear:both;margin:0px 0 0 150px;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius:5px;font-size:3em;color:#292929;font-weight: bold;line-height:.95;font-family:helvetica,"helvetica neue",arial,sans-serif;letter-spacing: -1px;line-height: 0px;font-size: 0;}
#projects #fotobalk span{position:absolute;top:4px;right:4px;display: block;height:27px;}
#projects #fotobalk span.en{background:url(../images/photos.gif) no-repeat left top;width:139px;}
#projects #fotobalk span.nl{background:url(../images/fotos.gif) no-repeat left top;width:120px;}
#projects #fotobalk.en{background:#3a3a3a url(../images/photos.gif) no-repeat 99% 4px;}
#projects #fotobalk.nl{background:#3a3a3a url(../images/fotos.gif) no-repeat 99% 4px;}
#projects #fotobalk a{display:block;width:35px;height:35px;float:left;padding-left:6px;background:#1c1c1c;}
#projects #fotobalk a.last{border-right:6px solid #1C1C1C;}
#projects #fotobalk a:hover{background:#4781c1;}
#projects #fotobalk a:active{background:#fff;}
#projects #content.fb{margin-bottom:10px;}
#projects h3{}

/* ------- Contact -------- */

#contact #content{background: #fff url(../images/telefoon.jpg) no-repeat 57px 66px;}
#contact #contact-block{margin-left:485px;margin-top:90px;width:255px;}
#contact #contact-block h1{font-size:1.6667em;line-height: 1.4;font-weight: normal;}
#contact #contact-block h1.strong{font-weight: bold;}
#contact #contact-block p{font-size:1.1667em;padding-left:35px;}
#contact p.email{background:url(../images/email.gif) no-repeat left center;}
#contact p.email a{font-weight: normal;text-decoration: underline;}
#contact p.telefoon{background:url(../images/phone.gif) no-repeat left center;margin-top:15px;}

/* ------- Search -------- */

#search #content{padding:0px;}
#search h2.introduction{background:url(../images/zoekresultaten_dottedline.gif) repeat-x left bottom;padding:0 0 7px;margin-bottom:20px;}
#search h3{font-size:1.333em;margin-top:0;float:left;margin:1px 0 5px 0;padding-bottom:3px;}
#search .result{margin-bottom:30px;}
#search .result_title{height:22px;}
#search .result_excerpt{margin:10px 0 10px !important;}
#search .result p{}
#search .result.last{margin-bottom:0;}

/* ------- Footer -------- */

div#footer{margin-left:150px;position:relative;}
div#footer p{padding:5px 0;color:#999;}
div#footer span{margin:0 6px;color:#777;}
div#footer a{text-decoration:underline;font-weight:normal;color:#999;}
div#footer a:hover{color:#fff;}
div#footer a.signature{position:absolute;right:0;width:69px;height:12px;background: url(../images/bewoog.jpg) no-repeat left top;top:10px;text-indent:-4000px;display: block;}
div#footer a.signature:hover{background-position: 0 -12px;}

/* ------- 404 -------- */

div#content.error{padding:110px 95px 0 365px !important;height:285px !important;}
.error-status{font-size:3em;margin-bottom:5px;}
.error-msg{font-size:1.5em;}
.qtip-content{line-height: 1.5;}