/* CSS Document */

* {
margin: 0;
padding: 0;
}
body,html {
width: 100%;
overflow-x: hidden;
background: #ffffff;
}

body a {
font-family: Arial;
font-size: 11px;
text-decoration: underline;
color: #989ca1;
}

body a.active{
font-family: Arial;
font-size: 11px;
text-decoration: underline;
color: #989ca1;
}

body a:hover {
font-family: Arial;
font-size: 11px;
text-decoration: none;
color: #989ca1;
}

#placeholder {
position:absolute;
height: 630px;
width: 100%;
top: 50%;
margin-top: -300px;
text-align: center;
}

#page {
margin: 0 auto;
text-align: left;
width: 968px;
height: 100%;
background: url("../afbeeldingen/placeholder.gif") 12px 0px;
}

/* Topmenu */
.topmenu {
width: 900px;
height: 22px;
list-style: none;
margin: 0 0 0 14px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
color: #C7C7C7;
}
.topmenu li {
float: left;
display: inline;
margin-top: 2px;
}

.topmenu li.menu_opvul {
width: 14px;
height: 18px;
display: block;
padding: 0;
text-indent: -9999px;
 text-decoration: none;
 background-attachment:scroll;
 background:url("../afbeeldingen/menu_opvul.gif") no-repeat;
}

.topmenu li a{
height: 18px; 
padding: 0;
padding-right: 10px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
text-decoration: none; 
color: #C7C7C7;
} 

.topmenu li a:hover{
height: 18px; 
padding: 0;
padding-right: 10px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
text-decoration: none; 
color: #8C8C8C;
}

.topmenu li a:active{
height: 18px; 
padding: 0;
padding-right: 10px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
text-decoration: none; 
color: #8C8C8C;
}

.topmenu li a.menu_actief {
height: 18px; 
padding: 0;
padding-right: 10px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
text-decoration: none; 
color: #8C8C8C;
}

.topmenu li.menu_opvul {
width: 14px;
height: 18px;
display: block;
padding: 0;
text-indent: -9999px;
 text-decoration: none;
 background-attachment:scroll;
 background: url("../afbeeldingen/menu_opvul_top.gif") no-repeat;
}


.topmenu li.menu_einde {
width: 20px;
height: 18px;
display: block;
padding: 0;
text-decoration: none;
background: #ffffff;
margin-left: -20px;
}


/* Submenu */
.submenu {
width: 968px;
height: 22px;
list-style: none;
margin: 15px 0 0 14px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 14px;
color: #C7C7C7;
}

.submenu li {
float: left;
display: inline;
margin-top: 2px;
}

.submenu ul li a {
height: 18px;
display: block;
padding: 0;
text-decoration: none;
padding-right: 10px;
padding-bottom: 12px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 14px;
text-decoration: none; 
color: #C7C7C7;
}

.submenu ul li a:hover {
height: 18px;
display: block;
padding: 0;
padding-right: 10px;
text-decoration: none;
font-size: 14px;
color: #8C8C8C;
text-align: center;
}

.submenu ul li a:active {
height: 18px;
display: block;
padding: 0;
padding-right: 10px;
text-decoration: none;
font-size: 14px;
color: #8C8C8C;
text-align: center;
}

.submenu ul li a.submenu_actief {
height: 18px;
display: block;
padding: 0;
text-decoration: none;
font-weight: bold;
color: #8C8C8C;
padding-right: 10px;
}

.submenu li.menu_opvul {
width: 14px;
height: 18px;
display: block;
padding: 0;
text-indent: -9999px;
 text-decoration: none;
 background-attachment:scroll;
 background:url("../afbeeldingen/menu_opvul.gif") no-repeat;
}

.submenu li.menu_einde {
width: 20px;
height: 18px;
display: block;
padding: 0;
text-decoration: none;
background: #ffffff;
margin-left: -13px;
}


/* Submenu */
.subsubmenu {
width: 968px;
height: 18px;
list-style: none;
margin: 11px 0 0 14px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 14px;
color: #C7C7C7;
}

.subsubmenu li {
float: left;
display: inline;
}

.subsubmenu ul li a {
height: 18px;
display: block;
padding: 0;
text-decoration: none;
padding-right: 10px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 14px;
text-decoration: none; 
color: #C7C7C7;
}

.subsubmenu ul li a:hover {
height: 18px;
display: block;
padding: 0;
padding-right: 10px;
text-decoration: none;
color: #8C8C8C;
}

.subsubmenu ul li a:active {
height: 18px;
display: block;
padding: 0;
padding-right: 10px;
text-decoration: none;
color: #8C8C8C;
}

.subsubmenu ul li a.subsubmenu_actief {
height: 18px;
display: block;
padding: 0;
text-decoration: none;
font-weight: bold;
color: #8C8C8C;
padding-right: 10px;
}

.subsubmenu li.menu_opvul {
width: 14px;
height: 18px;
display: block;
padding: 0;
text-decoration: none;
}

.subsubmenu li.menu_einde {
width: 20px;
height: 18px;
display: block;
padding: 0;
text-decoration: none;
background: #ffffff;
margin-left: -13px;
}

.imgDiv {
width: 968px;
height: 435px;
margin-top: 5px;
overflow: hidden;
border: 1px solid #C7C7C7;
}

.txtDiv {
width: 928px;
height: 421px;
margin-top: 5px;
padding-left: 14px;
padding-right: 23px;
padding-top: 14px;
overflow: hidden;
font-family: "Trebuchet MS";
font-size: 14px;
color: #989ca1;
border: 1px solid #C7C7C7;
}

.txt-container {
margin: -7px 0 0 14px;
width: 936px;
height: 90px;
color: #C2C2C2;
line-height: 13px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 11px;
color: #989ca1;
}
.txt-container p {
margin: 13px 0 15px 0;
}
.footer {
position: relative;
width: 968px;
height: 31px;
margin: -30px 0 0 14px;
}

.footer .streep {
position: relative;
top: 0;
float: left;
display: block;
text-indent: -9999px;
width: 6px;
height: 17px;
 background-attachment:scroll;
 background:url("../afbeeldingen/streep.gif") no-repeat;
}

.footer a.nummer {
position: relative;
top: 0;
float: left;
display: block;
width: 12px;
height: 19px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
line-height: 16px;
color: #b3b3b3;
text-decoration: none;
text-align: center;
}

.footer a.nummer_actief {
position: relative;
top: 0;
float: left;
display: block;
width: 12px;
height: 19px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
line-height: 16px;
color: #797979;
text-decoration: none;
text-align: center;
}

.footer a:hover.nummer {
position: relative;
top: 0;
display: block;
float: left;
width: 12px;
height: 19px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #797979;
text-decoration: none;
text-align: center;
}

.footer a:active.nummer {
position: relative;
top: 0;
float: left;
display: block;
width: 12px;
height: 19px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #797979;
text-decoration: none;
text-align: center;
}

.footer a.nummer_actief {
position: relative;
top: 0;
display: block;
float: left;
width: 12px;
height: 19px;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #797979;
text-decoration: none;
text-align: center;
}

.footer .menu_opvul {
width: 15px;
height: 19px;
display: block;
float: left;
position: relative;
padding: 0;
text-indent: -9999px;
 text-decoration: none;
 background-attachment:scroll;
 background:url("../afbeeldingen/streep_navonder.gif") no-repeat;
}

.footer .menu_opvul_einde {
width: 25px;
height: 19px;
display: block;
float: left;
position: relative;
padding: 0;
text-indent: -9999px;
 text-decoration: none;
 background-attachment:scroll;
 background:url("../afbeeldingen/navonder_opvul.gif") no-repeat;
 margin-left: -10px;
}

.footer .pagina {
position: relative;
left: 0px;
top: 0;
float: left;
margin-right: 10px;
display: block;
width: 49px;
height: 19px;
background: url('../afbeeldingen/pagina.gif') 0 0 no-repeat;
text-indent: -9999px;
}

.footer .logo {
position: absolute;
top: 0;
right: 15px;
width: 308px;
height: 31px;
background: url("../afbeeldingen/logo.gif") 0 0 no-repeat;
text-indent: -9999px;
}

.footer .back {
position: absolute;
top: 0;
left: 8px;
width: 90px;
height: 18px;
background: url('../images/button_terug.gif') 0 0 no-repeat;
text-indent: -9999px;
}

.footer .back2 {
position: absolute;
top: 0;
left: 8px;
width: 90px;
height: 18px;
background: url('../images/button_terug.gif') 0 0 no-repeat;
text-indent: -9999px;
}

.footer .forward {
position: absolute;
top: 0;
left: 90px;
width: 90px;
height: 18px;
background: url('../images/button_meer.gif') 0 0 no-repeat;
text-indent: -9999px;
}

.footer .forward2 {
position: absolute;
top: 0;
left: 8px;
width: 90px;
height: 18px;
background: url('../images/button_meer.gif') 0 0 no-repeat;
text-indent: -9999px;
}

.taalkeuze{
position: absolute;
width: 60px;
margin-top: 0px;
margin-left: 912px;
height: 17px;
float: right;
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
color: #C7C7C7;
}

.taalkeuze a{
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
color: #C7C7C7;
text-decoration: none;
}

.taalkeuze a:hover{
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
color: #8C8C8C;
font-weight: bold;
text-decoration: none;
}

.taalkeuze a:active{
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
color: #8C8C8C;
font-weight: bold;
text-decoration: none;
}

.taalkeuze a.actief{
font-family: "Trebuchet MS", "Arial", "Helvetica", Sans-serif;
font-size: 16px;
color: #8C8C8C;
font-weight: bold;
text-decoration: none;
}