@charset "UTF-8";
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html 
{
height:100%;
overflow-y:scroll;
}
* 
{
margin:0;
padding:0;
}
body 
{
background-color:#FF00CC;
background-image:url(../images/bg_main_repeat.jpg);
background-position:center top;
text-align:center; /* IE6 */
padding-top:15px;
}

.clr {
clear:both;
font-size:0;
height:0;
line-height:0;
}
.empty {
font-size:0;
line-height:0;
}

form.editor
{
margin-left:-85px;
background-color:#CCCCCC;
width:630px;
padding:5px;
}
form.editor fieldset
{
padding:5px;
}
form.editor fieldset,
.mceEditorContainer
{
background-color:#CCCCCC;
}


/*****************************************/
/*** Content specific layout elements ***/
/*****************************************/


div.blog
{
}
div.leading
{
}
div.contentpaneopen_edit
{
float:left;
margin-left:-30px;
}
div.article_column 
{
}
div.column1
{
}
div.column2
{
}
div.column3
{
}
div.cols2
{
float:left;
width:49%;
}
div.cols3
{
float:left;
width:32%;
}
span.article_separator
{
display:block;
float:left;
width:1%;
}

h2.contentheading
{
}

p.buttonheading
{
}
p.buttonheading a
{
}
p.buttonheading a img
{
}	

p.iteminfo
{
}

p.iteminfo span.modifydate
{
}
p.iteminfo span.createdby
{
}
p.iteminfo span.createdate
{
}

/* main separators */
span.leading_separator
{
display:block;
width:100%;
margin:15px 0px 15px;
height:1px;
/* border-bottom:1px dashed #000000; */
}
span.row_separator
{
clear:both;
display:block;
width:100%;
margin:15px 0px 15px;
height:1px;
border-top:1px dashed #CC3366;
}
/* content navigation */
table.contenttoc
{
float:right;
font-size:10px;
}
table.contenttoc a
{
color:#666666;
text-decoration:none;
}
table.contenttoc a:hover
{
color:#CC3366;
text-decoration:underline;
}
/* page navigation */
a.readon
{
margin-top:5px;
text-align:right;
display:block;
color:#CC3366;
}
div.pagenavbar
{
text-align:center;
}
div.pagenavbar a
{
color:#CC3366;
text-decoration:none;
}
div.pagenavbar a:hover
{
color:#CC3366;
text-decoration:underline;
}

/*****************************************/
/*** Module specific layout elements ***/
/*****************************************/



div#framecontainer
{
position:relative;
width:963px;
margin:0px auto;
text-align:left; /* IE6 */
}
div#bgcontainer
{
position:relative;
width:963px;
margin:0px auto;
min-height:1315px;
_height:1315px; /* IE6 */
background-image:url(../images/bg_frame_block.png);
background-position:center top;
background-repeat:no-repeat;
z-index:10;
}
div#topcontainer
{
position:absolute;
text-align:center;
width:100%;
background-repeat:no-repeat;
top:-8px;
z-index:60;
}
   

/* Inbeeld archief menu */
div#contentbox div.blog div.leading
{
margin-top:-65px;
width:200px;
}


div#maincontainer
{
}
div#imagebox
{
position:absolute;
left:0px; /* IE6 + 7*/
top:0px;
z-index:30;
}
div#logobox
{
position:absolute;
left:17px;
top:22px;
width:223px;
height:234px;
background-image:url(../images/img_logo.png);
background-position:center top;
background-repeat:no-repeat;
z-index:50;
}
div#logobox a.homebut
{
display:block;
width:190px;
height:114px;
margin:15px;
}
div#logobox a.homebut span
{
display:none;
}
div#menucontainer
{
position:absolute;
left:-45px;
top:143px;
z-index:50;
}
div#menudisplay
{
position:absolute;
left:-45px;
top:143px;
width:352px;
height:392px;
background-image:url(../images/buttons_start.png);
background-position:center top;
background-repeat:no-repeat;
z-index:35;
}
div#contentcontainer
{
position:absolute;
width:566px;
left:74px;
top:200px;
min-height:580px; /* IE6 */
_height:580px;
/*
background-image:url(../images/bg_content_block.jpg);
background-position:center 360px;
background-repeat:no-repeat;
*/
z-index:40;
}
div#contentbox
{
display:relative;
margin:130px 40px 30px 100px;
z-index:100;
}

div#copyrightbox
{
position:absolute;
bottom:-34px;
right:10px;
width:54px;
height:56px;
background-image:url(../images/copyright_off.png); 
background-position:center top;
background-repeat:no-repeat;
z-index:80;
}
div#copyrightbox span
{
display:none;
}
div#copyrightdisplay
{
position:absolute;
bottom:-156px;
right:0px;
}
div#copyrightbox.collap div#copyrightdisplay
{
display:none;
}
div#copyrightbox.foldout div#copyrightdisplay
{
display:block;
}


