/* ===== CSS sheet by Jerome Bohg at d-engine / kitchenpilot  ==== */
/* ===== feel free to copy, use and learn as much as you like ==== */

/* @group global stuff */
/* ===== reset the whole bunch ==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

strong {
 font-weight: bold;
}

li {
 list-style:none;
}

/* ===== first some global stuff ==== */
body {
 font-size: 12px;
 line-height: 1.6em;
 font-family: Arial, Tahoma, Verdana, Helvetica, "Trebuchet MS", "Luxi Sans", sans-serif;  
 color: #333;
 background: #fff url(../kp_img/stripes.gif) 0 140px repeat-x;
}
html {
 overflow-y: scroll;
}
.clearfix {
 content: ".";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}
.clear {
 display: block;
 clear: both;
}
.hideme { display: none; }
.showme { display: block; }

/* @end */

/* @group links */
/* ===== global link markup ==== */
a:link,a:active,a:visited {  
	 color: #f26422;
	 text-decoration: un;
	 outline:none;	 
	}
	a:hover {
	 color: #ee2a24;
	}
	:focus{
	 -moz-outline-style:none;
	}
	a.noclick {
	 cursor: default;
	}
/* @end */

/* @group wrappers */
/* ===== wrap markup ==== */
.sitewrap {
 display: block;
 width: 960px;
 margin: 0 auto;
}

.mainwrap {
 overflow: hidden;
 min-height: 500px;
 position: relative;
}

.headwrap {
	 width: 960px;
	 height: 140px;
	 background: #fefefe;
	 position: relative;
	}
	.headwrap h1 {
	 width: 594px;
	 height: 79px;
	 background: url(../kp_img/talenexpo.gif) no-repeat;
	 text-indent: -9999px;
	 position: absolute;
	 bottom:  15px;
	 right: 0;
	}
	.headwrap em {
	 display: block;
	 width: 188px;
	 height: 79px;
	 background: url(../kp_img/100jaar.gif) no-repeat;
	 text-indent: -9999px;
	 position: absolute;
	 bottom:  15px;
	 left: 0;
	}

/* @end */

/* @group mainnav */
#mainnav {
	 display: block;
	 width: 966px;
	 height: 90px;
	 margin-left: -6px;
	 background: url(../kp_img/mnuexpoff.gif) 6px 50px no-repeat;
	}
	#mainnav li {
	 display: block;
	 float: left;
	 margin-left: 6px;
	 position: relative;
	 z-index: 500;
	}
	#mainnav a.top {
	 display: block;
	 width: 170px;
	 height: 90px;
	 text-indent: -9999px;
	 color: #fff;
	}
	#mainnav a#home {
	 width: 80px;
	}
	#mainnav a:hover {
	
	}
	#mainnav li ul {
	 display: none;
	 position: absolute;
	 top: 90px;
	 left: 0;
	 background: #bfb59d;
	 opacity: 0.9;
	 border-bottom: 5px solid #bf1e2e;
	}
	#mainnav li:hover a#home, #mainnav li.act a#home  {
	 background: url(../kp_img/mnuexpo.gif) 0 0 no-repeat;
	}	
	#mainnav li:hover #expo1, #mainnav li.act #expo1 {
	 background: url(../kp_img/mnuexpo.gif) -86px 0 no-repeat;
	}
	#mainnav li:hover #expo2, #mainnav li.act #expo2 {
	 background: url(../kp_img/mnuexpo.gif) -260px 0 no-repeat;
	}
	#mainnav li:hover #expo3, #mainnav li.act #expo3 {
	 background: url(../kp_img/mnuexpo.gif) -434px 0 no-repeat;
	}
	#mainnav li:hover #expo4, #mainnav li.act #expo4 {
	 background: url(../kp_img/mnuexpo.gif) -608px 0 no-repeat;
	}
	#mainnav li:hover #expo5, #mainnav li.act #expo5 {
	 background: url(../kp_img/mnuexpo.gif) -782px 0 no-repeat;
	}
	#mainnav li:hover a.top {
	 text-indent: -9999px;
	}
	#mainnav li li {
	 clear: both;
	 width: 170px;
	 margin-left: 0;
	}
	#mainnav ul a {
	 display: block;
	 padding: 2px 0 2px 14px;
	 color: #333;
	 text-indent: 0px;
	 border-top: 1px solid #9c8679;
	}
	#mainnav ul a:hover, #mainnav ul li.act a {
	 color:  #fff;
	 background: #9c8679 url(../kp_img/mnuarrow.gif) left center no-repeat;
	}
	
/* @end */


/* @group footer */
.footer{
	 width: 960px;
	 height: 50px;
	 border-top: 1px solid #777;
	 margin: 0 auto 30px auto;
	 position: relative;
	 color: #888;
	}
	.footer .setleft {
	 position: absolute;
	 left: 0;
	 top: 0;
	}
	.footer .setleft a {
	 display: block;
	 width: 142px;
	 height: 41px;
	 background: url(../kp_img/levendetalen.gif) no-repeat;
	 text-indent: -9999px;
	}
	.footer .setright {
	 position: absolute;
	 right: 0;
	 top: 10px;
	}
	
/* @end */


/* @group qsearch */
#qsearch {
	 position: absolute;
	 top: 10px;
	 right: 0;
	}
	#qsearch h3 {
	 font-size: 11px;
	 font-weight: bold;
	 text-transform: uppercase;
	}
	#qsearch input.txt {
	 width: 180px;
	 padding: 2px;
	 border: 1px solid #999;
	 color: #888;
	}
	#qsearch input.sbm {
	 width: 25px;
	 padding: 2px;
	 border: 1px solid #94805e;
	 background: #94805e;
	}

/* @end */


/* @group contentwraps */

.contentwrap {
 padding: 40px 0 0 0;
 overflow: hidden;
 min-height: 350px;
}

.col_left {
 width: 500px;
 float: left;
 min-height: 100px;
}

.col_right {
	 width: 380px;
	 float: right;	
	 min-height: 100px;
	}
	.col_right.chapterfiles {
	 padding: 10px;
	 background: #f5f5f5;
	}


.colwrap {
 margin-bottom: 15px;
 border-bottom: 1px dotted #bfb59d;
 background: #f5f5f5 url(../kp_img/brdbot.gif) left bottom repeat-x;
 overflow: hidden;
 padding: 10px 10px 25px 10px;
}

.expoheader {
	 display: block;
	 background: url(../kp_img/blackdot.gif) 0 26px repeat-x;
	 margin-bottom: 20px;
	 position: relative;
	}
	.expoheader h2 {
	 height: 55px;
	 text-indent: -9999px;
	}
	.hexpo1 h2 {
	 background: url(../kp_img/hexpo1.png) no-repeat;
	}
	.hexpo2 h2 {
	 background: url(../kp_img/hexpo2.png) no-repeat;
	}
	.hexpo3 h2 {
	 background: url(../kp_img/hexpo3.png) no-repeat;
	}
	.hexpo4 h2 {
	 background: url(../kp_img/hexpo4.png) no-repeat;
	}
	.hexpo5 h2 {
	 background: url(../kp_img/hexpo5.png) no-repeat;
	}
	.hexpo h2 {
	 background: url(../kp_img/hexpo.png) no-repeat;
	}

.col_left h3 {
 text-transform: uppercase;
 color: #e56146;
 font-weight: bold;
 font-size: 14px;
}

.nobrd {
 border: none;
}

a.readmore {
 display: block;
 text-align: right;
 margin-top: 10px;
}

/* @end */


/* @group index */

.expowrap {
	 width: 425px;
	 float: left;
	 margin-bottom: 40px;
	 border-bottom: 1px solid #000;
	}
	.expowrap .expoheader {
	 margin-bottom: 10px;
	}
	.expowrap h3 {
	 text-transform: uppercase;
	 font-weight: bold;
	 font-size: 12px;
	 padding-left: 3px;
	}
	.textwrap {
	 display: block;
	 height: 170px;
	}
	.expowrap p {
	 padding: 3px;
	}
	.expowrap .goto {
	 display: block;
	 height: 65px;
	 background: #f8d6a6;
	 position: relative;
	 margin-top: 10px;
	}
	.expowrap .goto span {
	 display: block;
	 width: 120px;
	 height: 55px;
	 padding: 5px 0 5px 8px;
	 position: absolute;
	 right: 0;
	 top: 0;
	 background: #f2b262;
	 color: #fff;
	}
	.expowrap .goto2 {
	 background: #f1ac8d;
	}
	.expowrap .goto2 span {
	 background: #e56146;
	}
	.expowrap .goto3 {
	 background: #e2b78a;
	}
	.expowrap .goto3 span {
	 background: #ca8042;
	}
	.expowrap .goto4 {
	 background: #c6bcb2;
	}
	.expowrap .goto4 span {
	 background: #99897c;
	}
	.expowrap .goto5 {
	 background: #aca59a;
	}
	.expowrap .goto5 span {
	 background: #716a5f;
	}
	.expowrap .dexpo {
	 background: #e9978a;
	}
	.expowrap .dexpo span {
	 background: #d83049;
	}
	.goto a {
	 padding-right: 15px;
	 text-transform: uppercase;
	 color: #000;
	 font-weight: bold;
	 background: url(../kp_img/arrow.png) right 4px no-repeat;
	 position: absolute;
	 top: 25px;
	 left: 5px;
	}

.exporight {
 float: right;
}

.expodata {
	 display: block;
	 width: 120px;
	 height: 55px;
	 padding: 5px 0 5px 8px;
	 position: absolute;
	 right: 0;
	 top: 0;
	 background: #f2b262;
	 color: #fff;
	}
	.expodata.chapter {
	 font-size: 11px;
	 line-height: 1.2em;
	 width: 110px;
	 height: 40px;
	 top: -24px;
	}
	.hexpo2 .expodata.chapter {
	 background: #e56146;
	}
	.hexpo3 .expodata.chapter {
	 background: #ca8042;
	}
	.hexpo4 .expodata.chapter {
	 background: #99897c;
	}
	.hexpo5 .expodata.chapter {
	 background: #716a5f;
	}

/* @end */

/* @group breadcrums */
#crums {
	 position: absolute;
	 top: 37px;
	 left: 282px;
	 color: #000;
	}
	#crums a {
	 color: #f2b262;
	}
	/*--------------*/
	.hexpo2 #crums {
	 left: 190px;
	}
	.hexpo2 #crums a {
	 color: #e56146;
	}
	/*--------------*/
	.hexpo3 #crums {
	 left: 240px;
	}
	.hexpo3 #crums a {
	 color: #ca8042;
	}
	/*--------------*/
	.hexpo4 #crums {
	 left: 235px;
	}
	.hexpo4 #crums a {
	 color: #99897c;
	}
	/*--------------*/
	.hexpo5 #crums {
	 left: 338px;
	}
	.hexpo5 #crums a {
	 color: #716a5f;
	}


/* @end */

/* @group artwrap / hoofdstukken */
.artwrap {
	 display: block;
	 margin-bottom: 30px;
	 font-size: 13px;
	 line-height: 1.6em;
	}
	.artwrap p {
	 margin: 10px 0;
	}
	.artwrap em {
	 font-style: italic;
	}
	.artwrap ul {
		 margin: 15px 0;
		}
		.artwrap ul li {
		 margin-left: 25px;
		 list-style: disc;
		}		
	.artwrap ol {
		 margin: 0 0 15px 0;
		}
		.artwrap ol li {
		 margin-left: 25px;
		 list-style: decimal;
		}
		
	.notitle {
	 margin-top: -30px;
	}	

/* @end */

/* @group images, files and video */
.images {
	 overflow: hidden;
	 margin: 0 0 15px -10px;
	}
	.images a {
	 display: block;
	 width: 185px;
	 height: 125px;
	 overflow: hidden;
	 float: left;
	 margin: 0 0 10px 10px;
	}

.images.cpt {
	 overflow: hidden;
	 margin: 0 0 0 -10px;
	}
	.images.cpt li {
	 display: block;
	 width: 185px;
	 height: 125px;
	 overflow: hidden;
	 float: left;
	 margin: 0 0 0 10px;
	}


h3.fls {
	 margin: 20px 0 0 0;
	}
	.artwrap .files li {
	 list-style: none;
	 margin-left: 3px;
	}

.videos object {
	 display: block;
	 padding-bottom: 15px;
	 background: #f4f4f4;
	}
/* @end */

/* @group chapternav */
.pagenav {
	 overflow: hidden;
	 margin-bottom: 5px;
	}
	.pagenav a {
	 color: #777;
	 text-transform: uppercase;
	 font-size: 11px;
	}
	.pagenav a:hover {
	 color: #ee2a24;
	}
	.pagenav a.prev {
	 display: block;
	 float: left;
	 padding-left: 15px;
	 background: url(../kp_img/arrows.gif) left 5px no-repeat;	
	} 
	.pagenav a.next {
	 display: block;
	 float: right;
	 padding-right: 15px;
	 background: url(../kp_img/arrows.gif) right -15px no-repeat;
	} 


/* @end */


/* @group chaptercrumbs */

.chaptercrums {
 clear: both;
 padding: 15px 0 10px 0;
}

/* @end */


/* @group TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 8px;
	left: 1px;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 0px;
}

#tiptip_content {
	font-size: 11px;
	line-height: 1.3em;
	color: #fff;
	padding: 4px 8px;
	border: 1px solid #3f3d36;
	background-color: #3f3d36;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #3f3d36;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #3f3d36;
}

/* @end */

/* @group Search */

.search h2 {
 text-transform: uppercase;
 color: #CA8042;
 font-weight: bold;
 font-size: 18px;
}

.src-item-wrap {
	 display: block;
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: 1px solid #999;
	}	
	.src-item-wrap .readmore {
	 display: block;
	 margin: 0 0 15px 0;
	 text-align: right;
	}
	.src-item-wrap h3 {
	 text-transform: uppercase;
	 color: #F2B262;
	 font-weight: bold;
	 font-size: 16px;
	 margin-bottom: 10px;
	}
	.src-item-wrap h4 {
	 text-transform: uppercase;
	 color: #e56146;
	 font-weight: bold;
	 font-size: 12px;
	}
	
/* @end */


/* @group inline_alert */
#inline_alert {
	 min-width: 300px;
	 min-height: 125px;
	 padding: 25px;
	 background: #fdf6e1;
	}
/* @end */


/* @group glossary */
#glossary {
	 min-width: 450px;
	 min-height: 450px;
	}
	#glossary h3 {
	 font-size: 16px;
	 font-weight: bold;
	 text-transform: uppercase;
	}
	#glossary p {
	 margin: 10px 0;
	 width: 450px;
	}
	#glossary table {
	 max-width: 650px;
	}
/* @end */