/*CSS*/
body {
	padding:0px;
	margin:0px;
	background:url('images/mainbg.jpg') repeat-y;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:20px;
	font-size:70%;
	font-family:Verdana, Helvetica, sans-serif;
}
table {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:20px;
	font-size:1.1em Verdana, "Times New Roman", Times, serif;
	font-family:Verdana, Helvetica, sans-serif
}
div, ul, h1, h2, h3, form, label {
	margin:0px;
	padding:0px;
}
ul {
	list-style-type:square;
}
ul.normal {
	margin-left:25px;
	list-style-type:square;
}

/*Toppanel*/
#toppanel {
	height:150px;
	position:relative;
}
#toppanel ul {
	width:750px;
	height:44px;
	font:10px Verdana, "Times New Roman", Times, serif;
	position:absolute;
	top:102px;
	left:227px;
	list-style-type:none;
}
#toppanel ul li {
	width:120px;
	float:left;
}
#toppanel ul li a.selected {
	font-weight:bold;
	width:120px;
	height:35px;
	background: url('images/menu_bg.png') no-repeat 100%;
	color:#ff9900;
	text-align:center;
	line-height:22px;
}
#toppanel ul li a {
	font:11px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	width:120px;
	height:44px;
	display:block;
	color:#336699;
	text-decoration:none;
	text-align:center;
	line-height:22px;
}
#toppanel ul li a:hover {
	width:120px;
	color:#ff9900;
	text-decoration:none;
}
#toppanel #logo{
	background:url('images/main_hidrocontrol.jpg') no-repeat;
	width:980px;
	height:214px;
}
#toppanel #pidpalogo{
	width:92px;
	height:95px;
	position:absolute;
	top:3px;
	left:229px;
}
#toppanel #search{
	background:url('images/search.png') no-repeat;
	height:44px;
	font:11px Verdana, "Times New Roman", Times, serif;
	position:absolute;
	top:0px;
	left:753px;
}
#toppanel #search a.contactinfo {
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:5px;
}
#toppanel #search a.contactinfo:hover{
	color:#FF9900;
	text-decoration:none;
}
#toppanel #homeswitch{
	height:44px;
	position:absolute;
	top:0px;
	left:648px;
}
#toppanel #slogan{
	font:18px Verdana, "Times New Roman", Times, serif;
	font-weight:400;
	color:#A6B8CE;
	position:absolute;
	top:72px;
	left:360px;
}
.search_textfield { 
	font-size: 12px; 
	background-color: #FFFFFF; 
	border: 1px solid #FFFFFF; 
}

/*Leftpanel*/
#leftpanel {
	height:500px;
	position:absolute;
	top:225px;
	left:0px;
}
/*Content*/
.content {
	position:absolute;
	width:750px;
	top:175px;
	left:230px;
}
.content .item {
	padding: 6px 12px;
	font:1.1em Verdana, "Times New Roman", Times, serif;
	border: 1px solid #EEE;
	background: #FFFFFF;
	margin-bottom: 8px;
}
.content .item table {
	font:1.0em Verdana, "Times New Roman", Times, serif;
}
.content h1 {
	font:1.8em Verdana, "Times New Roman", Times, serif;
	color:#ff9900;
}
.content .disclaimer {
	height:15px;
	padding: 6px;
	font:11px Verdana, "Times New Roman", Times, serif;
	text-align:right;
	border: 1px solid #EEE;
	background: #EEE;
	color:#666666;
	margin-bottom: 8px;
}
.content .disclaimer a {
	text-decoration:none;
	color:#666666;
}
.content .disclaimer a:hover {
	text-decoration:underline;
	color:#666666;
}

/*Main*/
.main {
	position:absolute;
	width:946px;
	height:502px;
	top:137px;
	left:15px;
}
.main .titelhome1 {
	font:17px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ff9900;
	width:270px;
	position:absolute;
	top:25px;
	left:103px;
	text-align:right;
}
.main .titelhome2 a {
	font:17px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ffffff;
	width:270px;
	position:absolute;
	top:25px;
	left:385px;
	text-align:right;
	text-decoration:none;
}
.main .titelhome2 a:hover {
	text-decoration:none;
}
.main .titelhome3 a {
	font:17px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ffffff;
	width:270px;
	position:absolute;
	top:25px;
	left:665px;
	text-align:right;
	text-decoration:none;
}
.main .titelhome3 a:hover {
	text-decoration:none;
}
.main .titelhome4 a {
	font:17px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ffffff;
	width:270px;
	position:absolute;
	top:277px;
	left:665px;
	text-align:right;
	text-decoration:none;
}
.main .titelhome4 a:hover {
	text-decoration:none;
}
.main .keuring {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:225px;
	left:15px;
}
.main .legionella {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:337px;
	left:15px;
}
.main .service {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:240px;
	margin-bottom: 8px;
	position:absolute;
	top:180px;
	left:395px;
}
.main .doen {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:240px;
	margin-bottom: 8px;
	position:absolute;
	top:305px;
	left:395px;
}
.main .klantenloket {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:108px;
	left:15px;
}
.main .drinkwater{
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:240px;
	margin-bottom: 8px;
	position:absolute;
	top:75px;
	left:395px;
}
.main .riolering{
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:240px;
	margin-bottom: 8px;
	position:absolute;
	top:75px;
	left:675px;
}
.main .waterweetjes {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:240px;
	margin-bottom: 8px;
	position:absolute;
	top:310px;
	left:675px;
}
.main .wv {
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:650px;
	position:absolute;
	top:500px;
	left:5px;
}
.main .wv a {
	color:#5e7392;
	text-decoration:underline;
}
.main .wv a:hover {
	color:#5e7392;
	text-decoration:none;
}
.main h1 {
	font:14px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#5e7392;
	padding-bottom:9px;
}
.main h1 a {
	font-weight:bold;
	color:#5e7392;
	padding-bottom:9px;
	text-decoration:none;
}
.main h1 a:hover {
	font-weight:bold;
	color:#ff9900;
	padding-bottom:9px;
	text-decoration:none;
}
.main ul li {
	margin-left:15px;
	list-style-type:inherit;
}
.main ul li #level1 {
	list-style-type:circle;
}
.main ul li #level2 {
	list-style-type:disc;
}
.main ul li a {
	font:1.1em Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#5e7392;
	text-decoration:none;
}
.main ul li a:hover {
	font:1.1em Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ff9900;
	text-decoration:none;
}

/*Varia*/
#switchcss #default {
	font:13px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	color:#336699;
}
#switchcss #big {
	font:15px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	color:#336699;
}
#switchcss #large {
	font:17px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	color:#336699;
}

/*Breadcrumb*/
#breadcrumb {
	font:11px Verdana, "Times New Roman", Times, serif;
	height:150px;
	position:absolute;
	top:140px;
	left:230px;
}
#breadcrumb a {
	font-weight:bold;
	color:#336699;
	text-decoration:none;
}
#breadcrumb a:hover {
	width:120px;
	color:#ff9900;
	text-decoration:underline;
}


.bijtekst {
color: #000000; text-decoration: none; font-size: xx-small
}

body{
background-color: #ffffff;
} 

.sid {
font-family: "Times New Roman", Georgia, serif; font-size: 21px; color: #ffffff; text-decoration: none
}

.hyperlink: link{color: #0000ff; text-decoration: underline}
.hyperlink: visited{color: purple; text-decoration: underline}

.hyperlinkg{
font-size: small; color: #0000ff; text-decoration: underline
}

.letter{
font-size: small; color: #0000ff; text-decoration: underline
}

.lexicon {
color: #008000; text-decoration: underline
}

.lexicontitel {
font-weight: bold; color: #008000; text-decoration: none
}

.h1 {
font-size: small; font-weight: bold; margin-top: 1.5em; 
COLOR: #CC3300; text-decoration: none
}

.h2 {
font-weight: bold; color: #ff9900; text-decoration: none;padding-top:15px;
}

.h3 {
color: #ff9900; text-decoration: none;padding-top:15px;
}

.bijschrift {
color: #CC3300; text-decoration: none; font-size: xx-small
}

.kaderhyperlink{
font-weight: bold; color: #666666; text-decoration: underline
}

.tekstkader {
font-size: xx-small; color: #666666; margin-top: 0.3em; margin-bottom: 0.3em; text-decoration: none
}

.voetnoot {
font-size: xx-small; color: #666666; margin-top: 0.3em; margin-bottom: 0.3em; text-decoration: none
}

.tekstkaderlink {
font-size: xx-small; color: #666666; margin-top: 0.3em; margin-bottom: 0.3em; text-decoration: underline
}

.bread {
font-size: xx-small; color: #666666; text-decoration: none
}

.link {
font-size: small; text-decoration: none
}

.sidnorm:link {font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none}
.sidnorm:visited {font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none}
.sidnorm:hover {font-size: 12px; font-weight: bold; color: #ff9900; text-decoration: none}

.sidnormactive {font-size: 12px; font-weight: bold; color: #ff9900; text-decoration: none
}

.siden1 {margin-top: 0.6em; margin-bottom: 0.6em;margin-left: 0.1em; vertical-align: middle;
font-size: 11px; font-weight: bold; text-decoration: none
}
.siden1:link { color: #336699; text-decoration: none
}
.siden1:visited {color: #336699; text-decoration: none
}
.siden1:hover {color: #ff9900; text-decoration: none
}

.siden1active{
margin-top: 0.6em; margin-bottom: 0.6em;margin-left: 0.1em; vertical-align: middle;
font-size: 11px; font-weight: bold; text-decoration: none; color: #ff9900
}

.siden2 {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 0.7em; vertical-align: middle;
font-size: 11px; text-decoration: none
}
.siden2:link {color: #336699; text-decoration: none
}
.siden2:visited {color: #336699; text-decoration: none
}
.siden2:hover {color: #ff9900; text-decoration: none
}

.siden2active {margin-top: 0.3em; margin-bottom: 0.3em; margin-left: 0.7em; vertical-align: middle;
font-size: 11px; text-decoration: none; color: #ff9900
}

.siden3 {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 1.0em; vertical-align: middle;
font-size: 11px; text-decoration: none
}
.siden3:link {color: #336699; text-decoration: none
}
.siden3:visited {color: #336699; text-decoration: none
}
.siden3:hover {color: #ff9900; text-decoration: none
}

.siden3active {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 1.0em; vertical-align: middle;
font-size: 11px; text-decoration: none; color: #ff9900
}

.siden4 {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 1.4em; vertical-align: middle;
font-size: 11px; text-decoration: none
}
.siden4:link {color: #336699; text-decoration: none
}
.siden4:visited {color: #336699; text-decoration: none
}
.siden4:hover {color: #ff9900; text-decoration: none
}

.siden4active {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 1.4em; vertical-align: middle;
font-size: 11px; text-decoration: none; color: #ff9900
}

.siden5 {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 2.0em; vertical-align: middle;
font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; text-decoration: none
}
.siden5:link {color: #336699; text-decoration: none
}
.siden5:visited {color: #336699; text-decoration: none
}
.siden5:hover {color: #ff9900; text-decoration: none
}

.siden5active {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 2.0em; vertical-align: middle;
font-size: 11px; text-decoration: none; color: #ff9900
}

.siden {margin-top: 0.2em; margin-bottom: 0.2em; vertical-align: middle;
font-size: 11px; font-weight: bold; text-decoration: none
}
.siden:link {color: #ffffff; text-decoration: none
}
.siden:visited {color: #ffffff; text-decoration: none
}
.siden:hover {color: #ff9900; text-decoration: none
}

.sidenk {margin-top: 0.2em; margin-bottom: 0.2em; vertical-align: middle;
font-size: 11px; text-decoration: none
}
.sidenk:link {color: #ffffff; text-decoration: none
}
.sidenk:visited {color: #ffffff; text-decoration: none
}
.sidenk:hover {color: #ff9900; text-decoration: none
}