@charset "utf-8";
/* CSS Document dekeukenmanager */
/********** algemeen **********/
* {
margin: 0;
padding: 0;
}
a:link, a:visited{
color:#2d6c9d;
}
a:hover{
color:#6c5b3f;
}
a img{
border:0px;
}
body{
background:#e2e8ed url(../assets/bg.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
}
/********** Top **********/
#top{
background:url(../assets/bg_top.gif) repeat-x;
height:62px;
width:960px;
margin:0 auto;
}
#top .logo{
float:left;
width:290px;
margin:0 0 0 0px;
padding-top:18px;
}
#top h1 a:hover{
color:#555;
}
#top ul{
float:right;
font-size:12px;
margin-top:12px;
}
#top li{
float:left;
display:block;
padding:0px 8px 0px 8px;
}
#top li.sitemap{
background:url(../assets/icon_sitemap.gif) left bottom no-repeat;
padding-left:22px;
}
#top li.contact{
background:url(../assets/icon_email.gif) 8px 2px no-repeat;
border-left:1px solid #cbdae6;
padding-left:30px;
}
#top li a{
text-decoration:none;
text-transform:lowercase;
color:#cbdae6;
}
#top li a:hover{
color:#fff;
}
/********** Header **********/
#header{
background:url(../assets/shadow_header_picture.png) right bottom no-repeat;
height:231px;
width:967px;
margin:0 auto;
padding:12px 0 0 7px;
}
#header .picture {
background-color:#FFFFFF;
display:block;
width:646px;
height:216px;
padding:1px;
border:1px solid #d0d0c3;
float:left;
}
#header h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
line-height:24px;
width:500px;
float:left;
}
#header h2 a{
color:#FFFFFF;
}
#header h2 a:hover{
color:#FF6600;
}
/********** Container **********/
#box{
}
/********** Bovenste gedeelte foto **********/
#sitetop{
height:200px;
}
#sitetop img{
float:left;
}
/********** Menu **********/
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 11em;
}
#nav{
width:283px;
height:224px;
float:right;
margin-right:7px;
background-image:url(../assets/menu_bg.gif);
background-repeat:no-repeat;
border:1px solid #d0d0c3;
border-bottom:0px;
padding:6px 10px 0px 0px;
}	
#nav li { /* all list items */
position : relative;
float : left;
}	
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : -172px;
margin-top : -41px;
z-index:9999;
background-color:#EFE9DE;
border:1px solid #d0d0c3;
padding:6px 0px 10px 10px;
width:160px;
}	
#nav li a {
width: 273px;
font-family:Georgia, "Times New Roman", Times, serif; 
display:block;
color:#6c5b3f;
text-decoration:none;
font-size:18px;
padding:7px 0px 7px 0px;
margin-left:10px;
background-image:url(../assets/menu_divider.gif);
background-position:bottom;
background-repeat:repeat-x;
}
#nav ul li a{
width:156px;
padding:7px 0px 7px 4px;
margin:0px;
} 
#nav ul li a:hover {
background-color:#f7f1e7;
}
#nav a span{
background-image:url(../assets/menu_li.png);
background-position:0px -22px;
background-repeat:no-repeat;
display: block;
padding-left:18px;
}
#nav a:hover span, #nav a.active span{
background-position:0px 4px;
}
#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;
}
/********** Content - tekst **********/
#content_outer{
background:#FFFFFF url(../assets/content_bg_outer.gif) repeat-x;
}
#content{
background:url(../assets/content_bg_sidebar.gif) right repeat-y;
width:960px;
margin:3px auto 0 auto;
padding:0 0 18px 0;
}
#text{
width:650px;
float:left;
font-size:13px;
padding-top:20px;
}
#text h1{
background:url(../assets/h1_divider.gif) bottom left no-repeat;
color:#246597;
font-size:18px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
padding-bottom:2px;
}
#text h2{
font-size:13px;
margin-top:10px;
margin-bottom:-4px;
}
#text h3{
color:#443b22;
font-size:13px;
margin-top:8px;
margin-bottom:-4px;
}
#text h4{
background:url(../assets/h1_divider.gif) left top no-repeat;
font-size:13px;
font-style:italic;
color:#443b22;
margin:4px 0 0 0;
padding:14px 0 4px 0;
line-height:18px;
}
#text h4.none{
background-image:none;
margin:0px;
}
#text p{
color:#443b22;
font-size:13px;
line-height:19px;
padding:12px 0px;
}
#text ul{
list-style:none;
padding:10px 0px;
}
#text ul li{
background:url(../assets/li.gif) 0px 10px no-repeat;
padding:2px 0px 2px 10px;
line-height:19px;
color:#443b22;
}
#text ul li a{
text-decoration:none;
}
#text ul li a:hover{
text-decoration:underline;
color:#6c5b3f;
}
img.foto{
float:left;
padding:4px;
background-color:#FFFFFF;
border:1px solid #ccc;
margin-top:4px;
margin-right:10px;
}
span.cv{
display:block; 
float:left; 
width:100px; 
}
span.datum{
display:block;
width:200px;
float:right;
text-align:right;
margin-top:10px;
}
/********** Contact formulier *********/
#contactform{
padding-top:16px;
}
#contactform label{
display:block;
float:left;
width: 100px;
line-height: 22px;
}
input.input, textarea {
width:300px;
margin:2px 0px 2px 0px;
padding:2px;
}
#contactform input.input{
display:block;
float:left;
width: 200px;
}
#contactform input.button{
margin-top:2px;
}
.clear {
clear: both;
line-height: 0px; 
display: block;
}
/********** Sidebar **********/
#sidebar{
width:295px;
float:right;
font-size:13px;
color:#6c5b3f;
line-height:17px;
}
#sidebar h2{
background:url(../assets/sidebar_h2_bg.gif) repeat-x;
font-size:18px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
color:#6c5b3f;
padding:7px 10px 7px 8px;
margin:0 0 8px 2px;
border-bottom:1px solid #e3ddd1;
}
.item{
background:url(../assets/sidebar_item_bg.gif) right repeat-y;
float:right;
width:294px;
margin:12px 1px 0 0;
display:block;
font-size:11px;
border-top:1px solid #e3ddd1;
border-bottom:1px solid #e3ddd1;
}
.item img{
float:left;
margin:3px 10px 0 10px;
padding:5px;
background-color:#FFFFFF;
border:1px solid #d7cfbe;
}
.item p{
padding:0px 10px 10px 0px;
}
.item p.readmore{
padding:5px 10px 8px 0px;
}
img.sidebar-img{
margin-bottom:10px;
}
.item label{
display:block;
float:left;
width:50px;
}
/********** Bottom **********/
#bottom{
width:950px;
height:12px;
margin:0 auto;
background-image:url(assets/bottom-bg.jpg);
}
/********** Footer **********/
#footer_outer{
background:url(../assets/footer_border.gif) top repeat-x;
width:100%;
}
#footer{
width:960px;
margin:0 auto;
text-align:right;
font-size:11px;
color:#8096a6;
padding:10px 0px;
}
#footer a{
color:#8096a6;
text-decoration:none;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */