/**********************************************************
*  Style bestand voor website: www.peterknolbouwbedrijf.nl *
*  Ontwikkeld door: www.b2design.nl *
*  © 2010 - B2Design.nl *
***********************************************************/

{
  margin: 0px;
  padding: 0px;
}

body,html {
  text-align:center;
  margin:0;
  background-color: #3c3f3f;
  color: #454545;
  font-size: 11px;
  font-family: Arial;
  position: relative;
}

#supercontainer {
  width: 100%;
  background: url(/gfx/body-bg.jpg) no-repeat center top;
  padding-top: 20px;
  padding-bottom: 20px;
}

#innercontainer {
  margin:0 auto;
  padding:0;
  width: 990px;
  min-height: 547px;
  background-color: #fff;
  text-align: left;
}

#logo {
  position: absolute;
  margin-top: 57px;
  margin-left: 123px;
}
#logo img { border: 0px; }


/************************************************
*  LINKER VLAK *
************************************************/
#leftpane {
  width: 209px;
  float: left;
}

#leftpane .keurmerklogo { margin-top: 10px; text-align: center; }
#leftpane .keurmerklogo img { border: 0px; }

#leftpane ul {
  margin: 0px; padding: 0px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 183px;
  margin-top: 138px;
  margin-left: 12px;
}
#leftpane ul a { text-decoration: none; }
#leftpane li { list-style-type: none; }

#leftpane li {
  padding: 0px 0px 0px 9px;
  margin: 0px;
  text-align: right;
  padding-right: 30px;
}

#leftpane li a{
  display: block;
  border-bottom: 1px solid #e2e2e2;
  color: #6f6f6f;
  text-decoration: none;
  margin: 0px;
  padding: 5px 0px 5px 0px;
}

#leftpane li:hover,#leftpane li.current { background: url("/gfx/menu-li-bg-hover.jpg") 170px 11px no-repeat; }
#leftpane li a:hover,#leftpane li.current a { color: #e42518; }

#keurmerken {
margin-top: 60px;
}

/************************************************
*  RECHTER VLAK *
************************************************/
#content { margin-left: 209px; display: block; }

.pagepicturehome { margin-top: 3px; float: left; width: 393px; height: 545px; background: url("/gfx/pic-home.jpg") no-repeat;}
.pagepicture { margin-top: 3px; float: left; width: 393px; height: 334px; }
.diensten { background: url("/gfx/pic_diensten.jpg") no-repeat; }
.nieuwbouw { background: url("/gfx/pic_nieuwbouw.jpg") no-repeat; }
.contact { background: url("/gfx/pic_contact.jpg") no-repeat; }
.beveiliging { background: url("/gfx/pic_beveiliging.jpg") no-repeat; }

#pagetexthome { width: 350px; float: left; line-height: 16px; background: url("/gfx/pic-home-content.jpg") 5px 0px no-repeat; }
#pagetextrest { width: 350px; float: left; line-height: 16px; }
#pagetextrest p,#pagetexthome p { padding-left: 20px; padding-right: 20px; padding-bottom: 0px; padding-top: 10px; }
#pagetextrest a:link,#pagetextrest a:visited,#pagetextrest a:active,
  #pagetexthome a:link,#pagetexthome a:visited,#pagetexthome a:active
  { text-decoration: none; color: #e42518; }
#pagetextrest a:hover,#pagetexthome a:hover { color: #e42518; text-decoration: underline;}

h1,h2 { font-size: 20px; font-family: arial; margin-top: 46px; color: #e42518; padding-top: 40px; padding-left: 20px; padding-bottom: 30px; margin-bottom: 5px;}
h1.rest,h2.rest { background: url("/gfx/h1-h2-bg.jpg") repeat-y; }
h1.home { background-color: #fff; }

#contentbottom { }

/************************************************
*  DIENSTEN *
************************************************/
#diensten { width: 732px; margin-top: 20px; height: 603px; background: url("/gfx/diensten-bg.jpg") 0px 5px no-repeat; }
#dienstinhoud { padding: 20px; color: #c5c5c5; width: 350px; }
#dienstinhoud h1 { color: #fff; font-size: 14px; padding:0px; margin:0px; height: 20px;}
#dienstinhoud h2 { color: #fff; font-size: 12px; padding:0px; margin:0px; height: 0px; }
#dienstinhoud p {  padding: 5px 10px 5px 0px }
#dienstinhoud hr { color: #fff;}
#dienstinhoud img { border: 1px solid #000; margin-top: 10px;}
#dienstinhoud a:link,#dienstinhoud a:visited,#dienstinhoud a:active { color: #c5c5c5; text-decoration: underline; }
#dienstinhoud a:hover { color: #f2f4f8; }

#dienstmenu { float: right; width: 340px; }
#dienstmenu ul { margin: 0px; padding: 0px; list-style: none; margin: 0px; padding: 5px 0px 0px 0px;  width: 339px; margin-left: 2px; }
#dienstmenu ul a { text-decoration: none; }
#dienstmenu li { list-style-type: none; }
#dienstmenu li { padding: 0px 0px 0px 9px; margin: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 30px; }
#dienstmenu li a { display: block; color: #6f6f6f; text-decoration: none; margin: 0px; padding: 5px 0px 5px 0px; }
#dienstmenu li:hover,#dienstmenu li.current { background: url("/gfx/diensten-menu-over.jpg") 0px -10px no-repeat; }
#dienstmenu li a:hover,#dienstmenu li.current a { color: #d7d7d7; }
#dienstmenu li.pics { height: 88px;}

#slideshow { min-height: 260px; margin-top: 10px;  }

#dienstmenu ul li ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top: 5px;
}

#dienstmenu ul li ul li {
  float: left;
  width: 55px;
  padding: 0px;
  margin: 0px 5px 0px 0px;
}

#dienstmenu ul li ul li:hover { background: none; }

/************************************************
*  CONTACT *
************************************************/
#contact { width: 701px; margin-top: 20px;  color: #a3a3a3; background: url("/gfx/contact-bg.jpg") bottom no-repeat; padding: 20px;}
#contact h2 { margin: 0px; padding: 0px; color: #fff; font-size: 14px; height: 30px;}
#contactright { float: right; width: 240px; text-align: right; }
#contactright img { border: 1px solid #525858; margin-top: 8px;}

input[type=text],textarea { background-color: #e8e8e8; }
input[type=text]:focus,textarea:focus { background-color: #fff; }

.contactinput,.contactarea,.contactsubmit {
  background-color: #e8e8e8; border: 1px solid #d7d6d5; width: 240px;
  height: 20px;
  padding: 3px 0px 0px 3px;
  font-size: 11px; font-family: Arial; color: #484b4a;
}

.contactarea { height: 100px;}
.contactsubmit { width: 120px; padding-bottom: 4px; margin-top: 20px;}
.contacttd1 { width: 120px; }
.contacttdtussen { height: 20px;}

.melding { padding: 5px; border: 1px solid #e8e8e8; width: 360px; background-color: #f6f6f6; margin-bottom: 10px;}
.fout { color: #cb2105; }
.goed { color: #4cad11; }


/************************************************
*  FOOTER *
************************************************/
#footer { margin:0 auto; padding:0; width: 990px;  font-size: 11px; color: #7b7c7e; padding: 5px 0px; }
#footer .links { float: right; margin-right: 5px;}
#footer .text { float: left; margin-left: 5px;}
#footer a:link,#footer a:visited,#footer a:active { color: #7b7c7e; text-decoration: none; margin-left: 5px; }
#footer a:hover { color: #d5d7da; }