@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: Arial,verdana, sans-serif;
	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%;  
/*_height:100%;  bestaat niet volgens validator*/
min-width: 820px !important;
margin: 10px auto 0 auto;
padding:0;
text-align: left;
width: 95%;
/*background: #fff url("http://www.pireco.nl/imgkl/button/faux3.gif")center top repeat-y; WEGLATEN*/
}
#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;
	border-bottom:solid 1px #D5D8D7;
	height:31px;
	position:absolute;
	width: 100%; overflow:hidden;
}
#taalbalkiconleft{float:left; margin-top:0; padding-left:330px;  list-style-type:none; z-index:5000;}
#taalbalkiconright{float:right; margin-top:0px; list-style-type:none;}
#taalbalkicon .print{border: 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 url(http://www.pireco.nl/imgkl/button/roundedcornr_275636_grad.gif) repeat-x top left;
}
#roundedcornr_top div {
   background: url(http://www.pireco.nl/imgkl/button/roundedcornr_grey-left.png) no-repeat left top;
}
#roundedcornr_top {
   background: transparent url(http://www.pireco.nl/imgkl/button/roundedcornr_grey-right.png) no-repeat top right;
}
#roundedcornr_top div, #roundedcornr_top, /*#roundedcornr_bottom div, #roundedcornr_bottom*/ {
   width: 100%;
   height: 25px;
   font-size: 1px; text-align:center;
}
#roundedcornr_content { margin: 0 0px; background-color:#999999; }

#logo {float: left; position: absolute; width:1px; height: 173px; z-index:10;
}
.imglogo {margin-top:-16px; margin-left:0px;	border: none;
}
#headerimage { /*clear:both;*/
	background-color:#fff;
	position:absolute;
	width:554px;
	height:170px;
	right: 0px;
	z-index:1;
	top: 56px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #D5D8D7;
}
#adresbalk {
	position:absolute;
	width:372px;
	height:27px;
	z-index:100;
	left: 12px;
	top: 133px;
}
hr { background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.png") repeat-x;
}
#subbalk{  position: absolute;
  margin-top:208px;
  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;
}  
#search {
	float:right; right: 0;
	width:255px;
	background: url("http://www.pireco.nl/imgkl/button/background_search.gif") left bottom no-repeat;
}
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*/
#titel{
	position: absolute;
	margin-top:185px;
	background: url("http://www.pireco.nl/imgkl/button/gradient.gif") left top repeat-x;
	height:40px;
	background-color:#F6F6F6;
	width: 100%;
	text-align: left;
	overflow: hidden;
}
.title {color: #58822E; margin:12px; text-align:center; font-size :1.5em; font-weight: normal; visibility:hidden }
				/*begin deel 3*/
.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 */
.midbalk{ width:100%; height:7px; margin-left: 0;
  position: absolute;
  margin-top: 205px;
  width: 100%;
  background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.png") repeat-x;
 } 
#wrapper{position: absolute;  width:100%; 
    /*height: 100%; */
	margin: 0 auto;
	margin-top:210px;
	padding-bottom:0px;
}
#left p { 
padding:0 10px; 
} 
#right p { 
padding:0 10px; 
} 
p.top { 
margin-top:20px; 
}
#outer{
  margin-top:0px;
  clear:both; float: left; position: relative; width:100%;  background-color:#fff;
  min-height: 100%;
  height:auto !important; 
  height:100%;
 /*_height:100%; bestaat niet volgens validator*/ 
}
/* Twee kolommen */
#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;
}
/*#textformholder{
	float:left;
	height:100%;
	left:0;
	width:60%;
	background: #fff url("http://www.pireco.nl/imgkl/button/wrapperbg6.png") repeat-x left top;
	 }*/
#text{
	float:left;
	height:100%;
	left:0px;
	width:60%;
	max-width:700px;
	margin-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: justify;
	background: #fff url("http://www.pireco.nl/imgkl/button/wrapperbg6.png") repeat-x left top;
}
#text p{
    font-family:  Arial, Helvetica, sans-serif;
	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;
}
.rightbackground{background: url("http://www.pireco.nl/imgkl/button/wrapperrightside.png") no-repeat left top;}
#rightside{
	float:right;
	/*left:72%;*/
	width: 35%;
	height:100%; 
	background: #fff url("http://www.pireco.nl/imgkl/button/wrapperbg6.png") repeat-x left top;
	}
	#rightside dl {
	margin-bottom: 18px;
	padding-top: 12px;
	border-top: 1px solid #e2e2e2;
}
#rightside dt {
	width: 100px;
	height: 50px;
	float: left;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}
#rightside dd  {
	font-size: 14px;
	line-height: 20px;
}
#rightside h2  {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 20px;
}
/* Overige */
#top-back{margin-top:40px; padding-bottom:10px; height:20px;}
.top {float: left; background:url("http://www.pireco.nl/imgkl/button/top.gif") no-repeat; padding-left:20px; }
.back {float: right; background:url("http://www.pireco.nl/imgkl/button/back.gif") no-repeat; padding-left:20px;}
.clear{clear:both; visibility:hidden; 
}
#copyright{
	clear:both;
	height:10px;
	background-color:#fff;
	text-align:center;
	background-image: url("http://www.pireco.nl/imgkl/button/gradient.gif");
	background-repeat: repeat;
}
.actueelleft { 
	background-image:url("http://www.pireco.nl/imgkl/button/menurechts.gif");
	border:1px solid #d5d8d7;
}
.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;
}
.actueelrightwit { width: 160px;
	border:1px solid #F86307;
	margin-left:1em;
	margin-bottom:0.5em;
	padding:0.2em 0.8em 0.2em 0.8em;
}
.img{padding:1%;
	border:solid 1px #d5d8d7;
	background-color:#fff;}
.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%;
	}
.imgtekst{ float:left; padding:1%;
	border:solid 1px #d5d8d7;
	background-color:#fff; margin-right:5px;
	}
.imgtekstright{	float: right; padding-left:20px; border:solid 1px #d5d8d7;
	background-color:#fff;}
#popup{ text-align:center; padding-top:10px;}
.clear { clear: both; height: 0px; visibility:hidden }
.clearboth {clear : both;
position: absolute; margin-bottom:20px; padding-top:10px;
height : 5px;
width:100%;
background : #fff;
}
.clearfooter {clear: both; background-color:#fff; height:40px;
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 {display: none; position: absolute; left: -9000px;}
.hide{display: none; position: absolute; left: -9000px;}
					/* 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;
}				
.kleineletter {font-size: xx-small}
.groteletter {font-size: x-large}
ul.arrow li {list-style-type: square; list-style-image: url('http://www.pireco.nl/imgkl/button/dot2.gif'); 
	padding-left: 16px; 
	}
ul.arrow {list-style-type: square; list-style-image: url("http://www.pireco.nl/imgkl/button/dot2.gif"); 
	padding-left: 5px; 
	}						
em {
	font-style: italic;
	}
a {
	font-weight: normal;
	text-decoration: none;
	}
a.foo {
	font-weight: normal;
	text-decoration: none;
	}
a.copy {
	font-weight: normal;
	text-decoration: none;
	}	
/*p{
  color: #333;
  font-size:0.9em;
  line-height:1.1em;
}
.text p {font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #004400;
	text-align: left; line-height:140%;
	padding: 0;
	margin: 0;
}*/
h1{/*titel*/}
h2{font-size: 1em;}
h3{font: bold 0.8em/1em  arial, helvetica, sans-serif;}

h4{font: normal 0.9em/1.1em  arial, helvetica, sans-serif;}

.intro {font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold; font-size:0.9em; color: #004400;
  padding-bottom: 15px; /*is bij omni anders*/
}
.ft2 {/*linkertitel*/
font-family:  Arial, Helvetica, sans-serif;
	color:#59842F; 
    font-size: 1em;
	margin:3em 1.5em 0 1.5em;
}
.ft1 {/*subtitel*/
font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#59842F; 
font-size: 1.1em /*1.125em*/;
	font-style: normal;
	margin:3em 0 1em 1em;
}
.ft3{/*tekst*/
font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #004400;
	margin:1em 1.5em 1em 1.5em;
	text-align: left; line-height:140%;
}
.ft4 /*tekstrightside*/{font-family:  Arial, Helvetica, sans-serif;
color:#004400;
font-size: 0.8em;
font-style: normal;
	}
.ft5{/*adres*/
font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #004400;
	padding-top: 0.1em;
	text-align: left; line-height:140%;
}
.ft6 {
font-size: 0.7em;
color: #000;
}
.ft7 { /*teksfooter, popup*/
font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	color: #004400;
	text-align: center; line-height:140%;
}
.ft8{
	font-size: 11px; font-weight: 800; font-family: arial, verdana; background-color: transparent; 
}
.xsmall {
	font-size: xx-small; font-family:  arial, verdana; background-color: transparent; 
}
		/*  --------- 7. Links --------- */
a.mail {color: #006633}
a:link { font-size: 1em; color: #59842F;  
}
a:hover { 
color: #31659c;
text-decoration : underline;
}
a:active {
color : #31659c;
}
a:visited {
font-size: 1em; color: #59842F;  
}
a.foo:link {font-size:0.7em;
color:#004400;
padding : 2px;
}
a.foo:hover {background-color:#EAF4D3;
color : #31659c;
}
a.foo:visited {font-size:0.7em;
color:#004400;
}
a.flag:link { font-size: 1em; 
color:#59842F; 
}
a.flag:hover { 
color: #31659c;
text-decoration : underline;
}
a.flag:active {
color : #31659c;
}
a.flag:visited {
color : #59842F;
}
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: 183px; 
z-index: 100;
/*background-color:transparent; #00CED1 cyaanblauw, achtergrond van hele menubalk, niet zichtbaar*/
width: 100%;
float: left;
height: 26px;
}
.menu a {color:#3E474E;
/*font: normal 0.9em/1.1em  arial, helvetica, sans-serif;*/
display: block;
border-width: 2px;
border-style: solid;
border-color: #ffe #aaab9c #778A99 #fff;
margin: 0;
padding: 2px 3px; /*???*/
}
.menu a:hover {
/*background-color: #F0F0F0; niet zichtbaar hier*/
border-color: #aaab9c #fff #fff #ccc;
text-decoration: none;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 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 ; /*lavendelblauw*//*#cccc66; #E0E5EB;*/
position: absolute;
top: 0;
left: 100%;}
.menu ul ul { /*font-size: 1em; grootte van de sublinks in IE only!!!!!*/
/*position: absolute;
z-index: 500;
height: 20px;

color:#154015;*/
 /*background-color: #FFB6C1; roze #cccc66; #E0E5EB;*/ 
width: 13em;
position: absolute;
z-index: 500;
}
.menu li a:hover /*, .menu li #active a:hover*/
{border-color: #aaab9c #fff #fff #ccc;	
border-width: 2px;
color:#032C4C;
background-color: #F0F0F0;
	}
/*.menu ul li>ul {/*font-size: 1em; grootte van de sublinks in Firefox!!!!!*/
/*	margin-left: 0px;
	padding-left: 0px;
	color:#154015;
background-color: #F0F0F0;*/
/* }*/
/*.menu li>ul */ /* for W3C browsers */  /*{ 
	margin: 0;
	top: auto;
	left: auto;
	}*/

/*#active a { background-color: #F0F0F0;
border-color: #aaab9c #fff #fff #ccc;	
border-width: 2px;
	color:#59842F;
}*/
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 arial, helvetica, sans-serif;}
.menu1{ background: #F5F5F5;
  /*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: #E0E5EB;
}
.menuleftsub{ 
	background: #E0E5EB; font: normal 0.8em arial, helvetica, sans-serif;
}
/*einde menu*/