body {
text-align:center;
font-family: Verdana, Arial;
background-color: #8FA4C3;
}
#container_header {
position: relative;
margin: 0px auto;
width: 800px;
height: 165px;
background-image: url("images/bg_header.jpg");
background-color: #2a4f88;
z-index:11;
}
#container_home {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_home.jpg");
background-color: #2a4f88;
clear: both;
z-index: 8;
}
#container_cursus {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_cursus.jpg");
background-color: #2a4f88;
}
#container_upgrade {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_upgrade.jpg");
background-color: #2a4f88;
}
#container_database {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_database.jpg");
background-color: #2a4f88;
}
#container_web {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_web.jpg");
background-color: #2a4f88;
}
#container_prijs {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_web.jpg");
background-color: #2a4f88;
}
#container_contact {
position: relative;
margin: 0px auto;
width: 800px;
height: 635px;
background-image: url("images/bg_contact.jpg");
background-color: #2a4f88;
}

#adres {
position: absolute;
top: 20px;
left: 650px;
color: #ffffff;
font-size: 8pt;
text-align: right;
}

#menu {
float: right;
margin-top: 125px;
margin-right: 27px;
color: #ffffff;
font-size: 8pt;
}

#menu a:link		{color:#ffffff; font-size: 8pt; }
#menu a:visited	{color:#fefefe; font-size: 8pt; }
#menu a:active	{color:#ffffff; font-size: 8pt; font-weight: bold; }
#menu a:hover		{color:red; font-size: 8pt; }
#menu a			{text-decoration:none}

.linkerblok1 {
float: left;
position: relative;
height: 260px;
width: 338px;
/*border-left: 1px solid #2A4F85;
border-top: 1px solid #2A4F85;*/
margin-left: 24px;
margin-top: 25px;
text-align: left;
font-size: 8pt;
z-index:8;
}

.rechterblok1 {
float: right;
position: relative;
height: 260px;
width: 338px;
margin-right: 40px;
margin-top: 25px;
text-align: left;
font-size: 8pt;
}

.linkerblok2 {
clear: both;
float: left;
position: relative;
height: 275px;
width: 338px;
margin-left: 24px;
margin-top: 45px;
text-align: left;
font-size: 8pt;
}

.rechterblok2 {
float: right;
position: relative;
height: 275px;
width: 338px;
margin-right: 40px;
margin-top: 45px;
text-align: left;
font-size: 8pt;
}

h1 { color: #2b4f88; font-family: Verdana, Arial; font-size: 14pt; margin: 15px; }
p, ul, table { font-family: Verdana, Arial; font-size: 8pt; color: #000000; padding:0 15px 0 15px; }

ul {
/*display: list-item;*/
list-style: disc;
margin: 0 0 0 32px;
}


#tekstvak_cursus {
float: left;
margin-top: 25px;
margin-left: 24px;
text-align: left;
width: 560px;
height: 450px;
}

#tekstvak_web {
float: right;
margin-top: 25px;
margin-right: 15px;
text-align: left;
width: 560px;
height: 450px;
}

#tekstvak_prijs {
float: right;
margin-top: 25px;
margin-right: 24px;
text-align: left;
width: 560px;
height: 450px;
}

#tekstvak_database {
float: left;
margin-top: 175px;
margin-left: 24px;
text-align: left;
width: 560px;
height: 450px;
}

#tekstvak_upgrade {
float: right;
margin-top: 175px;
margin-right: 24px;
text-align: left;
width: 560px;
height: 450px;
}

#tekstvak_contact {
float: left;
margin-top: 100px;
margin-left: 125px;
text-align: left;
width: 560px;
height: 450px;
}
textarea {
height: 10em;
width: 250px;
}
img {
border-style: none;
}
.leesverder {
text-align: right;
}
/*.leesverder a:link {
color: #2B4F89; 
font-size: 8pt; 
}
.leesverder a:visited	{color:#fefefe; font-size: 8pt; }
.leesverder a:active	{color:#8FA4C3; font-size: 8pt; font-weight: bold; }
.leesverder a:hover	{color: red; font-size: 8pt; }
.leesverder a			{ text-decoration: underline; color:#2B4F89;}*/
.onderstreep {
text-decoration: underline;
}
ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:540px; height:13px; border-top:1px solid #2B4F89; border-bottom:1px solid #2B4F89; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:90px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; color:#ffffff; width:90px; height:10px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#8fa3c4; color:#ffffff; width:88px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:88px; position:absolute; top:21px; left:-1px; border:1px solid #2B4F89; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:88px; clear:left; width:88px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#8fa3c4; padding:4px 0; width:88px; border: 1px solid #ffffff; border-bottom:1px solid #ffffff; position:relative; z-index:10; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#8fa3c4; padding:4px 0; width:88px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:10; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:87px; top:-2px; padding:1px 1px 0 1px; border:1px solid #2B4F89; border-left:1px solid #2B4F89; background:#ffffff; z-index:9; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#2B4F89; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:80px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:80px; font-size:12pt; color:#ffffff; }

#container_web table {
float: left;
margin-left: 220px;
margin-top: 25px;
z-index: 12;
}
#tekstvak_contact table {
float: left;
margin-left: 0px;
margin-top: 25px;
z-index: 12;
}
/*table { margin-left: -2px; }*/


TD               { width: 25%; }
td img{
float: left;
padding: 3px;
margin: 5px 5px 0 0;
}

