/* CSS Document */

body {
background:url(header3.png) 0 0 repeat-x;
margin:0;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a {color:#fff;text-decoration:none;}
a:hover {color:#fff;text-decoration:none; font-weight:800;}

#container{
width:auto;
}

ul.grijs {
}

ul.grijs li {
color:#666;
}

#header{
background:url(header3.png) 0 0 repeat-x;
height:245px;
background-color:#fff;
}

.demo {
color:#FFF;; 
background-color:#ccc;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;opacity:.90;
layer-background-color:#cccccc;
position:absolute; 
top:150px; 
left:300px; 
width:475px; 
height:275px;
z-index:99;  visibility:hidden;
}

.wit {
color:FFF;
width:445px;
height:245px;
background-color:#666;
margin:5px;
padding: 10px;
}

.plaatjeindiv {
width:120px;
height:180px;
float:right;
margin: 5px 5px 5px 5px;
}

.linkerdivindiv {
width:290px;
height:180px;
float:left;
padding-top:10px;
}

.linkerdivindiv a {
color:#2379BE;
font-weight:400;
text-decoration:underline;
}

.linkerdivindiv a:hover{
color:#FFF;
font-weight:400;
}

#header a{
font-weight:600;
color:#FFF;
}

#header a:hover{
font-weight:600;
color:#999;
}

blockquote {
background: transparent url(blockquote.png) left top no-repeat;
}

blockquote div {
padding: 0 48px;
background: transparent url(blockquote2.png) right bottom no-repeat;
}

#kader{
background-color:#000000;
height:213px;
background-color:#c5b99f;
}

.tabs{
text-align:left;
margin:auto;
width:768px;
height:42px;
padding-top:45px;
}

#logo {
padding-top:30px;
width:321px;
}

ul#sub {
margin:0 25px 0 20px;
float:center;
padding:0;
list-style:none;
}

ul#sub li{
float:right;
display:block;
padding-left:10px;
padding-top:10px;
padding-right:20px;
width:60px;
text-align:left;
}

ul#sub li.actief {
font-weight:600;
color:#999;
}

ul#sub2 {
margin:0 25px 0 0px;
float:left;
padding:0;
list-style:none;
}

ul#sub2 li{
float:left;
padding-left:0px;
padding-top:10px;
padding-right:10px;
width:90px;
text-align:left;
}

ul#sub3 {
margin:0 25px 0 0px;
float:left;
padding:0;
list-style:none;
}

ul#sub3 li{
float:left;
padding-left:0px;
padding-top:10px;
padding-right:10px;
width:120px;
text-align:left;
}

ul#menu li{line-height:2;padding:10px 0 5px 0;margin:0;}

ul#menu li.active {color:yellow;}

#projecten{
display:block;
padding-top:20px;
font-weight:800;
}

#overformlab{
display:block;
padding-top:20px;
font-weight:800;
}

#competentielijst {
width:100%;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
background-color:#e3f1f6;
border: 1px solid #cddbe0;
}

#competenties{
display:block;
padding-top:20px;
font-weight:800;
}

body #container {
margin:0 auto;
width:768px;
background-color:#FFF;
text-align:left;
}

body #container #content_container {
margin:0 auto;
padding:55px 48px 40px 20px;
width:768px;
background-color:#FFF;
text-align:left;
}

#container #content_container #content {
padding: 0px 20px 20px 0px;
margin-right:20px;
float:left;
width:60%;
}

#container #content_container #over72dpicontent {
padding: 0px 20px 20px 0px;
margin-right:20px;
float:left;
width:100%;
}

#content h5 {
margin:0;
padding:0;
font-size:13px;
color:#000;
font-weight:800;
line-height:1.5;
}

.pasfoto {
float:left;
margin-right:10px;
width: 100px;
height: 125px;
border: 1px solid #000000;
}

.pasfoto3 {
float:right;
margin-right:0px;
margin-left:10px;
width: 100px;
height: 100px;
border: 1px solid #000000;
}

.pasfoto2 {
float:right;
margin-right:10px;
margin-top:40px;
width: 90px;
height: 90px;
border: 1px dotted #000000;
}

#content a {
color:#2379BE;
font-weight:400;
background-color:#FFF;
text-decoration:underline;
}

#content a:hover {
color:#FFF;
background-color:#2379BE;
font-weight:400;
}

#content a.geenunderline {
color:#2379BE;
font-weight:400;
background-color:#FFF;
text-decoration:none;
}

#content a.geenunderline:hover {
color:#FFF;
font-weight:400;
background-color:#2379BE;
text-decoration:none;
}

h2 {
margin-top:0;
font-size:16px;
color:#fa8700;
line-height:1;
}

h3 {
margin-top:0;
font-size:14px;
color:#FA8700;
line-height:1;
}

h4,p {
margin-top:0;
font-size:12px;
color:#576166;
font-weight:400;
line-height:1.5;
}

h6 {
margin-top:0;
font-size:13px;
color:#000;
font-weight:800;
line-height:1.5;
}

#categorielijst h5 {
margin:0;
padding:0;
font-size:13px;
color:#000;
font-weight:800;
line-height:1.5;
}
#categorielijst p {
padding-left:29px
}

#categorielijst a {
margin-top:0;
font-size:12px;
color:#576166;
font-weight:400;
line-height:1.5;
text-decoration:underline;
}

#categorielijst a.active {
text-decoration:none;
color: #000;
}

#thumbs {
background-color:#FFFFCC;
float:left;
width:240px;
margin:0 auto;
padding:8px 8px 20px 8px;
}

#thumbs2 {
background-color:#FFFFCC;
float:left;
width:19px;
height:19px;
margin:0 auto;
}

ul#categorielijst {padding:0;margin:0;list-style:none;}

ul#categorielijst li {
width:230px;
text-align:left;
margin-bottom:4px;
margin-left:5px;
padding:0;
list-style:none;
}

ul#polaroids {padding:0;margin:0;list-style:none;}

ul#polaroids li {
width:125px;
height:150px;
text-align:center;
border: 2px solid #000;
margin-bottom:4px;
margin-left:0;
padding:0;
list-style:none;
}

ul#subnav {
padding:0;
margin:0;
}

ul#subnav li {
display:inline;
margin-right:10px;
line-height:1.5em;
}

ul#subnav a.active {
color:#000;
text-decoration:none;
}

#onderschrift {
padding: 20px 20px 20px 0px;
border-top: 1px #FF99CC dotted;
width:768px;
margin: 20px auto;
}

#onderschrift a{
font-weight:400;
color:#2379BE;
background-color:#FFFFFF;
}

#onderschrift a:hover{
font-weight:400;
color:#FFF;
background-color:#2379BE
}

.clear {
clear:both;
}

#footer {
border-top: 1px dashed #D3D3D3;
height:81px;
text-align:left;
color:#fff;
font-size:80%;
}

#foottext {
color:#000;
font-size:11px;
padding-top:20px;
width:auto;
text-align:center;
margin:auto;
}

#footer a{
color:#FA8700;
font-weight:400;
text-decoration:underline;
}

#footer a:hover{
color:#666;
text-decoration:none
}