.layer
    {
        position: absolute;
        top:10px;
        left:0px;
        width:100%;
        border:0px solid #000;       
    }
    body {
	    height:100%;
	    color: #575759;
	    font-family: Verdana;
	    padding: 0;
	    margin:0;
	    font-size:76%;
	    float:none;
	    margin-top:32px;
        background-color: #00ade5;
    }
    form
    {
        
    }
    
    #copyright
    {
        position: relative;
        top: 2px;
        width: 100%;
        text-align: center;    
        color: Black;
    }
    #copyright a, #copyright a:hover, #copyright a:visited {color: #000000;} 
    
    .achtergrond
    {
        position: absolute; left: 0px; width: 100%; z-index:1;
    }
        
    .Hoed1  {top: 50px; right: 430px;}
    .Hoed2  {top: 300px; right: 380px;}
    .Hoed3  {top: 500px; right: 480px;}
    .Hoed4  {top: 630px; right: 400px;}
    /*.Hoed5  {top: 600px; right: 230px;}*/
    .Hoed6  {top: 80px; left: 370px;}
    .Hoed7  {top: 180px; left: 450px;}
    .Hoed8  {top: 400px; left: 430px;}
    .Hoed9  {top: 600px; left: 350px;}
    /*.Hoed10 {top: 600px; left: 100px;}*/
    
    .bannerright
    {
        padding-left: 10px; 
        border-left: 1px solid #8d8b8d;
        height: 560px;
    }
    .container
    {
        border: 0px solid red;
    }
    * html .container {
	    height:100%;
	    margin-left: -700px;
	    position: relative;
    }
    /*\*/
    * html .content {
	    height: 1px;
    }
    * html .container {
	    height: 1px;
    }
    /**/
    .content 
    {
        min-height: 660px;
	    padding: 10px;
	    padding-left: 13px;
	    border: 0px solid red;	
        z-index: 10;
        position: relative;
    }
    .contentcontainer
    {
        position: relative; 
        width: 100%;
        border: 0px solid red;
    }
    .left
    {
        height: 560px;
        position: relative;
        border: 0px solid black;
    }
    .contentheader
    {
        position: relative;
        height:150px; 
        background-color: #575759; 
        vertical-align: bottom; 
        text-align: right;
    }
    .contentheader span
    {
        position: absolute;
        bottom: 0px;
        right: 0px;
        color:#00ade5;
        font-size: 15pt;
        font-weight: bold;
        padding: 10px;
    }
    .startblock
    {
        height: 323px;
        background-color: #eae5eb; 
        padding:10px;
    }
    .pagetext
    {
        color: #575759;
        font-size: 9pt;
        font-family: "Verdana"; 
        overflow: auto;
    }    
    .pagetext a:visited
    {
        color: #00ade5;
    }
    .pagetext a
    {
        color: #00ade5;
    }
    .pagetext span
    {
        font-size: 9pt;
        font-weight: normal;
    }
    .pagetitle
    {
        font-size:13pt;
        font-weight: bold;
        color: #ee820f;
    }
    .seperator
    {
        height: 10px; background-color: #FFFFFF;
    }
    
    /*height:700px;*/
	.width {
	    width: 700px;
	    min-width: 700px;
	    margin:0 auto;
	    min-height:690px;
	    border: 1px solid #000;
	    background-color: #FFFFFF;
    }
    * html .minwidth {
	    padding-left: 700px;
    }
    /*\*/
    * html .layout {
	    height: 1px;
    }
    * html .minwidth {
	    height: 1px;
    }
    /**/
    .header {
        height:110px; 
        background:#fff; 
        text-align:center; 
        border: 0px solid black;
        background-image: url("../../images/blue/logo.jpg");
        background-repeat: no-repeat; 
        display: block;
    }
    .header{margin-left:50px;}

    a {color: #00ade5;}
    a:hover {color:#ee820f;}
    a:visited {color:#00ade5;}
    
    .darklink a, .darklink a:hover, .darklink a:visited {color:#575759;}
 
	/* background-image: url("../images/BannerBack.jpg"); background-repeat: repeat-x;  */
    .PicBannerHome {background-color: #00ade5; border: 1px solid #575759;}   
    .PicHondLook {background-image: url("../../images/PicHondLook.jpg"); background-repeat: no-repeat; background-position: right;}
    .PicHome {border: 2px solid #575759; height: 150px; background-image: url("../../images/PicHome.jpg"); background-repeat: no-repeat; }
    .Hoed {z-index: -9; height: 81px; width: 84px; background-image: url("../../images/blue/achtergrond4.jpg"); background-repeat: no-repeat; position: absolute;}
    /*
    .Wobbler 
    {
        z-index: 1; height: 75px; background-repeat: no-repeat; background-position: center;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/Wobbler.png');
    }
    .Wobbler[class]{background-image: url("../images/Wobbler.png");}
    */
 .banner
 {
    cursor: pointer;
    height: 40px;   
    vertical-align: middle;
    color: Black;
 }
 
.bannertext1
{
    font-size: 20px;    
}

#loginbanner
{
    border: 1px solid #00ade5;
    width: 680px;
    margin-right: auto;
    margin-left: auto;
    background-color: #575759;
    color: #00ade5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    position: absolute;
    top: 0px;
    height:24px;
}

 
#loginbanner h2
{
    font-size: 1em;
    font-weight: normal;
    margin-top: 8px;
}

.adheadermain
{
    padding-left: 5px;
    height: 17px; 
    background-color: #00ade5; 
    padding-top: 5px;
    color: #FFFFFF;    
    font-weight: bold;
    width: 326px;
}

.hidden
{
    display:none;    
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */

/* used as the cssclass of the actual calendar */

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

/************************************************************************/

/************************************************************************
* 
* Image functionality
*
************************************************************************/

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead 

.thumbnail a:link img, #thumbnail a:visited img
{
    border: 2px solid #883D08;
}
.thumbnail a:hover img
{
    border: 2px solid #FFFFFF;
}
.thumbnail a:active img
{
    border: 2px solid #000000;
}
*/

/*********************/

/* Used by the page number control */


/* Used by the page number control */

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall-ovr
{
    text-decoration: none;
    border-top:3px solid #575759;
    border-left:3px solid #575759;
    border-right:3px solid #575759;
    border-bottom: 3px solid #ee820f;
}


/* Goes around controls that need to be presented as a block of functionality  */

/* PhotoFormPicker */
.startText {
	text-align: center;
	font-family: verdana;
	font-size: 18px;
	width: 90%;
	margin-top:20px;
}
.footer {
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
}
.footer a {
	color: #00ade5;
}


/* TEST layout*/
.Font
{
    font-family: Verdana;
    font-size: 76%;
    color: #575759;
}

.Background
{
    background-color: #00ade5;    
}

.Footer
{
    color: #575759;
}

.Footer a, .Footer a:hover, .Footer a:visited
{
    color: #00ade5;    
}

.question
{
    color: #00ade5;
    font-size: 10pt;
    font-weight: bold;  
}

.questionMore
{
    color: #575759;
    font-size: 8pt;
    font-weight: normal;  
}

.answer
{
    color: #575759;
}

.answer input
{
	margin-left: -3px;	
}


.answerprefix
{
    color: #575759;  
    font-weight: bold;  
}
.testheader
{
    background-color: #777777;
	color: #FFFFFF;
}
.testquestions 
{
	background-color: #d2d9d0;
}
.testbuttons 
{
	background-color: #d2d9d0;
}
.emailinput
{
    background-color: #00ade5;
    border: 2px solid #FFFFFF;
    color: #575759;
}
.textlabel
{
    font-weight: bold;
}
.extrainfo
{
    font-style: italic;
    font-size: 10px;
    color: #575759;
}

startbutton_normal
{
    background-image: url('../images/blue/start_buttonN.jpg');    
}

startbutton_hover
{
    background-image: url('../images/start_buttonH.jpg');    
}

.border
{
    border: 4px #d2d9d0 solid;
}
.alignleft
{
    width: 100%;
    text-align: left;    
}
.rasimageborder
{
	border: 3px solid #d2d9d0;	
}