/* 
==Reset============================================================================ 
*/
{ 
	font-size: 100%; margin: 0; padding: 0;
}

/* 
==Standaard============================================================================ 
*/
body { font: 12px/18px Arial, Helvetica, sans-serif; background: #282929 url(../img/bg2.gif) repeat-x; margin: 0; padding: 0;}
table { font: 12px/18px Arial, Helvetica, sans-serif; }
p 
{ 
	margin: 10px 0; 
}
.text_red 
{
	color: #00447B;
}
a 
{ 
	color: #00447B; 
	text-decoration: underline; 
}
a:hover 
{	
	color: #DB0302; 
	text-decoration: underline;
}
img 
{ 
	border: 0; 
}
h2 
{ 
	font-size: 16px; 
	color: #00447B; 
	margin: 0; 
	padding: 0 0 2px 0; 
	border-bottom: 1px solid #CDCDCD; 
}
ul.list
{
	list-style-type: square;
	text-indent: 20px;
}
.input
{
	font-size: 11px;
	border: 1px #999999 solid;
}
.button
{
	font-size: 11px;
	background-color: #FFFFFF;		
	border: 1px #999999 solid;	
}
.reference
{
	font-style: italic;
	padding: 10px;
}

.reference a
{
    color: #000000;
    text-decoration: none;
}

.reference a:hover
{
    color: #000000;
    text-decoration: none;
}

.source
{
	font-style: normal;
	float: left;
	font-size: 9px;
	color: #00447B;
}

/* 
==Structuur============================================================================ 
*/
#wrapper 
{ 
    position: relative;
    margin-top:-20px;
    z-index: 2;
}

#copyright
{
	position: absolute;
	width: 604px;
	text-align: center;
	font: 9px/16px normal Tahoma, Arial, Verdana;
	color: gray;
}

#copyright a
{
    color: gray;
    text-decoration: none;
}

#copyright a:hover
{
    color: gray;
    text-decoration: underline;
}

#container 
{ 
    position: absolute; 
    background: url(../img/bg_container.gif) repeat-y; 
    width: 604px; 
    top:40px; 
    left:145px; 
    height: 200px; 
    z-index: 2; 
}

#c-top { background: url(../img/container_top.gif) no-repeat; width: 604px; height: 182px; }
#canvas 
{
    width: 604px; 
    height: 400px;
    background: url(../img/bg_container.gif); 
    clear: both; 
}
#content 
{ 
    width: 540px;
    height: 374px;
    margin: 0 10px 0 40px; 	
    overflow: auto;
	overflow-x: hidden;
}
#content_image 
{ 
    width: 520px; 
    height: 204px;
    margin: 0 10px 0 40px; 	
    overflow: auto;
	overflow-x: hidden;
}
html>body #content { margin: 0px 10px 0 50px; }
#sub { background: url(../img/bg_container_dark.gif); width: 604px; height: 180px; clear: both; }
#footer {
	background: #003560 url(../img/container_bottom.gif) no-repeat;
	width: 604px;
	height: 12px;
}
.spacer { border: 0px solid #000000; background: url(../img/spacer.gif); width: 604px; height: 12px; clear: both; }

/* 
==inhoud============================================================================ 
*/
#header { background: url(../img/header.jpg) no-repeat 7px 15px; height: 188px; }
/*#logo { position: absolute; background: url(../img/logo.gif); width: 130px; height: 132px; top: 40px; right: 50px; }*/
#watermark { background: url(../img/watermark.gif); width: 448px; height: 169px; position: absolute; right: 5%; bottom: 4%; z-index: 1; no-repeat; }

/* 
==Afbeelingenlijst============================================================================ 
*/
#image { text-align: center; width: 604px; padding: 0 0 0 0; }
#image ul { margin: 0 0px 0 0; list-style: none; padding: 0 0 0 0px; }
#image li { width: 112px; height: 112px; background: url(../img/kaderimage.gif) no-repeat; float: left; margin: 0; padding: 9px 10px; }
html>body #image li { padding: 0; }
#image li img { padding: 9px 9px; }

/* 
==Navigate============================================================================ 
*/
#nav { width: 150px; position: absolute; left: 0; top: 84px;z-index: 3; }
#nav a {
	color: #00447B;
}
.mainDiv{ width: 150px; margin: 0; padding: 0; }
.top { background: url(../img/bg_top.gif) no-repeat; width: 150px; height: 20px; margin: 0; padding: 0; }

.bottom{
	border-top: 1px solid #C2CF21;
	border-bottom: 5px solid #FFFFFF;
	margin: 0;
	padding: 0;
}
.bottom_shadow{ border-top: 2px solid #003560; margin: 0; padding: 0;}
.topItem { height: 30px; cursor: pointer; background: #DB0302 url(../img/testmenu1.gif); text-decoration: none; color: #00447B; font-weight: bold; padding-left: 3px; line-height: 30px; width: 147px !important; width: 150px; font-size: 11px; text-transform: uppercase; }
* html .topItem { padding-left: 3px; }
.topItem span { background: url(../img/pijltje.gif) no-repeat left center; padding-left: 12px; }
.dropMenu { background: #DB0302 url(../img/testmenu2.gif); width: 150px; }
.subMenu { display: none; }
.subItem { padding-left: 15px; background: url(../img/pijltje.gif) no-repeat left center; margin-left: 5px; height: 30px; cursor: pointer; font-weight: normal; font-size: 10px; text-decoration: none; color: #00447B; line-height: 30px; }
.subItem a { text-decoration: none; color: #00447B; height: 30px; line-height: 30px; }
.subItemOver { cursor: pointer; color: #00447B; text-decoration: underline; font-weight: normal; padding-left: 10px; height: 30px; line-height: 30px; margin-left: 10px; font-size: 10px; background: url(../img/pijltje.gif) no-repeat left center; }
.subItemOver  a { color: #00447B; height: 30px; line-height: 30px; text-decoration: none; }
.drop { border-left: 1px solid black; border-right: 1px solid black; }