/* Style properties for HTML elements based on the HTML 4.01 Specification. <http://www.w3.org/TR/html401/cover.html#toc> */

/* Section 1: Contextual selectors */

html {
font-family: Arial, sans-serif;
font-size: 12px;
color: #444;
margin: 0px;
padding: 0px
}
.notscreen{
				display:none;
}
a.lettergrootte:link{
color:#444444;
text-decoration:none;
}
a.lettergrootte:active{
color:#444444;
text-decoration:none;
}
a.lettergrootte:visited{
color:#444444;
text-decoration:none;
}
a.lettergrootte:hover{
color:#00a0e2;
text-decoration:underline;
}



/* Section 1.1: The document body */

body {
background-color: #FFF;
margin: 0px;
padding: 0px
}

h1.homepage {
margin: 0; padding: 0; list-style: none;
top: 45px;
font-size: 14px;
font-weight: bold;
color: #00aeef;
background-color: #FFF;
width: 60px;
padding-left: 0px;
margin-top: 5px;
}

h1.subsub {
margin: 0; padding: 0; list-style: none;
font-size: 13px;
font-weight: bold;
color: #00aeef;
background-color: #FFF;
padding-left: 0px;
margin-top: 0px;
padding-left: 0px;
text-decoration: none;
}

h1.subsubs {
margin: 0; padding: 0; list-style: none;
font-size: 13px;
font-weight: bold;
color: #00aeef;
padding-left: 0px;
margin-top: 0px;
padding-left: 0px;
text-decoration: none;
}

.titel{
padding-top: 3px;
font-size: 13px;
color: #609336;
font-weight: bold;
margin-top: 5px;
}

.titeloranje{
padding-top: 3px;
font-size: 12px;
color: #FF9900;
font-weight: bold;
margin-top: 5px;
}

.titelblauw{
padding-top: 3px;
font-size: 12px;
color: #01aef0;
font-weight: bold;
margin-top: 5px;
}

h1 {
font-size: 17px;
font-weight: bold;
color: #000000;
}

h2 {
font-size: 15px;
font-style:italic;
font-weight: lighter;
color: #000000;
}

h3 {
font-size: 13px;
font-weight: bold;
color: #000000;
}

h4 {
padding-top: 3px;
font-size: 13px;
color: #609336;
font-weight: bold;
margin-top: 5px;
}

h5 {
padding-top: 3px;
font-size: 12px;
color: #FF9900;
font-weight: bold;
margin-top: 5px;
}

h6 {
padding-top: 3px;
font-size: 12px;
color: #01aef0;
font-weight: bold;
margin-top: 5px;
}


address {}

/* Section 1.2: Text */

/* 1.2.1: Structured text */

em {}
strong {}
dfn {}
code {}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {}
q {}
sub {}
sup {}

/* End of 1.2.1 */

p {}
pre {}
ins {}
del {}

/* Section 1.3: Lists */

ul {}
ol {}

li.homepage {
list-style: none;
margin: 0px;
padding: 0px;
}

ul.homepage {
list-style: none;
margin: 0px;
padding-left: 30px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 7px;
}

li.subsub {
list-style: none;
margin: 0px;
padding: 0px;
}

ul.subsub {
list-style: none;
margin: 0px;
padding-left: 30px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 7px;
}

dl {}
dd {}
menu {}

/* Section 1.4: Tables */

table {}

caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}

/* Section 1.5:  The A element */
a:link {
color: #00a0e2;
text-decoration: underline;
}

a:visited {
color: #26608b;
text-decoration: underline;
}

a:hover {
color: #00a0e2;
text-decoration: underline;
}

a.button:link, a.button:visited {
color: White;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #4CC6F4;
}

a.button:hover {
color: White;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #4CC6F4;
}

a.groenbutton:link, a.groenbutton:visited {
color: White;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #d1d16e;
}

a.groenbutton:hover {
color: White;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #d1d16e;
}

a.subsubs:link, a.subsubs:visited {
margin: 0; padding: 0; list-style: none;
font-size: 13px;
font-weight: bold;
color: #26608b;
padding-left: 0px;
margin-top: 0px;
padding-left: 0px;
text-decoration: none;
}
a.subsubs:hover {
margin: 0; padding: 0; list-style: none;
font-size: 13px;
font-weight: bold;
color: #609336;
padding-left: 0px;
margin-top: 0px;
padding-left: 0px;
text-decoration: none;
}

/* Section 1.6: Objects, Images, and Applets */

img {
border: 0px
}

object {}
applet {}

/* Section 1.7: Alignment, font styles, and horizontal rules */

/* 1.7.1: Fonts "[...] their use is discouraged in favor of style sheets." */

tt {}
i {}
b {}
big {}
small {}

/* End of 1.7.1 */

hr {}

/* Section 1.8: Frames */

iframe {}

/* Section 1.9: Forms */

form {
padding: 0px;
margin: 0px
}

input {
font-family: Arial, sans-serif;
font-size: 12px;
}

input.lines {
height: 13px;
border: 1px solid Black;
vertical-align: middle
}
input.linesgrey {
height: 13px;
border: 1px solid #c0c0c0;
vertical-align: middle
}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {
font-family: Arial, sans-serif;
font-size: 12px;
}
textarea:focus {}
label {}
fieldset {}
legend {}

/* Section 2: Class selectors */

.bodycontainer {
position: relative;
margin: 0px auto;
text-align: left;
padding: 0px;
width: 759px;
background-color: #FFF
}
.verantwoordelijke{
border: 1px solid #dfdfdf;
padding: 5px;
line-height:14px;
}

.rwzi{
width: 170px;
border: 1px solid #c0c0c0;
padding: 10px;
line-height:14px;
font-size:11px;
}

.kaderU{
border-bottom: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
padding: 10px;
}

.kader{
border: 1px solid #dfdfdf;
padding: 10px;
}

.tabOFF{
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background-color:#fcfcfc;
background-image:url(../images/tab.gif);
background-position:left, top;
padding: 5px;

}

.tabEmpty{
border-bottom: 1px solid #dfdfdf;
}

.tabON{
background-image:url(../images/tab.gif);
background-position:left, top;
border-right: 1px solid #dfdfdf;
padding: 5px;
}

.subnavcontainer {
position: absolute;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
width: 759px;
height: 26px;
background-color: #FFF;
z-index:1001;
}

.subnav1 {
position: absolute;
margin: 0px;
padding-top: 0px;
padding-left: 4px;
padding-right: 4px;
top: 8px;
_top: 9px;
left: 170px;
_left: 180px;
width: 500px;
height: 22px;
color: #26608b;
font-size: 11px;
font-weight: normal;
background-color: #FFFFFF;
}

.search {
position: absolute;
margin: 0px;
padding: 0px;
top: 9px;
_top: 7px;
left: 585px;
_left: 595px;
width: 180px;
_width: 168px;
height: 40px;
font-size: 10px;
z-index:100;
}

#navcontainer {
position: absolute;
text-align: left;
top: 50px;
left: 0px;
width: 759px;
height: 100px;
z-index:11;
}

#navcontainer ul {
position: absolute;
z-index: 101;
padding-left: 0;
margin-left: 0;
left: 0px;
top: 25px;
/* _top: 75px; */
color: White;
float: right;
width: 759px;
font-family: arial, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
padding: 10px 7px;/* 0.65em */
font-size: 14px;
line-height:40px;
font-weight: bold;
background-color: #FFF;
color: #4C4C4C;
text-decoration: none;
vertical-align: top;
border-left: 1px solid #00AEEF;
}

#navcontainer ul li a:hover {
background-color: #00AEEF;
color: #fff;
}

.banner {
position: absolute;
margin: 0px;
padding: 0px;
top: 97px;
left: 0px;
width: 759px;
height: 199px;
font-size: 10px;
text-align: right;
background-color: #00AEEF;
}

.contentcontainer {
position: absolute;
top: 0px;
left: 0px;
width: 759px;
text-align: left;
}

.contentcontainerschool {
position: absolute;
top: 0px;
left: 0px;
width: 759px;
text-align: left;
background-color: #dae8ef;
}
.logo {
position: absolute;
top: 0px; /* 12px;*/
left: 28px;  /* 20px; */width: 75px;
height: 75px;
z-index: 1002;
}

.subnav2{
position: absolute;
margin: 0px;
padding: 0px;
border: 0px solid Black;
top: 296px;
left: 0px;
width: 760px;
height: 45px;
text-align: right;
background-color: #FFF;
background-image: url(../images/aquafin_background_subnav3.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
.subnavs{
position: absolute;
margin: 0px;
padding: 0px;
border: 0px solid Black;
top: 316px;
left: 0px;
width: 760px;
height: 60px;
text-align: right;
background-color: #DAE8EF;
background-image: url(../images/aquafin_background_subnav_b.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

/* 
.content {
position: absolute;
top: 337px;
left: 251px;
width: 508px;
margin-top:5px;
line-height:16px;
text-align:justify;
}



*/

.werken {
margin-left:-245px;
z-index:2007;
}

.autofilter {
position: absolute;
/* margin-left:-245px; */
top: 407px;
z-index:2008;
}

.content {
position: absolute;
top: 337px;
padding-left:251px;
LEFT: 0px;
width: 508px;
margin-top:5px;
line-height:16px;
text-align:justify;
}

.content_zuivering {
position: absolute;
top: 374px;
left: 251px;
width: 508px;
margin-top:5px;
line-height:16px;
text-align:justify;
}

.contentschool {
position: absolute;
top: 376px;
left: 0px;
width: 759px;
background-color: #dae8ef;
}

.contenttxt {
position:relative;
top: 33px;
left: 251px;
width: 480px;
margin-top:5px;
line-height:16px;
text-align:justify;
margin-bottom:50px;
}

.modules {
position: absolute;
top: 341px;
left: 444px;
padding: 0px;
margin: 0px;
}

.nieuws {
width: 315px;
background-color: #DAE8EF;
border-top: 5px solid White;
}

.subsubmenu {
position: absolute;
top: 350px;
left: 0px;
width: 178px;
padding: 0px;
margin: 0px;
text-align:right;
}

.zoek{ 
color: #26608b;
font-size: 11px;
font-weight: bold;
}

.zoekbekken {
	width: 190px;
	font-size: 9px;
	color: #4b4b4b;
}

.agenda {
width: 315px;
background-color: #DAE8EF;
border-top: 5px solid White;
}

.nieuwsbrief {
width: 315px;
height: 51px;
background-image: url(../images/aquafin_background_nieuwsbrief.gif);
background-repeat: no-repeat;
background-position: top center;
border-top: 5px solid White;
}

.newsletter {
padding-top: 15px;
padding-left: 12px;
color: #609336;
font-weight: bold;
}

.button1 {
position: absolute;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
top: 0px;
right: 415px;
position: absolute;
width: 77px;
height: 40px;
text-align: left;
background-color: #4CC6F4;
}

.button2 {
position: absolute;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
top: 0px;
right: 299px;
position: absolute;
width: 95px;
height: 40px;
text-align: left;
background-color: #4CC6F4;
}
.button3 {
position: absolute;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
top: 0px;
right: 197px;
width: 81px;
height: 40px;
text-align: left;
background-color: #4CC6F4
}

.button4 {
position: absolute;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
top: 0px;
right: 99px;
width: 77px;
height: 40px;
text-align: left;
background-color: #4CC6F4 ;/*#d1d16e*/
}

.button5 {
position: absolute;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
top: 0px;
right: 1px;
position: absolute;
width: 77px;
height: 40px;
text-align: left;
background-color: #4CC6F4 ; /*#d1d16e*/
}


a.homepage:link, a.homepage:visited {
color: Black;
font-size: 12px;
text-decoration: none;
/*list-style-image:url(../images/+.gif);*/
line-height: 12px;
}

a.homepage:hover {
color: #609336;
font-size: 12px;
text-decoration: none;
}

a.subsub:link {
color: Black;
font-size: 12px;
text-decoration: none;
}

a.subsub:visited {
color: #666;
font-size: 12px;
text-decoration: none;
}

.subsubactive{
color: #666;
text-decoration: none;
/*list-style-image:url(../images/+.gif);*/
}

a.subsub:hover {
color: #00a0e2;
font-size: 12px;
text-decoration: none;
}

.on {
color: #609336;
/*list-style-image:url(../images/+.gif);*/
text-decoration: none;
}


a.meer:link, a.meer:visited {
color: #4CC6F4;
font-size: 12px;
text-decoration: none;
list-style-image:url(../images/pijl.gif);
line-height:20px;
font-weight: bold;
}

a.meer:hover {
color: #609336;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}

.meer  {
color: #4CC6F4;
font-size: 12px;
text-decoration: none;
list-style-image:url(../images/pijl.gif);
line-height:20px;
font-weight: bold;
}

a.white:link, a.white:visited {
color: #26608b;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a.white:hover {
color: #26608b;
font-size: 11px;
text-decoration: underline;
}

.plus  {
color: #4CC6F4;
font-size: 14px;
text-decoration: none;

}
a.plus:link, a.plus:visited {
color: #000000;
font-size: 12px;
text-decoration: none;
}
a.plus:hover {
color: #609336;
font-size: 12px;
text-decoration: none
}
.legal {
	position: relative;
	right: 0px;
	width: 508px;
	height: 10px;
	text-align: left;
	left: 0px;
	font-size: 11px;
	border-top: 1px solid #f5f5f5;
	color: #999999;
}
a.legal:link, a.legal:visited {
	position: relative;
	right: 0px;
	width: 508px;
	height: 10px;
	text-align: left;
	left: 0px;
	font-size: 11px;
	border-top: 1px solid #f5f5f5;
	color: #999999;
	text-decoration:none;
}
a.legal:hover {
	position: relative;
	right: 0px;
	width: 508px;
	height: 10px;
	text-align: left;
	left: 0px;
	font-size: 11px;
	border-top: 1px solid #f5f5f5;
	color: #00a0e2;
}

.verantwoord {
	position: relative;
	right: 0px;
	width: 190px;
	/* height: 10px; */
	text-align: left;
	left: 0px;
	font-size: 11px;
	top: 0px;
}

.legals {
	position: relative;
	right: 0px;
	width: 450px;
	height: 10px;
	text-align: left;
	left: 0px;
	font-size: 11px;
}
.kruimelpad_zuivering {
	position: absolute;
	right: 0px;
	width: 508px;
	height: 30px;
	top:309px;
	text-align: left;
	left: 250px;
	font-size: 11px;
	z-index: 300;
	color: #999999;
}

.kruimelpad {
	position: absolute;
	right: 0px;
	width: 508px;
	height: 30px;
	top:304px;
	text-align: left;
	left: 250px;
	font-size: 11px;
	z-index: 300;
	color: #444;
	text-decoration: none;
}
a.kruimelpad:link {
text-decoration: none;
}
a.kruimelpad:visited {
text-decoration: none;
}

.kruimelpadlink {
color:#444;
font-size: 11px;
text-decoration: none;
}

a.kruimelpadlink:link {
color: #444;
font-size: 11px;
text-decoration: none;
}

a.kruimelpadlink:visited {
color: #444;
font-size: 11px;
text-decoration: none;
}

a.kruimelpadlink:hover {
color: #4CC6F4;
font-size: 11px;
text-decoration: underline;
}
.alfalink {
color:#01aef0;
font-size: 9.5px;
text-decoration: none;
line-height: 18px;
}

a.alfalink:link, a.alfalink:visited {
color: #01aef0;
font-size: 9.5px;
text-decoration: none;
}

a.alfalink:hover {
color: #01aef0;
font-size: 9.5px;
text-decoration: underline;
}

.kijker {
	position: absolute;
	top: 135px;
	right: 0px;
	width: 170px;
	height: 150px;
	text-align: left;
	valign:bottom;
	left: 7px;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	z-index: 102;
	font-weight: bold;
}

.sitemapcontainer {
	position: absolute;
	top: 347px;
	left: 0px;
	width: 759px;
}

.sitemapkop {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.sitemapkop:link {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.sitemapkop:visited {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.sitemapkop:hover {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*.witplus {
	position: absolute;
	top: 105px;
	left: 8px;
	width: 20px;
	height: 20px;
	z-index: 103;
}*/

.nieuwskader {
	position: relative;
	right: 0px;
	width: 489px;
	text-align: left;
	left: -3px;
	font-size: 11px;
	border:#dedede solid 1px;
	padding:10px;
}

.nieuwstitel {
color: #4CC6F4;
font-size: 12px;
line-height:26px;
font-weight: bold;
text-align: left;
}
.nieuwsheader{
padding-top: 3px;
font-size: 13px;
color: #00aeef;
font-weight: bold;
margin-top: 5px;
}

.nieuwsbrief {
width: 315px;
height: 51px;
background-image: url(../images/aquafin_background_nieuwsbrief.gif);
background-repeat: no-repeat;
background-position: top center;
border-top: 5px solid White;
}
.newsletter {
padding-top: 15px;
padding-left: 12px;
color: #609336;
font-weight: bold;
}

.plusrechts  {
color: #00a0e2;
font-size: 14px;
text-decoration: none;
text-align:right;
}
a.plusrechts:link, a.plusrechts:visited {
color: #00a0e2;
font-size: 12px;
text-decoration: none;
text-align:right;
text-decoration: underline;
}
a.plusrechts:hover {
color: #9016b2;
font-size: 12px;
text-decoration: none;
text-align: right;
text-decoration: underline;
}
.tienpunt{
font-size: 10px;
}
.tienpunt{
font-size: 10px;
}

.streepje1 {
position: absolute;
margin: 0px;
padding: 0px;
top: 76px;
left: 0px;
width: 1px;
height: 20px;
z-index: 10000;
}

.streepje2 {
position: absolute;
margin: 0px;
padding: 0px;
top: 76px;
left: 185px;
width: 1px;
height: 20px;
z-index: 10000;
}

.streepje3 {
position: absolute;
margin: 0px;
padding: 0px;
top: 76px;
left: 376px;
width: 1px;
height: 20px;
z-index: 10000;
}

.streepje4 {
position: absolute;
margin: 0px;
padding: 0px;
top: 76px;
left: 567px;
width: 1px;
height: 20px;
z-index: 10000;
}

.streepje5 {
position: absolute;
margin: 0px;
padding: 0px;
top: 76px;
left: 758px;
width: 1px;
height: 20px;
z-index: 10000;
}

.table{
font-size: 10px;
background-color: #ffffff;
vertical-align: top;
}
.grijs {
background-color: #F5F5F5;
width: 180px;
padding: 3px;
margin: 0px;
text-align: left;
border-bottom: 1px solid #dedede;
font-size:10px;
}
.groen {
color: #609336;
text-decoration: none;
}
a.groen:link {
color: #609336;
text-decoration: none;
}
a.groen:visited {
color: #609336;
text-decoration: none;
}
a.groen:hover {
color: #4CC6F4;
text-decoration: underline;
}

.likea {
	color: #00a0e2;
}