* {
	margin: 0;
	padding: 0;
}

html {
	color: #424040;
	font: 13px Calibri, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}


/* HEADER */
div#headwrapper {
	float: left;
	width: 100%;
	height: 140px;
	background: #E6E6E6;
}

div#headwrapper div#logowrapper {
	width: 850px;
	margin: 0 auto;
}

div#headwrapper div#logowrapper div#logotopleft {
        float: left;
        width: 250px;
        height: 130px;
        color: #1e4bbf;
}

div#headwrapper div#logowrapper div#logotopleft h1 {
	width: 850px;
	margin: 0 auto;
	height: 130px;
	background: url("images/jkb_logo.jpg") no-repeat;
	line-height: 100px;
	margin-top: 20px;
	text-indent: -99999px;
}

div#headwrapper div#logowrapper div#menutopright {
        float: right;
        text-align: left;
        width: 190px;
        height: 130px;
        color: #1e4bbf;
        margin-top: 18px;
}

div#headwrapper div#logowrapper div#menutopright a {
        color: #1e4bbf;
        text-decoration: underline;
}

div#headwrapper div#logowrapper div#menutopright a:hover {
        color: #1e4bbf;
        text-decoration: none;
}


/* MENU */
div#menuwrapper {
	float: left;
	width: 100%;
	background: #1e4bbf;
}

div#menuwrapper div#menutop{
	margin: 0 auto;
	width: 850px;
	height: 32px;
}

div#menuwrapper div#menutop ul#menu {
	float: left;
	list-style: none;
}

div#menuwrapper div#menutop ul#menu li {
	float: left;
	display: inline;
}

div#menuwrapper div#menutop ul#menu li a {
	color: #fff;
	float: left;
	margin-top: 2px;
	height: 30px;
	display: block;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	/*background: url("images/menu.png");*/
	font-family: Arial, Helvetica, sans-serif;
        padding-left: 15px;
	padding-right: 15px;
}

div#menuwrapper div#menutop ul#menu li a.active{
	color: #fff;
	float: left;
	display: block;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	/*background: url("images/menu.png");*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #1e4bbf;
	margin-top: 2px;
	height: 30px;
	line-height: 30px;
        padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}

div#menuwrapper div#menutop ul#menu li a:hover {
	text-decoration: none;
	color: #1e4bbf;
	margin-top: 2px;
	height: 30px;
	line-height: 30px;
        padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}


/* HEADER FOTO */
div#mainwrapper {
	width: 850px;
	margin: 0 auto;
}

div#topwrapper {
	float: left;
	width: 850px;
	border-top: 6px solid #FFFFFF;
	background: #CCCCCC;
	border-bottom: 6px solid #FFFFFF;
}

div#topwrapper div#topleft {
	float: left;
	width: 32px;
	height: 183px;
	background: #1e4bbf;
	border-right: 6px solid #FFFFFF;
}

div#topwrapper div#headerright {
	float: right;
	width: 812px;
	height: 183px;
	background: url("images/jkb_header_top1.jpg") no-repeat center left;
}


/* CONTENT */
div#contentwrapper {
	float: left;
	width: 850px;
	border-bottom: 6px solid #FFFFFF;
}


/* tekst linksboven */
div#contentwrapper div#contentleft {
	float: left;
	width: 610px;
	border-bottom: 23px solid #FFFFFF;
}

div#contentwrapper div#contentleft div#bloktopleft {
        float: left;
        background: #c9c9c9;
        height: 32px;
        width: 32px;
        border-right: 6px solid #FFFFFF;
}

div#contentwrapper div#contentleft div#contenttopleft {
        float: left;
        width: 566px;
}

div#contentwrapper div#contentleft div#blokspacingleft {
        width: 32px;
        height: 28px;
}

div#contentwrapper div#contentleft div#contenttopleft a {
        color: #1e4bbf;
        text-decoration: underline;
}

div#contentwrapper div#contentleft div#contenttopleft a:hover {
        color: #1e4bbf;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft h2{
        background: #efefef;
        color: #1e4bbf;
        font-size: 16px;
        padding: 6px;
        padding-left: 10px;
}

div#contentwrapper div#contentleft div#contenttopleft h4{
        color: #2a2a2a;
        font-size: 14px;
        margin-top: 12px;
        margin-bottom: 0px;
        margin-left: 10px;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft p{
        color: #2a2a2a;
        font-size: 12px;
        margin: 10px;
}

div#contentwrapper div#contentleft div#contenttopleft p.spacing{
        color: #2a2a2a;
        font-size: 12px;
        margin-left: 18px;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-right: 10px;
}

div#contentwrapper div#contentleft div#contenttopleft a.wit {
        color: #1e4bbf;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft a.wit:hover {
        color: #1e4bbf;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft a.grijs {
        color: #2a2a2a;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft a.grijs:hover {
        color: #2a2a2a;
        text-decoration: none;
}


div#contentwrapper div#contentleft div#contenttopleft div#klusactief{
        background: #1e4bbf;
        padding-bottom: 1px;
}

div#contentwrapper div#contentleft div#contenttopleft div#klusactief h4 {
        padding-top: 4px;
        color: #FFFFFF;
        padding-bottom: 1px;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft div#klusactief a.wit {
        color: #FFFFFF;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft div#klusactief a.wit:hover {
        color: #FFFFFF;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft div#klusactief a.witblauw {
        color: #FFFFFF;
        text-decoration: underline;
}

div#contentwrapper div#contentleft div#contenttopleft div#klusactief a.witblauw:hover {
        color: #FFFFFF;
        text-decoration: none;
}


div#contentwrapper div#contentleft div#contenttopleft div#klusactief p.spacing {
        color: #FFFFFF;
}

div#contentwrapper div#contentleft div#contenttopleft table{
        color: #2a2a2a;
        font-size: 12px;
        margin: 10px;
}

div#contentwrapper div#contentleft div#contenttopleft img{
        margin-top: 6px;
        width: 137px;
        height:180px;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten {
        margin-left: 10px;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten p{
        margin-left: 0px;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten p.center{
        margin-left: 0px;
        width: 570px;
        text-align: center;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten p.spacingsmall{
        margin-left: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten a {
        color: #1e4bbf;
        text-decoration: underline;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten a:hover {
        color: #1e4bbf;
        text-decoration: none;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten img{
        margin-top: 6px;
        border: 0px;
        width: 176px;
        height: 130px;
}

div#contentwrapper div#contentleft div#contenttopleft div#projecten div#projectfotogroot img{
        margin-top: 6px;
        border: 0px;
        width: 560px;
        height: 360px;
}

div#contentwrapper div#contentleft div#contenttopleft ul#sitemap { 
        list-style-type: none; 
        background: url(/images/vline.png) repeat-y; 
        margin: 20px; 
        padding: 0px; 
} 

div#contentwrapper div#contentleft div#contenttopleft ul#sitemap ul { 
        list-style-type: none; 
        background: url(/images/vline.png) repeat-y; 
        margin: 10px; 
        padding: 0px; 
} 

div#contentwrapper div#contentleft div#contenttopleft ul#sitemap ul { 
        margin-left: 10px; 
} 

div#contentwrapper div#contentleft div#contenttopleft ul#sitemap li { 
        list-style-type: none; 
        margin: 0px; 
        padding: 0px 12px 0px 12px; 
        line-height: 19px; 
        background: url(/images/node.png) no-repeat; 
        font-weight: bold; 
} 

div#contentwrapper div#contentleft div#contenttopleft ul#sitemap li.last { 
        background: #fff url(/images/lastnode.png) no-repeat; 
}

div#contentwrapper div#contentleft div#contenttopbreed {
        float: left;
        width: 566px;
}

div#contentwrapper div#contentleft div#contenttopbreed div#spacingklein {
        height: 10px;
}

div#contentwrapper div#contentleft div#contenttopbreed h2{
        background: #efefef;
        color: #1e4bbf;
        font-size: 16px;
        padding: 6px;
        padding-left: 10px;
}

div#contentwrapper div#contentleft div#contenttopbreed div#randomprojecten {
        margin-left: 10px;
}

div#contentwrapper div#contentleft div#contenttopbreed div#randomprojecten img{
        margin-top: 6px;
        border: 0px;
        width: 176px;
        height: 130px;
}

div#contentwrapper div#contentleft div#contenttopbreed img{
        margin-top: 6px;
        width: 184px;
        height:130px;
}

div#contentwrapper div#contentleft div#contenttopleft div#subcontenttopleft {
        float: left;
        width: 137px;
        margin-right: 6px;
        height: 240px;
}

div#contentwrapper div#contentleft div#contenttopleft div#subcontenttopleftlast {
        float: left;
        width: 137px;
        height: 240px;
}


/* tekst rechtsboven */
div#contentwrapper div#contentright {
	float: left;
	width: 240px;
	border-bottom: 23px solid #FFFFFF;
}

div#contentwrapper div#contentright div#bloktopright {
        float: left;
        background: #c9c9c9;
        height: 32px;
        width: 32px;
        border-right: 6px solid #FFFFFF;
}

div#contentwrapper div#contentright div#blokspacing {
        height: 28px;
}

div#contentwrapper div#contentright div#contenttopright {
        float: left;
        width: 202px;
}

div#contentwrapper div#contentright div#contenttopright h2{
        background: #efefef;
        color: #1e4bbf;
        font-size: 16px;
        padding: 6px;
        padding-left: 10px;
}

div#contentwrapper div#contentright div#contenttopright a {
        color: #1e4bbf;
        text-decoration: underline;
}

div#contentwrapper div#contentright div#contenttopright a:hover {
        color: #1e4bbf;
        text-decoration: none;
}

div#contentwrapper div#contentright div#contenttopright p{
        color: #2a2a2a;
        font-size: 12px;
        margin: 10px;
}

div#contentwrapper div#contentright div#contenttopright img{
        margin-top: 6px;
        width: 202px;
        height:132px;
}

div#contentwrapper div#contentright div#contenttopright ul#werkzaamheden {
	list-style: none;
}

div#contentwrapper div#contentright div#contenttopright ul#werkzaamheden li{
	padding-left: 10px;
}


/* FOOTER */
div#footerwrapper {
	float: left;
	width: 100%;
	padding: 10px 0;
	background: #1e4bbf;
	border-bottom: 14px solid #FFFFFF;
}

div#footerwrapper div#footer {
	width: 850px;
	margin: 0 auto;
	color: #FFFFFF;
}

div#footerwrapper div#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

div#footerwrapper div#footer a:hover {
	text-decoration: underline;
}

div#footerwrapper div#footer p#copyright {
	float: left;
}

div#footerwrapper div#footer p#ontwikkelddoor {
	margin-left: 105px;
	float: left;
}

div#footerwrapper div#footer p#menubottom {
	float: right;
}