@media screen {
body 
{
    background-color:   #FFFFFF;
    font-family:        Tahoma, "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:          11px;
    margin:				0px;
    text-align:         left;
}
/****************************************************************************************************************
 BEGIN DIV VOOR AFBAKENING PAGINA
****************************************************************************************************************/
/*---------------------------------------------------------------------------------------------------------------
	#page: - vaste breedte van 985px (zo blijft er ruimte genoeg voor een verticale scrollbar op een 1024 scherm)
		   - marges: 0 bovenaan, andere op auto => zorgt ervoor dat de site in het midden van het scherm staat
---------------------------------------------------------------------------------------------------------------*/
#page, #page2, #poweredby
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#FFFFFF;
	overflow:			hidden;
}
#page2
{
	margin:				0px auto 0px auto;
}
#poweredby
{
	text-align:			right;
}
/****************************************************************************************************************
 EINDE DIV VOOR AFBAKENING PAGINA
****************************************************************************************************************/
/****************************************************************************************************************
 BEGIN HOOFDING1
****************************************************************************************************************/
/*---------------------------------------------------------------------------------------------------------------
	#hoofding1: - witte achtergrond (#FFFFFF)
			    - donkerblauwe tekst (#17569A)
			    - hoogte van 70px
---------------------------------------------------------------------------------------------------------------*/
#hoofding1
{
	background:			#FFFFFF;
	color:				#17569A;
	height:				62px;
}
#hoofding1 a
{
	color:				#17569A;
	text-decoration:	none;
}
/*---------------------------------------------------------------------------------------------------------------
	#logo: Evaluwijzer/cevora Logo bovenlinks in de hoek
	#helpuitloggen: midden
	#klant: Klantlogo rechtsboven, uitgelijnd langs de rechterkant
---------------------------------------------------------------------------------------------------------------*/
#logo
{
	float:				left;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	width:				500px;
}
#helpuitloggen
{
	float:				left;
	padding:			15px 0px 0px 0px;
	text-align:			right;
}
#klant
{
	float:				right;
	padding:			0px 0px 0px 5px;
	text-align:			right; 
}
/****************************************************************************************************************
 EINDE HOOFDING1
****************************************************************************************************************/
/****************************************************************************************************************
 BEGIN HOOFDING2
****************************************************************************************************************/
/*---------------------------------------------------------------------------------------------------------------
	#hoofding2: - donkerblauwe achtergrond (#17569A)
			    - witte tekst (#FFFFFF)
			    - hoogte van 25px
---------------------------------------------------------------------------------------------------------------*/
#hoofding2
{
	background:			#17569A;
	color:				#FFFFFF;
	height:				25px;
}
/*---------------------------------------------------------------------------------------------------------------
	#navigatie: Navigatiebalk
---------------------------------------------------------------------------------------------------------------*/
#navigatie
{
	float:				left;
	padding:			0px;
	text-align:			left;
    font-size:          13px;
}
/*---------------------------------------------------------------------------------------------------------------
	#hoofding2 ul: - opmaak navigatie
				   - geen list-style elementen
				   - marges en padding op 0
---------------------------------------------------------------------------------------------------------------*/
#hoofding2 ul
{
	margin:				0px;
	padding:			0px;
	list-style:			none;
}
/*---------------------------------------------------------------------------------------------------------------
	#hoofding2 li: li element, display: inline = lijst objecten worden horizontaal gezet
---------------------------------------------------------------------------------------------------------------*/
#hoofding2 li
{
	float:				left;
	display:			inline;
}
/*---------------------------------------------------------------------------------------------------------------
	#hoofding2 li.current: huidig li element krijgt een andere achtergrondkleur
---------------------------------------------------------------------------------------------------------------*/
#hoofding2 li.current
{
	background:			#AFC6DF;
	padding:			0px 0px 5px 0px;
}
/*---------------------------------------------------------------------------------------------------------------
	#hoofding2 a: a element, opmaak van de navigatieknop
---------------------------------------------------------------------------------------------------------------*/
#hoofding2 a
{
	font-weight:		bold;
	color:				#FFFFFF;
	display:			block;
	padding:			4px 10px 0px 10px;
	text-decoration:	none;
}
/*---------------------------------------------------------------------------------------------------------------
	#hoofding2 a:hover en a:active: wijziging van de achtergrond
---------------------------------------------------------------------------------------------------------------*/
#hoofding2 a:hover, a:active
{
	background:			#AFC6DF;
	padding:			4px 10px 5px 10px;
}
/****************************************************************************************************************
 EINDE HOOFDING2
****************************************************************************************************************/

/****************************************************************************************************************
 BEGIN INHOUD
****************************************************************************************************************/
/*---------------------------------------------------------------------------------------------------------------
	#inhoud: - margin 5px
             - 975px breedte
             - witte achtergrond (#FFFFFF)
---------------------------------------------------------------------------------------------------------------*/
#inhoud
{
	margin:				5px;
	width:				975px;
	float:				left;
	text-align:			left;
	background:			#FFFFFF;
}
/****************************************************************************************************************
 EINDE INHOUD
****************************************************************************************************************/
/*---------------------------------------------------------------------------------------------------------------
	img: geen rand (border: 0px)
---------------------------------------------------------------------------------------------------------------*/
img
{
	border:				0px;
}
/*---------------------------------------------------------------------------------------------------------------
	h3: vet, donkerblauw en 20px
---------------------------------------------------------------------------------------------------------------*/
h3
{
    text-align:         left;
    font-weight:        bold;
    color:              #20458B;
    font-size:          20px;
}

#page2 a
{
	padding:			0px;
	text-decoration:	none;
	background:         none;
	display:            inherit;
}

td.evaluatieeerstekolom
{
    width:              434px;
    text-align:         left;
    vertical-align:     top;
}
td.evaluatieeerstekolomPrint
{
    width:              200px;
    text-align:         left;
    vertical-align:     top;
}
td.evaluatiedatalistscores
{
    width:              80px;
    text-align:         center;
    vertical-align:     top;
}
td.evaluatiedatalistscoresPrint
{
    width:              70px;
    text-align:         center;
    vertical-align:     top;
}
td.evaluatie7kolommen
{
    width:              962px;
    text-align:         left;
    vertical-align:     top;
}
td.evaluatie7kolommenprint
{
    width:              600px;
    text-align:         left;
    vertical-align:     top;
}
table
{
    border-style:       none;
    border-width:       0px;
    width:              100%;
}
td.kolom20
{
    width:              20%;
    vertical-align:     top;
}
td.kolom30
{
    width:              30%;
    vertical-align:     top;
}
td.kolom50
{
    width:              50%;
    vertical-align:     top;
}
td.kolom100
{
    width:              100%;
    vertical-align:     top;
}
td.kolom45Labels
{
    width:              45%;
    vertical-align:     top;
    background-color:   #DEE8F5;
}
td.kolom50Labels
{
    width:              50%;
    vertical-align:     top;
    background-color:   #DEE8F5;
}
td.kolom50Data
{
    width:              50%;
    vertical-align:     top;
    background-color:   #FFFFFF;
}
td.kolom55Data
{
    width:              55%;
    vertical-align:     top;
    background-color:   #FFFFFF;
}

/*---------------------------------------------------------------------------------------------------------------
	#kolom1: eerste kolom wordt een vertikale navigatiebalk van 180px breed
---------------------------------------------------------------------------------------------------------------*/
#kolom1
{
	margin:				15px 0px 15px 5px;
	width:				150px;
	float:				left;
	text-align:			left;
	background:			#FFFFFF;
}
/*---------------------------------------------------------------------------------------------------------------
	#kolom1 ul - opmaak navigatie
---------------------------------------------------------------------------------------------------------------*/
#kolom1 ul
{
	margin:				0px 10px 0px 0px;
	padding:			0px;
	border-bottom:		1px dotted #B2B2B2;
}
/*---------------------------------------------------------------------------------------------------------------
	#kolom1 li: li element: - opsommingsteken is een afbeelding
							- de naviagatiebalken worden gescheiden door puntjes
---------------------------------------------------------------------------------------------------------------*/
#kolom1 li
{
	list-style:			none;
	background:			#FFFFFF;
	padding:			4px 5px 4px 8px;
	border-top:			1px dotted #B2B2B2;
}
/*---------------------------------------------------------------------------------------------------------------
	#kolom1 li.current: huidig li element krijgt een andere achtergrondkleur
---------------------------------------------------------------------------------------------------------------*/
#kolom1 li.current
{
	background:			#EFF3FB;
	padding:			4px 5px 4px 8px;
}
/*---------------------------------------------------------------------------------------------------------------
	#kolom1 a: a element, opmaak van de navigatieknop
---------------------------------------------------------------------------------------------------------------*/
#kolom1 a
{
	font-weight:		bold;
	color:				#17569A;
	padding:			3px 3px 3px 3px;
	text-decoration:	none;
}
/*---------------------------------------------------------------------------------------------------------------
	#kolom1 a: a:hover en a:active: wijziging van de achtergrond
---------------------------------------------------------------------------------------------------------------*/
#kolom1 a:hover, a:active
{
	color:				#17569A;
	background:			none;
}
/*---------------------------------------------------------------------------------------------------------------
	#kolom2: tweede kolom waarin de verschillende teksten geplaatst worden
---------------------------------------------------------------------------------------------------------------*/
#kolom2
{
	margin:				15px 0px 15px 0px;
	width:				825px;
	float:				left;
	text-align:			left;
	background:			#FFFFFF;
}



/*---------------------------------------------------------------------------------------------------------------
	Voor werknemerpagina's onder administrator, zodat de dropdownlist van de werknemer naast de titel staat
    #titel + #kieswerknemer
---------------------------------------------------------------------------------------------------------------*/
#titel
{
	float:				left;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	width:				400px;
}
#kieswerknemer
{
	float:				left;
	padding:			5px 0px 0px 0px;
	text-align:			left;
	width:				415px;
	height:             38px;
}


/*----------------------------------------------
CENSERE HOOFDPAGINA
-------------------------------*/
#censerehomepage
{
	margin:				100px 0px 0px 0px;
	width:				99%;
	height:				300px;
	text-align:			center;
	font-size:			20px;
}
#censerehomepagekolom1, #censerehomepagekolom2, #censerehomepagekolom3
{
	margin:				10px 10px 10px 10px;
	width:				31%;
	text-align:			center;
    float:				left;
}
#censerehoofding1
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#17375E;
	overflow:			hidden;
	height:             100px;
}
#censerehoofding1kolomlinks
{
	margin:				10px 10px 10px 10px;
	width:				390px;
	text-align:			left;
    float:				left;
}
#censerehoofding1kolommidden
{
	margin:				50px 10px 10px 10px;
	width:				100px;
	text-align:			center;
    float:				left;
}
#censerehoofding1kolomrechts
{
	margin:				10px 10px 10px 10px;
	width:				300px;
	text-align:			right;
    float:				right;
}
#censerehoofding1kolomrechts a
{
    font-size:          12px;
    color:              #FFFFFF;
}
#censerehoofding2
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#FFFFFF;
	overflow:			hidden;
	height:             300px;
	text-align:         center;
}
#censerehoofding3
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#FFFFFF;
	overflow:			hidden;
}
#censerehoofding4
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#FFFFFF;
	overflow:			hidden;
	height:             100px;
}
#censerehoofding3kolomlinks
{
	margin:				0px 0px 0px 0px;
	width:				260px;
	text-align:			left;
    float:				left;
}
#censerehoofding3kolommidden
{
	margin:				0px 0px 0px 0px;
	width:				365px;
	text-align:			center;
    float:				left;
}
#censerehoofding3kolommidden p
{
	margin:				25px 0px 0px 20px;
	text-align:			left;
    float:				left;
    font-size:          20px;
}
#censerehoofding3kolomrechts
{
	margin:				0px 0px 0px 0px;
	width:				350px;
	text-align:			right;
    float:				right;
}
#censerehoofding3kolom2midden
{
	margin:				0px 0px 0px 0px;
	width:				715px;
	text-align:			left;
    float:				left;
    font-family:        Tahoma, "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:          12px;
}
#censerehoofding3kolom2midden li
{
    list-style:         none;
    background:         url(../../images/censerebullet.png) no-repeat;
    background-position:0px 3px;
    padding:            0px 4px 4px 14px;
}



/*----------------------------------------------
EVALUWIJZER HOOFDPAGINA
-------------------------------*/
#evaluwijzerhomepagekolom1, #evaluwijzerhomepagekolom2, #evaluwijzerhomepagekolom3
{
	margin:				10px 10px 10px 10px;
	width:				308px;
	text-align:			center;
    float:				left;
}
#evaluwijzerhoofding1
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#800000;
	overflow:			hidden;
	height:             100px;
}
#evaluwijzerhoofding1kolomlinks
{
	margin:				10px 10px 10px 10px;
	width:				390px;
	text-align:			left;
    float:				left;
}
#evaluwijzerhoofding1kolommidden
{
	margin:				50px 10px 10px 10px;
	width:				100px;
	text-align:			center;
    float:				left;
}
#evaluwijzerhoofding1kolomrechts
{
	margin:				10px 10px 10px 10px;
	width:				300px;
	text-align:			right;
    float:				right;
}
#evaluwijzerhoofding1kolomrechts a
{
    font-size:          12px;
    color:              #FFFFFF;
}
#evaluwijzerhoofding2
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#FFFFFF;
	overflow:			hidden;
	height:             300px;
	text-align:         center;
}
#evaluwijzerhoofding3
{
	margin:				0px auto 0px auto;
	width:				985px;
	background:			#FFFFFF;
	overflow:			hidden;
}
#evaluwijzerhoofding3kolomlinks
{
	margin:				0px 0px 0px 0px;
	width:				260px;
	text-align:			left;
    float:				left;
}
#evaluwijzerhoofding3kolommidden
{
	margin:				0px 0px 0px 0px;
	width:				365px;
	text-align:			center;
    float:				left;
}
#evaluwijzerhoofding3kolommidden p
{
	margin:				25px 0px 0px 20px;
	text-align:			left;
    float:				left;
    font-size:          20px;
}
#evaluwijzerhoofding3kolomrechts
{
	margin:				0px 0px 0px 0px;
	width:				350px;
	text-align:			right;
    float:				right;
}
#evaluwijzerhoofding3kolom2midden
{
	margin:				0px 0px 0px 0px;
	width:				715px;
	text-align:			left;
    float:				left;
    font-family:        Tahoma, "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:          12px;
}
#evaluwijzerhoofding3kolom2midden li
{
    list-style:         none;
    background:         url(../../images/evaluwijzerbullet.png) no-repeat;
    background-position:0px 3px;
    padding:            0px 4px 4px 14px;
}


table.reports
{
    border-style:       none;
    border-width:       0px;
    width:              500px;
}
.print
{
    display:            inline;
}
}


@media print {
.print
{
    display:            none;
}
}