@charset "utf-8";

/* CSS DOCUMENT KAPTEINBOUWGROEP.NL */

* {
  margin:0;
  padding:0;
}

html, body {
  color: #000;
  font-family: Verdana;
  font-size: 11px;
  background-color: #fff;
  min-height: 100%;
  width: 100%;
  line-height:20px;
}

*html body {
  height:100%;
}

.small {
  font-size:8pt;
}

.container {
  position: absolute;
  background-image:url('../images/bg_main.gif');
  background-repeat:repeat-y;
  width: 100%;
  min-height: 100%;
}

*html .container {
  height: 100%;
}

/*FORMS*/

form {
  padding-bottom:50px;
}

fieldset {
  border:0;
  position:relative;
  padding-bottom:5px;
}

label {
  float:left;
  width:110px;
  border-bottom:dotted 1px #fff;
  display:block;
  margin-right:10px;
}

.input {
  float:left;
  width:160px;
  height:21px;
  padding-left:3px;
  line-height:20px;
  border:solid 1px #fff;
  background-color: #ffdacf;
}

.inputpc {
  float:left;
  width:60px;
  height:21px;
  padding-left:3px;
  line-height:20px;
  border:solid 1px #fff;
  background-color: #ffdacf;
}

fieldset.valid {
  background:transparent url('../images/valid.gif') no-repeat 285px 2px;
}

.checkbox {

}









/*HEADER*/

.header {
  height:109px;
  background-image:url('../images/bg_header.gif');
  background-repeat:repeat-x;
}
.headerlogos {
  position:absolute;
  top:0;
  left:575px;
  width:225px;
  height:109px;
  background:url('../images/headerlogos.gif');
}
.headerprojecten {
  position:absolute;
  width:191px;
  height:36px;
  top:73px;
  left:809px;
}




/*SHOWCASE*/

.showcase {
  float:left;
  height:201px;
  background-image:url('../images/bg_showcase.gif');
  background-repeat:none;
  width:809px;
}

.spacer {
  width:200px;
  float:left;
}
.spacer2 {
  width:182px;
  height:140px;
  float:left;
}

.showcasetitel {
  color:#000;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;
  height:58px;
  line-height:58px;
  text-indent:182px;
}

.showcaseitem {
  float:left;
  width:88px;
  height:50px;
  background-color:#fff;
  border:solid 1px #999;
  text-align:center;
  padding:4px 0 4px 0;
  margin:0px 14px 10px 0;
}

.projecten {
  position:absolute;
  left:809px;
  float:left;
  width:190px;
  height:201px;
  border-left:solid 1px #999;
  background-color:#fff;
}

.project {
  line-height:19px;
  height:19px;
  background-image:url('../images/bg_project.gif');
  border-bottom:dotted 1px #999;
  text-indent:25px;
}

.project a {
  line-height:19px;
  height:19px;
  background-image:url('../images/bg_project.gif');
  text-indent:25px;
  display:block;
  color:#000;
  font-weight:bold;
  text-decoration:none;
}

.project a:hover {
  line-height:19px;
  height:19px;
  background-image:url('../images/bg_project_active.gif');
  text-indent:25px;
  display:block;
  color:#f15c30;
  font-weight:bold;
  text-decoration:none;
}

.project_active {
  line-height:19px;
  height:19px;
  background-image:url('../images/bg_project_active.gif');
  border-bottom:dotted 1px #999;
  text-indent:25px;
  color:#f15c30;
  font-weight:bold;
  text-decoration:none;
}

a.meerprojecten {
  padding-left:25px;
  width:165px;
  color:#000;
  font-weight:bold;
  text-decoration:none;
  display:block;
}

a.meerprojecten:hover {
  padding-left:25px;
  width:165px;
  color:#f15c30;
  font-weight:bold;
  text-decoration:none;
  display:block;
}

.whitespace {
  margin:0;
  padding:0;
  height:4px;
  line-height:4px;
  width:1000px;
  background-color:#fff;
  overflow:hidden;
}




/*MENU*/

.nav {
  float:left;
  width:161px;
  color:white;
  text-indent:10px;
}

.navsub {
  float:left;
  width:161px;
  color:white;
  background-image:url('../images/logo_bottom_sub.gif');
  background-repeat:no-repeat;
  padding-top:22px;
  text-indent:10px;
}

.dbmh {
  width:161px;
  margin-top:20px;
}

/*.item {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item.gif');
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.item_active {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item_active.gif');
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.item a {
  line-height:17px;
  width:161px;
  height:20px;
  display:block;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.item a:hover {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item_active.gif');
  display:block;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}
*/



/*CONTENT*/

a {
  font-weight:bold;
  color:#fff;
  text-decoration:underline;
}

a:hover {
  font-weight:bold;
  color:#fff;
  text-decoration:underline;
}

.main {
  float:left;
  width:608px;
  color:#fff;
  margin:0 20px 30px 20px;
  padding-bottom:50px;
}

.main p {
  margin-bottom:50px;
}


.titel {
  color:#fff;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;
  border-bottom:dotted 1px white;
  height:30px;
  line-height:40px;
  margin-bottom:15px;
  overflow:hidden;
}

.subtitel {
  color:#fff;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;
  border-bottom:dotted 1px white;
  height:30px;
  line-height:40px;
  margin-top:22px;
  margin-bottom:-7px;
  overflow:hidden;
}

.filler {
  position:absolute;
  left:809px;
  float:left;
  width:191px;
}

.footer {
  line-height:32px;
  text-indent:10px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 30px;
  width: 1000px;
  background-image:url('../images/bg_footer.gif');
  color:#999;
  margin-top:30px;
}

a.footerlink {
  color:#999;
  font-weight:bold;
  text-decoration:none;
}

a.footerlink:hover {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}





.button {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item.gif');
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.menunode {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item.gif');
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}




a.cat {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item.gif');
  color:#fff;
  text-decoration:none;
  display:block;
}

a.cat:hover {
  background-image:url('../images/bg_item_active.gif');
}

a.subcat {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item.gif');
  display:block;
  color:white;
  font-weight:normal;
  text-decoration:none;
  text-indent:20px;
}

a.subcat:hover {
  background-image:url('../images/bg_item_active.gif');
}



a.catactive {
  line-height:17px;
  width:161px;
  height:20px;
  background-image:url('../images/bg_item_active_now.gif');
  display:block;
  color:#fff;
  text-decoration:none;
}

a.subcatactive {
  line-height:17px;
  width:161px;
  height:20px;
  display:block;
  color:#fff;
  font-weight:normal;
  text-decoration:none;
  text-indent:20px;
}


.pagefoto {
  float:left;
  height:50px;
  background-color:#fff;
  border:solid 1px #999;
  text-align:center;
  padding:4px;
  margin:0px 14px 10px 0;
}