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

body {
 margin: 0;
 padding: 0;
 color: #fff;
 font-family: Georgia, 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: #fff301;
 text-decoration: none;	 
 font-weight: normal;
 outline: none;
}

a:hover {
 color: #76ce04;
 text-decoration: none;
}

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

body {
 background: #372a58;
}

div#superwrap {
 width: 960px;
 margin: 0 auto;
}

/*--------------------------------------------------------------------- TOPBAR FOR LANGUAGE SELECT */

div#topbar {
 padding: 3px 0;
 margin-bottom: 5px;
 display: none;
}

div#topbar a {
 margin-left: 5px;
 padding: 0 3px;
}

div#topbar a.lngact {
 color: #fff;
 background: #383b35;
 border: 1px solid #ddd;
 text-decoration: none;
}


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

#headwrap {
 height: 205px;
 width: 960px;
 margin: 45px 0 15px 0;
 background: url(../kp_img/header-2012.png) no-repeat;
 position: relative;
}

#headwrap h1 {
 display: block;
 width: 500px;
 height: 125px;
 position: absolute;
 left: 220px;
 top: 5px;
 text-indent: -9999px;
 cursor: pointer;
}


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

#mainnav {
 display: block;
 width: 200px;
}

#mainnav li {
 margin: 0;
}

#mainnav a { 
 display: block;
 width: 200px;
 background: url(../kp_img/menu.gif) no-repeat;
 text-indent: -9999px;
}

li#home a {
 height: 75px;
 background-position: 0 0;
}
li#fest a {
 height: 30px;
 background-position: 0 -75px;
}
li#proj a {
 height: 80px;
 background-position: 0 -105px;
}
li#prog a {
 height: 45px;
 background-position: 0 -185px;
}
li#nws a {
 height: 55px;
 background-position: 0 -230px;
}
li#tck a {
 height: 115px;
 background-position: 0 -285px;
}
li#route a {
 height: 35px;
 background-position: 0 -400px;
}
li#arch a {
 height: 32px;
 background-position: 0 -435px;
}
li#press a {
 height: 37px;
 background-position: 0 -468px;
}
/* hover state */
li#home a:hover,li#home a.act {
 background-position: -241px 0;
}
li#fest a:hover,li#fest a.act {
 background-position: -241px -75px;
}
li#proj a:hover,li#proj a.act {
 background-position: -241px -105px;
}
li#prog a:hover,li#prog a.act {
 background-position: -241px -185px;
}
li#nws a:hover,li#nws a.act {
 background-position: -241px -230px;
}
li#tck a:hover,li#tck a.act {
 background-position: -241px -285px;
}
li#route a:hover,li#route a.act {
 background-position: -241px -400px;
}
li#arch a:hover,li#arch a.act {
 background-position: -241px -435px;
}
li#press a:hover,li#press a.act {
 background-position: -241px -468px;
}


#sidewrap {
 display: block;
 width: 210px;
 min-height: 490px;
 float: left;
 background: url(../kp_img/dotvert.gif) right repeat-y;
 padding-bottom: 30px;
}

#sidewrap .wdg {
 clear: both;
 display: block;
 width: 200px;
 float: left;
 background: url(../kp_img/dothor.gif) top center no-repeat;
 padding-top: 15px;
 margin-top: 15px;
 margin-bottom: 0;
 padding-bottom: 0;
}

a#twitter {
 display: block;
 height: 27px;
 font-size: 11px;
 line-height: 1em;
 padding: 20px 0 0 40px;
 background: url(../kp_img/twitter.gif) left bottom no-repeat;
 color: #fff;
 margin-bottom: 10px;
}
a#hyves {
 display: block;
 height: 20px;
 font-size: 11px;
 line-height: 1em;
 padding: 15px 0 0 40px;
 background: url(../kp_img/hyves.gif) left bottom no-repeat;
 color: #fff;
 margin-bottom: 10px;
}
a#twitter:hover {
 background-position: 0 0;
 color: #fff301;
}
a#hyves:hover {
 background-position: 0 1px;
 color: #fff301;
}

#sidewrap .logos {
 padding-bottom: 0px;
 margin-bottom: -15px;
}
#sidewrap .logos a {
 display: block;
 font-size: 11px;
 margin-bottom: 10px;
}

/*--------------------------------------------------------------------- COLUM SETUP */

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

div.col {
 width: 500px;
 float: left;
 margin: 0 0 0 15px;
 min-height: 500px;
}

div.col_r {
 display: block;
 width: 210px;
 padding-left: 10px;
 padding-top: 5px;
 float: right; 
 background: url(../kp_img/dotvert.gif) left repeat-y;
}

div.small {
 width: 235px;
}

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

div#voetje {
 clear: both;
 display: none;
 width: 960px;
 margin: 20px 0;
 text-align: center;
 font-size: 12px; 
 color: #fff;
}

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

div.artwrap {
 clear:both;
 display: block;
 width: 470px;
 float:left;
 background: url(../kp_img/dothor.gif) bottom center no-repeat;
 padding-bottom: 30px;
 margin-bottom: 30px;
}
.notitle {
 margin-top: 0px;
}

div.col h2 {
 clear: both;
 font-size: 30px;
 line-height: 1.2em;
 color: #fff301;
 font-weight: bold;
 font-family: Times New Roman, Times, serif;
 margin-bottom: 10px;
}

div.col h3 {
 clear: both;
 font-size: 18px;
 font-style: italic;
 margin-bottom: 10px;
 color: #fff;
}

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

span.more {
 clear: both;
 display:block;
 margin-top: 5px;
 border-top: 1px solid #ccc;
}
span.more a {
 float: right;
 color: #76ce04;
 font-style: italic;
 font-weight: bold;
}
span.more a:hover {
 color: #1e5f08;
}
span.more strong {
 font-weight: normal;
 color: #fbf9f2;
 padding-left: 19px;
}

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

div.col span.date {
 font-weight: normal;
 font-size: 12px;
 float: left;
 margin: 3px 0 -1px 0;
 padding-left: 10px;
 color: #777;
}

div.col span.date img {
 float: left;
 padding-top: 1px;
 margin-right: 6px;
}

div.col span.date i {
 display: block;
 width: 200px;
}

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

div.wdg {
 clear: both;
 display: block;
 float: left;
 background: url(../kp_img/dothor.gif) bottom center no-repeat;
 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: 24px;
 line-height: 1.2em;
 color: #fff301;
 font-weight: bold;
 font-family: Times New Roman, Times, serif;
 margin-bottom: 10px; 
}

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: 510px;
 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.large li img {
 width: 500px;
}

ol.large li {
 margin: 0 0 10px 10px;
}


/*-------- 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: 2px dotted #fff;
}

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

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

ol.files li a {
 display:block;
 width: 465px;
 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: 495px;
 margin-bottom: 8px;
 background: url(../img/imgloader.gif) center no-repeat;
}

ol.gallery li span {
 display: block;
 text-align: right;
}

ol.gallery li span a:hover {
 background: none;
}

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: 3px;
}

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;
}

/*---------------------------------------------------------------- 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: #0096ce;
 color: #fff;
 text-transform: uppercase;
 line-height: 1.5em;
 font-size: 14px;
 width: 120px;
 height: 30px;
 cursor: pointer;
 border: none;
}
input.subm.hover {
 background: #ec008c;
 color: #fff;
 border: none;
}

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

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

div.wdg_photo h3 {
 border-bottom: 1px solid #fff; 
}

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

ol.wgdimg {
 display: block;
 margin: 0 0 8px 0;
}

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

ol.wgdimg li img {
 padding: 2px;
}

ol.wgdimg li a {
 padding: 0;
}

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

/*-------------------- WHITE BORDER */

div.border {
 background: #fff;
 height: 100%;
 position: fixed;
 width: 100%;
}

div#brdbot {
 bottom: 0px;
 height: 15px;
 left: 0px;
 z-index: 9996;
}

div#brdleft {
 left: 0px;
 top: 0px;
 width: 15px;
 z-index: 9997;
}

div#brdright {
 right: 0px;
 top: 0px;
 width: 15px;
 z-index: 9998;
}

div#brdtop {
 height: 15px;
 left: 0px;
 top: 0px;
 z-index: 9999;
}