* {
	margin:0; 
	padding:0;
	text-decoration:none;	
	outline:0;
}

html {
    overflow-y:scroll;
}

body {
    color:#565455;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	background: #545152;
}
img {
    border:none;
}
a {
    color:#565455;
}
#container {
    width:930px;
    margin:0 auto;
}

#notes {
    position:absolute;
    width:58px;
    height:300px;
    margin:235px 0 0 0;
}

#page {
    padding:0 68px;
    background:url('/images/bg-page.png');
}

#header {
    width:772px;
    margin:0 auto;
    height:251px;
    background:url('/images/header-bureau.jpg');
}

#logo h1 {
    margin:0;
    padding:0;
}
#logo {
    position:absolute;
    margin:0 0 0 566px;
    z-index:25;
}

#menu {
    position:absolute;
    margin: 0 0 0 144px;
    z-index:2;
    height:200px;
    overflow:hidden;
}

#menu ul {
    list-style:none;
}
#menu ul li  {
    position:relative;
    display:block;
    float:left;
    overflow:auto;
    margin: 0px 5px 0 0;
    top:170px;
    color:white;
}
#menu ul li a {

}
#menu ul li span {
    color:white;
    line-height:30px;
    font-weight:bold;
    background:url('/images/bg-menu.png');
    display:block;
    float:left;
    width: 112px;
    color:white;
    text-align:center;    
}
#menu ul li.first span {
    background:url('/images/bg-menu-first.png');
}
#menu ul li.last span {
    background:url('/images/bg-menu-last.png');
}

#menu ul li ul.sub   {
    margin: 30px 0 0 0px;
    top:0px;
}

#menu ul li ul.sub span  {
    background:none;
    font-weight:normal;
}

#menu ul li ul.sub  li {
    line-height:20px;
    clear:both;
    overflow:auto;
    margin: 0px;
    top:0px;
}
#menu ul li ul.sub  li a {
    position:relative;
    clear:both;
    float:none;
    display:block;
    overflow:auto;
    margin: 0px;
    top:0px;
    background:#696a6c;
    font-size:11px;
}
#menu ul li ul.sub  li a span {
    line-height:20px;
    font-weight:normal;
}

#menu ul li ul.sub  li a:hover {
    background:#939598;
}

#menuicons {
    position:absolute;
    margin: 200px 0 0 144px;
    z-index:4;
    height:50px;
    overflow:hidden;
}

#menuicons ul {
    list-style:none;
}
#menuicons ul li  {
    display:block;
    float:left;
    overflow:auto;
    margin: 0px 5px 0 0;
    width:112px;
    height:50px;

}
#menuicons ul li  {
    display:block;
    float:left;
    overflow:auto;
    margin: 0px 5px 0 0;
    width:112px;
    height:50px;
    
}
#menuicons ul #bureau {
    background:url('/images/menu-bureau.png');
}
#menuicons ul #bureau.active {
    background:url('/images/menu-bureau-active.png');
}
#menuicons ul #diensten {
    background:url('/images/menu-diensten.png');
}
#menuicons ul #diensten.active {
    background:url('/images/menu-diensten-active.png');
}
#menuicons ul #werk {
    background:url('/images/menu-hetwerk.png');
}
#menuicons ul #werk.active {
    background:url('/images/menu-hetwerk-active.png');
}
#menuicons ul #nieuws {
    background:url('/images/menu-nieuws.png');
}
#menuicons ul #nieuws.active {
    background:url('/images/menu-nieuws-active.png');
}
#menuicons ul #contact {
    background:url('/images/menu-contact.png');
}
#menuicons ul #contact.active {
    background:url('/images/menu-contact-active.png');
}

#spacer {
    position:relative;
    overflow:auto;
    height:20px;
}


#wrapper {
    position:relative;
    background:url('/images/bg-wrapper.png');
    overflow:auto;
    padding:0px 0 0 0;
}

#content-left {
    float:left;
    width:144px;
    font-size:10px;    
    padding:0 23px 0 0px;
    margin: 0 0 0 17px;    
    margin: 0 0 0 11px;
    height:600px;
}
#content-left #sidebarmenu {
    width:144px;
    
}
#content-left #sidebarmenu h4 {
    color:white;
    background:blue;
    line-height:25px;
    text-align:center;
    background:url('/images/bg-sub-hetbureau.png') no-repeat;
}
#content-left #sidebarmenu ul {
    list-style:none;
    padding: 0 0 15px 0;
}
#content-left #sidebarmenu ul li a {
    display:block;
    width:144px;
    line-height:28px; 
    background:url('/images/bg-subsubmenu.png') center left repeat-x;    
    color:white;
    text-align:center;
    border-bottom:1px solid #cdced0;    
}


#content-left #sidebarmenu ul li a:hover {
    text-decoration:none;
    color:#373737;
}
#content-left #sidebarmenu ul li ul {
    padding: 0;
}    
#content-left #sidebarmenu ul li ul li a{
    text-align:center;
    line-height:24px; 
    display:block;
    width:144px;
    background:#e2e3e4;
    color:#373737;
    border-bottom:1px solid #e7e8e9;
}
#content-left #sidebarmenu ul li ul li a:hover, #content-left #sidebarmenu ul li ul li.active a {
    background:#cfd0d2;
    color:#373737;
}

#content-left h4 {
    color:#ee781f;
    font-size:12px;
    text-transform:capitalize;
    margin: 0 0 0 10px;
}
#content-left #sidebarmenu h4 {
    margin:0;
}
#content-left a {
    display:block;
}
#content-left a:hover {
    text-decoration:underline;
}
#content-left #medialinks {
    padding:10px 0 0 10px;
    
}
#content-left #medialinks a {
    display:inline;
    margin: 0 4px 0 0;
}

#content-left div.newsitem, #content-left div.blogitem  {
    margin: 2px 0 12px 10px;
}

#breadcrumbs {
    margin: 2px 0 15px 0;
    line-height:16px;
    color:#ee781f;
    font-size:10px;
}
#breadcrumbs a {
    color:#ee781f;
}
#breadcrumbs a:hover {
    text-decoration:underline;
}

#content {
    float:left;
    width:370px;
    padding: 0 23px 0 0;
    font-size:11px;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
    font-size:13px;
    color:#ee781f;
    margin:5px 0 10px 0;
}
#content h2{
    margin:0px 0 5px 0;
}
#content p {
    margin:5px 0 10px 0;
    line-height:18px;
}
#content ul, #content ol  {
    margin:5px 0 10px 20px;
    line-height:18px;
}
#content a {
    color:#ee781f;
}
#content a:hover {    
    text-decoration:underline;
}

#content #case-navigation {
    height:26px;
    line-height:26px;
    font-size:20px;
}
#content #case-navigation a {
    height:26px;
    display:block;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;   
    float:left; 
}
#content #case-navigation span {
    padding: 0 2px;
    display:block;
    float:left;
}
#content #case-navigation span.active {
    color:#ee781f;
}
#content  #case-content {
    clear:both;
}

#content-right {
    float:left;
    width:194px;
    padding: 0 0 0 13px;
    height:500px;
}

#content-right h4 {
    color:#ee781f;
    font-size:12px;
    text-transform:uppercase;
    clear:both;
}

#recentwerk a {
    display:block;
    width:94px;
    height:94px;
    overflow:none;
    float:left;
}
#recentwerk a.uneven {
    padding: 0 0 5px 0px;
}
#recentwerk a.even {
    padding: 0 0 5px 5px;
}

#recentwerk {
    padding: 10px 0 20px 0;
    overflow:auto;
}
#binnenkijken {
    margin: 10px 0 15px 0;
}
#footer {
    padding:10px 68px 0 68px;
    background:url('/images/bg-footer.png');
    height:78px;
    font-size:11px;
    line-height:36px;
}

#footer-left {
    float:left;
    width:300px;
    padding: 0 0 0 40px;
    font-size:11px;
    color:#fff;
}
#footer-left a {
    color:#fff;
}
#footer-left a:hover {
    text-decoration:underline;
}

#footer-right {
    float:right;
    font-weight:bold;
    padding: 0 40px 0 0px;
    font-size:11px;
    color:#ee781f;
}
#footer-right a {
    color:#fff;
    font-weight:bold;
}
#footer-right a:hover {
    color:#ee781f;
}
#footer-right span {
    color:#fff;
}

.blogitem {
    overflow:auto;
}
.blogthumb {
    float:left;
    width:100px;
}
.blogthumb img {
    border:solid 2px gray;
}
.blogsummary {
    float:left;
    width:270px;
}