﻿   /*

Dierz
Paars:	77297d
Roze:	efe1ef
Geel:	fff6cd
GeelR:	f9dc5c
	*/
   
   
    .layer
    {
        position: absolute;
        top:0px;
        left:0px;
        width:600px;
        border:0px solid #000;       
    }
    body {
	    height:100%;
	    color: #575759;
	    font-family: Verdana;
	    padding: 0;
	    margin:0;
	    font-size:76%;
	    float:none;
	    margin-top:0px; /* 32px */
        background-color: #77297d;
    }
    form
    {
        width: 700px;
    }
    
    #copyright
    {
		display: none;
        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;
        display: none;
    }
        
 
    .bannerright
    {
        padding-left: 10px; 
        border-left: 1px solid #8d8b8d;
        height: 560px;
    }
    .container
    {
        border: 0px solid red;
    }
    
    /**/
    .content 
    {
        padding: 0px;
	    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: #fff6cd; 
        vertical-align: bottom; 
        text-align: right;
    }
    .contentheader span
    {
        position: absolute;
        bottom: 0px;
        right: 0px;
        color:#000;
        font-size: 15pt;
        font-weight: bold;
        padding: 10px;
    }
    .startblock
    {
        height: 323px;
        background-color: #e9eff1; 
        padding:10px;
    }
    .pagetext
    {
        color: #575759;
        font-size: 9pt;
        font-family: "Verdana"; 
        overflow: auto;
    }    
    .pagetext a:visited
    {
        color: #ee2d24;
    }
    .pagetext a
    {
        color: #ee2d24;
    }
    .pagetext span
    {
        font-size: 9pt;
        font-weight: normal;
    }
    .pagetitle
    {
        font-size:13pt;
        font-weight: bold;
        color: #ee820f;
    }
    .seperator
    {
        height: 10px; background-color: #FFFFFF;
    }
    
   	.width {
	    background-color: #FFFFFF;
    }
    
    
    /**/
    .header {
        height:90px; 
        width: 535px;
        background:#fff; 
        text-align:center; 
        border: 0px solid black;
        background-image: url("pt_logo.jpg");
        background-position: left, top;
        background-repeat: no-repeat; 
        display: block;
    }
    .header{margin-left:50px; margin-top: -10px;}

    a {color: #77297d;}
    a:hover {color:#77297d;}
    a:visited {color:#77297d;}
    
    .darklink a, .darklink a:hover, .darklink a:visited {color:#575759;}
 
    .PicBannerHome {background-color: #77297d; border: 1px solid #575759;}   
    .PicHondLook {background-image: url("../../images/PicHondLook.jpg"); background-repeat: no-repeat; background-position: right;}
    .PicHome {border: 2px solid #f9dc5c; 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;}

 .banner
 {
	display: none;
    cursor: pointer;
    height: 40px;   
    vertical-align: middle;
    color: #FFFFFF;
 }
 
.bannertext1
{
    font-size: 20px;    
}

#loginbanner
{
	display: none;
    border: 1px solid #ee2d24;
    width: 680px;
    margin-right: auto;
    margin-left: auto;
    background-color: #575759;
    color: #FFFFFF;
    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: #77297d; 
    padding-top: 5px;
    color: #FFFFFF;    
    font-weight: bold;
    width: 326px;
}

.hidden
{
    display:none;    
}

/************************************************************************
* 
* 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;
	z-index: 1;
}
.footer a {
	color: #77297d;
}


/* TEST layout*/
.Font
{
    font-family: Verdana;
    font-size: 76%;
    color: #575759;
}

.Background
{
    background-color: #ee2d24;    
}

.Footer
{
    color: #575759;
}

.Footer a, .Footer a:hover, .Footer a:visited
{
    color: #77297d;    
}

.question
{
    color: #77297d;
    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: #e9eff1;
}
.testbuttons 
{
	background-color: #e9eff1;
}
.emailinput
{
    background-color: #77297d;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}
.textlabel
{
    font-weight: bold;
}
.extrainfo
{
    font-style: italic;
    font-size: 10px;
    color: #575759;
}

.bottom
{
	display: none;	
}

.skinlogo
{
	margin-top: 20px;	
}

.questionmarkimage
{
	cursor: pointer;	
}

.border
{
    border: 4px #e9eff1 solid;
}
.alignleft
{
    width: 100%;
    text-align: left;    
}
.rasimageborder
{
	border: 3px solid #d2d9d0;	
}