body {
  margin:0;
  padding:0;
  background: #c2c2c1 url("/uploads/Sd/s7/Sds7In-76GZ_Wq0IpDtBQQ/achtergrond.jpg") repeat-x;
  font:x-small/1em arial, verdana;
  line-height:1.6em;
  text-align:left;
  color:#333;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
  }

body.large {
  font:small/1.5em arial, Verdana;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
}

p {
  font-size:95%
  }

#container
	{
	margin: 0 auto;
	width: 750px;
        text-align-left;
	}


#hoofdnav {
  width:750px;
  height:37px;
  margin-bottom:2px;
  margin-top:2px;
  background:transparent;
  background-image:   url(http://new.kojaki.nl/uploads/5J/5-/5J5-cme4p40tzlLPamJFog/groenebalk_nav.gif);
  text-align:left;
  color:#333;
  }


#hoofdnav ul {
  margin:0;
  padding:0 30px;
  list-style:none;
  font-size:100%;
  }


#hoofdnav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }

#hoofdnav a, #hoofdnav strong {
  display:block;
  padding:9px 30px 0 10px;
  color:#fff;
  font-size:110%;
  font-weight:bold;
  text-decoration:none;
  white-space:nowrap;
  }


#hoofdnav a:hover{
  background:none;
  color:#000;
  }


#hoofdnav a.sitenavactive {
  color:#000;
   }

#portfolio {
	float: left;
	width: 198px;
	height:190px;
	margin-right: 2px;
	margin-bottom:2px;
	}


#veertiensec {
	float: left;
	width: 550px;
	background:transparent url(http://new.kojaki.nl/uploads/oN/QT/oNQTM7K7uOv0-XIC-YVCeQ/balk14sec_boven.gif) no-repeat  100% 0;
	}

#diensten {
	float: left;
	width: 500px;
	margin-left: 250px;
	margin-top:px;
	padding:0;
	border-left: 2px solid #c2c2c1;
	voice-family: "\"}\"";
    voice-family:inherit;
    width: 498px;
   }
html>body div#diensten {width: 498px;}	
	
	
* html #diensten {
	display: inline;
	}

#folder {
	float: left;
	width: 250px;
	margin-left: -750px;
	margin-top: 0px;
	}

#mensen {
	float: left;
	width: 468px;
	margin-top:2px;
	margin-right:2px;
	height:185px;
	padding:0;
	background:transparent url(http://new.kojaki.nl/uploads/qS/Do/qSDob0S-CdJEjUX5-Us0Zg/balk_persoon_homepage.gif) 0 100% no-repeat;
	vertical-align:top;
	}


#webshop {
	float: left;
	width: 280px;
	margin-top:2px;	
	background:transparent;
	height:185px;
	padding:0;
	}
 #divers {
	float: left;
	margin-top:2px;	
	background:transparent;
	padding:0;
        display: inline-block;
	}
#divers img {
        display: inline;
        margin: 0px;
}
#divers a {margin:0; padding:0 2px 0 0; float:left;}


/* IE Win can be a bit out - you might need to adjust
bottom value by -1px or as required */
.verticalalign {
	position: absolute;
	top: 50%;
	left:0;
	margin: -50px 10px 0 10px;
	}


.folderbottom {
	position: absolute;
	bottom: 0;
	height: 25px;
	background-image:url(http://new.kojaki.nl/uploads/GS/cO/GScOGoY9j5o9p0TDUd_4oQ/balk_downloadfolder.jpg);
	background-position: 0 100%;
	background-repeat: no-repeat;
	}


#folder .folderbottom {
	width: 250px;
	}
	

.verticalalign img {
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
	padding: 0;
	}

.verticalalign p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}


* html #wrapper, #wrapper2, #wrapper3
	{
	
	}
#wrapper, #wrapper2, #wrapper3 {
	position: relative;
	}
	
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra, * html #wrapper2_extra, * html #wrapper3_extra {
	float: left;
	width: 100%;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#wrapper, #wrapper2, #wrapper3
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */

#wrapper:after, #wrapper2:after, #wrapper3:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#wrapper, #wrapper2, #wrapper3 {
	display: inline-block;
	}
/*\*/
#wrapper, #wrapper2, #wrapper3 {
	display: block;
	}
/* end easy clearing */

#vXaWHey6e_NkwCHt_QgF6Q {
        left:2px;
}

#footer {
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */

* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
/* ]]> */


h1 {
	font-size: 1.5em;
	}

div.output  {
	margin-top: 1em;
	padding: 0.25em;
	background: #ccffdd;
	}

#portfolio {
	background: transparent url(http://new.kojaki.nl/uploads/lg/WB/lgWBW-9zDkS46nlvVsh9nw/achtergrond-portfolio.gif);
	}

#portfolio img {
	margin: 11px 6px 11px 14px;
	}

#veertiensec img {
	vertical-align:top;
	margin: 0;
	padding:0;
	display:inline;
	width:550px;
 	}
	
#webshop img{
	margin: 0;
	padding:0;
	display:inline;
	}
	
#webshop img {
	width:280px;
	}

#mensen img {
	vertical-align:top;
	}
	
#veertiensec h2, #diensten h2, #folder h2 {
	height:40px;
	padding:10px 5px 0 15px;
 	font-size: 114%;
	font-weight:bold;
	margin:0;
	voice-family: "\"}\"";
    voice-family:inherit;
    height: 30px;
    }
html>body div##veertiensec h2 {height: 30px;}
html>body div##diensten h2 {height: 30px;}
html>body div##folder h2 {height: 30px;}
 	

#mensen h2, #webshop h2  {
	height: 32px;
    padding:8px 5px 0 15px;
 	font-size: 114%;
	font-weight:bold;
	margin:0;
	voice-family: "\"}\"";
    voice-family:inherit;
    height: 24px;
    }
html>body div#mensen h2 {height: 24px;}
html>body div#webshop h2 {height: 24px;}


#veertiensec h2 {	
	background:#000;
	width:400px
 	}
	

#diensten h2, #folder h2 {	
	background-image:url(http://new.kojaki.nl/uploads/Io/lL/IolLJ5qCzcAMn5eUpf4YWQ/achtergrond-folder-diensten.gif);
	background-repeat: repeat;
 	}

#mensen h2 {	
	background:transparent url(http://new.kojaki.nl/uploads/8L/md/8LmdECkFjvv1RpllhJ1Ccg/balk_persoon_boven.gif) no-repeat;
 	}

#webshop h2 {	
	background: url(http://new.kojaki.nl/uploads/Tu/oz/TuozdflZm_QJTPwIZyah7Q/shopdevelopment_balk.gif) no-repeat;
 	}

#veertiensec h2 a, #diensten h2 a, #folder h2 a {
	color:#fff;
	}

 #mensen h2 a, #webshop h2 a  {
	color:#212125;
	}

#veertiensec h2 a, #diensten h2 a, #folder h2 a, #mensen h2 a, #webshop h2 a{
	text-decoration:none;
	}

#veertiensec h2 a:hover, #diensten h2 a:hover, #folder h2 a:hover,  #mensen h2 a:hover, #webshop h2 a:hover{
	text-decoration:underline;
	}

#diensten {
	background:#bababa;
 	}

#diensten table{
	width:100%;
	margin: 0;
	background:transparent url(http://new.kojaki.nl/uploads/h1/J_/h1J_HmSPi192Ni2vi02ImQ/balk_bullitpoints.jpg) 0 100% no-repeat;
	}

#diensten ul {
  	margin-bottom:33px;
  	margin-top:7px;
  	list-style-type:disc;
  }

#diensten li{
  margin:0;
  padding:2px 0;
  color:rgb(209,108,0);
  font-weight:bold;
  line-height:1.4em;
  }

#diensten a{
  text-decoration:none;
  color:#212125;
  }


#diensten a:hover{
  text-decoration:underline;
  }

a.verticalMenu1  {
  font-size:100%;
  }

#folder {
	background:#bcbec0;
	}

.banners {
	float:left;
	margin-top: 1px;
	}

.centerbanner {
    float:left;
	margin-left: 1px;
	margin-right: 2px;
	margin-top: 2px;
	}

#wrapper, #wrapper2, #wrapper3
	{
	margin: 0;
	padding: 0;
	}


#wrapper img, #wrapper2 img, #wrapper3 img{
	border:0;
        padding: 0;
	}

#header
	{
	height:110px;
	background-image:url(http://new.kojaki.nl/uploads/qn/dZ/qndZkx5JsvqFiADQmRG6PQ/oranje_boven.jpg);
	}
	
#header img {
	margin: 64px 0 0 10px;	
	border:0;	
	}
	
	
#footer
	{
	background: #000;
	}

#footer p
	{
	color:#fff;
	padding: 3px 10px;
	font-size:80%;
	}

#footer .loginToggleLink {
  text-align:right;
  color:#333;
  margin:0 10px 0 400px;
  text-decoration:none;
  }

		
div, #header h1, #wrapper p, #wrapper2 p, #wrapper3 p, #header p,  div p
	{
	margin: 0;
	padding: 0;
	}

 .folderkleur {
 	background:#bababa;
	}


 h1 {

 font-size:140%;
 padding-bottom: 5px;
 width:100%;
 border-bottom:1px solid #ccc;
 margin:0 0 10px 0;

 }




#crumbtrail {

 width:750px;
 background:#000;
 padding:0.2em 0 0.2em 225px;
 color:#fff;
 font-size:90%;
 margin-bottom:2px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 525px;
  }
html>body div#crumbtrail {width: 525px;}


#crumbtrail a {
  color:#fff;
  text-decoration:none;
  padding:0 0.4em;
  }

.ctactive {
	padding:0 0.4em;
	color:#aaa;
	}

#bodycontent {
	float: left;
	width: 521px;
	margin-left: 227px;
	background:#fff;
	margin-top:8px;
	padding:4px 28px 20px 20px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	voice-family: "\"}\"";
    voice-family:inherit;
    width: 472px;
     }
html>body div#bodycontent {width: 472px;}
	

#bodycontent a{
   text-decoration:underline;
   color:#7FB539;
  }

  #bodycontent a:visited{
   color:#555;
  }

#bodycontent a:hover {
   color:#888;
   }


#bodycontent p {
	padding:0 10px 10px 0;
	}


#bodycontent  p.mensen-intro  {
	margin-bottom: 0.5em;
	padding-bottom:0.25em;
	border-bottom: 1px solid #ccc;
	}


#bodycontent h2 {
	padding:10px 50px 0 0;
	margin:0;
	font-size:100%;
	}

#bodycontent h3 {
	padding:0.2em 50px 0 0;
	margin:0;
	font-size:100%;
	}

.bp img {
	padding: 10px 0;
	margin: 20px 0 0 0;
        border-bottom:1px solid #ccc;
        border-top:1px solid #ccc;
	}

.bp p {
	font-style:italic;
	color:#777;
	}




#bodycontent .portfolio {
	padding: 0 0 10px 0;
	margin: 0;
        border-bottom:1px solid #ccc;
	}

#bodycontent p.picdescription  {
	font-style:italic;
	color:#777;
    padding:0;
	}

#bodycontent .overviewportfolio {
        float:left;
	padding-top: 5px;
        padding-bottom: 5px;
	margin-bottom: 0.5em;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        background: #efefef;
        width:473px;
	voice-family: "\"}\"";
        voice-family:inherit;
        width: 463px;
       }
html>body div#bodycontent .overviewportfolio {width: 463px;}


#bodycontent .op {
        float:left;
	padding: 0 10px 0 0;
	margin: 0;
	}


.bodytl {
	position:relative;
	top:-5px;
	left:-21px;
	}

#subnav {
	float: left;
	width: 218px;
	margin-left: -750px;
	background:transparent;
	voice-family: "\"}\"";
    voice-family:inherit;
    width: 218px;
     }
html>body div#subnav {width: 218px;}

	
#subnav ul {
	margin:0;
	padding:0;
	list-style:none;
	text-indent:0;
	}



#subnav li{
  margin:0;
  padding:8px 0;
  padding-left:10px;
  font-weight:bold;
  line-height:1.4em;
  border-bottom:1px solid #ccc;
   }

#subnav .subnavtop a {
	color:#fff;
	}


#subnav a {
  text-decoration:none;
  color:#7FB539;
  }


#subnav a:hover{
  text-decoration:underline;
  }


span.selectedMenuItem {
   color:#777;
   }

.subnavtop {
 background-image: url(http://new.kojaki.nl/uploads/La/mG/LamGklMfvTDNFD8S0ZTdwg/subnav-top.gif);
 }
	

#subnav img{
  padding:5px;
  }

#subnav .extra {
	margin-top: 30px;
        margin-left: 2px;
        margin-bottom: 1em;
	}


#subnav a.nco  {
	text-decoration:underline;
        margin: 40px 10px 2em 50px;
        display:block;
	}

#subnav a:hover.nco  {
	color:#555;
	}


* html #bodycontent {
	display: inline;
	}

#leesfuncties {
  position:relative;
  left:310px;
  margin:-38px 0px 0 3px;
  float:left;
  display:inline;
  padding:0;
  height:21px;
  }

 #leesfuncties img{
  position:relative;
  margin-left:2px;
	}


 #leesfuncties a:hover{
 background:transparent;
 }

 #buttonbar	{
 	position:relative;
 	top:-4px;
	}
 .buttonstxt {
	color: #777;
	font-size:80%;
	font-weight: bold;
	text-decoration: none;
	padding:0 0 0 8px;
    }


.highlight, .sneeuwvlokje {
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 100px;
	border-bottom:1px solid #ccc;
        border-top:1px solid #ccc;
	}


.highlight {
        background: #efefef url(http://new.kojaki.nl/uploads/P4/5H/P45HY-3EDaSROE90TbGEQA/ster.gif) 17px 50%  no-repeat;
	}


.sneeuwvlokje {
              background: #efefef url(http://new.kojaki.nl/uploads/Nr/GT/NrGTldsow3--3DDgnrNZfw/icoon-sneeuw-groter.gif) 17px 50%  no-repeat;
              }

.subnavbg {
	background: #fff url(http://new.kojaki.nl/uploads/8w/b3/8wb3oHEhpwxmtCPNI1ubnA/achtergrond_nav.jpg) 74px 0 repeat-y;
	border-right:1px solid #999;
	border-left:1px solid #999;
  }

#bodycontent .highlight h2 {
	padding: 0;
	}


h1.dezeven  {
      font-size:120%;
      padding-bottom: 5px;
      width:100%;
      border-bottom:0;
      margin:0 0 10px 0;
       }

.dewetten {
         font-size:160%;
         line-height: 1.7em;
         }

.dewetten li {
        list-style: none;
         }

#bodycontent .dewetten  a:hover, #bodycontent .disciplines  a:hover {
        background: none;
        color:#bbb;
         }


.sterretje {
      color:#F27621;
      font-size:140%;
      font-weight:bold;
      }

#bodycontent .disciplines {
     font-size:130%;
     color:#777;
     font-weight:bold;
     line-height: 1em;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 0.8em 0;
    }

#bodycontent .aandacht {
          font-size: 150%;
          font-weigt:bold;
          color:#888;
          padding-top:10px;
          line-height:1.2em;
          }


#bodycontent .dienstenoverview{
     color:#555;
     font-size: 100%;
     line-height: 1.7em;
     border-bottom: 1px solid #ccc;
     padding: 0.1em 1.6em 1em 0;
     margin-bottom:1.1em;
      }


#klantenlijst {
	padding-top: 0.6em
	}

#klantenlijst td {
	padding: 0.6em 0.4em;
	}

#klantenlijst td.corebiz {
	padding-left: 2.4em;
	}

td.klantnaam   {
	font-weight:bold;
	}


tr.even   {
	background: #efefef;
	}

tr.tableheadkl   {
	font-weight:bold;
	background:#777;
	color:#fff;
	}