/*---------------------------------------------------------------- BODY */

body, html, form, p, a, h1, h2, h3, h4, h5, ul, ol, img, hr {
 margin: 0;
 padding: 0;
}

body {
 color: #4e5148;
 font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, "Lucida Grande", sans-serif;
 font-size: 12px;
 line-height: 12px;
}

ol, ul {
 list-style: none;
}

img {
 border: none;
}

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

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

.hideme {
 display: none;
}


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

a {
 outline: none;
}

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

a:hover {
 color: #14c1b9;
 text-decoration:line-through;
}

/*---------------------------------------------------------------- MAIN STUFF */

div#mainwrap {
 width: 980px;
 margin: 15px 10px;
}

h1, h2 {
 display: block;
 text-indent: -9999px;
}

/*---------------------------------------------------------------- HEATHERS STUFF */

h1{
 height: 30px;
 background:  url(../img/kp_logo.gif) no-repeat;
 margin-bottom: 10px;
}

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

div#midwrap {
 float: left;
 min-height: 450px;
 padding-bottom: 20px;
}

div.col_l {
 display: block;
 width: 630px;
 float: left;
 margin-right: 40px;
}

h2 {
 height: 26px;
}

h3 {
 font-size: 13px;
}

/*------------------------ projects */
h2#proj {
 background:  url(../img/h2_projects.gif) no-repeat;
}

ul.prjmnu {
 float: left;
 margin-bottom: 8px;
}

ul.prjmnu li {
 display: block;
 float: left;
 margin-right: 10px;
 font-size: 11px;
}

ul.prjmnu ul {
 float: left;
 margin-top: 5px;
}

ul.prjmnu li li {
 float: left;
 margin-right: 0;
}

ul.prjmnu li a {
 display: block;
 width: 148px;
 color: #000;
 font-style: italic;
 padding: 1px 0 2px 2px;
}

ul.prjmnu li li a {
 width: 71px;
 float: left;
 color: #000;
 font-style: normal;
 padding: 1px 2px 2px 2px;
}

ul.prjmnu li a:hover,ul.prjmnu li a.act {
 background-color: #000;
 text-decoration: none;
 color: #fff;
}

ul.prjmnu li li a.last {
 text-align: right;
}

ul#cats li a {
 width: 46px;
 text-align: center;
}

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

ul.projlist {
 float: left;
}

ul.projlist li {
 display:block;
 width: 150px;
 height: 75px;
 float: left;
 margin: 0 10px 10px 0;
 background-color: #fefefe;
 cursor: pointer;
 position: relative;
}

ul.projlist li em {
 display:block;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 30px;
 left: 40px;
 background-color: maroon;
}

ul.projlist li.nohand {
 cursor: default;
}

ul.projlist li img {
 display:block;
 width: 150px;
 height: 75px;
}

ul li.nomarg {
 margin-right: 0;
}

ul.projlist li span {
 display: block;
 width: 145px;
 height: 16px;
 background: url(../img/black_65.png);
 position: relative;
 top: 0;
 overflow: hidden;

 color: #fff;
 font-size: 11px;
 padding: 3px 0 0 5px;
}

/* Hides from IE-mac \
* html ul.projlist li span  {
 filter:alpha(opacity=65); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
}
*/

ul.projlist li span h3 {
 font-size: 11px;
}

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

.pagenav {
 clear:both;
 font-size: 12px;
 text-align: right;
 border-bottom: 1px solid #fff;
 margin-bottom: 10px;
 padding: 3px 0 5px 0;
 border-top: 1px dotted #999; 
}

div.pagenav em {
 background-color: #000;
 color: #fff;
 font-style: normal;
 font-size: 11px;
 padding: 0 10px 2px 2px;
 margin-right: 5px;
}

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

.pagenav a:hover {
 text-decoration: none;
 background-color: #14c1b9;;
 color: #fff; 
}

.pagenav b {
 padding: 0 2px;
 margin-right: 2px;
 background-color: #14c1b9;;
 color: #fff; 
}

/*----------------------------------------------------- PROJECTINFO */

div#infowrap {
 clear: both;
 margin-top: 20px;
 min-height: 400px;
}

ul#prjlist {
 width: 150px;
 float: left;
 margin-right: 10px;
}

ul#prjlist li {
 margin-bottom: 5px;
}

ul#prjlist li b {
 display:block;
 color: #14c1b9;
 font-weight: bold;
 margin-right: 4px;
}

ul#prjlist li a {
 color: #4e5148;
}

div#prjimg {
 display: block;
 width: 470px;
 float: right;
 position: relative;
}

div#prjimg span {
 display:block;
 width: 470px;
 height: 313px;
 background: #fff url(../img/loader.gif) center center no-repeat;
 position: absolute;
 display: none;
 opacity:.65; 
 -moz-opacity:.65;
}

/* Hides from IE-mac \*/
* html div#prjimg span  {
 filter:alpha(opacity=65); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
}

div#prjimg img {
 display: block;
 width: 470px;
}

div#picnav {
 display: block;
 width: 470px;
 text-align: right;
 position: absolute;
 top: 328px;
}

div#picnav em {
 background-color: #000;
 color: #fff;
 font-style: normal;
 font-size: 11px;
 padding: 0 4px 1px 4px;
}

div#picnav a {
 padding: 0 0 0 5px;
 cursor: pointer;
}

a.actimg {
 color: #14c1b9;
 text-decoration:line-through;
}

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

h2#prjinf {
 background:  url(../img/h2_project_info.gif) no-repeat;
}

h2#clientlog {
 background:  url(../img/h2_client_login.gif) no-repeat;
}

h2#cnt {
 background:  url(../img/h2_kp.gif) no-repeat;
}

h2#news {
 background:  url(../img/h2_news.gif) no-repeat;
}

div.col_r {
 display:block;
 width: 310px;
 float: right;
}


/*------------------------ log column */

#logwrap {
 margin-bottom: 20px;
}

#logwrap form {
 width: 100%;
}

#logwrap form input {
 width: 140px;
 height: 16px;
 color: #14c1b9;
 padding: 0 0 0 2px;
 border: 1px solid #666;
}

/*------------------------ contact column */

div#cntwrap {
 margin-bottom: 20px;
}

div#cntwrap strong {
 color: #14c1b9;
}

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

div#cntwrap form li label {
 display: block;
 width: 60px;
 float: left;
}

div#cntwrap form li input {
 color: #14c1b9;
 padding: 0 0 0 2px;
 border: 1px solid #666;
 height: 16px;
 width: 306px;
 margin-bottom: 4px;
}

div#cntwrap form li textarea {
 color: #14c1b9;
 border: 1px solid #666;
 width: 308px;
 height: 80px;
 margin-bottom: 4px;
 font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, "Lucida Grande", sans-serif;
 font-size: 12px;
 padding: 0 0 0 2px;
}

li.subm a {
 display: block;
 text-align: right;
}

/*------------------------ news column */

div#newswrap {
 clear:both;
}

div#newswrap h3 {
 margin-bottom: 4px;
}

div#newswrap h3 b {
 color: #14c1b9;
 font-weight: bold;
 margin-right: 8px;
}

div#newswrap p {
 margin-bottom: 20px;
}

div#newswrap span {
 display: block;
 text-align: right;
 margin-bottom: 15px;
 padding-top: 3px;
 border-top: 1px dotted #999;
}

/*---------------------------------------------------------------- FOOT STUFF */

div#footone {
 font-size: 11px;
 line-height: 15px;
 margin-bottom: 10px;
}

div#footone strong {
 color: #14c1b9;
}


div#foottwo {
 font-size: 11px;
 color: #999;
}