/* 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: 16px;
color: #444;
margin: 0px;
padding: 0px
}
.notscreen{
				display:none;
}

/* Section 1.1: The document body */

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

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;
}

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

h1 {}

h1.homepage {
margin: 0; padding: 0; list-style: none;
top: 45px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF; /* #609336 */
background-color: #26608b;
width: 246px;
padding-left: 12px;
margin-top: 0px;
}

h1.agenda {
margin: 0; padding: 0; list-style: none;
top: 45px;
height: 18px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF; /* #609336 */
background-color: #609336;
width: 100%;
padding-left: 12px;
margin-top: 0px;
}

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


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

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

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

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

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

h6 {
padding-top: 3px;
font-size: 16px;
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;
list-style-image:url(../images/+donkerblauw.gif);
}

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: 13px;
font-weight: bold;
text-decoration: none;
background-color: #4CC6F4;
}

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

/* 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
}

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

.subnav1 {
position: absolute;
margin: 0px;
padding-top: 0px;
padding-left: 4px;
padding-right: 4px;
top: 6px;
left: 178px;
width: 350px;
height: 22px;
color: #26608b;
font-size: 11px;
font-weight: normal;
z-index: 110;
}

.search {
position: absolute;
margin: 0px;
padding: 0px;
top: 7px;
_top: 5px;
left: 592px;
width: 170px;
height: 40px;
font-size: 10px;

}

#navcontainer {
position: absolute;
text-align: left;
top: 50px;
left: 0px;
width: 759px;
height: 100px;
background-color: #FFF
}
#navcontainer ul {
position: absolute;
z-index: 101;
padding-left: 0;
margin-left: 0;
left: 0px;
top: 25px; /* 63px ;*/
/* _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: 18px;
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; /* 117px; */
left: 0px;
width: 759px;
height: 199px;
font-size: 14px;
text-align: right;
background-color: #00AEEF
}

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

.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_subnav2.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

.content {
position: absolute;
top: 352px; /* 360px;*/ /*
left: 0px;
width: 490px;
margin-top:5px;
line-height:20px;
text-align:justify;
}
*/

.subnav2{
position: absolute;
margin: 0px;
padding: 0px;
border: 0px solid Black;
top: 296px;
left: 0px;
width: 760px;
height: 45px;
text-align: right;
background-image: url(../images/aquafin_background_subnav2.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

.content {
position: absolute;
top: 330px; /* 296px; 452px; 440px;*/
_top:340px;
left: 0px;
width: 490px;
margin-top:5px;
line-height:16px;
text-align:justify;
}

.content tr p {padding:0px; margin:0px}

.modules {
position: absolute;
top: 355px; /* 361px; */
left: 501px;
padding: 0px;
margin: 0px;
width:258px;
}

.nieuws {
width: 100%;
background-color: #DAE8EF ; /*#d1d16e*/
border-top: 12px solid White;
background-image: url(../images/aquafin_background_agenda.gif);
background-repeat: repeat-y;
}

.agenda {
width: 246px;
background-color: #ebeddf ; /*#d1d16e*/
border-top: 6px solid White;
}

.nieuwsbrief {
height: 67px;
background-image: url(../images/aquafin_background_nieuwsbrief.gif);
background-repeat: no-repeat;
background-position: bottom right;
border-top: 5px solid White;
padding: 0px;
margin: 0px;
}

.newsletter {
width: 246px;
padding-top: 15px;
padding-left: 12px;
background-image: url(../images/aquafin_background_nieuwsbrief.gif);
background-repeat: no-repeat;
background-position: bottom right;
padding-right: 0px;
}

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

.button2 {
position: absolute;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
top: 0px;
right: 78px;
width: 92px;
height: 54px;
text-align: left;
background-color: #4CC6F4;
}

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

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

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


a.meer:link, a.meer:visited {
color: #26608b ; /* #609336 */
font-size: 16px;
text-decoration: none;
list-style-image:url(../images/pijldonkerblauw.gif);
line-height:20px;
font-weight: bold;
}

a.meer:hover {
color: #609336 ; /* #4CC6F4 */
font-size: 16px;
text-decoration: none;
font-weight: bold;
}

.meer  {
color: #609336;
font-size: 16px;
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: 18px;
text-decoration: none;

}
a.plus:link, a.plus:visited {
color: #000000;
font-size: 16px;
text-decoration: none;
}
a.plus:hover {
color: #609336;
font-size: 16px;
text-decoration: none
}


.legal {
	position: relative;
	right: 0px;
	width: 395px;
	height: 10px;
	text-align: left;
	left: 0px;
	font-size: 15px;
	border-top: 1px solid #f5f5f5;
	color: #999999;
}

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

.kijker {
	position: absolute;
	top: 158px;
	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;
}
.oranjebol {
	position: relative;
	top: 252px; /*272px;*/
	right: 0px;
	width: 89px;
	height: 37px;
	text-align: center;
	left: 141px;
	color: #FFFFFF;
	z-index: 103;
	font-weight: bold;
	background-image: url(../images/halve_oranje_stip.gif);
	padding-top:7px;
}

a.oranjeboltekst:link,a.oranjeboltekst:visited {
	font-size: 14px;
	text-decoration: none;	
	color:#FFFFFF;
}
a.oranjeboltekst:hover {
	font-size: 14px;
	text-decoration:underline;	
	color:#FFFFFF;
}

.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;
}
.error {
color: #444;
font-size: 15px;
font-weight:bold;
}
.kruimelpadlink {
color:#444;
font-size: 15px;
text-decoration: none;
}

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

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

a.kruimelpadlink:hover {
color: #4CC6F4;
font-size: 15px;
text-decoration: underline;
}
a.subsubs:link, a.subsubs:visited {
margin: 0; padding: 0; list-style: none;
font-size: 16px;
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: 16px;
font-weight: bold;
color: #609336;
padding-left: 0px;
margin-top: 0px;
padding-left: 0px;
text-decoration: none;
}
.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: #26608b;
text-decoration: none;
}
a.about:link, a.about:visited {
color: White;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

a.about:hover {
color: White;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}

.likea {
	color: #00a0e2;
}