BODY
{
padding: 0; 
margin: 0px auto;

background-image: url('../img/achtergrond/bg_index.jpg');
background-repeat: repeat-x;
background-position: top left;
background-attachment: fixed;
background-color: #eaeae9;

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
text-align: left;
color: #000000;
}

html 
{
overflow: -moz-scrollbars-vertical;
}

hr
{
border-bottom : 1px solid #b7242c;
border-top : none;
color : #FF9400;
padding-left: 30px;
}

td.headerlm
{
background-image: url('../img/achtergrond/header/1.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
}

td.headeran
{
background-image: url('../img/achtergrond/header/3.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
}

td.headerlg
{
background-image: url('../img/achtergrond/header/2.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
}

td.headerdb
{
background-image: url('../img/achtergrond/header/4.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
}

td.bgmaincontent
{
background-image: url('../img/achtergrond/bg_main_content.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
}

td.bgmenucontent
{
background-image: url('../img/achtergrond/grijs_wit_vak_intro.jpg');
background-repeat: no-repeat;
background-color: #FFFFFF;
}

/* Overzicht lijst  */

.overzichtcontainer
{
width: 614px;
}

.overzicht a 
{
color: #1asdfa;
background-color: #FFFFFF;
padding: 2px;
padding-left: 30px;
display: block;
border-bottom: 1px solid #E4E4E4;
font: 10px Verdana, sans-serif;
text-decoration: none;
text-align: left;
}

.overzicht a:hover 
{
background-color: #f0ff03;
color: #000000;
text-decoration: none;
}

/* ----------------- INTRO ----------------- */

#intro
{
position: absolute;
top: 50%;
left: 50%;
height: 500px;
width: 900px;
margin-top: -250px; /* De helft van de hoogte */
margin-left: -450px; /* De helft van de breedte */
background: #FFFFFF;
}

/* TEKSTEN */

a:link
{
color: #000000;
border-color: 1px; 
text-decoration: none 
}

a:visited
{
color: #000000; 
text-decoration: none 
}

a:active
{
color: #000000; 
text-decoration: none 
}

a:hover 
{ 
color: #000000; 
text-decoration: underline
}

/* Overzicht lijst  */

.overzichtcontainer
{
width: 619px;
}

.overzicht a 
{
color: #1asdfa;
background-color: #0179ff;
padding: 2px;
padding-left: 0px;
display: block;
border-bottom: 1px solid #E4E4E4;
font: 10px Verdana, sans-serif;
text-decoration: none;
text-align: left;
}

.overzicht a:hover 
{
background-color: #f0ff03;
color: #000000;
text-decoration: none;
}

/* ----------------- SUBMENU ----------------- */

.buttonscontainer 
{
width: 193px;
}

.buttons a 
{
color: #000000;
background-color: #FFFFFF;
padding: 2px;
padding-left: 30px;
display: block;
border-bottom: 1px solid #b7242c;
font: 10px Verdana, sans-serif;
text-decoration: none;
text-align: left;
background-image: url('../img/icons/lees_meer.jpg');
background-repeat: no-repeat;
background-position: 10px 3px;
}

.buttons a:hover 
{
background-color: #b7242c;
color: #FFFFFF;
text-decoration: none;
}

/* ----------------- FORMULIEREN ----------------- */

.area 	
{ 
border: 1px solid #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
}

.button	
{ 
border: 1px solid #000000; 
height: 16px; 
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000; 
}

.dropdown 
{ 
border: 1px solid #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
width: 250px;
color: #000000;
}

.veld 	
{ 
border: 1px solid #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
width: 250px;
}

/* --- TEKST --- */

.beheer 
{
color: #FFFFFF
}

.titelkop 	
{ 
font-size: 10px; 
color: #b7242c; 
font-weight: bold;
padding-top: 20px;
}

.kop 	
{ 
font-size: 14px; 
color: #b7242c; 
font-weight: bold; 
padding-left: 30px;
padding-top: 10px;
text-align: justify
}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000;
text-align: justify;
line-height: 16px;
padding-left: 30px; 
padding-right: 30px;
}

p.beheer
{
color: #FFFFFF;
}

/* ----------------- TABMENUS ----------------- */

ul#navlist
{
color: #7e7e7e; 
list-style-type: none;
padding-bottom: 24px;
border-bottom: 0px solid #000000;
margin: 0;
}

#navcontainer
{
width: 690px;
padding-left: 10px;
}


ul#navlist li
{
float: left;
height: 20px;
background-color: #b64e53;
margin: 2px 0px 0px 4px;
border: 1px solid #b7242c;
}

ul#navlist li#active
{
border-bottom: 1px solid #b7242c;
background-color: #b7242c;
}

li#active a 
{ 
color: #FFFFFF; 
}

#navlist a
{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px;
}

#navlist a:hover 
{ 
background: #b7242c; 
color: #FFFFFF; 
}