@charset "UTF-8";
/* CSS Document */

/* 
ROOD 	#db1e37
GRIJS	#5f646a
ROOD 80 #e46d61	
GRIJS 80 #85898e
*/


/* Achtergrond ---------------------------------------------------------------------------*/ 

#achtergrond{ 
 width: 100%; 
 height: 2650px; 
 background-image: url(../images/PeWoudBouw_background.jpg);
 /* background-repeat: no-repeat;
 background-attachment:fixed;
 background-size:cover;*/ 
 position: absolute;
 z-index:0; 

}



/* Body --------------------------------------------------------------------------- */ 

body {
  font-family: 'Maven Pro', sans-serif;
   }
 
a.hidden{display:none;}

/* CONTAINER --------------------------------------------------------------------------- */ 

#container{ 
 width: 940px; 
 height:2550px; 
 margin-left: auto ;
 margin-right: auto ;
 margin-top:0px;
 position: relative;
 z-index:1; 
 background-color:#FFF;
 box-shadow: 5px 10px 20px #000;
}

/* TOP --------------------------------------------------------------------------- */ 
#TOPimage{ 
 margin-left: 0px;
 margin-top: 0px;
 width: 940px;
 height: 560px; 
 background-image: url(../images/PeWoudBouw_sfeerbeeld.jpg);
 z-index:1; 
 position: absolute;
}

#TOPstreepGrijs{ 
 margin-left: 0px;
 margin-top: 30px;
 width: 940px;
 height:2px; 
 background-color:#5f646a;
 z-index:2; 
 position: absolute;
}

#TOPwitvlak{ 
 margin-left: 0px;
 margin-top: 32px;
 width: 940px;
 height:240px; 
 background-color:#FFF;
 opacity: 0.6;
 z-index:2;
 position: absolute;
}

#TOPstreepRood{ 
 margin-left: 0px;
 margin-top: 272px;
 width: 940px;
 height:2px; 
 background-color:#db1e37;
 z-index:2;
 position: absolute;
}

#TOPLogo{ 
 margin-left: 50px;
 margin-top: 50px;
 width: 315px;
 height:200px; 
  z-index:3;
 position: absolute;
}

#TOPquote{ 
 margin-left: 55px;
 margin-top: 500px;
 width: 850px;
 height:30px;
 z-index:3;
 position: absolute;
}

#TOPtelefoon{ 
 margin-left: 700px;
 margin-top: 80px;
 width: 180px;
 height:80px;
 z-index:3;
 position: absolute;
}

#TOPbalk{ 
 margin-left: 0px;
 margin-top: 561px;
 width: 940px;
 height:30px; 
 background-color:#5f646a;
 z-index:2;
 position: absolute;
}

#TOPmenu{ 
 margin-left: 90px;
 width: 730px;
 height: 28px; 
 margin-top: 563px;
 z-index:3;
 position: absolute;
}

ul#menutop{
list-style: none;
margin: 0;
padding: 4px 0;
font-weight: bold;
margin-left:0px;
text-align: left;
white-space: nowrap
}
  
ul#menutop li{
display: inline;
margin: 0 15px}
	
ul#menutop a {
text-decoration: none;
font: 14px Maven pro;
font-weight:bold;
color: #FFF
}
  
ul#menutop a#current{
color:#db1e37}
	
ul#menutop a:hover { 
color: #db1e37;
}


/* CONTENT --------------------------------------------------------------------------- */ 
#CONTENT_01{ 
 margin-left: 105px;
 margin-top: 650px;
 width: 730px;
 height: 280px;
  z-index:1; 
 position: absolute;
}
#CONTENT_lijn{ 
 margin-left: 105px;
 margin-top: 945px;
 width: 730px;
 height: 2px;
 background-color:#db1e37;
 z-index:1; 
 position: absolute;
}
#CONTENT_02{ 
 margin-left: 105px;
 margin-top: 980px;
 width: 730px;
 height: 630px;
 z-index:1; 
 position: absolute;
}

#CONTENT_FOTO{ 
 margin-left: 0px;
 margin-top: 0px;
 width: 250px;
 height:250px;
 z-index:2; 
 position: absolute;
}
#CONTENT_FOTO_TXT{ 
 margin-left: 280px;
 margin-top: 0px;
 width: 450px;
 height:250px;
 z-index:2; 
 position: absolute;
}

#CONTENT_03{ 
 margin-left: 105px;
 margin-top: 1680px;
 width: 730px;
 height: auto;
 z-index:1; 
 position: absolute;
}

#CONTENT_Project_foto_01{ 
 margin-left: 105px;
 margin-top: 1800px;
 width: 355px;
 height:185px;
    z-index:1; 
 position: absolute;
}

#CONTENT_Project_foto_02{ 
 margin-left: 480px;
 margin-top: 1800px;
 width: 355px;
 height:185px;
    z-index:1; 
 position: absolute;
}

#CONTENT_Project_foto_03{ 
 margin-left: 105px;
 margin-top: 2050px;
 width: 355px;
 height:185px;
    z-index:1; 
 position: absolute;
}

#CONTENT_Project_foto_04{ 
 margin-left: 480px;
 margin-top: 2050px;
 width: 355px;
 height:185px;
    z-index:1; 
 position: absolute;
}


#CONTENT_Project_balk_01{ 
 margin-left: 105px;
 margin-top: 1987px;
 width: 355px;
 height:30px;
  background-color:#5f646a;
  z-index:1; 
 position: absolute;
}
#CONTENT_Project_balk_tekst_01{ 
 margin-left: 105px;
 margin-top: 1993px;
 width: 355px;
 height:30px;
  text-indent:10px;
  z-index:2; 
 position: absolute;
}

#CONTENT_Project_balk_02{ 
 margin-left: 480px;
 margin-top: 1987px;
 width: 355px;
 height:30px;
  background-color:#5f646a;
  z-index:1; 
 position: absolute;
}
#CONTENT_Project_balk_tekst_02{ 
 margin-left: 480px;
 margin-top: 1993px;
 width: 355px;
 height:30px;
  text-indent:10px;
  z-index:2; 
 position: absolute;
}
#CONTENT_Project_balk_03{ 
 margin-left: 105px;
 margin-top: 2237px;
 width: 355px;
 height:30px;
  background-color:#5f646a;
  z-index:1; 
 position: absolute;
}
#CONTENT_Project_balk_tekst_03{ 
 margin-left: 105px;
 margin-top: 2243px;
 width: 355px;
 height:30px;
  text-indent:10px;
  z-index:2; 
 position: absolute;
}


#CONTENT_Project_balk_04{ 
 margin-left: 480px;
 margin-top: 2237px;
 width: 355px;
 height:30px;
  background-color:#5f646a;
  z-index:1; 
 position: absolute;
}
#CONTENT_Project_balk_tekst_04{ 
 margin-left: 480px;
 margin-top:  2243px;
 width: 355px;
 height:30px;
  text-indent:10px;
  z-index:2; 
 position: absolute;
}

/* ITEMS FOOTER --------------------------------------------------------------------------- */ 

#FOOTERbalk{ 
 margin-left: 0px;
 margin-top: 2520px;
 width: 940px;
 height:30px; 
 background-color:#5f646a;
 z-index:1;
 position: absolute;
}

#FOOTERlogohoek{ 
 margin-left: 0px;
 margin-top: 2350px;
 width: 415px;
 height:200px; 
 opacity: 0.4;
 z-index:2;
 position: absolute;
}

#FOOTERlijn{ 
 margin-left: 0px;
 margin-top:2519px;
 width: 415px;
 height:1px; 
 background-color:#FFF;
 z-index:3;
 position: absolute;
}

#FOOTERadres1{ 
 margin-left: 105px;
 margin-top: 2350px;
 width: 230px;
 height:100px; 
  z-index:2;
 position: absolute;
}
#FOOTERadres2{ 
 margin-left: 355px;
 margin-top: 2350px;
 width: 230px;
 height:100px; 
  z-index:2;
 position: absolute;
}
#FOOTERadres3{ 
 margin-left: 605px;
 margin-top: 2350px;
 width: 230px;
 height:100px; 
  z-index:2;
 position: absolute;
}

#FOOTERadresFB{ 
 margin-left: 100px;
 margin-top: 2450px;
  width: 40px;
 height:40px; 
  z-index:3;
 position: absolute;
}
#FOOTERadresFBtxt{ 
 margin-left: 150px;
 margin-top: 2455px;
 width: 600px;
 height:40px; 
  z-index:3;
 position: absolute;
}

#credits{ 
 width:600px; 
 height: 20px; 
 margin-left:105px;
 margin-top:2565px;
 position: absolute;
 z-index:1;
}

a.linkopacity img {
   	filter:alpha(opacity=70);
   	-moz-opacity: 0.6;
  	 opacity: 0.7;
   	-khtml-opacity: 0.6;}
a.linkopacity:hover img {
   	filter:alpha(opacity=100);   
   	-moz-opacity: 1.0;   
  	 opacity: 1.0;
  	 -khtml-opacity: 1.0; }