/* CSS Document */
* {
margin: 0; 
padding: 0; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
} 
body {
background-color: #e5e5e5; 
}
/******************** BUITENKANT ******************/
#box{
width:900px;
min-height:600px;
background:#FFF url(assets/box_bg_new.gif) left;
margin:0 auto;
}
/************* MENU BOVENIN *************/
#menu{
height:100px;
width:628px;
float:right;
background:#231f20 url(assets/menu_bg.jpg);
border-bottom:1px solid #222;
}
.menu{
list-style:none;
color:#FFFFFF;
margin-left:6px;
}
#menu input{
float:right; 
background-color:#666; 
color:#aaa; 
border:0px; 
padding:0px 3px; 
font-size:12px;
}
.menu li{
float:left;
font-size:12px;
text-transform:uppercase;
font-weight:700;
padding:50px 22px 8px 9px;
background:url(assets/divider.jpg) right bottom no-repeat; 
color:#CCCCCC
}
.menu a:link, .menu a:visited{
color:#aaa;
text-decoration:none
}
.menu a:hover, .menu a:active, #menu a.current{
color:#fff;
text-decoration:none
}

/****************** MENU PROJECTEN LINKS ***************/
#nav, #nav ul { /* all lists */
list-style: none;
float : left;
width : 192px;
}
#nav li { /* all list items */
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width : 192px;
}
#nav li{
display:inline;
}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 199px;
margin-top : -1.35em;
}
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
#nav li a {
width: 192px;
font-size:12px;
display : block;
color : #ddd;
font-weight : normal;
text-decoration : none;
background-color : #777;
border : 1px solid #555;
padding:0px 0px 0px 6px;
}
#nav li ul li a{
width: 420px;
}
#nav li a:hover, #nav li .active a{
color:#fff; background-color:#A7A9AC;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav li:hover, #nav li.hover {
position: static;
}
/***************** LINKERKANT *****************/
#logo{
float:left;
width:71px;
height:599px;
background:#FFF url(assets/box_bg_new.gif) left;
}
#leftside{
float:left;
width:200px;
border-right:1px solid #222;
background-color:#231f20;
min-height:600px;
}
.logo{
margin:0px;
padding:0px;
height:100px;
float:left;
}
.titel{
clear:left;
font-size:12px;
text-transform:uppercase;
font-weight:700;
color:#aaa;
padding:3px 0px 4px 8px;
border-top:1px solid #aaa;
}
.titel_active{
clear:left;
font-size:12px;
text-transform:uppercase;
font-weight:700;
color:#FFFFFF;
padding:3px 0px 4px 8px;
border-top:1px solid #aaa;
}
/***************** FOTO *****************/
.fotolinks{
border: 0px solid;
padding:10px 0px 0px 0px;
}
/***************** TEKSTGEDEELTE *****************/
#text{
float:right;
width:594px;
padding:16px;
}
#text p{
margin:10px 0px 0px 0px; 
font-size:12px;
}
#projecten{
line-height:20px;}

.stipje{
padding-right: 7px;
}
/***************** HEADERS *****************/
h1{
font-size:12px;
padding-top:10px;
}
h2, h3{
font-size:12px;
text-transform:uppercase;
font-weight:700;
}
label{
width:90px; 
display:block; 
float:left; 
font-weight:bold;
}
/***************** LIST *****************/
#text li{
font-size:12px;
list-style:square;
list-style-position:inside;
}
#text ul{
padding-bottom:12px;
}
td{
font-size:12px
}
.thumb{
padding:4px; 
border:1px solid #ddd
}
/******************* REGULIERE LINKS *******************/
a:link, a:visited{
color:#999}
a:hover {
color:#000000}
div.hr {
height: 2px;
margin:8px 0px 6px 0px;
background: #fff url(assets/dotted.gif) repeat-x top left;
}
div.hr hr {
display: none;
}