html
{
padding: 0px;
}
body {
background-color: #F5F1F0;
background-image: url('http://finamor.eloquo.nl/Images/graduale.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
color: #000033;
height: 100%;
margin: 0px;
padding: 0px;
}
div.nav {
background-color: #F5F1F0;
background-image: url('http://finamor.eloquo.nl/Images/graduale.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
position: fixed;
width: 100px;
left: 0px;
top: 0px;
padding-top: 17px;
padding-left: 0px;
height: 100%;
}
div.txt {
margin-left: 200px;
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: #6495ED;
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: #6495ED;
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: #99CCFF;
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: #99CCFF;
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.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.wanted{
color: #000033;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #FFFF99;
}
table.dossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #B0E0E6;
}
table.irishdossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #CCFF99;
}
table.mozartdossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #FFCCFF;
}
table.fauredossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #FFFFCC;
}
table.beigedossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #CCCC99;
}
table.orangedossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #FFCC33;
}
table.bluedossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #0099FF;
}
table.bachdossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #FFFFCC;
}
table.amor{
width: 20%;
style>
color: #000033;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #C0C0C0;
background-color: #FFCCFF;
font: Forte, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table.weerberichten {
width: 70%;
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;
}
.floatleft {
float: left;
width: auto;
}
.floatright {
float: right;
width: auto;
}
.textcenter {
text-align: center;
}
.blockcenter {
margin-left: auto;
margin-right: auto;
}
br.clear {
clear: left;
}
.titre {
text-align: center;
font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td.note {
color: #FF0000; font-weight: bold
}
table.misdossier{
font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000033;
background-image:url('http://finamor.eloquo.nl/Images/Mis.gif');
background-repeat: no-repeat;
background-position: top right;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #C0C0C0;
background-color: #FFFFFF;
}