/* 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-size:100.01% !important;
color: #333;
line-height: 140%;
}
html>body {
font-size: 16px; /* non-IE */
}
#container{position: relative;
min-height: 100%;
height:auto !important;
height:100%;  
/*_height:100%;  bestaat niet volgens validator*/
min-width: 820px !important;
margin: 0 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;
}
#upperpart {clear:both; position: absolute; width:100%;
margin: 0 auto;
background: #fff; 
}
/*  --------- 4a. upperpart: topbalk  --------- */
.topbalk{ width:100%; height:7px; margin-left: 0;
  position: absolute;
  margin-top: 0px;
  width: 100%;
  background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.gif") repeat-x;
 }
/*  --------- 4b. header:  taalbalk  --------- */
#taalbalk { z-index:9;
	margin-top:0px;
	margin-left:315px;
	background-color:#F7F7F7;
	border-bottom:solid 1px #D5D8D7;
	height:21px;
	position:absolute;
	width: 1600px; overflow:hidden;
}
#taalbalkicon{float:left; width:500px; margin-left:25px; list-style-type:none; }
#taalbalkicon .print{border: none;}
	
/*  --------- 4. upperpart: header  --------- */
#header {
	position: absolute;
	margin-top:7px;
	width: 100%; 
	height:106px;
	overflow:hidden;
	background-color:#fff;
}
#logo {float: left; position: absolute; width:20%; height: 93px; z-index:10;
}
.imglogo {	border: none;
}
#headerimage {
	background-color:#fff;
	position:absolute;
	width:554px;
	height:82px;
	right: 0px;
	z-index:1;
	top: 21px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #D5D8D7;
}
#adresbalk {
	position:absolute;
	width:372px;
	height:17px;
	z-index:100;
	left: 10px;
	top: 90px;
}
.hr { background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.gif") repeat-x; width:100%; height:2px; margin:0;
	padding:0;
}

div.hr{ width:100%; height:2px; margin-left: 0;
  position: absolute;
  margin-top: 113px;
  background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.gif") repeat-x;}
		/*  --------- 4d. navigatiemenu zie menu.css --------- */
		/*  --------- 4e. subbalk en zoek --------- */
#subbalk{  position: absolute;
  margin-top:138px;  width: 100%;  background-color:#fff; }
#search {
	float:right; right: 0;
	width:255px;
	background: url("http://www.pireco.nl/imgkl/button/background_search.gif") left bottom no-repeat;
}
#search fieldset {
	margin:0;
	padding:0;
	visibility:hidden;
}
#search legend { display:none;}
#search form {
	margin:2px;
	float:right;
	visibility:visible;
}
#search span {
	visibility:visible;
	font-family: Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
#search input {
	visibility:visible;
}
#search .q {
	margin:0 2px;
	width:125px;
}
#searchresults{}
#subbalk #locator {float:left;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	color: #666;
	background-color: #fff;
	font-size: 75%;
}
#subbalk #locator #here {
	font-weight: normal;
}
							/*einde upperpart*/
							/*begin deel 2*/
#titel{
	position: absolute;
	margin-top:166px;
	background: url("http://www.pireco.nl/imgkl/button/gradient.gif") left top repeat-x;
	height:30px;
	background-color:#fff;
	width: 100%;
	text-align: left;
	overflow: hidden;
}
.title {color: #004400; margin:2px; text-align:center; font-size :1.1em; }
.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: 192px;
  width: 100%;
  background:#F7F7F7 url("http://www.pireco.nl/imgkl/button/grd-1px_1.4.gif") repeat-x;
 } 
							/*begin wrapper*/
#wrapper{position: absolute;  width:100%; 
    /*height: 100%; */
	margin: 0 auto;
	margin-top:196px;
	background-color:#fff;
	padding-bottom:1px;
	background: #fff url("http://www.pireco.nl/imgkl/button/faux3.gif");
}
#left p { 
padding:0 10px; 
} 
#right p { 
padding:0 10px; 
} 
p.top { 
margin-top:20px; 
}
#outer{/* dit mogelijk weglaten*/
margin-top:6px;
clear:both; float: left; position: relative; height:100%; width:100%;  background-color:#fff;
min-height: 100%;
height:auto !important; 
height:100%; 
/*_height:100%; bestaat niet volgens validator*/ 
}
#innerfloat{ float: left; position: relative; height:100%; width:70%; left: 0px; background: url("http://www.pireco.nl/imgkl/button/faux3.gif")center top repeat-y; /*of korter plaatje ?*/}
#leftside{
	float:left;
	left:0px;
	width: 35%;
	height:100%; 
	background-color:#fff;
	 /*min-height:320px; is mogelijk belangrijk om de kolommen van borders te voorzien en deze te stretchen*/ 
	}
.menuleftsub { width:190px;
    padding-left:0; 
	background-image:url("http://www.pireco.nl/imgkl/button/menurechts.gif");
	border:1px solid #d5d8d7;
	margin-left:0;
	margin-bottom:0.5em;
	padding:0.2em 0.1em 0.2em 0.2em; list-style:none;
}
#text{
float:right; height:100%;  
  left:35%; 
  width: 60%;
margin-bottom:10px; /*kan mogelijk weggelaten*/
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px; 
  text-align: justify;
background-color:#fff;
/*border-right-width: thick;
	border-left-width: thick;
	border-right-style: groove;
	border-left-style: groove;
	border-right-color: #789DD4;
	border-left-color: #789DD4;	*/
}
#text .bron {
	font-size:80%;
}
#text .imageHolder {
	padding:0.3em;
	font-style:italic;
	text-align:center;
	font-size:90%;
}
/* Twee kolommen */
#innerfloatform{/*om de rechterkolom te verwijderen*/ float: left; position: relative; height:100%; width:100%; left: 0px; background: url("http://www.pireco.nl/imgkl/button/faux3.gif")center top repeat-y; /*kan beter weg?*/}
	#leftsideform{
	float:left;
	left:0px;
	width: 15%;
	height:100%; 
	background-color:#fff;
	}
#textform{
float:right; height:100%;
  left:17%; 
  width:71%;
margin-bottom:10px;
  padding-left: 1px;
  padding-right: 15px;
  padding-bottom: 1px; 
  text-align: justify;
background-color:#fff;
}


/* Overige */
#top-back{padding-top:10px; padding-bottom:10px; height:20px; font-family: arial; font-size: 0.8em}
.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;}
#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;
	/*margin-left:1em;
	margin-bottom:0.5em;
	padding:0.2em 0.2em 0.2em 0.8em;*/
}
#rightside{float: right; height:100%;  right: 0px;
  width: 25%; background: url("http://www.pireco.nl/imgkl/button/faux3.gif")center top repeat-y;
background-color:#fff;
}
.actueelright { width: 160px;
	background-image:url("http://www.pireco.nl/imgkl/button/menurechts.gif");
	border:1px solid #d5d8d7;
	margin-left:1em;
	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{ border:none;}
.imgright{ padding:2px;
	border:solid 1px #d5d8d7;
	background-color:#fff; }
.imgtekst{ float:left; padding:4px;
	border:none;
	}
.imgtekstright{	float: right; padding-left:20px;}
#popup{ text-align:center; padding-top:10px;}
.clear { clear: both; height: 0px; }
.clearboth {
clear : both;
position: absolute; margin-bottom:20px; padding-top:10px;
height : 5px;
width:100%;
background : #fff;
}
.clearfooter {clear: both; background-color:#fff; height:60px;
text-align:center; width:100%;
	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;}
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;
}
.doseringsTabel { width:98%; }
.doseringsTabel,
.doseringsTabel td {
	border:1px solid #000;
	text-align:center;
	border-collapse:collapse;
}
.doseringsTabel thead th {
	background-color:#008000;
	color:#fff;
}
.doseringsTabel td.PirecoHead { background-color:#9c0; }
.auction { color:#f00; }
.flop,
.flop td,
.flop th { background-color:#d8ebc5; }
.auction { color:#f00; }
#text dd {
	margin-left:2.5em;
}
					/* Typography */
.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{
line-height: 1.5em; /* 24px */
	font-size: 1em; /* 16px */;
	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{}
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 {/*subtitel*/
font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#59842F; 
font-size: 1.1em /*1.125em*/;
	font-style: normal;
	margin:0.3em 0 0.2em 0;
}
.ft3{/*tekst*/
font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #004400;
	padding-top: 0.1em;
	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:link { font-size: 1em; 
color:#59842F; 
}
a:hover { 
color: #31659c;
text-decoration : underline;
}
a:active {
color : #31659c;
}
a:visited {
color : #59842F;
}
a.foo:link {font-size:0.7em; background-color:#FFFFFF;
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;
}