body
{
margin: 0;
padding: 0;
font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #222222; /* groen = 227722 */
background-image: url('images/achtergrondverloop.png');
background-position: top center;
}

#boven
{
position: relative;
width: 965px;
height: 143px;
background-image: url('images/boven.png');
margin: 15px auto 0px auto;
text-align: center;
z-index: 2;
}

#bovenlink
{
display: block;
width: 100%;
height: 100%;
}

#vast
{
position: fixed;
top: 173px;
left: 0px;
width: 100%;
z-index: 1;
}

#middeninvast
{
width: 965px;
margin: 0px auto 0px auto;
}

#links
{
width: 170px;
float: left;
}

#linksboven
{
height: 30px;
width: 170px;
background-image: url('images/linksboven.png');
}

#linksinhoud
{
background-image: url('images/links.png');
text-align: center;
min-height: 240px;
}

#linksinhoud a
{
color: #FFFFFF;
text-decoration: none;
}

#linksinhoud a:hover
{
color: #888888;
}

#icoon
{
position: absolute;
top: -13px;
left: 15px;
width: auto;
height: auto;
}

#linksAbsolute
{
position: absolute;
text-align: center;
margin-left: 40px;
}

#linksAbsoluteIE
{
position: relative;
right: 84px;
}

#linksAbsoluteIE p
{
margin: 13px 0px 0px 0px;
}

#linksonder
{
height: 30px;
width: 170px;
background-image: url('images/linksonder.png');
}

#rechts
{
width: 170px;
float: right;
}

#rechtsboven
{
height: 30px;
width: 170px;
background-image: url('images/rechtsboven.png');
}

#rechtsinhoud
{
background-image: url('images/rechts.png');
text-align: center;
color: #AAAAAA;
}

#rechtsinhoud a
{
color: #FFFFFF;
text-decoration: none;
}

#rechtsinhoud a:hover
{
color: #AAAAAA;
}

#welkom
{
font-size: larger;
}

#inloggentitel
{
font-size: larger;
}

#rechtsonder
{
height: 30px;
width: 170px;
background-image: url('images/rechtsonder.png');
}

#balken
{
position: relative;
width: 594px;
padding-left: 185px;
padding-right: 186px;
background-image: url('images/balken.png');
/* tag hierionder zijn om dit element over de boven- en onderkant heen te schuiven */
margin: -19px auto -19px auto;
}

#balkenIE
{
position: relative;
right: 185px;
width: 594px;
margin: 0px auto 0px auto;
}

#inhoud
{
position: relative;
width: 594px;
z-index: 3;
}

#inhoudboven
{
height: 30px;
width: 594px;
background-image: url('images/inhoudboven.png');
}

#inhoudinhoud
{
background-image: url('images/inhoud.png');
padding: 0px 20px 0px 20px;
min-height: 350px;
}

#minimaleHoogte
{
width: 1px;
height: 350px;
float: right;
}

#inhoudonder
{
height: 30px;
width: 594px;
background-image: url('images/inhoudonder.png');
}

#onder
{
position: relative;
width: 965px;
height: 69px;
background-image: url('images/onder.png');
margin: 0px auto 15px auto;
z-index: 2;
}

/* mod pagina's  stijlen */

#docentenmod
{
border: 1px solid black;
border-collapse: collapse;
}

#docentenmod th
{
border: 1px solid black;
}

#docentenmod td
{
border: 1px solid black;
padding: 5px;
}

#wachtwoord
{
width: 130px;
}

#onderwerpTabel
{
border-spacing: 10px;
}

#onderwerpTabel td
{
padding: 3px;
width: 142px;
height: 160px;
border: 10px outset #FF0000;
vertical-align: top;
}

hr
{
background-color: #777777;
}

#balletje
{
position: absolute;
top: -17px;
right: -22px;
width: 95px;
height: 95px;
background-image: url('images/balletje.png');
z-index: 4;
}

#plaatjeFrame
{
width: 550px;
height: 400px;
border: 2px solid #CCCCCC;
}

#plaatjeFrameIE
{
position: relative;
left: 80px;
width: 550px;
height: 400px;
border: 1px solid #CCCCCC;
margin-bottom: 0;
}

#sitemaponderwerpen
{
margin: 20px;
}

#england2
{
position: relative;
bottom: 20px;
margin: 0;
padding: 0;
float: right;
}

/* classes */

.geentopmargin
{
margin-top: 0;
}

.geenbottommargin
{
margin-bottom: 0;
}

.help
{
position: absolute;
left: 60px;
padding: 0px 5px 0px 5px;
background-color: #FFFF99;
border: 1px solid #000000;
font-size: smaller;
visibility: hidden;
z-index: 4;
}

.gameLink
{
position: absolute;
top: -125px;
right: -187px;
padding: 0px 5px 0px 5px;
background-color: #FFFFFF;
border: 1px solid #000000;
font-size: smaller;
visibility: hidden;
z-index: 4;
}

.inloginput
{
width: 130px;
}

.wijzigOnderwerpCelBreedte
{
width: 240px;
}

.onderwerpPlaatje
{
margin: 3px;
float: left;
}

.inhoudPlaatjeLINKS
{
margin: 3px;
float: left;
}

.inhoudPlaatjeRECHTS
{
margin: 3px;
float: right;
}

.resultatentabel
{
border-collapse: collapse;
background-color: #FFFFFF;
border: 1px solid #999999;
}

.resultatentabel th
{
padding: 5px;
background-color: #999999;
text-align: left;
}

.resultatentabel td
{
padding: 5px;
border: 1px solid #DDDDDD;
}

.onderwerpentabel
{
background: #88DD55;
}

.gastenboektabel
{
font-size: smaller;
background-color: #333333;
border: 1px solid #000000;
margin-bottom: 2px;
color: #FFFFFF;
width: 550px;
}

.gastenboektabel td
{
width: 240px;
}

.gastenboektabel td b
{
color: #339933;
}

.gastenboekform input
{
margin-right: 0;
vertical-align: top;
height: 30px;
width: 150px;
background-color: #333333;
color: #339933;
font-size: smaller;
}

.gastenboekform textarea
{
margin-left: 0;
background-color: #333333;
color: #FFFFFF;
width: 388px;
}

.gastenboekformsubmit
{
position: relative;
bottom: 32px;
}