/*---------------------------------------------------------------- GENERAL STUFF */
body, html, h1, h2, h3, h4, h5, form, p, a, img, ol, ul {
 margin: 0;
 padding: 0;
}

body {
 color: #888;
 font: 75%/120% Arial, "Trebuchet MS", Myriad Pro, Helvetica, Tahoma, Verdana, "Lucida Grande", sans-serif;
}

ol, ul {
 list-style: none;
}

img {
 border: none;
}

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

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

.hideme {
 display: none;
}

.corners {
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px;
}

p {
 line-height: 1.6em;;
}
/*---------------------------------------------------------------- ALGEMENE LINKS */

a:active,a:link,a:visited {  
 color: #000;
 text-decoration: none;	 
 font-weight: normal;
 outline: none;
}

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

/*---------------------------------------------------------------- ALGEMENE OPMAAK */

body {
 background: url(../kp_img/mnu_body.gif) 0 131px repeat-x;
}

#bgwrap {
 overflow: hidden;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 0;
}

#bgwrap img {
 display: none;
}

#topwrap {
 position: relative;
 z-index: 10;
 padding-bottom: 20px;
 background: #fff;
 z-index: 20;
}

#midwrap {
 position: relative;
 width: 960px;
 margin: 0 auto 30px auto;
 z-index: 10;
}

#headwrap {
 width: 960px;
 padding: 20px 10px 26px 10px;
 margin: 0 auto;
 position: relative;
}

h1 {
 width: 360px;
 height: 82px;
 background: url(../kp_img/logo.gif) no-repeat;
 text-indent: -9999px;
 margin: 3px 0 0 257px;
 cursor: pointer;
}
/*---------------------------------------------------------------- TOPSEARCH */

span#topsearch {
 display: block;
 width: 800px;
 float: left;
 position: absolute;
 bottom: 50px;
 left: -660px;
 z-index: 500;
 background: #57b5de url(../kp_img/mnu_stripe.gif) 674px 0px no-repeat;
}

span#topsearch a {
 display: block;
 width: 96px;
 float: right;
 padding: 3px 0 3px 30px;
 background: url(../kp_img/zoom.gif) 8px 3px no-repeat;
 color: #fff;
}
/*--------------------*/
div#wdg-search {
 display: block;
 width: 230px;
 height: 125px;
 padding: 10px;
 background: #227dcb;
 position: absolute;
 top: 89px;
 left: 20px;
 color: #abdee3;
 z-index: 200;
}

div#wdg-search h3 {
 padding: 18px 0 0 0;
 margin-top: -18px;
 background: url(../kp_img/arrow_bl_wh.gif) 20px 0 no-repeat;
 font-size: 12px;
 text-transform: uppercase;
}
/*--------------------*/
#frm_search {
 height: 110px;
 position: relative;
}

#frm_search li {
 padding-bottom: 5px;
 margin-bottom: 5px;
}

#frm_search input {
 color: #227dcb;
 background: #fff;
 border: 1px solid #fff;
}
#frm_search input {
 width: 225px;
}

a#subm-search {
 display: block;
 width: 97px;
 padding: 3px 0 3px 30px;
 background: #57b5de url(../kp_img/zoom.gif) 8px 3px no-repeat;
 color: #fff;
 position: absolute;
 bottom: 10px;
 right: -10px;
 cursor: pointer;
}

.brd-bot {
 border-bottom: 5px solid #abdee3;
}

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

#menuwrap {
 width: 100%;
 height: 50px;
 background: url(../kp_img/mnu_bg.gif);  
}

ul#mainnav {
 height: 50px;
 width: 956px;
 background: #57b5de url(../kp_img/mnu_bg.gif);
 padding-left: 4px;
 margin: 0 auto;
}

ul#mainnav li {
 float: left;
 background: url(../kp_img/mnu_stripe.gif) top left no-repeat;
 margin-right: -2px;
 position: relative; 
}

ul#mainnav li a {
 display: block;
 width: 120px;
 color: #fff;
 font-size: 14px;
 text-align: center;
 margin: 0 6px;
 padding: 23px 0 0 0;
 height: 27px;
 line-height: 1;
}

ul#mainnav li a:hover, ul#mainnav li a.act {
 background: #abdee3 url(../kp_img/mnu_arrow.gif) bottom center no-repeat;
}

ul#mainnav li#what {
 margin-right: 38px;
}

ul#mainnav li span {
 display: none;
 position: absolute;
 top: 57px;
 left: 6px;
 background: #306aa6;
 color: #fff;
 width: 200px;
 padding: 10px;
 text-transform: uppercase;
 font-size: 10px;
}

ul#mainnav li span h4 {
 display: block;
 color: #abdee3;
 font-size: 10px;
 background: url(../kp_img/arrow_bl_wh_drk.gif) 43px 0 no-repeat;
 padding-top: 20px;
 margin-top: -20px;
}

/*---------------------------------------------------------------- COLUMNS OPMAAK */

div.col_left {
 float: left;
 width: 250px;
 margin: 0 50px 0 10px;
 min-height: 50px;
 z-index: 1;
}

div.col_mid {
 float: left;
 width: 380px;
}

div.col_right {
 float: right;
 width: 250px;
 margin-right: 10px;
}

div.mid_xmarg {
 margin-left: 310px; 
}

/*---------------------------------------------------------------- HEADERS OPMAAK */

h3 {
 display:block;
 margin-bottom: 6px;
}

/*---------------------------------------------------------------- WIDGET OPMAAK */

div.wdg {
 padding: 20px 10px;
 margin-bottom: 10px;
 background: #227dcb;
 color: #fff;
}

div.baby {
 color: #000;
 background-color: #abdee3;
}

div.sky {
 color: #000;
 background-color: #57b5de;
}

div.sky h2 {
 color: #000;
}

div.pearl {
 color: #000;
 background: #fff;
 opacity:.95; -moz-opacity:.95;
}
/* Hides from IE-mac \*/
* html div.pearl  {
	filter:alpha(opacity=95); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
/* End hide from IE-mac */

div.flt {
 float: left;
}

/*---------------------------------------------------------------- WIDGET MID */

div.col_mid h2 {
 font-size: 24px;
 margin-bottom: 20px;
 line-height: 1.1em;
}

div.col_mid p {
 line-height: 1.6em;
 margin-bottom: 20px;
}

/*---------------------------------------------------------------- WIDGET RIGHT */

div.col_right h2 {
 font-size: 24px;
 margin-bottom: 10px;
}

div.col_right h3 {
 clear: both;
}

div.col_right p {
 margin-bottom: 20px;
}

div.col_right img.single {
 border: 10px solid #227dcb;
 margin-bottom: 10px;
}

div.col_right .xmargbot {
 margin-bottom: 20px;
}

/*---------------------------------------------------------------- INDEX */

div.stek p {
 padding-bottom: 40px;
 margin: 0;
 background: url(../kp_img/stek.png) right bottom no-repeat; 
}


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

ul#adres li {
 margin-bottom: 3px;
}

ul#adres li strong {
 display: block;
 width: 17px;
 float: left;
}

ul#adres li strong b {
 visibility: hidden;
}

/*---------------------------------------------------------------- ACCORDION */

#accordion {
 width: 100%;
 color: #fff;
}

/* accordion header */
#accordion h2 {
 background: #227dcb;
 color: #fff;
 cursor:pointer;	
 margin-bottom: 2px;
 padding: 10px;
 font-size: 14px;	
}

#accordion h2.hover {
 background: #57b5de;	
}

/* currently active header */
#accordion h2.current {
 cursor:default;
 background-color: #57b5de;
 margin-bottom: 0;
}

/* accordion pane */
#accordion div.pane {
 display:none;
 padding: 10px;
 background-color: #57b5de;
 margin-bottom: 2px;
}

/*---------------------------------------------------------------- FLASH */

span.flashtop {
 display: block;
 margin: -30px 0 5px -10px;
}


/*---------------------------------------------------------------- IMAGE STUFF */

img.frstimg {
 margin-bottom: 10px;
}

ol.thumbs {
 margin: 0 0 15px 0;
}

/*--------------------------------- IMGNAV OPMAAK */

div.imgwrap {

}

.imgnav {
 display: block;
 width: 360px;
 float: left;
 position: relative;
 margin-top: -10px;
}

.imgnav li {
 float: left;
 margin-right: 2px;
}

.imgnav a {
 position: relative;
 display: block;
 width: 34px;
 height: 40px;

 font-size: 12px;
 color: #0082bf;
 background: url(../kp_img/img_arrow.png) center bottom no-repeat;
}

.imgnav a i {
 position: absolute;
 bottom: 1px;
 right: 5px;
 font-style: normal;
}

.imgnav a:hover {
 background: url(../kp_img/img_arrow.png) center top no-repeat;
}

/*---------------------------------------------------------------- NEWS OPMAAK */

div.news div.wdg {
 margin-bottom: 0;
}

span.artbrd {
 display: block;
 line-height: 10px;
 width: 100%;
 background: #227dcb;
 text-indent: -9999px;
 margin-bottom: 20px;
}

/*---------------------------------------------------------------- FORM OPMAAK */

.frm li {
 margin-bottom: 3px;
}

input, textarea {
 padding: 3px 0px 2px 3px;
 font-family: arial;
 font-size: 11px;
 border: 0px solid #fff;
}

.wdg_frm form {
 margin: 8px 0 20px 0;
}
/*---------------*/
.frmmid input, .frmmid textarea {
 color: #000;
 background: #ABDEE3;
 border: 1px solid #ABDEE3;
}
.frmmid input {
 width: 355px;
}
.frmmid textarea {
 width: 355px;
 height: 80px;
}
/*---------------*/
.frmright input, .frmright textarea {
 color: #57b5de;
 border: 1px solid #777;
}
.frmright input {
 width: 225px;
}
.frmright textarea {
 width: 225px;
 height: 80px;
}
/*---------------*/

input.frmzip {
 width: 100px;
}
input.frmcity {
 width: 250px;
}

div.btn {
 text-align: right;
 padding-top: 15px;
}

div.btn a {
 text-decoration: none;
 padding: 3px 10px;
 margin-right: -10px;
 background: #57b5de;
 color: #fff;
}

div.btn a:hover {
 color: #fff;
 text-decoration: none;
 background-color: #c20029;
}

.frm li.xmargf {
 margin-top: 20px;
}

/*---------------------------------------------------------------- SHOP */

div.shopnav h3 {
 color: #c20029;
 font-size: 12px;
 text-transform: uppercase;
}

div.shopnav ul.parts {
 width: 240px;
 margin: -4px 0 20px 20px;
}

div.shopnav ul.parts li a {
 display: block;
 width: 230px;
 color: #57b5de;
 font-size: 11px;
 line-height: 18px;
 text-transform: uppercase;
 padding-left: 10px;
}

div.shopnav ul.parts li a:hover, div.shopnav ul.parts li a.act {
 color: #fff;
 background: #227dcb;
}


/*------------------------------- PRODUCT LIST */

ul.prodlist {
 background: #227dcb;
 color: #fff;
 padding: 10px 0 10px 0;
}

ul.prodlist li {
 clear: both;
 display: block;
 padding: 10px 10px 0 10px;
 margin-bottom: 10px;
 cursor: pointer;
}

ul.prodlist li:hover {
 color: #000;
 background-color: #abdee3;
}

ul.prodlist li img {
 float: right;
 margin: 0 0 0 10px;
}

ul.prodlist li h2 {
 font-size: 18px;
 margin: 0 0 10px 0;
}

ul.prodlist li p {
 height: 100px;
 width: 360px;
 padding: 0 0 10px 0;
 margin: 0;
 border-bottom: 10px solid #abdee3;
}

/*-------------------------------- PAGE NAVAIGATION */
.pagenav {
 display: block;
 width: 360px;
 float: left;
 margin-top: -10px;
}

.pagenav a {
 display: block;
 float: left;
 width: 34px;
 height: 40px;
 margin-right: 2px;
 position: relative;

 font-size: 12px;
 color: #0082bf;
 background: url(../kp_img/img_arrow.png) center bottom no-repeat;
}

.pagenav a i {
 position: absolute;
 bottom: 1px;
 right: 5px;
 font-style: normal;
}

.pagenav a:hover, .pagenav a.act {
 color: #000;
 background: url(../kp_img/img_arrow.png) center top no-repeat;
}

.news .pagenav a {
 color: #fff;
 background: url(../kp_img/img_arrow_dark.png) center bottom no-repeat;
}

.news .pagenav a:hover, .news .pagenav a.act {
 color: #fff;
 background: url(../kp_img/img_arrow_dark.png) center top no-repeat;
}

/*-------------------------------- PRODUCTDETAILS */

div.prod{
 width: 360px;
}

span.imgholder {
 display: block;
 width: 360px;
 height: 235px;
 overflow: hidden;
 background: url(../kp_img/loader.gif) center center no-repeat;
}

/*-------------------------------- RANDOM PRODUCT RIGHTCOLUMN */

ul#randprod h2 {
 color: #227dcb;
}

ul#randprod {
 display: block;
 width: 250px;
 margin-top: -30px;
 padding-bottom: 20px;
 background-color: #abdee3;
}

ul#randprod li {
 padding: 10px;
 background-color: #abdee3;
 position: relative;
}

ul#randprod h3 {
 color: #fff;
}

ul#randprod p {
 color: #000;
 margin-bottom: 10px;
}

ul#randprod img {
 display: block;
 width: 230px;
 height: 150px;
}

ul#randprod li a {
 display: block;
 text-align: right;
 text-transform: uppercase;
 color: #000;
 font-size: 11px;
 font-weight: bold;
 padding: 10px 0 15px 0;
 border-bottom: 10px solid #227dcb;
 background: url(../kp_img/pijl_rood.gif) 104px 11px no-repeat;
}

ul#randprod li span.plakker {
 display: block;
 width: 50px;
 height: 50px;
 text-indent: -9999px;
 background: url(../kp_img/plak1.png) no-repeat;
 position: absolute;
 bottom: 45px;
 left: 4px;
}

ul#randprod li:hover {
 color: #fff;
 background-color: #227dcb;
}

ul#randprod li:hover p {
 color: #fff;
}

ul#randprod li:hover a {
 color: #fff;
 border-bottom: 10px solid #abdee3;
 background: url(../kp_img/pijl_wit.gif) 104px 11px no-repeat;
}

/*-------------------------------- HOWTOSHOP */

div.howto h3 {
 color: #227dcb;
 font-size: 16px;
}

div.howto h4 {
 color: #c20029;
 font-size: 14px;
}

/*---------------------------------------------------------------- CREDITS */

div#kp_credits {
 position: fixed;
 width: 85px;
 height: 153px;
 right: 0;
 bottom: 0;
 z-index: 10;
}
div#kp_credits span {
 display: none;
}