@charset "utf-8";
/* CSS for www.pireco.nl Created by Bernt Design
	/* --------- 1. standaard  --------- */
* { margin: 0; padding: 0; border: 0;}	
body, html{
	margin:0;
	padding:0;
	height: 100% !important;
	text-align: center;
	background: #fff url(http://www.pireco.nl/imgkl/button/wrapperbg3.png) repeat-x;
	font-family: Tahoma, Arial ;
	font-size:100.01% !important;
	color: #333;
	line-height: 140%
}
html>body {
font-size: 16px; /* non-IE */
}
#container{position: relative;
min-height: 90%;
height:auto !important;
height:90%;  
min-width: 820px !important;

margin: 10px auto 0 auto;
padding:0;
text-align: left;
width: 920px;
background: #fff  url("http://www.stgnook.nl/imgkl/button/faux3.png")center top repeat-y;

}
#upperpart {clear:both; position: absolute; width:100%;
margin: 0 auto;
background: #fff; 
}
/*  --------- 4b. header:  taalbalk  --------- */
#taalbalk { z-index:9;
	margin-top:-23px;
	margin-left:0;
	background-color: #F7F7F7;
	height:31px;
	position:absolute;
	width: 100%; overflow:hidden;
}
#taalbalkiconleft{float:left; margin-top:0; padding-left:420px;   list-style-type:none; z-index:900;}
#taalbalkiconright{float:right; margin-top:0px; padding-right:16px; list-style-type:none;}
.print{ text-align:center}	
/*  --------- 4. upperpart: header  --------- */
#header {
	position: absolute;
	margin-top:0px;
	width: 100%; 
	height:204px;
	overflow:hidden;
	background-color:#fff;
}
#roundedcornr_box {
   background: #f9f9f9;
}
#roundedcornr_top div {
   background: url(http://www.pireco.nl/imgkl/button/roundedcornr_left.gif) no-repeat left top;
}
#roundedcornr_top {
   background: transparent url(http://www.pireco.nl/imgkl/button/roundedcornr_right.gif) no-repeat top right;
}
#roundedcornr_top div, #roundedcornr_top,  {
   width: 100%;
   height: 30px;
   font-size: 1px; text-align:center;
}
#roundedcornr_content { margin: 0; background-color:#F9F9F9; }

#logo {float: left; position: absolute; width:1px; height: 173px; z-index:1000; behavior: url(iepngfix.htc);
}
.imglogo {margin-top:-16px; margin-left:0px; border: none; z-index:1001; behavior: url(iepngfix.htc);
}
#headerimage { float:right;
	background-color:#fff;
	position:absolute;
	width:900px;
	height:170px;
	right: 0px;
	z-index:1;
	top: 32px;
	border-top-width: thin solid #D5D8D7;
	}
#bee-1 {/*eerste regel*/float:left;
	position:absolute;
	width:480px;
	height:50px;
	z-index:1000;
	left:75px;
	margin-top:-13px;
}
#bee-2 {float:left;
	position:absolute;
	width:480px;
	height:50px;
	z-index:1000;
	left:0px;
	top: 2px;
}
hr { background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.png") repeat-x;
}
#subbalk{  position: absolute;
  margin-top:206px; height:30px;
  width: 100%;
  background: url("http://www.pireco.nl/imgkl/button/menurechts.gif") repeat; z-index:0 }
#subbalk #locator {float:left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	color: #666;
	background-color: #F7F7F7;
	font-size: 75%;
	background: url("http://www.pireco.nl/imgkl/button/menurechts.gif") repeat;
}
#subbalk #locator #here {
	font-weight: normal;
}  
#sitelevel-searchbox {float:right; right: 0;
	position: absolute;  margin-top:0px;
	/*right: 5px;*/  height:25px; border: solid thin #354400 ; overflow:hidden; background-color:#fff;
}

#sitelevel-searchbox input[type=text] {
	width: 150px ; height:25px; background-color:#fff;
}
.imgsearch{background-color:#fff;}
div.hr{ width:100%; height:3px; margin-left: 0;
  position: absolute;
  margin-top: 183px;
  width: 100%;
  background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.png") repeat-x;}
		/*  --------- 4d. navigatiemenu zie menu.css --------- */
							/*einde upperpart*//*begin deel 2*/
.midbalk{ width:100%; height:37px; margin-left: 0;
  position: absolute;
  margin-top: 231px;/*was 205*/
  width: 100%;
  background:#9CAFBE; /* #CCCDCD ;*/ border-top: thin solid #A6BAD2; 
 } 
.floatcontainer:after{content:"."; display:block; height:0px; clear:both; visibility:hidden; font-size:0px}
.floatcontainer{display: inline-block;}
/* Hides from IE Mac \*/
* html .floatcontainer {height:1%}
.floatcontainer{display:block}
/* End Hack */
#wrapper{position: absolute;  width:100%; 
	margin: 0 auto;
	margin-top:268px;/*was 210*/
	padding-bottom:0px;
}
#left p { 
padding:0 10px; 
} 
#outer{
  margin-top:0px;
  clear:both; float: left; position: relative; width:100%;  background-color:#fff;
  min-height: 100%;
  height:auto !important; 
  height:100%;
}
#innerfloat{/*om de rechterkolom te verwijderen*/
	float: left;
	position: relative;
	height:100%;
	width:100%;
	left: 0px; 
	background: #fff url("http://www.pireco.nl/imgkl/button/wrapperbg6.png") repeat-x left top;
}
.menusub{ 
	background-image:url("http://www.pireco.nl/imgkl/button/menurechts.gif");
	border:1px solid #d5d8d7; margin-left:24px ; margin-top: 10px; padding-left:20px;   width: 200px; list-style-type: square; list-style-image: url('http://www.pireco.nl/imgkl/button/dot2.png'); 
}	 
#text{margin-top:0px;
	float:left;
	height:100%;
	margin-left:10px;
	width:60%;
	max-width:700px;
	margin-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: justify;
background-color:#fff;
}
.texttopleft{width:100%; background-color: #E9F0CF}
#text p{
	font-weight: normal;
	font-size: 0.9em;
	text-align: left; line-height:1.5em;
	padding: 0;
	color: #004400;
	margin:1em 1.5em 1em 1.5em;
}
#text dl {
	margin-bottom: 18px;
	padding-top: 12px;
}
#text dt {
	/*width: 100px;
	height: 50px;*/
	float: left;
	margin-left: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}
#text dd  {
	font-size: 14px;
	line-height: 20px;
	margin-left: 30px;
}
#rightside{
	float:right;
	width: 36%; /*was 35 en is 255 px als er geen tabel is*/
	height:100%; 
	background: url("http://www.pireco.nl/imgkl/button/wrapperrightside.png") no-repeat left top; margin-top:0px;
	}
#slideshow1{}
.fotoslider { height: 262px;  padding:0; overflow: hidden }
.fotoslider img { height: 250px;  padding: 5px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.fotoslider img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.actueelright { /*width: 260px;*/
	background-image:url("http://www.pireco.nl/imgkl/button/menurechts.gif");
	border:1px solid #d5d8d7;
	margin-left:1em;
	margin-right:2%;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
}
.actueelrightalert { /*width: 260px;*/ background-color: #FFFFCC;
	border:1px solid #d5d8d7;
	margin-left:1em;
	margin-right:2%;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
	background-image: url(http://www.pireco.nl/imgkl/button/vakrechts.jpg);
	background-repeat: repeat-y;}
.actueelrightbestel { /*width: 260px;*/ background-color: #FFFFCC;
	border:1px solid #FCE793;
	margin-left:1em;
	margin-right:2%;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
	background-image: url(http://www.pireco.nl/imgkl/button/geelfade.jpg);
	background-repeat: repeat-y;}

#footerlogo{ text-align:center}
.clearfooter {background-color:#fff; height:80px;
text-align:center;
	background-image: url(http://www.pireco.nl/imgkl/button/gradient.gif);
	background-repeat: repeat-x;}
	.footerleft {float: left;  padding-left:20px; }
    .footerright {float: right;  padding-left:20px;}
    .linkpartner{clear: both; background-color:#fff; height:40px;
}
#footer,.hide {display: none; position: absolute; left: -9000px;}
/* Overige ------------*/
.img{padding:1%;
	border:solid 1px #d5d8d7;
	background-color:#fff;}
	.imgtekst{ float:left; padding:1%;
	border:solid 1px #d5d8d7;
	background-color:#fff; margin-right:5px;
	}
	.imgtekstright,.imgright{	float: right; padding:1%; border:solid 1px #d5d8d7;
	background-color:#fff;}
   	.imageHolder{ border:solid 1px #d5d8d7;
	background-color:#fff; width:200px; margin-left:1em;
	margin-right:2%;
	margin-bottom:0.5em;
	padding:1%;
	}
	.imageHolderFooter{ border:solid 1px #d5d8d7;
	background-color:#fff; margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	padding:2px;
	}
	/*.imageFooter{height: 50px;}*/
img,  /*div,*/ #headerimage,#logo, .imglogo { behavior: url(http://www.pireco.nl/iepngfix.htc) }
#iconwrapper{clear: both; border: solid thin #CCCCCC;}
.socialmedia{float:right; border: solid thin #ccc; height:18px;}
.boven { margin-left:30px; padding-left:50px;background:url(http://www.pireco.nl/imgkl/button/top.gif) no-repeat;}
.terug { margin-left:30px; padding-left:60px;background:url(http://www.pireco.nl/imgkl/button/back.gif) no-repeat;}
.clear { clear: both; height: 0px; visibility:hidden }
/*.clearboth {clear : both;
position: absolute; margin-bottom:20px; padding-top:10px;
height : 5px;
width:100%;
background : #fff;
}*/
					/* Typography */
ul.downloads .pdfLink { list-style-image:url("http://www.pireco.nl/imgkl/button/pdf_download.gif");}
ul.downloads .xlsLink { list-style-image:url("http://www.pireco.nl/imgkl/button/excel_download.gif");}
ul.downloads .docLink { list-style-image:url("http://www.pireco.nl/imgkl/button/word_download.gif");}
ul.downloads .extLink { list-style-image:url("http://www.pireco.nl/imgkl/button/external_site.gif");}
.download {
	background-image:url("http://www.pireco.nl/imgkl/button/downloadDivider.gif");
	background-position:left bottom;
	padding:0 0 10px 25px;
	margin-bottom:1.5em;
}				
ul.arrow li {list-style-type: square; list-style-image: url('http://www.pireco.nl/imgkl/button/dot2.png'); 
	padding-left: 16px; text-decoration:none; 
	}
ul.arrow {list-style-type: square; list-style-image: url("http://www.pireco.nl/imgkl/button/dot2.png"); 
	padding-left: 5px; 
	}
							
h1{/*titel*/}
h2{font-size: 1em;}
h3{font: bold 0.8em/1em ;}

h4{font: normal 0.9em/1.1em  ;}
.intro {
	font-weight: bold; font-size:0.9em; color: #004400;
  padding-bottom: 1px; /*is bij omni anders*/
}
.ft0 {/*hoofdtitel*/font-family:'Droid Serif';
	color: #fff; text-align:center; font-size :1em; font-weight:bold; overflow: hidden; margin-top:0.5em;  
	/*margin:0.2em 1.5em 0 1.5em;*/
}
.ft1 {/*subtitel, rechtertitel*/
	font-weight: normal;
	color:#59842F; 
font-size: 1em /*1.125em*/;
	margin:0.2em 0 1em 1em;
}
.ft2 {/*linkertitel*/ font-weight: bold;
	color:#59842F; 
    font-size: 0.9em;
	margin:0.2em 1.5em 0 1.5em;
}
.ft3{/*tekst*/
	font-weight: normal;
	font-size: 0.9em;
	color: #004400;
	margin:1em 1.5em 1em 1.5em;
	text-align: left; line-height:140%;
}
.ft3a{/*tekst producten*/
	font-weight: normal;
	font-size: 0.9em;
	color: #004400;
	margin:0 1.5em 0.5em 1.5em;
	text-align: left; line-height:140%;
}
.ft4 /*tekstrightside*/{
color:#004400;
font-size: 0.8em;
font-style: normal;
	}
.ft5 /*tekstlogo*/{
color:#8497A6	;
font-size: 0.8em;
font-style: normal;
	}	
	

.ft7 { /*teksfooter, popup*/
	font-weight: normal;
	font-size: 0.7em;
	color: #004400;
	text-align: center; line-height:140%;
}
.ft8 { /*sitemap*/
	font-weight: bold;
	font-size: 0.8em;
	color: #666666;
	text-align: center; 
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Serif'), local('DroidSerif'), url('http://themes.googleusercontent.com/font?kit=0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk') format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: bold;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0') format('woff');
}
.alert {color: #990033 ; font-weight: bold; font-size: 0.9em;}
.cel1{	background:#C3CEAD; text-align:center;}
.cel2{background:#E3E7DB; }
.cel3{background: #DDE5CD; }
		/*  --------- 7. Links --------- */
a:link,a:visited { font-size: 0.95em; color: #2B5A2E; font-weight: normal; text-decoration:none; 
}
a:hover { 
color: #31659c;
text-decoration : underline;
}
a:active {
color : #31659c;
}
a.alert:link,a.alert:visited { font-size: 0.8em; color: #990033 ; font-weight: normal; text-decoration:none; 
}
a.alert:hover { 
color: #31659c;
text-decoration : underline;
}
a.alert:active {
color : #31659c;
}
a.foo:link {font-size:0.8em;
color:#004400;
padding : 2px;
}
a.foo:hover {background-color:#EAF4D3;
color : #31659c;
}
a.foo:visited {font-size:0.8em;
color:#004400;
}
a.copy:link {font-size: 0.7em;
color:#C6C6C6;
text-decoration : none;
padding : 2px;
}
a.copy:hover {background-color:#EAF4D3;
color : #31659c;
}
a.copy:visited {font-size: 0.7em;
color:#C6C6C6;
}

/*MENU; DENK AAN HET BIJWERKEN VAN IE IN HTML !!*/
.menu{ position: absolute;
margin-top: 181px; 
z-index: 100;
width: 100%;
float: left;
height:18px;
}
.menu a {color: #2B5A2E /*#3E474E;*/; font-size: 0.8em; /*belangrijk*/
display: block;
border-width: 2px;
border-style: solid;
border-color: #ffe #aaab9c #ccc #fff; /*#778A99*/
margin: 0;
padding: 2px 3px; /*???*/
height: 18px; /*wederom hoogte van menubalk ??*/ text-decoration:none;
}
.menu a:hover {
border-color: #aaab9c #fff #fff #ccc;
text-decoration: none;
}
.menu ul {text-align:center;
list-style: none;
margin: 0;
padding: 0;
width: 12.5%; /*was 11 %, 12em;*/
float: left;
background-color:#fff;
height: 18px; /*wederom hoogte van menubalk ??*/
}
.menu li {position: relative; /*margin: 0*/;
}
.menu ul ul ul {background-color: #E6E6FA ; 
position: absolute;
top: 0;
left: 100%;}
.menu ul ul {  
width: 24em ;
position: absolute;
z-index: 500;
}
.menu li a:hover 
{border-color: #aaab9c #fff #fff #ccc;	
border-width: 2px;
color:#032C4C;
background-color: #F0F0F0;
	}
div.menu ul ul,div.menu ul li:hover ul ul,div.menu ul ul li:hover ul ul{display: none;}
div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}
 .menu1, .menu5, .menu, .menu a, .menu a:hover, .menu ul, .menu li, .menu li a:hover, .menu li#active a:hover, .menu ul li>ul, .menu ul ul	{ font: normal 0.95em ;}
.menu1{ /*voor de menutitels*/
background: #F5F5F5;
text-transform: none; /*uppercase of none;*/
border-width: 2px;
border-style: solid;
border-color: #ffe #aaab9c #ccc #fff;
}
.menu5{ 
	background: #F5F5F5; /*#E0E5EB;*/
}
/*einde menu*/
/*-----------------------Sitemap------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility : hidden;
}

.clearfix {
  display: inline-block;
}

.stippellijn{ display: block;
  overflow: hidden;
  background-image:url(http://www.pireco.nl/imgkl/button/stippel.gif);
  background-repeat:repeat-x;
  height:1px;
  width:100%;
}
#sitemap {
  background: #f2f2f2;
  overflow: hidden;
  padding: 15px;
  clear: both;
  width:98%; margin: 0 auto 0 auto; border: solid thin #CCCCCC;
}

#sitemap ul {
  display: block;
  overflow:hidden;
  background: #f2f2f2;
  margin: 0px 15px 0px 15px;
  padding: 0px;
  list-style-image: none;
  list-style:none;
  float: left;
  font-size: 10px;
  width: 21%;
}

#sitemap ul li {
  list-style-type:none;
  padding: 2px 9px 2px 0px;
  list-style:none !important;
  margin-left:1px !important;
  padding-left:0px !important; text-align:left;
}

#sitemap ul li a {
  list-style:none !important;
  margin:0px !important;
  padding:0px !important;
  font-weight:normal;
}




/*-----------------------Gegevens------------------*/
.gegevens{ width:98%;
  margin:1em auto;
  padding:0;
  font-family:tahoma;
  font-size: 16px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; background-color:#EBF4EA ;
}
.gegevens h3{/*bestaat al*/
  padding:5px 0;
  margin:0;
  background: #C0D4BE;
  color: #008114;
  font : italic 1.4em georgia, verdana, sans-serif;
  text-align:center;
  border-bottom: 1px solid #C2C6A3;
  border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius:10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius:10px;
}
.gegevens h5{
   padding:5px 0;
  margin:0;
  background: #D2E0D0;
  color:  #008114;
  font-weight: normal;
  font-size: .6em;
  text-align: center;
  border: 1px solid #C2C6A3;
  border-top: 1px solid #C2C6A3;
}
.gegevens h6{
  background: #E8EFF5;
  padding: 15px;
  margin: 5px;
  color: #3C3C3C;
  font-weight: normal;
  font-size: .8em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.gegevens span{ font-weight: bold;
  color: #000;
  font-size: .95em;
}
.form-wrap{
  border: 1px solid #C2C6A3;
  border-top: 2px solid #C2C6A3;
  overflow: hidden;
}
.gegevens form{/*achtergrond*/
  border-top: 1px solid #D3E1EC;
  padding: 0;
  margin: 0;
}
.gegevens-fieldleft{background-color:#EBF4EA;
  width:  45%; /*200px;*/
  display: inline;
  border:none;
  margin:0;
  padding:10px;
  float: left;  overflow:hidden; 
}
.gegevens-fieldright{background-color:#EBF4EA;
  width: 45%; /*200px;*/
  display: inline;
  border:none;
  margin:0;
  padding:10px;
  float: right;
}
.gegevens label{display: block;
  color: #3C3C3C;
  font-size: .8em;
}
 .gegevens textarea{width: 90%; /*was nix*/
  background-color:#f5f5f5;
  padding:5px 10px;
  margin: 2px 0 0 0;
  border:1px solid #dedede;
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  font-size:12px;
  line-height:16px;
  color:#000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.gegevens input:hover, .gegevens textarea:hover{
  background-color:#F0F5F9;
  border:1px solid #c2e1ef;
  color:#336699;
}
.gegevens input:active, .gegevens textarea:active{
  background-color:#F0F5F9;
  border:1px solid #F0F5F9;
  color: #006600;/*aanpassen aan tekstlayout van website*/
}
input.button{
  background:#F3F8F3 url(images/apply2.png) no-repeat 5px center;
  cursor:pointer;
  overflow:visible;
  padding:5px 10px 5px 22px;
  margin:0 5px 0 0;
  border: none;
  color:#3C3C3C; /*width: 10px; was nix*/
}
input.button:hover{
  background-color:#C0D4BE;
  border: none;
  color:#fff;
}
.gegevens input{/*AANPASSEN! dit veld in gelijk aan achtergond zetten, zie ook 'leegjes'*/background-color:#EBF4Eb; border:none;
 background-color:#f5f5f5;
  padding:5px 10px;
  margin: 2px 0 0 0;
  border:1px solid #dedede;
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  font-size:12px;
  line-height:16px;
  color: #006600;/*aanpassen aan tekstlayout van website*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#leegjes,#leeg{/*aanpassen! dit veld in color vrijwel gelijk aan achtergond zetten*/background-color:#EBF4Eb; color:#EBF4Ec;font-size: 1px; height:1px; width:1px; border:none; padding-left: 20px;
}
.gegevens span{color: #39425F; font-size:.8em; font-weight:normal;}
/*.submit{ float:left; }
.reset{ float:right; }*/
h7{/*style van foutmelding*/ padding-left: 20px; color:#FF0000;font-size: .7em;}