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

body {
 margin: 0;
 padding: 0;
 color: #fff;
 font-family: Arial, Verdana, "Trebuchet MS", Helvetica, Tahoma, "Lucida Grande", sans-serif;
 font-size: 13px;
 line-height: 18px;
}

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

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

.hideme {
 display: none;
}

.cleararticle {
 display: block;
 clear: both;
 height: 35px;
 visibility: hidden; 
}

/*---------------------------------------------------------------- ALGEMENE LINKS */

a:active,a:link,a:visited {  
 color: #fff;
 text-decoration: underline;	 
 font-weight: normal;
 padding: 0 2px;
 
 outline: none;
}

a:hover {
 color: #383b35;
}

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

body {
 background: #87793a url(../kp_img/ml/bg.jpg) repeat-y;
}

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

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

div#topbar {
 padding: 3px 0;
 background-color: #000;
 position: relative;
}

div#topbar a:link,div#topbar a:active,div#topbar a:visited {
 margin-left: 5px;
 padding: 0 3px;
 color: #888;
 text-decoration: none;
}

div#topbar a:hover {
 color: #d35433;
}

div#topbar a.lngact {
 color: #fff;
}

div#topbar #logme {
 position: absolute;
 right: 30px;
}

div#topbar a#logme:link, div#topbar a#logme:active, div#topbar a#logme:visited {
 color: #fff;
 text-decoration: none;
}

div#topbar a#logme:hover {
 color: #d35433;
}

div#topbar #sound {
 display: block;
 width: 14px;
 height: 13px;
 position: absolute;
 right: 6px;
 top: 5px;
}

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

div#headwrap {
 height: 310px;
 width: 100%;
 background: #000 url(../kp_img/ml/menubg.gif) 21px bottom repeat-y;
 position: relative;
}

h1 {
 display: block;
 width: 100%;
 height: 228px;
 text-indent: -9999px;
 background: #000 url(../kp_img/ml/top/001.jpg) no-repeat;
}

#flashwrap {
 position: absolute;
 left: -70px;
 top: 0;
}

/*--------------------------------------------------------------------- MAINNAV */

#mainnav {
 float: left;
 width: 482px;
 position: relative;
 left: 382px;
 z-index: 10;
 margin-top: 5px;
}

#mainnav li {
 float: left;
}

#mainnav li a {
 display: block;
 width: 160px;
 float: left;
 line-height: 22px;
 text-indent: -9999px;
 text-decoration: none;
}

#mainnav li#home a {
 background-position: left 0;
}

#mainnav li#prg a {
 background-position: left -25px;
}

#mainnav li#nws a {
 background-position: left -50px;
}

#mainnav li#prs a {
 width: 190px;
 background-position: left -75px;
}

#mainnav li#about a {
 width: 190px;
 background-position: left -100px;
}

#mainnav li#lnks a {
 width: 120px;
 background-position: left -125px;
}
/*------------------------------*/
#mainnav li#home a:hover, #mainnav li#home a.act {
 background-position: -198px 0;
}

#mainnav li#prg a:hover, #mainnav li#prg a.act {
 background-position: -198px -25px;
}

#mainnav li#nws a:hover, #mainnav li#nws a.act {
 background-position: -198px -50px;
}

#mainnav li#prs a:hover, #mainnav li#prs a.act {
 background-position: -198px -75px;
}

#mainnav li#about a:hover, #mainnav li#about a.act {
 background-position: -198px -100px;
}

#mainnav li#lnks a:hover, #mainnav li#lnks a.act {
 background-position: -198px -125px;
}

/*--------------------------------------------------------------------- SUBNAV */

.subnav {
 height: 286px;
 background: #87793a url(../kp_img/ml/grad.jpg) repeat-y;
 position: relative;
}

#subnav {
 position: absolute;
 left: -10px;
 width: 216px;
}

#subnav li a {
 display: block;
 width: 160px;;
 padding: 2px 6px 2px 50px;
 margin-bottom: 2px;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 text-indent: -10px;
 }

#subnav li a:hover, #subnav li a.act {
 color: #000;
 background: url(../kp_img/ml/subship.gif) 0 3px no-repeat;
}

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

div.midwrap {
 width: 864px;
 float: left;
 padding: 12px 0;
 position: relative;
}

div.col {
 display: block;
 min-height: 500px;
}

div.left {
 float: left;
 margin-right: 12px;
}

div.right {
 float: right;
 position: absolute;
 right: 0px;
 top: 10px;
}

div.one {
 width: 210px;
}

div.two {
 width: 420px;
}

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

div#voetje {
 clear: both;
 display: block;
 padding: 5px 12px;
 margin: 0;
 background: #000;

 font-size: 11px; 
 text-align: right;
 color: #fff;
}

/*--------------------------------------------------------------------- WIDGETS */

div.wdg {
 padding: 12px;
 margin-bottom: 12px;
}

div.black {
 color: #fff;
 background: #000;
}

div.black p {
 margin-bottom: 12px;
}

div.copper {
 color: #fff;
 background: #8d7a2d;
}

div.zink {
 color: #fff;
 background: #afc8c4;
}

div.red {
 color: #fff;
 background: #d35433;
}

div.purple {
 color: #fff;
 background: #001133;
}

div.wdg h3 {
 color: #000;
}

div.purple h3 {
 color: #afc8c3;
}

div.wdg:after {
 content: ".";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}

/*--------------------------------------------------------------------- INDEX */
.intro {
 float: left;
}

.intro img {
 float: right;
 margin: 0 0 0 12px;
}

/*--------------------------------------------------------------------- AGENDA WIDGET */

.thisweek h4 {
 font-size: 14px;
 margin-bottom: 2px;
 color: #000;
}

div.col h3.h_thisweek {
 text-indent: -9999px;
 margin-bottom: 0;
}

.thisweek form {
 width: 186px;
}

.thisweek ul {
 display: block;
 width: 210px;
 margin: 12px -12px;
}

.thisweek ul li a { 
 display: block;
 width: 200px;
 text-decoration: none;
 color: #000;
 font-size: 18px;
 padding:2px 0px 2px 10px;
}

.thisweek ul li a:hover {
 color: #fff;
 background-color: #9cbdb8;
}

.thisweek ul li a i {
 font-style: normal;
 display: block;
 width: 55px;
 float: left;
}

.thisweek ul li a span {
 display: block;
 width: 25px;
 text-align: right;
 float: left;
 margin-right: 12px;
}

.thisweek label {
 display: block;
}

.thisweek input {
 width: 180px;
 padding: 3px;
 border: none;
 margin-bottom: 6px;
}

.thisweek input.subm {
 width: 186px;
 font-weight: bold;
 font-size: 12px;
 text-transform: uppercase;
 background: #d35433;
 margin: 3px 0 0 0;
}

.thisweek input.subm:hover {
 background: #001133;
 color: #fff;
}

/*--------------------------------------------------------------------- NIEUWS */
.newslist h2 {
 padding: 6px 6px 6px 12px;
 background: #d35433;
 margin-bottom: 6px;
}

.newslist ul li {
 margin-bottom: 3px;
}

.newslist ul li a {
 display: block;
 padding: 4px 3px 4px 12px;
 background: #dc765c;
 color: #000;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}

.newslist ul li a:hover {
 color: #fff;
 background: #d35433;
}

/*--------------------------------------------------------------------- PROGRAMMA */

form.frm_cat label {
 clear: both;
 display: block;
 width: 160px;
 float: left;
 color: #000;
 font-weight: bold;
 margin-bottom: 5px;
}

form.frm_cat select {
 width: 230px;
 margin-bottom: 5px;
}

form.frm_cat input{
 border: none;
 padding: 2px 2px 2px 5px;
 width: 223px;
 margin-bottom: 5px;
}

.frm_cat input.subm {
 width: 180px;
 font-weight: bold;
 font-size: 12px;
 text-transform: uppercase;
 background: #001133;
 color: #fff;
 margin: 10px 0 0 210px;
}

.frm_cat input.subm:hover {
 background: #AFC8C4;
 color: #000;
}

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

.prgwrap {
 margin-top: -6px;
}

.prglist li {
 background: #dc765c;
 padding: 12px;
 margin-bottom: 6px;
}

.prglist li em {
 display: block;
 font-style: normal;
 font-weight: bold;
 font-size: 14px;
 color: #000;
}

div.art .prglist li h3 {
 margin: 6px 0;
}

.prglist li p.snippet {
 margin: 10px 0 0 0;
}

.loclist li a {
 display: block;
 color: #000;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 padding: 3px 4px 2px 10px;
}

.redlist li {
 background: #d35433;
 opacity:0.75;
}

.redlist li.hover {
 color: #fff;
 background: #d35433;
 opacity: 1;
}

.redlist li.redhover {
 color: #fff;
 background: #d35433;
 opacity: 1;
}

span.moreinfo, span.lessinfo {
 display: block;
 text-align: right;
 cursor: pointer;
 margin-bottom: -4px;
}

.prglist b {
 clear: both;
 display: block;
 width: 90px; float: left;
 color: #000;
}

.prglist span.infblox {
 display: block;
 margin-left: 90px;
}

.prg_info p {
 margin: 10px 0 15px 0;
}

.prg_info {
 display:none;
}

.prg_info a {
 margin: 0 5px 0 0;
}

.prglist .prtwrap {
 display: block;
 width: 200px;
 margin-left: 90px;
}

.prglist .prtwrap a {
 display: block;
}

div.settings {
 margin-top: 15px;
}

div.settings span {
 display: block;
}

div.settings span strong {
 margin-right: 10px;
 color: #000;
}

div.settings a {
 display: block;
 text-align: right;
 margin-top: 12px;
}

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

div.col h2 {
 clear: both;
 font-size: 18px;
}

div.col h3 {
 clear: both;
 display: block;
 font-size: 16px;
 margin-bottom: 18px;
}

div.col h4 {
 display: block;
 clear: both;
 font-size: 13px;
 margin: -16px 0 18px 0;
}

div.art h3 {
 margin-bottom: 18px;
 font-size: 18px;
}

div.xxxxxxxxxxxcol p {
 margin-bottom: 30px;
}

span.more {
 clear: both;
 display:block;
 border-top: 1px dotted #fff;
 margin-top: 8px;
 padding-top: 4px;
}

span.more a {
 float: right;
}

span.more strong {
 font-weight: normal;
 color: #fff;
 padding-left: 19px;
 background: url(../kp_img/acoustics/comment.gif) 0 3px no-repeat;
}

.frstimg {
 float: left;
 margin: 5px 12px 6px 0;
}

span.artdate {
 display: block;
 font-size: 11px;
 text-align: right;
 margin: -15px 0 6px 0;
}

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

.pagenav {
 background: url(../kp_img/ml/bg_nav.gif) repeat-y;
 margin: 6px 0 6px 0;
 padding: 3px 12px;
 position: relative;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active {
 padding: 0 2px;
 margin-right: 2px;
 color: #fff;
 text-decoration: none;
}

.pagenav a:hover {
 text-decoration: none;
 color: #000; 
}

.pagenav b {
 padding: 0px 2px;
 margin-right: 2px;
 color: #000;
 font-weight: bold;
}

.pagenav span {
 position: absolute;
 right: 8px;
}

.pagenav span a:hover {
 color: #afc8c4; 
}

/*----------------------------------------------------- IMAGE LISTS */

ol.thumbs {
 display: block;
 float: left;
 margin: 24px 0;
 padding: 0;
}

ol.thumbs li {
 float: left;
 margin: 0 12px 12px 0;
 padding: 0;
 opacity: 1;
}

ol.thumbs li img {
 display: block;
}

ol.thumbs li.no_r_margx {
 margin-right: 0;
}

ol.thumbs li a {
 padding: 0;
}

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


/*------------------------*/
ol.small li img {
 width: 110px;
 height: 73px;
}

/*------------------------*/
ol.medium li img {
 display: block;
 width: 235px;
}

ol.medium li {
 margin: 0 9px 9px 0;
}

/*------------------------*/
ol.large li img {
 display: block;
 width: 487px;
 padding: 3px;
}

ol.large li {
 margin: 0 0 9px 0;
}
/*----------------------------------------------------- FILE LISTS */

h3.fls {
 display:block;
 margin: 12px 0 0 0;
 padding-bottom: 3px;
 border-bottom: 1px solid #6a5c23;
}

ol.files {
 padding: 3px 0 0 0;
 margin: -6px 0 0 0;
 border-bottom: 1px solid #6a5c23;
}

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

ol.files li a {
 display:block;
 width: 396px;
 float: left;
 text-decoration: none;
 color: #000;
 margin-bottom: 3px;
}

.art ol.files li a {
 color: #AFC8C3;
}

ol.files li a:hover {
 color: #fff;
 background: #6a5c23;
}

ol.files li a i {
 display: block;
 width: 150px;
 float: right;
 text-align: right;
 padding-right: 2px;
}


/*--------------------------------------------------------------------- PARTICIPANTS STUFF */
.prtlist li {
 margin-bottom: 2px;
 background: #dc765c;
 cursor: pointer;
}

.prtlist li h3 {
 display: block;
 padding: 4px 3px 4px 12px;
 color: #000;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 margin: 0;
}

.prtlist li.hover, .prtlist li.redhover {
 color: #fff;
 background: #d35433;
}

.prtlist li .itm_info {
 padding: 0px 6px 4px 12px;
}

/*--------------------------------------------------------------------- H CLASSES */
h2.h_std {
 display:block;
 height: 12px;
 text-indent: -9999px;
 margin-bottom: 12px;
}

h2.h_headline {
 display:block;
 height: 12px;
 text-indent: -9999px;
 background: #d35433 url(../kp_img/ml/h/news_short_nl.gif) 12px 6px no-repeat;
}

.h_d2d {
 display:block;
 width: 186px;
 height: 47px;
 text-indent: -9999px;
 margin: 0;
}

.h_video {
 display:block;
 width: 186px;
 height: 12px;
 text-indent: -9999px;
 background: url(../kp_img/ml/h/video.gif) no-repeat;
 margin-bottom: 12px;
}

/*---------------------------------------------------------------- CONTACT */

form#frm_cnt input, form#frm_cnt textarea {
 padding: 3px;
 border: none;
 margin-bottom: 6px;
 font-family: Arial, Verdana, "Trebuchet MS", Helvetica, Tahoma, "Lucida Grande", sans-serif;
 font-size: 13px;
}

form#frm_cnt {
 width: 100%;
 margin: 20px 0 0 0;
}

form#frm_cnt h2 {
 margin-bottom: 10px;
}

form#frm_cnt ol li {
 clear: both;
 margin-bottom: 4px;
}

form#frm_cnt ol li input {
 width: 390px;
}

form#frm_cnt ol li textarea {
 width: 392px;
 height: 130px;
}

div.submit {
 display: block;
 clear: both;
 margin-top: 15px;
}

form#frm_cnt a {
 padding: 3px 15px;
 font-size: 12px;
 float: right;
 cursor: pointer;
 color: #fff;
 background: #001133;
 margin-bottom: 20px;
 text-transform: uppercase;
 font-weight: bold;
} 

form#frm_cnt a:hover {
 color: #000;
 background: #AFC8C4;
}

div#output {
 clear: both;
 display: block;
 width: 385px;
 background: #001133;
 margin: 10px 0;
 padding: 5px;
 color: #fff;
}