/* CSS Document */
body {
background-image: url('images/back.gif');
background-color: #4c636e;
background-repeat:repeat-y;
background-position:center;
margin: 0px;
padding: 0px;
font-family: arial, Helvetica, sans-serif;
}
.clear {
clear: both;
}
input
{
    background-color:#909ea8;
    border: 1px #4c636e solid;
}
select
{
    background-color:#909ea8;
    border:1px #4c636e solid;
}
textarea
{
    background-color:#909ea8;
    border:1px #4c636e solid;
}

a 
{
    outline: none;
    color: black;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
    color: Black;
}

h2
{
width:500px;
font-size: 16px;
font-weight:bold;
color: #3c3232;
background-repeat: no-repeat;
background-image: url('images/ondertitel.jpg');
background-position: bottom; 
}

/* HEADER */
#container {
width:750px;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: #192c34; }

#header {
text-align:left;
width: 100%;
height: 120px;
background-image: url('images/header.png');
background-repeat: repeat-x;
}

#header h1{
float:left;
margin: 0px;
background-image: url("images/logo.png");
background-repeat:no-repeat;
width:290px;
height:100%;
}
#header h1 a {
width: 100%;
height: 100%;
display: block;
outline-width: 0px;
}
#header h1 span{
display:none;
}

/* POPUP */
#popup 
{
padding-left: 35px;
padding-top: 15px;
float: right;
width:222px;
height: 80px;
background-image: url('images/popup.png');
background-repeat: no-repeat;
padding-left: 5px;
color: white;
font-size: 10px; }

#popup a
{
    color: White;
    text-decoration : none;
}
#popup a:hover
{
 text-decoration: underline;   
}


/* MENU */
#menu {
height: 30px;
width: 100%;
background-image: url('images/unselect2.png');
background-repeat: repeat-x;
border-top:1px solid #445a62;
}
.navigatie a {
outline-width:0px;
}
.navigatie {
background-color: gray;
list-style:none;
margin: 0px;
padding: 0px;
font-size: 10px;
float:right;
height:100%;
}
.navigatie li {
height:100%;
background-image: url('images/space2.png');
margin: 0px;
float: left;
padding-left:2px;
}
.navigatie li a {
height:22px;
display: block;
float: left;
background-image: url('images/unselect2.png');
color: white;
text-decoration: none;
font-weight: bold;
padding-right:7px;
padding-left:7px;
padding-top:8px;
}
.navigatie li a:hover {
height:22px;
color: white;
background-image: url('images/select2.png');
}

/* SUBMENU */
#submenu {
height: 30px;
width: 100%;
background-image: url('images/unselect.png');
background-repeat: repeat-x;
border-bottom:1px solid #445a62;
}
.subnavigatie {
background-color: gray;
list-style:none;
margin: 0px;
padding: 0px;
font-size: 10px;
float:right;
height:100%;
}
.subnavigatie a {
outline-width:0px;
}
.subnavigatie li {
height:100%;
background-image: url('images/space.png');
margin: 0px;
float: left;
padding-left:2px;
}
.subnavigatie li a {
height:22px;
display: block;
float: left;
background-image: url('images/unselect.png');
color: #88a8b7;
text-decoration: none;
font-weight: bold;
padding-right:7px;
padding-left:7px;
padding-top:8px;
}
.subnavigatie li a:hover {
height:22px;
color: #88a8b7;
background-image: url('images/select.png');
}

/* CONTENT */
#content 
{
font-family:Verdana;
background-image: url('images/fade.png');
background-position: top;
background-repeat:repeat-x;
padding-top: 18px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
width: 520px;
float: left;
min-height: 400px;
height: auto;
background-color: white;
text-align: left;
color: black;
font-size: 12px;

}

/* INFOBAR */
#infobar {
background-color: #192c34;
width: 200px;
float: right;
height: auto;
text-align: left;
color: white;
font-size: 10px;
}

/* FOOTER */

#footer {
width: 100%;
height: 25px;
background-color: #3c3232;
border-top: 1px solid #445a62;
font-size: 10px;
color: white;
text-align: center;
padding-top: 10px;
}

#footer a
{
    color: White;
    text-decoration: underline;
}

/* STIJLEN */


#meldingOK
{
    margin-top:10px;
height: 21px;
padding-top: 5px;
padding-left: 5px;
width: 440px;
border: 1px solid #93d976;
background-color: #eff9cf;
color:  green;
}

#melding
{
height: 21px;
padding-top: 5px;
padding-left: 5px;
width: 440px;
border: 1px solid #a0a2a2;
background-color: #cccfd0;
color:  black;
margin-bottom: 10px;
}

#melding a
{
text-decoration:none;
color:  black;
}

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


#meldingNIETOK 
{
    margin-top:10px;
   height: 21px;
   padding-top: 5px;
   padding-left: 5px;
   width: 440px;
   border: 1px solid #f96f72;
   color: red;
   background-color: #fcccc8;
}