a
{
color: #000000;
}
body
{
	background-image:url(http://www.boomenko.nl/afbeeldingen/luchtblauw.jpg);
	background-repeat:repeat-x;
	background-color: #7dc1ff;
	font-family: Comic Sans MS;
	font-size: 14px;
	color:#FFFFFF;
}
.container
{
	position: relative;
	width: 900px;
	height: auto;
  	margin-left: auto;
  	margin-right: auto;
}
.website_offline
{
text-align:center;
font-weight:700;
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 100%;
background-color: #CCCCCC;
color: #000000;
}
.achtergrond
{
position: absolute;
top: 0px;
left: 0px;
background-image:url(http://www.boomenko.nl/afbeeldingen/achtergrond.png);
background-repeat:no-repeat;
width: 870px; 
height: 900px;
z-index:1; 
}
.logo
{
position:absolute;
top: 15px;
left: 23px;
background-image:url(http://www.boomenko.nl/afbeeldingen/logo.png);
background-repeat:no-repeat;
height: 182px;
width: 185px;
z-index: 8;
}
.titel_pagina
{
position:absolute;
top: -20px;
left: 10px;
background-image:url(http://www.boomenko.nl/afbeeldingen/pagina_pijl.png);
background-repeat:no-repeat;
vertical-align:text-top;
padding-left: 27px;
font-weight:700;
font-size:14px;
font-family: Comic Sans MS;;
color:#FFFFFF;
height: 106px;
width: 632px;
z-index:10;
}
.wolkjes
{
position:absolute;
top: 0px;
right: 50px;
background-image:url(http://www.boomenko.nl/afbeeldingen/wolkjes.png);
height: 106px;
width: 632px;
}

.achtergrond_lelle_belle
{
position:absolute;
background-image: url(http://www.boomenko.nl/afbeeldingen/achtergrond_lelle_belle.png);
background-repeat:no-repeat;
top: 130px;
left: 200px; 
width: 640px;
height: 766px;
padding: 15px;
font-family: Comic Sans MS;
font-size: 14px;
color: #FFFFFF;
}

.hoofd_tabel
{
position: absolute;
top: 130px;
left: 31px;
z-index:7;
}
.menu_tabel
{
position:relative;
background-image:url(http://www.boomenko.nl/afbeeldingen/boomstam.png);
background-repeat:repeat-y;
vertical-align:top;
padding-top: 75px;
padding-left: 10px;
width: 165px;
}
.kop_tabel
{
width: 666px;
}
.inhoud_tabel
{
position:relative;
left: 0px;
background-image:url(http://www.boomenko.nl/afbeeldingen/achtergrond_lelle_belle.png);
background-repeat:no-repeat;
width: 622px;
height: 766px;
padding: 20px;
background-color:#95404b;
border-right: solid 2px #FFFFFF;
vertical-align: top;
}
.top-left {

margin-right: 30px; /* hou rechter hoekje vrij */
background-image: url(http://www.boomenko.nl/css/afbeeldingen/hoek_lb.png);
background-repeat:no-repeat;
height: 30px; /* toon alleen bovenste helft van de figuur */
font-size: 2px; /* corrigeer hoogte voor IE */
}
.top-regel
{
margin-top: -30px; /* naar niveau van linker hoekje */
margin-left: 30px; /* hou linker hoekje vrij */
border-top: solid 2px #FFFFFF;
background-color:#7d1e2c;
width: 390px; /* laat achtergrond vanaf rechts beginnen */
height: 28px; 
font-size: 2px;
}
.top-right {

margin-top: -30px; /* naar niveau van linker hoekje */
margin-left: 30px; /* hou linker hoekje vrij */
background-image: url('../site/css/afbeeldingen/hoek_rb.png'); 
background-repeat:no-repeat;
background-position: 100% 0; /* laat achtergrond vanaf rechts beginnen */
height: 30px; 
font-size: 2px;
}

.bottom-left {

margin-right: 30px; /* hou rechter hoekje vrij */

background-image: url('../site/css/afbeeldingen/hoek_lo.png');
background-repeat: repeat-y;
background-position: 0 -30px; /* toon onderste helft figuur */
height: 30px;
font-size: 2px;
}
.bottom-regel
{
margin-top: -30px; /* naar niveau van linker hoekje */
margin-left: 30px; /* hou linker hoekje vrij */
border-bottom: solid 2px #FFFFFF;
background-color:#7d1e2c;
width: 390px; /* laat achtergrond vanaf rechts beginnen */
height: 28px; 
font-size: 2px;
}
.bottom-right {

margin-top: -30px; /* naar niveau van linker hoekje */
margin-left: 30px; /* hou linker hoekje vrij */
background-image: url(http://www.boomenko.nl/css/afbeeldingen/hoek_ro.png); 
background-repeat: repeat-y;
background-position: 100% -30px; /* onderste helft, rechts beginnen */
height: 30px; 
font-size: 2px; 
}

.inside {
border-left: 2px solid  #FFFFFF;
border-right: 2px solid #FFFFFF;
background: #7d1e2c;
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.tabel_titel
{
background-color: #7F1E2B;
font-family: Comic Sans MS;
font-size: 14px;
color: #FFFFFF;
border: solid 2px #FFFFFF;
padding: 5px; 
}
.tabel_inhoud
{
vertical-align:top;
background-color:#95404b;
font-family: Comic Sans MS;
font-size: 14px;
color:#FFFFFF;
border: solid 2px #FFFFFF;
padding: 5px;
}
.tabel_antwoord
{
background-color: #7F1E2B;
font-family: Comic Sans MS;
font-size: 14px;
color:#000000;
border: solid 2px #FFFFFF;
padding: 5px;
}