/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Reading Type
 * @vendorurl:  http://www.readingtype.org/
 * @licenseurl: http://www.fontsquirrel.com/license/Puritan-2.0
 *
 *
 */
 body {	font: 100%/1.4 'Puritan2.0Normal', Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; overflow:auto;}
ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p {	margin-top: 0;	padding-right: 0px;	padding-left: 0px;}
a img, img, img:hover{ border: none; }


@font-face { font-family: 'Puritan2.0Normal';src: url('Puritan_Regular.eot');src: local('Puritan 2.0 Normal'), local('Puritan2'), url('Puritan_Regular.ttf') format('truetype');   }
@font-face { font-family: 'Puritan2.0Italic';src: url('Puritan_Italic.eot');src: local('Puritan 2.0 Italic'), local('Puritan2Italic'), url('Puritan_Italic.ttf') format('truetype');   }
@font-face { font-family: 'Puritan2.0Bold';src: url('Puritan_Bold.eot');src: local('Puritan 2.0 Bold'), local('Puritan2Bold'), url('Puritan_Bold.ttf') format('truetype');   }
@font-face { font-family: 'Puritan2.0BoldItalic';src: url('Puritan_Bold_Italic.eot');src: local('Puritan 2.0 BoldItalic'), local('Puritan2BoldItalic'), url('Puritan_Bold_Italic.ttf') format('truetype');   }


h1 { font: bold 24pt/38px 'Puritan2.0Bold', Arial, sans-serif;letter-spacing: 0;   font-weight: bold;}
h2 { font: 20pt/35px 'Puritan2.0Bold', Arial, sans-serif;letter-spacing: 0;  font-weight: bold;  }
h3 { font: 16pt/24px 'Puritan2.0Bold', Arial, sans-serif;letter-spacing: 0;  font-weight: bold;  }
h4 { font: 12pt/20px 'Puritan2.0Bold', Arial, sans-serif;letter-spacing: 0;  font-weight: bold;  }
.fout {	font: 16pt/28px  Arial, sans-serif; font-weight: bold; letter-spacing: 0; 	color: #FF0000;}
.p2  {	font: 10pt/16px Arial, sans-serif;  }
p  { font: 12pt/24px 'Puritan2.0Normal', Arial, sans-serif;  margin: 0px 10px;  }
.klein  { font: 8pt 'Puritan2.0Normal', Arial, sans-serif;   }
td { font: 10pt 'Puritan2.0Normal', Arial, sans-serif;   }

a{ font-family: 'Puritan2.0Normal', Arial, sans-serif;   font-weight: bold;   text-decoration: none;     }
a:link, a:visited{ color:  #0066cc;   }
a:hover, a:active{ color: #FF9900;   text-decoration: underline;   } 

a:link { color: #42413C; text-decoration: none; }
a:visited { color: #6E6C64; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }

.schaduw {-moz-box-shadow: 0px 0px 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
	box-shadow: 0px 0px 12px 				rgba(0,0,0,.6);}

/* headers */
.header{position:fixed;  width:100%; top:0px; height:120px; background-color: #fff;  z-index:4;}
#lyheader, #lylogo{left:20%; right:10%; top:60px;  width:70%; height:60px; position:absolute; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; 	}
#lylogo{width:160px; margin-left: -160px;}
#headermenu{ left:20%; top:10px; 	width:70%; position:absolute; }
li.menu{ 	list-style:none;  text-align: right; align: right;}
ul.menu{     }
#lijn{position:absolute; width:100%; top:0px; height:7px;}



/* content */
#content{top:130px; left:20%; width:70%; position:absolute; ;   z-index:4;  float:left; margin-bottom:50px;}
.contentmenu{ left:20%;  top:130px;	width:260px; margin-left:-280px;	position:fixed;  z-index:8; float:left; }
#telefoon{position:fixed;  width:100%; top:130px; z-index:1;}
#logokc{position:fixed;  width:100%; top:100%; margin-top:-350px; z-index:1;}
.pflayer, .start 	{	position:absolute;	left:20%;	width:70%;	top:0px;	margin-top:130px;		padding-bottom:100px;	visibility: hidden;	z-index:1;	overflow:auto;}
.start 		{  visibility: visible;   }
#fb{float:right; margin-top:-35px; width:35px; }
#fb img{width:30px; }

	/* Opmaak portfolio blokjes */

.pfblokje{ padding: 15px;  padding-top: 0px; margin-bottom:30px; font: 12px/15px 'Puritan2.0Normal', Arial, sans-serif; overflow:hidden; background-color: #fff;}
.pfbeeld{padding: 5px; width:150px;  height:160px;   display:block; float:left;   overflow:hidden;}
.pfbeeld img{width:150px;}
.pftekst{padding: 5px; width:150px;  height:80px;  display:block; float:left; }
li.pfblokje{ list-style:none; width:160px; height:200px;  display:block;  float:left; border: 0px dotted #000;  }

/* ~~ The footer ~~ */
#footer {}
#adrescontainer	{position:fixed; top:100%; left:0px; width:100%; height:400px; margin-top:-20px; z-index: 9;}
#schaduwonder 	{ width:100%; height: 20px; position: absolute; top:0px; }
#schaduwonder img { width:100%; height: 20px; }
#contactform{ padding-top:20px; position:absolute; top:10px; left:30%; height:100px; width:60%; font: 80%/1.0 Arial, Helvetica, sans-serif; color: #B6D11E; }
#adresbalk 	{   position:absolute; height:400px; top: -0px; width:100%;  }
.contactkleur{ width:100%;  height:100%; left:0px; top:0px; background-color: #aaa; opacity:0.9; filter:alpha(opacity=90); position:absolute;
 background-image: url(../images/ruis.jpg);}

#adresdiv	{ position:absolute; width: 300px; left: 100%; margin-left: -300px; float:right; }
#adresdiv p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; color: #B6D11E; }
.ascontact{  float: left; width: 150px; overflow: visible; position: absolute; top: 0px;  height: 350px; background-color: #B6D11E; left:20%; margin-left:-160px; margin-top:-15px; text-align: center; }
.ascontact a:hover, .ascontact a:active, .ascontact a:focus { color: #FFF; }

.formlinks	{float:left; }
.formrechts	{float:left; padding-left:20px; }
.buttoninput	{ padding-top: 5px; }
#formverzonden, #formfout	{position:absolute; topUIT: 40%; heightUIT:20%; leftUIT:30%; widthUIT:40%; background-color: #888; font: 80%/1.0 Arial, Helvetica, sans-serif; color: #B6D11E; }


#formverzonden, #formfout, #formopnieuw	{position:fixed; top:160px; height:auto; left:50%; margin-left:-250px; width:500px; background-color: #fff; font: 80%/1.0 Arial, Helvetica, sans-serif; color: #000; padding:20px;-moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); box-shadow: 0px 0px 12px rgba(0,0,0,.6);}
.closeboxform	{	position:absolute;	left: 97%;	width:30px;	height:30px;	color: #000;	position:absolute;	top:-5px;	display:block;	width:30px;	height:30px;}


#openen, #sluiten{padding:15px;}
#sluiten{top:65px; position:relative;}


/* Menu */
/*div#content{ width: 750px; height: 100%; }*/

span.invisible {     display:none;     }
/* Tekst Slider */



.gradient	{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #fff); /* for firefox 3.6+ */ }