html
{
padding: 0px;
background-color: #f5f5f5;
}
body {
color: #000033;
height: 100%;
margin: 0px;
padding: 0px;
}
div.nav {
position: fixed;
width: 193px;
left: 0px;
top: 0px;
background: #CCCCFF;
padding-top: 17px;
padding-left: 0px;
height: 100%;
}
div.txt {
margin-left: 220px;
margin-right: 20px;
max-width: 800px
}
div.txt p {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
padding-right: 0px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}
img {
border: 0px none;}

.small {
font-size: 60%;
}
div.txt h1 {
font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
padding-left: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
div.txt h2 {
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000033;
padding-left: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
div.txt h3 {
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000033;
padding-left: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
div.txt a:link {
font-weight: bold;
color: #000066;
text-decoration: none;
}
div.txt a:visited {
font-weight: bold;
color: #000066;
text-decoration: none;
}
div.txt a:hover {
font-weight: bold;
color: #6666CC;
text-decoration: none;
}
div.txt a:active {
font-weight: bold;
color: #6666CC;
text-decoration: none;
}
.nav p {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
padding-top: 2px;
margin: 0px;
padding-left: 10px;
}
div.nav a:link {
font-weight: bold;
color: #000066;
background: #FF9900;
width: 150px;
display: block;
margin: 0px;
padding-top:2px;
padding-bottom: 2px;
padding-left: 20px;
text-decoration: none;
height: auto;
border-top: 1px solid #FFFFCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #FFFFCC;
}
div.nav a:visited {
font-weight: bold;
color: #000066;
background: #FF9900;
width: 150px;
display: block;
margin: 0px;
padding-top:2px;
padding-bottom: 2px;
padding-left: 20px;
text-decoration: none;
height: auto;
border-top: 1px solid #FFFFCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #FFFFCC;
}
div.nav a:hover {
font-weight: bold;
color: #000099;
background: #FFCC00;
width: 150px;
display: block;
margin: 0px;
padding-top:2px;
padding-bottom: 2px;
padding-left: 20px;
text-decoration: none;
height: auto;
border-top: 1px solid #FFFFCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #FFFFCC;
}
div.nav a:active {
font-weight: bold;
color: #000099;
background: #FFCC00;
width: 150px;
display: block;
margin: 0px;
padding-top:2px;
padding-bottom: 2px;
padding-left: 20px;
text-decoration: none;
height: auto;
border-top: 1px solid #333333;
border-right: 1px solid #FFFFCC;
border-bottom: 1px solid #FFFFCC;
border-left: 1px solid #333333;
}
img.eloquo-logo {
margin-top: 20px;
}
img.foto {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}
div.center {
text-align: center;
}
div.maan {
font: 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul.lijst {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 0px;
}
ol.lijst {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 0px;
}
li.conditions {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 0px;
}
table.center {
margin-left: auto;
margin-right: auto;
}
table.recept {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-left: 9px;
margin-top: 0px;
margin-bottom: 0px;
}
table.tarieven {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000033;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #CCCCFF;
	margin-left: auto;
	margin-right: auto;
}
table.segmenten {
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 0px;
margin-bottom: 0px;
}
td.tarieven {
background-color: #FF9900;
}
table.poll{
	font: 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000033;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	background-color: #FFFF99;
	margin-left: auto;
	margin-right: auto;
}
table.weerberichten {
width: 80%;
margin-left: auto;
margin-right: auto;
font: 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: auto;
margin-bottom: auto;
}
td.conditions {
border: 1px solid #C0C0C0;
padding: 12px;
}
td.aqua {
background-color: #CCFFFF;
border-color: Aqua;
border-style: solid;
border-width: thin;
}
td.yellow {
background-color: #FFF999;
border-color: Yellow;
border-style: solid;
border-width: thin;
}
span.segment {
font-size: 70%;
font-weight: bold;
color: Purple;
}
td.oranje {
background-color: #FF9900;
}
span.rood {
color: Red;
}
span.uitleg {
cursor: help;
}
.italic {
font-style : italic;
}
img.photo {
margin-top: 6px;
margin-bottom: 12px;
margin-right: 12px;
margin-left: 12px;
border: 1px solid #C0C0C0;
}
td.centercontent {
text-align: center
}
td.maan {
background-color: #000033
}