/*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:75%;
	font-family:Verdana, Helvetica, sans-serif;
}
table {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	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;
	margin:0 auto;
}
#toppanel ul {
	width:750px;
	height:44px;
	font:11px Verdana, "Times New Roman", Times, serif;
	position:absolute;
	top:102px;
	left:227px;
	list-style-type:none;
}
#toppanel ul li {
	width:107px;
	float:left;
}
#toppanel ul li a.selected {
	font:11px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	width:107px;
	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:107px;
	height:44px;
	display:block;
	color:#336699;
	text-decoration:none;
	text-align:center;
	line-height:22px;
}
#toppanel ul li a:hover {
	width:107px;
	color:#ff9900;
	text-decoration:none;
}
#toppanel #logo{
	background:url('images/main_pidpa.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:12px 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 #taalswitch{
	height:44px;
	position:absolute;
	top:0px;
	left:625px;
}
#toppanel #default {
	font:13px Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	color:#336699;
}
#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:305px;
	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:665px;
	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:255px;
	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:390px;
	left:665px;
	text-align:right;
	text-decoration:none;
}
.main .titelhome4 a:hover {
	text-decoration:none;
}
.main .klantenloket {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:88px;
	left:15px;
}
.main .meldingen {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:325px;
	left:15px;
}
.main .doen {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:88px;
	left:300px;
}
.main .waterkwaliteit {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:255px;
	left:300px;
}
.main .nieuw {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:270px;
	margin-bottom: 8px;
	position:absolute;
	top:325px;
	left:300px;
}
.main .riolering {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:295px;
	margin-bottom: 8px;
	position:absolute;
	top:75px;
	left:590px;
}
.main .kwaliteitscontrole {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:295px;
	margin-bottom: 8px;
	position:absolute;
	top:290px;
	left:590px;
}
.main .waterweetjes {
	padding: 6px 12px;
	font:1.0em Verdana, "Times New Roman", Times, serif;
	color:#5e7392;
	width:295px;
	margin-bottom: 8px;
	position:absolute;
	top:410px;
	left:590px;
}
.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 p a {
	font:1.1em Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#5e7392;
	text-decoration:none;
}
.main p a:hover {
	font:1.1em Verdana, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ff9900;
	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
}

.ster {
color: #FF0000; text-decoration: none
}

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

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

.lexicontitel {
font-weight: bold; color: #ff9900; 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
}

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

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

.tekstkader {
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
}

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

.hydroblauw {
color: #6699FF; text-decoration: none; font-size: xx-small
}

.hydrogroen {
color: #336600; text-decoration: none; font-size: xx-small
}

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

.sidnormactive {font-size: 11px; 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: 12px; 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: 12px; 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
}

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

.siden6active {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 2.4em; 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: #ffeedd; text-decoration: none
}
.siden:visited {color: #ffeedd; text-decoration: none
}
.siden:hover {color: #ff9900; text-decoration: none
}

.meer {margin-top: 0.3em; margin-bottom: 0.3em;margin-left: 0.5em; vertical-align: middle;
font-size: 11px; text-decoration: none
}
.meer:link {color: #ffffff; text-decoration: none
}
.meer:visited {color: #ffffff; text-decoration: none
}
.meer: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
}
#menu
{
	width:12em;
}
#menu ul
{
	margin-left:0px;
	list-style:none;
}
#menu ul.submenu
{
	margin-left:10px;
}
#menu li a
{
	display:block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid darkgreen;
	border-right: 10px solid darkgreen;
	background-color: seagreen;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
#menu li a:hover
{
	border-left: 10px solid yellowgreen;
	border-right: 10px solid yellowgreen;
	background-color: green;
	color: #fff;
}
#menu li
{
	border-top: 1px solid palegreen;
}
#menu li.last
{
	border-bottom: 1px solid palegreen;
}