/*********** BODY ***********/
html, form, p, a {
 margin: 0;
 padding: 0;
}

body {
 margin: 0;
 padding: 0;
 color: #fff;
 font-family: Arial, Verdana, "Lucida Grande", sans-serif;
 font-size: 13px;
 line-height: 1.6em;
}

h1,h2,h3,h4,h5 {
 padding: 0;
 margin: 0;
}

ol, ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

img {
 border: none;
 margin:0;
 padding:0;
}

hr {
 clear:both;
 height:0;
 visibility: hidden;
 margin: 0;
 padding: 0;
}

html {
 overflow-y: scroll;
}

.clearfix {
 content: ".";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}

.clear {
 display: block;
 clear: both;
}

.hideme {
 display: none;
}

/*---------------------------------------------------------------- ALGEMENE LINKS */
a:active,a:link,a:visited {  
 color: #cc3127;
 text-decoration: none;	 
 font-weight: normal;
 outline: none;
}

a:hover {
 color: #54a1ad;
 text-decoration: none;
}

/*---------------------------------------------------------------- SUPER WRAP */

body {
 background: #3a3a3a;
}

#fastwrap {
 width: 960px;
 margin: 0 auto;
 padding: 40px 25px 25px 0;
 background: url(../kp_img/fastside.png) right top repeat-y;
}

#superwrap {
 width: 960px;
 background: #000 url(../kp_img/bgcross.gif) 8px 12px repeat-y;
}

/*--------------------------------------------------------------------- HEATHER */

#headwrap {
	 height: 262px;
	 width: 960px;
	 margin: 0;
	 position: relative;
	}
	#headwrap h1 {
	 display: block;
	 width: 960px;
	 height: 200px;
	 position: absolute;
	 top: 39px;
	 left: 24px;
	 text-indent: -9999px;
	 cursor: pointer;
	 z-index: 100;
	}
	#headwrap img {
	 position: absolute;
	 top: 39px;
	 left: 24px;
	}
	
	/* TOPBAR FOR LANGUAGE SELECT */
	div#topbar {
	 position: absolute;
	 left:  19px;
	 top:  10px;
	}
	div#topbar a {
	 margin-left: 5px;
	 padding: 0 3px;
	 text-transform: uppercase;
	 font-size: 12px;
	}
	div#topbar a.lngact {
	 color: #fff;
	 background: #383b35;
	 text-decoration: none;
	}	


/*--------------------------------------------------------------------- LEFT COLUMN */

#mainnav {
	 display: block;
	 width: 196px;
	}
	#mainnav li {
	 margin: 0 0 16px 0;
	}
	#mainnav li a { 
	 display: block;
	 text-indent: -9999px;
	 width: 196px;
	 height: 18px;
	 background: url(../kp_img/menu.gif) no-repeat;
	}

	#mainnav li#news a {
	 background-position: 0 -34px;
	}
	#mainnav li#what a {
	 background-position: 0 -68px;
	}
	#mainnav li#where a {
	 background-position: 0 -101px;
	}
	#mainnav li#events a {
	 background-position: 0 -135px;
	}
	#mainnav li#sleep a {
	 background-position: 0 -169px;
	}
	#mainnav li#album a {
	 background-position: 0 -203px;
	}
	#mainnav li#contact a {
	 background-position: 0 -236px;
	}
	#mainnav li#links a {
	 background-position: 0 -270px;
	}
	#mainnav li#eat a {
	 background-position: 0 -304px;
	}

	#mainnav li#home a:hover, #mainnav li#home a.act {
	 background-position: -196px 0;
	}
	#mainnav li#news a:hover, #mainnav li#news a.act {
	 background-position: -196px -34px;
	}
	#mainnav li#what a:hover, #mainnav li#what a.act {
	 background-position: -196px -68px;
	}
	#mainnav li#where a:hover, #mainnav li#where a.act {
	 background-position: -196px -101px;
	}
	#mainnav li#events a:hover, #mainnav li#events a.act {
	 background-position: -196px -135px;
	}
	#mainnav li#sleep a:hover, #mainnav li#sleep a.act {
	 background-position: -196px -169px;
	}
	#mainnav li#album a:hover, #mainnav li#album a.act {
	 background-position: -196px -203px;
	}
	#mainnav li#contact a:hover, #mainnav li#contact a.act {
	 background-position: -196px -236px;
	}
	#mainnav li#links a:hover, #mainnav li#links a.act {
	 background-position: -196px -270px;
	}
	#mainnav li#eat a:hover, #mainnav li#eat a.act {
	 background-position: -196px -304px;
	}	
	



#sidewrap {
 display: block;
 width: 196px;
 margin-left: 24px;
 min-height: 490px;
 float: left;
}

#sidewrap .wdg {
 clear: both;
 display: block;
 width: 200px;
 float: left;
 margin-top: 15px;
 margin-bottom: 0;
 padding-bottom: 0;
}


div.social {
	 float: left;	
	}
	div.social a {
	 display: block;
	 width: 21px;
	 height: 31px;
	 float: left;
	 margin-right: 6px;
	 background: url(../kp_img/socialmedia.gif) no-repeat;
	 text-indent: -9999px;
	}
	a#twitter {
	
	}
	a#hyves {
	 width: 22px;
	 background-position: -27px 0;
	}
	a#facebook {
	 width: 22px;
	 background-position: -57px 0;
	}


div.logos {
	 margin-top: 5px;
	}
	div.logos img {
	 margin-bottom: 6px;
	}
	
/*--------------------------------------------------------------------- COLUM SETUP */

div#midwrap {
 width: 960px;
 float: left;
}

div.col {
 width: 460px;
 float: left;
 margin: 0 0 0 18px;
 min-height: 500px;
 background: #000;
}

div.col_r {
 display: block;
 width: 210px;
 float: right; 
 margin-right: 24px;
}

div.small {
 width: 235px;
}

/*--------------------------------------------------------------------- VOETJE */

div#voetje {
 clear: both;
 width: 935px;
 padding: 20px 25px 10px 0;
 text-align: right;
 font-size: 11px; 
 color: #939493;
}

/*--------------------------------------------------------------------- CONTENT STUFF */

div.artwrap {
 clear:both;
 display: block;
 width: 460px;
 float:left;
 margin-bottom: 20px;
}
div.notitle {
 margin-top: -20px;
}

div.col h2 {
	 clear: both;
	 font-size: 20px;
	 line-height: 1em;
	 color: #fdcd24;
	 font-weight: bold;
	 margin-bottom: 10px;
	 padding-left: 20px;
	 background: url(../kp_img/arrow.gif) 0 2px no-repeat;
	}
	div.col h2.yel { color: #fdcd24 ; }
	div.col h2.red { color: #cc3127 ; }
	div.col h2.grn { color: #4b704a ; }
	div.col h2.bby { color: #54a1ad ; }
	div.col h2.blu { color: #073d5f ; }

div.col h3 {
 clear: both;
 font-size: 16px;
 margin-bottom: 3px;
 color: #fff;
 font-weight: bold;
}

div.col p {
 margin-bottom: 5px;
 padding: 0;
}

span.more {
	 clear: both;
	 display:block;
	 margin-top: 5px;
	 padding-top: 3px;
	 border-top: 1px solid #fff;
	}
	span.more a {
	 float: right;
	 color: #cc3127;
	 font-weight: bold;
	 text-transform: uppercase;
	 font-size: 12px;
	}
	span.more a:hover {
	 color: #fdcd24;
	}
	span.more strong {
	 font-weight: normal;
	 color: #fbf9f2;
	 padding-left: 19px;
	}

/* --------- datum notatie --------- */

div.col span.date {
	 clear: both;
	 display: block;
	 color: #939493;
	}
	div.col span.date i {
	 font-style: normal;
	 text-transform: uppercase;
	 font-size: 10px;
	}

/*--------------------------------------------------------------------- RIGHT COLUM */

div.wdg {
 clear: both;
 display: block;
 float: left;
 padding-bottom: 15px;
 margin-bottom: 15px;
}

div.col_r h2 {
 clear: both;
 font-size: 16px;
 margin-bottom: 6px;
 font-weight: bold;
}

div.col_r h3 {
 clear: both;
 display: block;
 font-size: 18px;
 line-height: 1.2em;
 color: #fdcd24;
 font-weight: bold;
 margin-bottom: 3px; 
}

div.col_r p {
 margin-bottom: 15px;
}

div.col_r span.more {
 padding-right: 5px;
}

div.col_r span.more a {
 display: block;
 margin: -18px 5px 20px 0;
}

/*----------------------------------------------------- PAGENAVIGATOR */

.pagenav {
 font-size: 12px;
 text-align: right;
 border-bottom: 1px solid #ddd;
 margin-bottom: 10px;
 margin-top: -15px;
 padding-bottom: 5px;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active {
 padding: 2px 6px;
 margin-right: 2px;
 
 background-color: #eee;
 border: 1px solid #1e5f08;
 color: #555;
}

.pagenav a:hover {
 text-decoration: none;
 
 border: 1px solid #1e5f08;
 background-color: #76ce04;
 color: #fff; 
}

.pagenav b {
 padding: 2px 6px;
 margin-right: 2px;

 border: 1px solid #1e5f08;
 background-color: #1e5f08;
 color: #fff; 
}

/*----------------------------------------------------- THUMBLISTS */

img.frstimg {
 float: left;
 margin: 3px 10px 1px 0;
}

ol.thumbs { 
 clear: both;
 display: block;
 width: 470px;
 float: left;
 margin: 10px 0 0 -10px;
}

ol.thumbs li {
 float: left;
}

ol.thumbs li img {
 display: block;
}

ol.thumbs li a {
 padding: 0;
}

ol.thumbs li a:hover {
 background: none;
}


/*------------------------*/
ol.small li {
 margin: 0 7px 7px 0;
}

/*------------------------*/

ol.medium li {
 margin: 0 0 10px 10px;
}
ol.medium img {
 width: 225px;
}

/*------------------------*/
ol.large li {
 margin: 0 0 10px 10px;
}
ol.large li img {
 width: 460px;
}

/*-------- wdg-imglist -----*/
ol.wgd-img {
 clear: both;
 float: left;
 margin: -5px 0 15px -8px;
}

ol.wgd-img li {
 float: left;
 margin: 0 0 8px 8px;
}

ol.wgd-img li img {
 display: block;
 width: 210px;
}

/*----------------------------------------------------- FILE LISTS */

.col h3.fls {
 clear: both;
 display:block;
 line-height: 20px;
 padding: 20px 0 3px 0;
 margin-bottom: 3px;
 border-bottom: 1px solid #fff;
}

ol.files {
 padding: 0;
 margin: 0 0 20px 0;
 border-bottom: 1px solid #fff;
}

ol.files, ol.files li {
 display:block;
}

ol.files li a {
 display:block;
 width: 455px;
 padding-left: 5px;
 position: relative;
 line-height: 22px;
 margin-bottom: 3px;
}

ol.files li a:hover {
 background: #fff;
 color: #333;
 text-decoration: none;
}

ol.files li a em {
 display: block;
 width: 80px;
 position: absolute;
 right: 5px;
 top:0;
 text-align: right;
 font-style: normal;
}

/*----------------------------------------------------- ADDCOMMENT */

h3.cmm{
 display:block;
 line-height: 12px;
 margin-top: 40px;
 border-bottom: 1px solid #fff;
}

h3.cmm a {
 float: right;
}

div#addcomment {
 border-bottom: 1px solid #fff;
 margin-bottom: 10px;
}

div#addcomment div form {
 margin-top: 10px;
}

div#commentwrap ul {
 margin: 15px 0;
}

div#commentwrap ul li {
 padding: 8px;
 margin-bottom: 3px;
}

div#commentwrap ul li strong {
 display: block;
 border-bottom: 1px solid #aeb6a9;
 margin-bottom: 3px;
}

div#commentwrap ul li strong i {
 float: right;
 font-size: 11px;
}

div#commentwrap ul li p {
 margin: 0;
}

div#commentwrap ul li.comm_list_0 {
 background: #b8bfb3;
}

div#commentwrap ul li.comm_list_1 {
 background: #cbd2c7;
}



/*--------------------------------------------------------------------- PHOTO MODULE IMAGE GALLERY */

ol.gallery {
 float:left;
}

ol.gallery li h2 {

}

ol.gallery li img#swap {
 width: 460px;
 margin-bottom: 1px;
 background: url(../img/imgloader.gif) center no-repeat;
}

ol.gallery ul {
 margin-top: 8px;
}

ol.gallery li li {
 float:left;
 margin: 0 6px 6px 0; 
}

ol.gallery li li img {
 display:block;
 cursor: pointer;
 padding: 0px;
}

img.thmbstd {
 /* opacity:.75; -moz-opacity:.75;cursor: pointer; */
}

/* Hides from IE-mac \*/
* html img.thmbstd  {
/*	filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); */
}
/* End hide from IE-mac */


img.thmbact {
}

ol.gallery li li.no_r_marg {
 margin-right: 0;
}

span#caption {
 display: block;
 text-align: left;
 font-style: italic;
 padding-left: 3px;
 margin-bottom: 15px;
}

/*---------------------------------------------------------------- FORM STUFF */

/* ===== default form ==== */
form input.txt {
 display: block;
 width: 460px;
 border: 1px solid #fff;
 padding: 5px 4px;
 color: #372a58; 
 font-size: 13px;
 font-weight: normal;
 font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Luxi Sans", sans-serif; 
}
form textarea {
 width: 460px;
 height: 100px;
 border: 1px solid #fff;
 padding: 4px 4px;
 margin-bottom: 5px;
 color: #372a58;
 font-size: 13px;
 font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Luxi Sans", sans-serif;  
}
form ul {
 display: block;
 width: 100%;
 float: left;
 margin-top: 3px;
}
form li {
 display: block;
 width: 100%;
 float: left;
 margin-bottom: 8px;
}

span#loader {
 clear: both;
 display: block;
 height: 25px;
 text-align: right;
}
span.loading {
 background: url(../kp_img/ajax.gif) left center no-repeat;
}

input.subm {
 background: #4b704a;
 color: #fff;
 text-transform: uppercase;
 line-height: 1.5em;
 font-size: 14px;
 width: 120px;
 height: 30px;
 cursor: pointer;
 border: none;
}
input.subm.hover {
 background: #54a1ad;
 color: #fff;
 border: none;
}

#inline_alert {
 min-height: 150px;
 padding: 10px;
 margin-bottom: 2px;
 background: #000;
}
#inline_alert h4 {
 font-size: 13px;
 line-height: 1em;
 text-transform: uppercase;
 border-bottom: 1px solid #fff;
 padding-bottom: 5px;
 margin-bottom: 5px;
 color: #fff;
}

/*------------ SEARCH BAR */
#frm_srch {
	 display: block;
	 width: 195px;
	 float: left;
	 margin: 15px 0;
	}
	#frm_srch h4 {
	 color: #939493;
	 font-weight: normal;
	}
	#frm_srch span {
	 display: block;
	 float: left;
	 background: #939493;
	}
	#frm_srch input.txt {
	 width: 165px;
	 height: 23px;
	 padding: 0 0 0 3px;
	 float: left;
	 border: 1px solid #939493;
	 background: #939493; 
	 font-size: 13px; 
	 color: #fff;
	 line-height: 1em;
	}
	#frm_srch input.subm {
	 width: 20px;
	 height: 23px;
	 float: right;
	 border: 1px solid #939493;
	 background: #939493;
	 color:  #000;
	 line-height: 1em;
	 font-size: 12px; 
	}

div.src-item-wrap {
	 display: block;
	 margin-top: 10px;
	 padding-top: 10px;
	 border-top: 1px solid #ddd;
	}
	div.src-item-wrap h2 {
	 background: none;
	 padding-left: 0;
	 font-size: 18px;
	 color: #54a1ad;
	}	
	div.src-item-wrap h3 {
	 font-size: 16px;
	}	
	div.src-item-wrap .readmore {
	 display: block;
	 margin: 0 0 15px 0;
	 text-align: right;
	}


/*-------------------- PHOTO WIDGET */

div.wdg_photo h3 {
 font-size: 13px;
 color: #54a1ad;
 border-bottom: 1px solid #fff; 
}

ol.wgdimg {
 width: 220px;
 margin-left: -10px;
 display: block;
 margin: 0 0 15px 0;
}

ol.wgdimg, ol.wgdimg li {
 float: left;
}

ol.wgdimg li {
 margin-right: 10px;
}

ol.wgdimg li img {
 width: 100px;
}

ol.wgdimg li a {
 padding: 0;
}

ol.wgdimg li a:hover {
 background: none;
}


/* @group TipTip CSS - Version 1.2 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

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

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid #939493;
	background-color: #939493;
}

#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: #939493;
	border-top-color: #939493;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #939493;
	border-bottom-color: #939493;
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

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

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: #939493;
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: #939493;
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: #939493;
	}
}
/* @end */