/* CSS Document */

body 
{
background: #E1E1E1;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top left;
margin: 0px;
padding: 0px;
font-family: verdana, lucida, sans-serif;
color: black;
}
body.one{ background-image: url('images/start.jpg');}
body.two{ background-image: url('images/doelstelling.jpg');}
body.tree{ background-image: url('images/wie.jpg');}
body.four{ background-image: url('images/hoe.jpg');}
body.five{ background-image: url('images/praktisch.jpg');}
body.six{ background-image: url('images/fotos.jpg');}
body.seven{ background-image: url('images/medewerkers.jpg');}
body.eight{ background-image: url('images/info.jpg');}


#content
{
padding: 0px;
width: 400px;
margin-top: 0px;
margin-right: auto;
margin-left: 295px;
margin-bottom: auto;
}

#header
{
height: 75px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
text-align: center;
font-size: 20px;
}

#nav
{
width: 380px;
height: 40px;
padding: 0px;
margin-top: 18px;
margin-bottom: auto;
margin-left: auto; 
margin-right: auto;
background-color: #E1E1E1;
color: black;
text-align:center;
text-decoration: none;
font-size: 10px;
}

#main 
{
float: left;
width: 345px;
min-height: 400px;
padding: 0px;
padding-bottom: 15px;
margin-top: 100px;
margin-bottom: auto;
margin-right: auto;
margin-left: 0px; 
text-align:left;
font-size: 12px;
}

#small
{
font-size: 10px;
}

#footer
{
margin-top: 10px;
margin-left: 20px;
width: 280px;
padding:0em;
height: 15px;
text-align: center;
background-color: #EAEAEA;
clear:left;
font-size: 9px;
}

#footer a
{
text-decoration:none;
}

#footer .creation
{
float: left;
}

#footer .website
{
float: right;
}


a:link
{
color: black;
text-decoration:underline;
}
a:visited
{
color:gray;
text-decoration:underline;
}
a:hover
{
color: gray;
text-decoration:underline;
}

#nav ul
{
margin: 0px;
list-style-type: none;
}

#nav ul li
{
float: left;
}

#nav ul li a
{
width: 85px;
height: 20px;
color: black;
display: block;
text-decoration: none;
}

#nav ul li a.one{ background-color: #E1E1E1;}
#nav ul li a.one:hover{ background: #FFEA00;}
#nav a.one:active{ background-color: #FFEA00;}
#nav li#active a.one{ background-color: #FFEA00; font-weight: bold;}

#nav ul li a.two{ background-color: #E1E1E1;}
#nav ul li a.two:hover{ background: #FF1E3E;}
#nav a.two:active{ background-color: #FF1E3E;}
#nav li#active a.two{ background-color: #FF1E3E; font-weight: bold;}

#nav ul li a.tree{ background-color: #E1E1E1;}
#nav ul li a.tree:hover{ background: #1E48FF;}
#nav a.tree:active{ background-color: #1E48FF;}
#nav li#active a.tree{ background-color: #1E48FF; font-weight: bold;}

#nav ul li a.four{ background-color: #E1E1E1;}
#nav ul li a.four:hover{ background: #A5E033;}
#nav a.four:active{ background-color: #A5E033;}
#nav li#active a.four{ background-color: #A5E033; font-weight: bold;}

#nav ul li a.five{ background-color: #E1E1E1;}
#nav ul li a.five:hover{ background: #BF7BB9;}
#nav a.five:active{ background-color: #BF7BB9;}
#nav li#active a.five{ background-color: #BF7BB9; font-weight: bold;}

#nav ul li a.six{ background-color: #E1E1E1;}
#nav ul li a.six:hover{ background: #00CBE3;}
#nav a.six:active{ background-color: #00CBE3;}
#nav li#active a.six{ background-color: #00CBE3; font-weight: bold;}

#nav ul li a.seven{ background-color: #E1E1E1;}
#nav ul li a.seven:hover{ background: #FF9600;}
#nav a.seven:active{ background-color: #FF9600;}
#nav li#active a.seven{ background-color: #FF9600; font-weight: bold;}

#nav ul li a.eight{ background-color: #E1E1E1;}
#nav ul li a.eight:hover{ background: #1CFFA2;}
#nav a.eight:active{ background-color: #1CFFA2;}
#nav li#active a.eight{ background-color: #1CFFA2; font-weight: bold;}

p
{
text-align: justify;
}

p.todo{ color: #FF0000}

fieldset
{ 
margin: 0 0 2em 0; 
padding: 1em .5em .5em .5em; 
border: 1px solid #000000; 
} 

legend
{
padding: .2em; 
background-color: #D5D5D5; 
font-weight: bold; 
color: #000000; 
border: 1px solid #000000; 
}
 
input
{
border: 1px solid #000000; 
font-weight: bold; 
background-color: #FFFFFF;
}

textarea
{
border: 1px solid #000000;
font-weight: bold;
background-color: #FFFFFF;
}