/*  ==========================================================================================
	Project: 					PSVOL website
	Original author :			Gaston Jamin (g.jamin@nexwork.nl)
 	------------------------------------------------------------------------------------------
	Laatste aanpassing door :	Gaston Jamin
	Laatste aanpassing datum:	06-04-2004
	
	Laatste aanpassingen:
	Werkveldkoppen en margins.	
	========================================================================================== */

	
/*	-----------------------------------------------------------------------------------------
	Algemene opmerkingen
	
	Verschillende header-foto's in de content-template:
	De content-template bevat een headerfoto waarbij een persoon is afgebeeld die uit het kader
	breekt. Deze foto is in vier verschillende delen geknipt; deze delen komen op de volgende 
	plekken in deze stylesheet terug:
	
	- De ID contentheader (in de classes topfoto en kleurbalk)
	  Als er een nieuwe balk moet worden toegevoegd kan deze hele ID worden gekopieerd, en 
	  krijgt dan vervolgens een andere nummer achter de naam (bijv. contentheader3). Met deze
	  extensie (_01 etc) kan aan de voorkant bepaald worden welke foto zichtbaar is.
	- De selector .nieuwsachtergrond  (1 - 2, etc.)
	  Deze bepaalt het stuk van de foto achter de nieuwsblok
	- In de ID Werkveld de class werkveld .headerfoto01, werkveld .headerfoto2, etc.
	  Deze class kan bijgemaakt worden en voorzien worden van een ander nummer indien er een 
	  nieuwe foto wordt toegevoegd.  
	------------------------------------------------------------------------------------------ */	
	
	
BODY
{
   BACKGROUND-COLOR: #F5EBF1;
	background-image : url(../media/werkveld_omkasting.gif);	
   FONT-FAMILY: Arial, tahoma, Geneva, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   LETTER-SPACING: normal;
   TEXT-TRANSFORM: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}
TD
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
}

A{	
	color : #6B017D;
	text-decoration: none;
	font-weight: bold;	
}	
			
A:hover	{	
	color : #6B017D;
	text-decoration: underline;
}

BLOCKQUOTE, PRE	{	
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
}	
	
UL LI	{	
	list-style-type:	square ;
}

/*	-----------------------------------------------------------------------------------------
	De vaste velden input, select en textarea 
	
	Een extra ID met de naam formfields is toegevoegd om ervoor te zorgen dat de checkboxen
	en de radio buttons geen achtergrond en border krijgen. In de template krijgt de cel
	waar deze instaan de ID formfields mee.
	------------------------------------------------------------------------------------------ */	

input
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #560065;
	background : #E7CFDD;
	border-color: #F92891;
	border-width: 1px;
	border-style: solid;
}
select
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #560065;
	background : #E7CFDD;
	border-color: #F92891;
	border-width: 1px;
	border-style: solid;
}
textarea{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color : #560065;
	background : #E7CFDD;
	border-color: #F92891;
	border-width: 1px;
	border-style: solid;
}
#formfields input
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #560065;
	background : #F5EBF1;
	border-width: 0px;
}

/*	-----------------------------------------------------------------------------------------
	homepageheader
	Deze id geeft vorm aan de bovenbalk van de homepage. Het plaatst met name de afbeeldingen 
	in de achtergrond. Op deze manier kunnen de plaatjes voor de homepage centraal worden
	aangepast. De celmaten en repeat-acties zijn ook gedefinieerd (width en height - bg-repeat).
	------------------------------------------------------------------------------------------ */	

#homepageheader
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#homepageheader .topfoto
{
	width: 770px;
	height: 159px;
	background-image : url(../media/index_headerfoto2.jpg);
	background-repeat : no-repeat;
	overflow : visible;	
}


#homepageheader .kleurbalk
{
	width: 770px;
	height: 41px;
	background-image : url(../media/index_header-kleurbalk.gif);
	background-repeat : no-repeat;
	overflow : visible;

}

#homepageheader .achtergrond
{
	height: 200px;
	background-image : url(../media/header_achtergrond.gif);
	background-color: #F5EBF1;
	background-repeat : repeat-x;
}

/*	-----------------------------------------------------------------------------------------
	contentheader 01
	Deze id geeft vorm aan de bovenbalk van content templates, met name de afbeeldingen in de
	achtergrond. Op deze manier kunnen de plaatjes voor alle templates tegenlijk worden 
	aangepast (nieuws, content, faq, etc.). 
	------------------------------------------------------------------------------------------ */	

#contentheader1
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
}

#contentheader1 .topfoto
{
	width: 770px;
	height: 41px;
	background-image : url(../media/contentheader-01.jpg);
	background-repeat : no-repeat;
}

#contentheader1 .kleurbalk
{
	height: 66px;
	background-image : url(../media/contentsubheader-01.jpg);
	background-repeat : no-repeat;
}

#contentheader1 .achtergrond
{
	height: 107px;
	background-image : url(../media/contentheader_achtergrond.gif);
	background-color: #F5EBF1;
	background-repeat : repeat-x;	
}

/*	-----------------------------------------------------------------------------------------
	contentheader 02
	Deze id geeft vorm aan de bovenbalk van content templates, met name de afbeeldingen in de
	achtergrond. Op deze manier kunnen de plaatjes voor alle templates tegenlijk worden 
	aangepast (nieuws, content, faq, etc.). 
	------------------------------------------------------------------------------------------ */	

#contentheader2
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
}

#contentheader2 .topfoto
{
	width: 770px;
	height: 41px;
	background-image : url(../media/contentheader-02.jpg);
	background-repeat : no-repeat;
}

#contentheader2 .kleurbalk
{
	height: 66px;
	background-image : url(../media/contentsubheader-02.jpg);
	background-repeat : no-repeat;
}

#contentheader2 .achtergrond
{
	height: 107px;
	background-image : url(../media/contentheader_achtergrond.gif);
	background-color: #F5EBF1;
	background-repeat : repeat-x;	
}

/*	----------------------------------------------------------------------------------
	nieuwsachtergrond
	
	De headerfoto in de CONTENT-templates kan worden afgewisselt met diverse foto's. 
	Deze foto's zitten opgeknipt in drie delen: de classes topfoto en kleurbalk in de ID 
	contentheader, en in het werkveld. Het deel in het werkveld wordt o.a. middels onder-
	staande classes bepaald. De extensie (_01, _02) bepaald welke afbeelding wordt
	getoond. Dit kan vast of random worden gedaan in de template aan de voorkant.
	
	Een ander deel van de headerfoto zit verwerkt in de class headerfoto in de ID werkveld
	----------------------------------------------------------------------------------	*/	

.nieuwsachtergrond1
{
	background-image : url(../media/content-nieuwsfoto-01.jpg);
	background-color: #F5EBF1;
	background-repeat : no-repeat;	
}
.nieuwsachtergrond2
{
	background-image : url(../media/content-nieuwsfoto-02.jpg);
	background-color: #F5EBF1;
	background-repeat : no-repeat;	
}

/*	----------------------------------------------------------------------------------
	werkveld
	De headerfoto is het achtergrondplaatje bovenaan het werkveld. In deze cell (met
	het plaatje als achtergrond) zit het fontvelocity-plaatje met de sectie-titel.
	----------------------------------------------------------------------------------	*/	
	
#werkveld
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	line-height: 18px;
	font-weight: normal;
}
#werkveld td
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size:12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 4px;
}

#werkveld h1	
{	
	font-size: 12px;
	color : #F92891;	
	font-weight: bold;
	margin : 0, 0, 0, 0
}

#werkveld .headerfotoindex
{
	height: 75px;
	background-image : url(../media/index_werkveldheader.gif);
	background-repeat : no-repeat;
	padding-left: 5px;
	padding-top: 25px;	
}
#werkveld .headerfoto1
{
	height: 75px;
	background-image : url(../media/content_werkveldheaderbg.jpg);
	background-repeat : no-repeat;
	padding-left: 5px;
	padding-top: 24px;	
}
#werkveld .headerfoto2
{
	height: 75px;
	background-image : url(../media/content_werkveldheaderbg2.jpg);
	background-repeat : no-repeat;
	padding-left: 5px;
	padding-top: 24px;
}
/*	----------------------------------------------------------------------------------
	nieuwsblok
	De eerste blok in de rechtermarge van het werkveld. Iedere nieuwsblok-tabel
	bestaat uit 1 kolom met 3 rijen: de bovenste bevat de class header (het plaatje met 
	de titel), de class content (waarin de H1, tekst en naam classes zitten opgenomen), 
	en onderaan de footer met het sluit-plaatje.
	----------------------------------------------------------------------------------	*/	
	
#nieuwsblok{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	line-height: 18px;
	font-weight: normal;
	padding-left: 8px;	
	padding-right: 5px;		
}
#nieuwsblok h1{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #F92891;
	font-weight: bold;
	margin : 0, 0, 0, 0;	
	padding-top: 15px;	
}
#nieuwsblok .indexheader{
	width: 182px;
	height: 40px;
	background-image : url(../media/nieuwsblok_indexheader.gif);
	background-repeat : no-repeat;
}
#nieuwsblok .header{
	width: 182px;
	height: 40px;
	background-image : url(../media/nieuwsblok_header.gif);
	background-repeat : no-repeat;
}
#nieuwsblok .content{
	width: 182px;
	height: 50px;
	background-image : url(../media/nieuwsblok_achtergrond.gif);
	background-repeat : repeat-y;
}
#nieuwsblok .footer{
	height: 25px;
	background-image : url(../media/nieuwsblok_footer.gif);
	background-repeat : no-repeat;	
}
#nieuwsblok .leesmeer{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	color : #6B017D;
	font-weight: bold;
}
#nieuwsblok .leesmeer a{
	color : #6B017D;
	text-decoration: none;
}
#nieuwsblok .leesmeer a:hover{
	color : #F92891;
	text-decoration: underline;
}

/*	----------------------------------------------------------------------------------
	quote
	Het tweede blokje in de rechtermarge van het werkveld. Iedere quote-tabel
	bestaat uit 1 kolom met 3 rijen: de bovenste bevat de class header (het plaatje met 
	de titel), de class content (waarin de H1, tekst en naam classes zitten opgenomen), 
	en onderaan de footer met het sluit-plaatje.
	----------------------------------------------------------------------------------	*/	
	
#quote{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	line-height: 16px;
	font-weight: normal;
	padding-left: 8px;	
	padding-right: 5px;		
}
#quote h1{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color : #F92891;
	font-weight: bold;
	margin : 0, 0, 0, 0;	
	padding-top: 15px;	
}
#quote .header{
	width: 182px;
	height: 40px;
	background-image : url(../media/quote_header.gif);
	background-repeat : no-repeat;
}
#quote .content{
	width: 182px;
	height: 50px;
	background-image : url(../media/quote_achtergrond.gif);
	background-repeat : repeat-y;
}
#quote .footer{
	height: 25px;
	background-image : url(../media/quote_footer.gif);
	background-repeat : no-repeat;	
}
#quote .naam{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	color : #6B017D;
	font-weight: bold;
}
#quote .naam a{
	color : #6B017D;
	text-decoration: none;	
}
#quote .naam a:hover{
	color : #F92891;
	text-decoration: underline;	
}

/*	----------------------------------------------------------------------------------
	footer
	De paarse balk onderaan iedere pagina, met daarin de disclaimer-link en de copyright
	gegevens. Ook de maten van de cel zijn opgenomen.
	----------------------------------------------------------------------------------	*/	
	
#footer{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;	
	font-weight: bold;
	
	height: 22px;
	background-color: #882E68;	
	padding-left: 8px;	
	padding-right: 5px;		
}
#footer a{
	color : #FFFFFF;
	text-decoration: none;	
}
#footer a:hover{
	color : #EF3C9B;
	text-decoration: none;	
}
/*
-----------------------------------------------------------------------
menu classes
-----------------------------------------------------------------------
*/

.mnuHoofdMenu1
{
	font-weight:	bold;
	background: #FA2991;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    color: #FFFFFF;
    cursor: hand;
	
		
}

.mnuHoofdMenu2
{
	font-weight:	bold;
	background: #6B017D;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
   color: #FFFFFF;
    cursor: hand;
    
	
		
}
.mnuHoofdMenu3
{

	 font-weight:	bold;
	background: #D2A5C2;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
   color: #FFFFFF;
    cursor: hand;
    /*
	 font-weight:	bold;
	background: #D2A5C2
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
   color: #FFFFFF;
    cursor: hand;
	*/	
}


.mnuSubMenu
{
	background-image: url(../media/subBG.gif);
	/*background-color: C798B8;*/
	 FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
   color: #FFFFFF;
	cursor: hand;
	font-weight:	bold;

}
.mnuSubMenu2
{
	background-image: url(../media/subBG2.gif);
	/*background-color: C798B8;*/
	 FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
   color: #FFFFFF;
	cursor: hand;
	font-weight:	bold;
}
/*onderstaande voor verhelpen zwart submenu*/
.aspnmI
{
background-image: url(../media/subBG.gif);
	 FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
   color: #FFFFFF;
	cursor: hand;
	font-weight:	bold;


}
.aspnmIO
{
background-image: url(../media/subBG.gif);
		 FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
   color: #FFFFFF;
	cursor: hand;
	font-weight:	bold;

	
}
/*einde verhelpen zwart menu*/
.sectietitel{
font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color : #F92891;
	font-weight: bold;
	font-style:italic;
/*	margin : 0, 0, 0, 0;	
	padding-top: 15px;*/
}

/*Add by DOn WIgmans 16-11-2004*/

ul {  margin : 0 auto 5px 1px; padding : 0px; }
ul li { margin : 0 auto 0 15px; line-height : 110%; list-style : url('../media/listitem.gif'); }

.portal li, .portal, .portal a, .portal a:hover
{
	font-size: 14px;
	/*color: #FF00FF;*/
}

#portal .topfoto
{
	width: 770px;
	height: 159px;
	background-image : url(../media/index_headerfoto_portal.jpg);
	background-repeat : no-repeat;
	overflow : visible;	
}

#portal
{
	font-family: Arial, tahoma, Geneva, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#portal .kleurbalk
{
	width: 770px;
	height: 41px;
	background-image : url(../media/index_header-kleurbalk.gif);
	background-repeat : no-repeat;
	overflow : visible;

}

#portal .achtergrond
{
	height: 200px;
	background-image : url(../media/header_achtergrond.gif);
	background-color: #F5EBF1;
	background-repeat : repeat-x;
}

#zoekform { background: #6b017d; padding: 10px 0;border: 1px solid #d2a5c2; border-width: 1px 0 0 0;}
/*#zoekform { background: #7fc2da; padding: 5px 0; border: 1px solid white; border-width: 1px 0; }*/
#zoek ul {margin: 20px; list-style-type: decimal; }
#zoek ul li { list-style:url('../../a.gif');list-style-type: decimal;color:#6B017D;}
#zoek .grijs { color: gray; font-weight:normal;}