body.home {
margin: 20px 20px 20px 20px;
padding: 0px 0px 0px 0px;
background-color:black;
font-size:70%;

}
body.turq {
margin: 20px 20px 20px 20px;
padding: 0px 0px 0px 0px;
background-color:black;
color:gray;
font-size:62.5%;
font-family:Sans-Serif, "Arial";
}
.AdH {
float:left;
top:0px;
left:0px;
}
body.schilderijen { 
background-image: url(images/tijdloos.jpg);
background-attachment: fixed;
}
body.water {
background-image:url(images/bkgd.gif);
}
#kolom {margin-left:auto;margin-right:auto;}

#rechterkolom {
position:absolute;
left:92em;
top:3em;
height:1800em;
width:16em;
background-image: url('images/gradientB800.jpg');
background-repeat: repeat-x;
}
caption {
color:red;
font-size:xx-large;
font-family: "Arial", Sans-Serif;
font-weight:bold;
font-style:normal;
}
#pageheader {
position:absolute;
top:0em;
left:1.5em;
width:100%;
text-align:center;
}
#achtergrond {
background-image:url(images/tijdloos.jpg);
width:700px;
height:2000px;
}
a:link {text-decoration: underline;color:yellow;}
a:visited {text-decoration: underline;color:orange;}
a:hover {text-decoration: underline; color:#FF4500;}
a:active {text-decoration: underline;color:lime;}

.light a:link {text-decoration: underline;color:navy;}
.light a:visited {text-decoration: none;color:orange;}
.light a:hover {background-color:#FFCCCC;text-decoration: none; color: lime;}
.light a:active {text-decoration: none;color:red;}
.light {color:blue;}

table {
margin-left:auto;
margin-right:auto;
color:yellow;
}
tbody {font-size:1.5em;}
#lessen table {
margin-left:2em;
border-style:solid;
border-color:red;
border:2px;
}
#lessen td {
padding:0px;
border-style:solid;
border-color:green;
border:1px;
font-size:2em;
color:navy;
}
#lessen th {
background-color:yellow;
border-style:solid;
border-color:blue;
border:1px;
color:red;
font-size:2.5em;
font-weight:bold;
font-variant: small-caps;
}
#lessen tr {
background-color:aqua;
}
table.leerling {
padding:2em;
}
table.leerling td {
padding:2em;
border:1px;
border-style:solid;
color:navy;
border-color:red;
background-color:#FFFFF0;
text-align:center;
}
#NS {
padding:2em;
margin-left:auto;
margin-right:auto;
}
#NS table.td {
padding:2em;
border:1px;
border-style:solid;
border-color:red;
background-color:#FFFFF0;
text-align:center;
}
.alr {text-align:right;}

#navigatie {
background-color:	#99C68E;
position:absolute;
top:18em;
left:2.5em;
width: 13em;
height:auto;
border: medium ridge #FFD700;
border-width:0px;
font-size: 1em;
font-weight: bold;
padding: 0px;
margin-bottom: 1em;
color:navy;
}
#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 0;
 border-top: 1px solid #003;
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #369;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: transparent; 
 color:navy;
 text-decoration: none;
 width: 100%;
}

html>body #navigatie ul li a {
 width: auto;
}

#navigatie ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #99C68E;
 <!-- #69f; ->
 color: #fff;
}


#nav2 {
background-image:url(images/bgcloud.jpg);
position:absolute;
top:25em;
left:20em;
width: 20%;
height:auto;
border: medium ridge #FFD700;
border-width:0px;
text-align:center;
font-size: 14px;
font-weight: bold;
padding: 0px;
margin-bottom: 1em;
background-color:transparent;
color:navy;
}
#nav2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#nav2 ul li {
 margin: 0;
 border-top: 1px solid #003;
}

#nav2 ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #369;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: transparent; 
 color:navy;
 text-decoration: none;
 width: 100%;
}

html>body #nav2 ul li a {
 width: auto;
}

#nav2 ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #99C68E;
 <!-- #69f;
 -->
 color: #fff;
}
#aktueel {
width:6em;
height:1.5em;
position:absolute;
top:9em;
left:10em;
text-align:center;
color:red;
font-weight:bold;
font-size:16pt;
background-color:yellow;
}

p.txt {
font-size:12pt;
margin-left:2em;
margin-right:2em;
color:navy;
text-align:justify;
}
.lnk a{color:black;}

p.chapternav {text-align : center}
h1.light {
font-weight: bolder;
font-family: Arial, Helvetica, Sans-Serif;
color:navy;
background-color : transparent; 
text-align : center; 
}
h1 {
font-family:"Trebuchet";Sans-Serif;
font-style:normal;
color:red;
text-align:center;
}
 
h2 {
font-weight: bolder;
font-family: Arial, Helvetica, Sans-Serif;
background-color : transparent; 
color: red;
text-align : left; 
} 
h3 {
font-weight: bold;
text-decoration: underline;
font-family: Arial, Helvetica, Sans-Serif;
background-color: transparent; 
color: #FAAFBE;
text-align : left; 
} 
h4 {
font-weight: normal;
font-family: "Arial", Sans-Serif;
color: #3300cc;
text-align : left; 
} 
h5 {
font-weight: normal;
font-family: "Arial", Sans-Serif;
color: #3300cc;
text-align : left;
} 
h6 {
font-weight: normal;
font-family: "Times", Sans-Serif;
text-align : left; 
color: olive; 
} 
h2.menu {
font-size : 120%; 
} 
img {
border: 1px dotted #666666;
padding: 3px 3px 3px 3px;background-color:#FFFFF0; 
}
.footer {
font-size : 75%; 
} 
blockquote {
color : #0033cc; 
font-style : italic; 
} 
q {
color : lime; 
font-style : italic; 
} 
caption {
text-align : center; 
font-family: "Times", Sans-Serif;
font-weight: bold;
font-style:italic;
color : #FF6600; 
font-size : 20pt; 
} 
p.quote {
text-align : left; 
color : black; 
font-style: normal;
font-size: large;
line-height : normal; 
font-weight : bold; 
} 
p.authorquote {
text-align : right; 
color : RedOrange; 
font-size: large;
font-style: normal;
line-height : normal; 
font-weight : bold; 
}
.blauwekop {
color:blue;
font-size:18pt;
font-weight:bold;
}
.verkocht {
color:red;
font-size:small;
font-style:italic;
}
.copyright {
text-align : left; 
color : green; 
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-size : 10pt; 
font-family : "Comic Sans MS", Sans-Serif; 
}
.red {
text-align : left; 
color : #ff0000; 
font-style : italic; 
line-height : normal; 
font-weight : normal; 
} 
#contact {
background: url(images/gradientRS2800.jpg) 0% 0% repeat-x;
text-align:center;
border: medium ridge #FFD700;
font-size:1.5em;
border-width:12px;
margin-top:5em;
margin-left:20em;
margin-right:20em;
margin-bottom:5em;
}
#engels {
position:absolute;
top:24em;
left:93em;
background-color: transparent;
padding-bottom: 0em;
padding-left: 0em;
padding-right: 0em;
width:14em;
border: medium ridge #FFD700;
border-width:0px;
font-size:1em;
font-weight:bold;
}
#main {
position:absolute;
top:15em;
left:16em;
color:#FFFFF0;
font-size:1.2em;
border: medium ridge #FFD700;
border-width:0px;
text-align:justify;
background-color:black;
padding: 0px;
width:57em;
}
img.image {
border: 1px solid white;
margin: 10px;
padding: 5px;
}
.blue {color: blue;}
.centertabel {margin-left:auto;margin-right:auto;}
.lichtblauw {color:#40E0D0;}
.lime {color:lime;} 
.gray {color: gray;} 
.fuchsia {color: fuchsia;}
.imgrecent {padding:10px 10px 10px 10px;} 
.cost {color:red;font-weight:bold;}
.olive {color:olive;font-weight:bold;} 
.m5 {margin-left:5em;margin-right:5em;text-align:justify;}
.m25 {margin-left:25em;}
.m10 {margin-left:10em;}
.midden {text-align:center;}
.rechts {text-align:right;}
.vet {font-weight: bolder;}
.vetrood {color:red;font-weight:bold;}
.vetroodgroter {font-weight: bolder;font-size:32pt;color:red;}
.yellow {color:yellow;}
p.txt {
font-size:12pt;
font-family:Verdana, serif;
margin-left:2em;
margin-right:2em;
color:yellow;
text-align:justify;
}
.green {
text-align : left;
color: green;
font-style : normal;
line-height : normal;
font-weight: bold;
font-size: medium; 
}
.redCopy {
text-align : left;
color : #003399;
font-style : italic;
line-height : normal;
font-weight : normal;
background-color: #FFFF00;
}
img.floatlinks{
float: left;
margin: 4px;
}
img.floatrechts {
float: right;
margin: 12px;
}