*{  
	margin: 0 auto;padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	text-decoration:none;
	line-height:160%;

 }
html, body {
height: 100%;
min-height: 100%;
 margin-bottom: 1px; 
}
/* district thin font */
  @font-face {
    font-family: DistrictThin;
    font-style:  normal;
    font-weight: bold;
    src: url(file:../style/DISTRIC0.eot);
  }
.project-images-details-description ul, .project-images-details-description ol{margin-left:13px;}
.project-images-details-description ul li{list-style-type:disc;list-style-position:outside;padding-bottom:10px;}
.project-images-details-description ol li{list-style-type:decimal !important;list-style-position:outside;padding-bottom:10px;}
.project-images-details-description p{padding-bottom:10px;}

/* end district thin font */
.clear{ clear:both; font-size:0; line-height:0; height:0; border:none; float:none }
.clear-height{ clear:both; font-size:0; line-height:0; height:20px; border:none; float:none;width:300px;} 
.clear-black{ clear:both; font-size:0; line-height:0; height:9px; border:none; float:none;background:#120c0c;width:100%; } 
li {list-style: none;}
.background{background:#120c0c url('../images/kamphorst-header-background.jpg') repeat-x top left;height:auto;min-height: 100%;}
.main{width: 990px; position:relative; padding-top:17px;height:123px;}
.header{height:123px; background:url('../images/') no-repeat bottom left;}
#logo a{width: 299px; height: 103px;  display: block;position:relative;}
#logo{background: url('../images/kamphorst-logo.jpg') top no-repeat; width: 299px; height: 103px; float: left;}
.header-line{height:5px;width:990px;}
.red-line{float:left;height:5px; width:30px;background:#ed1c24;}
.grey-line{float:left;height:5px; width:960px;background:#373832;}
/*menu*/
.menu {padding-top:55px;float:right;font-family:Estrangelo Edessa;text-transform: uppercase; font-size:14px; }
.normal,.active{float:left;padding:0px 0px 0px 22px; margin-left:1px; margin-right:1px;}
.active{padding:0px 0px 0px 22px; background:url('../images/kamphorst-menu-arrow.jpg') no-repeat top left;}
.normal:hover{padding:0px 0px 0px 22px; color:#e82c32;background:url('../images/kamphorst-menu-arrow.jpg') no-repeat top left;}
.normal:hover  a{color:#e82c32;font-weight:bold;font-size:14px;}
.normal a{color:#cccccc;font-weight:bold;font-size:14px;}
.active a {color:#e82c32;font-weight:bold;font-size:14px;}

/* content home */
.content-home-wrap{
    background:#e8e8e8 url(../images/kamphorst-home-background.jpg) repeat-x top left;
	width:100%;
	height:auto;
}
.content-home{	margin: 0 auto;padding: 0;	height:auto;	width:990px;color:#8d8d8d;font-size:11px;	font-family:Verdana;}
.home-content-left{
width:639px;height:253px;float:left;margin-left:5px;
background:url('../images/kamphorst-welkome-back.jpg') no-repeat top left;
padding: 15px 0px 15px 0px;}
.home-content-right{
width:323px;height:250px;float:left;margin-left:15px;
background:url('../images/kamphorst-contact-home-back.jpg') no-repeat top right;
padding: 9px 0px 15px 0px;}
.border{width:319px;height:225px;border-left:1px solid #d8d4d3;margin-left:0px;padding-left:25px;padding-top:6px;}
.home-welkome-title{color:#d12d2d;font-size:20px;font-weight:bold;padding-bottom:2px;width:600px;font-family:DistrictThin;}
.home-welkome-text{width:245px;padding:0;float:left;margin-left:20px;}
.home-welkome-slogan{width:425px;padding:0;float:left;margin-left:20px;}
.home-welkome-slogan2{width:100px;padding:0;float:left;margin-left:10px;margin-top:-30px;}
.slogan-bold{font-size:12px;font-weight:bold;}
.welkome-paragraph{padding-bottom:7px;}

.home-welkome-text b{font-weight:bold;}
.home-contact-title{color:#d12d2d;font-size:20px;font-weight:bold;padding-bottom:2px;width:300px;font-family:DistrictThin;}
.home-contact-text{width:300px;padding:0;padding-bottom:3px;}
.home-google-map{width:300px;height:65px;background: url(../images/kamphorst-home-map.jpg) no-repeat top left;position:relative;left:0;}
.home-google-map a{width:265px;height:65px;  display: block;position:relative;float:left;}
.home-contact-text a{color:#8d8d8d;font-size:11px;	font-family:Verdana;text-decoration:underline;}
.home-contact-text a:hover{color:#8d8d8d;font-size:11px;font-family:Verdana;text-decoration:none;}
/* end content home */

/* projects */
.titles{font-family:DistrictThin;font-weight:bold;font-size:20px;color:#d12d2d;display:block;width:280px;line-height:110%;margin-left:5px;}
.projecten-content-wrap{ background:#e7e7e7 url(../images/kamphorst-content-projecten-back.jpg) repeat-x top left;
	width:100%;	height:auto;padding-bottom:20px;}
.projecten-content{margin: 0 auto;padding: 0;	height: auto;	width:990px;color:#8d8d8d;font-size:11px;	font-family:Verdana;padding-bottom:40px;}
.projecten-left{float:left;width:759px;}
.projecten-right{float:right;width:229px;background:url(../images/kamphorst-menu-right.jpg) no-repeat top left;min-height:237px; height:auto;margin-top:18px;padding-top:20px;}
.product-left{float:left;width:223px;margin-right:34px;margin-top:25px;}
.product-left-last{float:left;width:223px;margin-top:25px;}
.project-image img{width:224px;height:149px;}
.project-description{color:#8d8d8d;font-size:11px;font-family:Verdana;position:relative;top:5px;}
.project-details{padding-left:4px;padding-top:11px;}
.projects-link-arrow{color:#ed1e26;position:relative;top:10px;}
.projects-link-arrow img {position:relative;top:1px;left:5px;}
.item-menu-right-title{background:url(../images/kamohorst-border-menu-right.jpg) no-repeat bottom right;width:191px; height:26px;margin-left:25px;
color:#d12d2d;font-size:14px;
font-family:Estrangelo Edessa;font-weight:bold;}
.item-menu-right{background:url(../images/kamohorst-border-menu-right.jpg) no-repeat bottom right;width:191px; height:29px;margin-left:25px;font-family:Verdana;font-weight:bold;}
.project-title a{color:#d12d2d;font-size:20px;font-weight:bold;padding-bottom:2px;width:223px;font-family:DistrictThin;line-height:110%;}

.normal2 a{background:url('../images/kamphorst-little-arrow-grey.gif') no-repeat 0% 50%;position:relative;top:5px;padding-left:15px;font-weight:bold;}
.active2 a{ background:url('../images/kamphorst-little-arrow.gif') no-repeat 0% 50%;position:relative;top:5px;padding-left:15px;font-weight:bold;}
.normal2:hover  a{color:#d12d2d;background:url('../images/kamphorst-little-arrow.gif') no-repeat 0% 50%;}
.normal2 a{color:#8d8d8d;font-weight:bold;}
.active2 a {color:#d12d2d;font-weight:bold;}

/* product detail */
.project-images{width:600px;float:left;}
.project-images-info{width:610px;}
.project-images-title{color:#938888;font-size:28px;font-weight:bold;margin-bottom:15px;}
.project-images-links{margin-bottom:15px;font-size:12px;font-weight:bold;color:#888888;text-decoration:none;float:right;}
.project-images-links a{font-size:12px;font-weight:bold;color:#888888;text-decoration:none;}
.project-images-links a:hover{font-size:12px;font-weight:bold;color:#888888;text-decoration:none;}
.project-images-big-image{height:400px;}
.project-images-big-image img{margin:0px 0 0 0px;}
.project-images-links-bottom{width:600px;height:87px;min-height:20px;text-align:center;background:url('../images/border-grey.jpg') repeat-x top left;margin-top:20px;
margin-bottom:50px;}

.project-images-links-bottom-selected{
width:108px;height:85px;float:left;padding-top:20px;margin-left:15px;
border-top:5px solid #d12d2d;}
.project-images-links-bottom-not-selected{
width:108px;height:85px;float:left;padding-top:20px;margin-left:15px;
border-top:5px solid #373832;}

.project-images-links-bottom-selected  img{border:4px solid #d12d2d;margin-top:0px;}
.project-images-links-bottom-not-selected  img{border:0; margin-top:4px;}
.selected-red{width:108px;height:5px; background:#d12d2d;margin-top:-9px;}
.border-image{width:600px; height:5px; position:relative;top:30px;margin-bottom:20px;}

.projecten-detail-left{float:left;width:362px;}
.projecten-detail-right{float:right;width:600px;margin-left:28px;margin-top:42px;}
.projecten-detail-link{color:#ed1c24;font-size:11px;padding-left:10px;font-family:Verdana;position:relative;top:20px;
background:url('../images/kamphorst-little-arrow-left.gif') no-repeat 0% 70%;font-weight:bold;}
.project-images-details-title{font-size:25px;padding-top:35px;color:#120c0c;font-family:DistrictThin;font-weight:bold;}
.project-images-details-situatie{font-size:18px;padding-top:10px;color:#ed1c24;padding-bottom:5px;font-family:DistrictThin;font-weight:bold;}
.project-images-details-description{text-align:justify;}

/* end projects */

/* vacatures */
.vacatures-content{margin: 0 auto;height: auto;	width:990px;color:#8d8d8d;font-size:11px;	font-family:Verdana;padding-bottom:40px;}
.vacatures-left{width:650px;float:left;padding-top:15px;	text-align:justify;}
.vacatures-right{float:left;margin-left:40px;width:300px;padding-top:50px;	text-align:justify;}
.vacatures-date{color:#ed1c24;font-size:11px;font-family:Verdana;font-weight:bold;}
.vacatures-title{color:#ed1c24;font-size:24px;font-family:DistrictThin;font-weight:bold;margin:15px 0 10px 0;}
.vacatures-subtitle{color:#736565;font-size:18px;margin-bottom:5px;font-family:DistrictThin;font-weight:bold;}
.vacatures-text a{color:#ed151d; text-decoration:underline;}
.vacatures-text a:hover{color:#ed151d; text-decoration:none;}
.vacatures-text{margin-bottom:20px;}
.vacatures-left ul{margin-bottom:20px;}
.vacatures-left ul li{
	font-weight:normal;
	font-size:11px;
	font-family:Verdana;
	background-image: url('../images/kamphost-list-style.jpg');
	background-position: 3px 5px; 
	background-repeat: no-repeat;
	padding-left: 19px;
}
.article-brief-first{height:150px;width:300px;border-top:1px solid #ed1c24;border-bottom:1px solid #ed1c24;padding-bottom:10px;}
.article-brief{height:150px;width:300px;border-bottom:1px solid #ed1c24;}
.article-brief-date{color:#ed1c24;font-size:11px;font-family:Verdana;margin-top:10px;height:20px;font-weight:bold;}
.article-brief-title{color:#736565;font-size:18px;margin:7px 0 1px 0;font-family:DistrictThin;font-weight:bold;}
.article-brief-text a img{position:relative;top:1px;left:2px;}
.article-brief-text{}
/* end vacatures */

/* werkzaamheden */
.title-werkzaamheden{font-size:24px;padding-top:20px;font-family:DistrictThin;font-weight:bold;color:#ec0f17;}
.text-werkzaamheden{width:990px;margin:10px 0 15px 0;text-align:justify;}
.werkzaamheden-left{width:457px; float:left;}
.werkzaamheden-right{width:457px; float:left;margin-left:70px;}
.werkzaamheden-row{}
.werkzaamheden-row-image{float:left;width:154px;position:relative;top:5px;}
.werkzaamheden-row-image img{width:154px;height:84px;}
.werkzaamheden-row-text{float:left;width:287px; margin-left:15px;text-align:justify;}
.werkzaamheden-row-text h1{font-size:20px;font-family:DistrictThin;font-weight:bold;color:#ec0f17;}
/* end werkzaamheden */

/* contact */
.contact-left{width:285px;float:left;margin-top:30px;}
.contact-right{float:left;margin-left:101px; width:590px;margin-top:45px;}
.contact-title{font-size:24px;color:#ec0f17;font-family:DistrictThin;font-weight:bold;}
.contact-subtitle{font-size:18px;color:#736565;margin-bottom:2px;margin-top:9px;font-family:DistrictThin;font-weight:bold;}
.contact-text{line-height:200%;}
.contact-text a{color:#8d8d8d;font-size:11px;	font-family:Verdana;text-decoration:underline;}
.contact-text a:hover{color:#8d8d8d;font-size:11px;	font-family:Verdana;text-decoration:none;}
.contact-google-map{width:282px;height:162px;background: url(../images/kamphorst-contact-map.jpg) no-repeat top left;margin-top:4px;}
.contact-google-map a{width:282px;height:162px;position:relative;display:block;margin-top:4px;}

/* end contact */


/* footer */
.footer-line{
	height:19px;
    background: url(../images/kamphorst-footer-line.jpg) repeat-x top left;
	width:100%;
}
.footer{margin: 0 auto;padding: 0;width:990px;height:80px;padding-bottom:50px;}
.footer-left-links{float:left;width:375px;}
.footer-right-copyright{float:right;color:#8d8d8d;font-size:11px;	font-family:Verdana;padding-top:29px;}
.link1{width:175px;height:61px;  display: block;position:relative;background: url(../images/kamphorst-link1.jpg) no-repeat top left;float:left;}
.link2{width:94px;height:61px;  display: block;position:relative;background: url(../images/kamphorst-link2.jpg) no-repeat top left;float:left;margin-left:7px;}
.link3{width:85px;height:61px;  display: block;position:relative;background: url(../images/kamphorst-link3.jpg) no-repeat top left;float:left;margin-left:7px;}
.link1 a{width:175px;height:61px;  display: block;position:relative;}
.link2 a {width:94px;height:61px;  display: block;position:relative;}
.link3 a{width:85px;height:61px;  display: block;position:relative;}
.footer-right-copyright a{color:#8d8d8d;font-size:11px;	font-family:Verdana;text-decoration:none;}
.footer-right-copyright a:hover{color:#8d8d8d;font-size:11px;	font-family:Verdana;text-decoration:underline;}
/* end footer */

/* slider */
.slide-image{
 background: url(../images/kamphorst-project.jpg) repeat-x top left;
 width:294px;
 height:202px;
}
.slide-image img{
 margin-left:7px;
 width:281px;
 height:186px;
}
.slide{
    background: url(../images/kamphorst-carousel-background.jpg) repeat-x top left;
	width:100%;
	height:287px;
	}
.jcarousel-skin-tango .jcarousel-container {
	margin: 0 auto;padding: 0;
	height: auto;
	width:990px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 919px;
    padding: 31px 38px 0px 38px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  919px;
    height: auto;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 294px;
    height: auto;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 17px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 89px;
    right: 0px;
    width: 32px;
    height: 64px;
    cursor: pointer;
    background: transparent url(../images/right-arrow.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 89px;
    left: 0px;
    width: 32px;
    height: 64px;
    cursor: pointer;
    background: transparent url(../images/left-arrow.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-control {
    margin-bottom: 0px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}

/* end slider */

/*********************************** forms *****************************************/
.title{font-size:11px;font-weight:normal;color:#8d8d8d;text-align:left;font-family:Verdana;}
.contact-error-messages{font-size:11px;font-weight:normal;color:#b32017;margin:0px 0 10px 0;}
.displayBlock{font-size:11px;font-weight:normal;color:#8d8d8d;text-align:left;margin-top:6px;width:590px;margin-bottom:4px;}
label { font-weight: normal;     margin:2px 0 2px 10px;}
.input{
  width:590px;
    margin:2px 0 4px 10px;
	padding:1px 0 1px 0;
	height:25px;
   }
.textarea{
   width:590px;
    margin:2px 0 2px 10px;
	height:110px;
}
input, select{
  width:590px;
 font-size:11px;
 font-weight:normal;
 color:#8d8d8d;
 	text-align:left;
}

input, textarea, select {
  border:1px solid #c0c0c0;
  padding:2px;
  background:#fdfdfd;
  margin-top:2px;
  	text-align:left;
  font-size:11px;font-weight:normal;color:#8d8d8d;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
    margin:2px 0 2px 10px;  
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}
input.submit {
	color:#ffffff;
    width:103px;
	float:right;
	font-size:11px;
	height:29px;
	font-weight:normal;
	border:1px solid #ed1c24;
	margin-top:0px;
	padding-left:15px;
	padding-bottom:5px;
	text-align:left;
	text-decoration:underline;
	background:#ed1c24 url('../images/kamphorst-submit-button.jpg') no-repeat bottom right;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #089e60;
}

input:focus, textarea:focus, select:focus {
  border:1px solid #089e60;
}

textarea {
  width:590px;
  height: 95px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#8d8d8d;
}
.wrong_info{  
border:1px solid #b32017;
}

input.submit:hover ,input.submit:active ,input.submit:focus{
  width:103px;
  height:29px;
  cursor: pointer;
  	margin-left:15px;
		text-align:left;
  	margin-top:0px;
  text-decoration:none;
  padding-bottom:5px;
    border:1px solid #ed1c24;
  background:#ed1c24 url('../images/kamphorst-submit-button.jpg') no-repeat bottom right;
}

input.radio {
  width:25px;
  background:none;
  border:0;
     margin:2px 0 2px 4px;
}

input.radio:hover,input.radio:active,input.radio:focus{
  width:25px;
  background:none;
  border:0;
  
}
/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}
