@charset "utf-8";
/* CSS Document */

body { margin-top: 0px; background-color: #000000; background-image: url(images/back.gif); background-repeat: no-repeat; font-family: Arial, Verdana; font-size: 11pt; }

#container { position: relative; width: 900px; }

#welkom { position: relative; background-color: #000000; width: 900px; background-image: url(images/welkom.jpg); top: 100px;  }

#logo { position: absolute; top: 30px; left: 0px; height: 100px; }

#logowelkom { position: absolute; top: 130px; left: 0px; height: 100px; z-index: 2; }

#topmenu { position: absolute; top: 5px; right: 0px; height: 15px; text-align: right; color: #FFFFFF; font-size: 12px; }

#departementmenu { position: absolute; top: 80px; left: 250px; height: 50px; text-align: left; }

#menu { position: absolute; top: 130px; left: 0px; background-color: #121212; height: 244px; width: 244px; padding: 3px;  }

#content { position: absolute; top: 380px; right: 0px; width: 610px; background-color: #FFFFFF; padding: 20px; text-align: left; font-size: 11pt; line-height: 20px; }

.title { color: #000000; font-size: 30px; font-weight: bold; text-align: left; }
.darktitle { color: #FFFFFF; font-size: 30px; font-weight: bold; }

h1 { font-size: 25px; }

a.topmenu:link, a.topmenu:visited { color: #FFFFFF; }
a.topmenu:hover { color: #FFFFFF; text-decoration: none; }
a.topmenu:active { color: #FFFFFF; }

a.menu:link, a.menu:visited { 
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
text-align: left;
color: #FFFFFF; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
cursor: hand; 
font-variant: normal; 
text-transform: normal;
font-size: 15px;
display: block;
border-bottom: 1px dotted #FFFFFF;
width: 215px;
 } 

a.menu:hover { 
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
text-align: left;
background-position: left;
color: #CCCCCC; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
cursor: hand; 
font-variant: normal; 
text-transform: normal;
font-size: 15px;
display: block;
width: 215px;
border-bottom: 1px dotted #FFFFFF;
 } 

a.menu:active { 
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
text-align: left;
color: #CCCCCC; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
cursor: hand; 
font-variant: normal; 
text-transform: normal;
font-size: 15px;
display: block;
width: 215px;
border-bottom: 1px dotted #FFFFFF;
 }
 
 .curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 500px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.activemenu { padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left;
text-align: left;
color: #CCCCCC; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
cursor: hand; 
font-variant: normal; 
text-transform: normal;
font-size: 15px;
display: block;
width: 215px;
border-bottom: 1px dotted #FFFFFF; }