/* HTML TAGS */
body {
	margin:0px;
	padding:0px;
	position:absolute;
	width:1024px;
	height:100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#333366;
	background-image:url(../images/backgrounds/bgkaart.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	background-color:#CDE2E9;
	overflow:auto;
	/*	for centering the entire page
		left: 50%;
		margin-left: -500px;*/
}

div { margin: 0px; padding: 0px; }
p { padding:0px; margin: 0px 0px 1em 0px; }
a { text-decoration: none; color:#335099; }

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.3em; }
	h4 { font-size: 1em; }

table { margin: 0px; padding: 0px; }

ul { margin-top: 0px; padding-top: 0px; }
ol { margin: 0px 0px 0px 30px; padding-left: 0px; }

.inline { display: inline }
.nowrap { white-space: nowrap }


/* FONTS */
.not_published {
	font-style: italic;
}

.normaletekst {
	color:#333366;
}
.normaletekst:visited {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.koptekst{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:1em;
}

.plusje {
	FONT-SIZE: 70%; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none
}

A.plusje_wit {
	FONT-SIZE: 70%; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}

A.plusje_wit:visited {
	FONT-SIZE: 70%; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}

.plusje:visited {
	FONT-SIZE: 70%; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none
}

/* spacers */

.element_spacer {
	height:1em;
}



/* CONTENT STYLES */
#pgHeaderFlash {
	position:absolute;
	top: 55px;
	z-index: 1;
}
#pgHeaderAfk {
	position:absolute;
	left:70px;
	top:17px;
	z-index:100;
}
#pgHeaderTitle {
	position:absolute;
	text-align:center;
	left:200px;
	width:560px;
	top:17px;
	z-index:120;
}
#grijze_horizontale_lijn {
	position:absolute;
	top:204px;
	left:0px;
	width:455px;
	font-size:0px;
	padding:0px;
	height:0px;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px;
	border-color:#d8d8d8;
	border-style:solid;
}

#directNaar {	

}
#directNaar a, #directNaar a:visited {
	display:block;     
	font-weight:bold;	
	vertical-align:top;
	border: 1px solid #335099;
	padding: 3px 0px 3px 3px;
	color: #335099;
}

#select_direct_naar{
	font-size:10px;
	width:178px;
}

.contentSymbool {    
	font-size: 130%;       
	overflow:hidden;    
	FONT-FAMILY: Verdana;
	width:50px;
	color:#ff0000;
}

.contentKop {
	font-size: 2em;
	font-weight:bold;
	color:#333366;
}

.contentTekst {	

}
#zie_ook {
	
}

#zie_ook_header {	
	font-family:Verdana;
	font-size:120%;
	font-weight:bold;
	color:white;
	width:212px;
	background-color:#00a4b4;
	height:40px
}

#zie_ook_content {	
	font-family:Verdana;
	font-size:70%;	
	color:black;
	width:212px;
	background-color:#d8d8d8;
	height:auto
}

#laatst_gewijzigd {	
	height:270px;
	color:black;
	font-size:70%;
	background-color:#00a5b5;
	padding:20px;
}

#prikbord {
	width:235px;
	height:148px;	
	background-color:#ff0000;
}


#nieuwe_medewerkers {
	width:235px;
	height:210px;
	background-color:#00a4b4;
}

#poll {
	width:235px;	
	background-color:#00a4b4;
}


#margeBlok {
	Z-INDEX: 1000; 
	LEFT: 500px; 	
	VISIBILITY: hidden;
	display: none;
	POSITION: absolute; 
	TOP: -500px
}
#margeKolom {
	Z-INDEX: 100; 
	LEFT: 500px; 
	VISIBILITY: visible; 
	POSITION: absolute; 
	TOP: -1000px
}

#theFooter {
	position:absolute;
	left:0px;
	top:-500px;
	width:1000px;
	height:68px;
	z-index:500
}

#logo_en_functiekolom {
	position:absolute;
	top:0px;	
	left:750px;
}

#header {
	Z-INDEX: 150; 
	LEFT: 0px; 
	VISIBILITY: visible; 
	POSITION: absolute; 
	TOP: 0px;
	width:1000px;
	height:48px;	
}

#navSmall {
	Z-INDEX: 102; 
	LEFT: 0px; 
	DISPLAY:none;
	VISIBILITY: hidden;
	POSITION: absolute; 
	TOP: 34px
}

#topnav {
	position:absolute;
	top:130px;
	left:200px;
	width:560px;
	height:21px;
	border-style:solid;
	border-width:1px;
	border-color:#335099;
	z-index:110;
}
#topnav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#topnav li {
	display:inline;
	/*line-height:1.5em;*/
	padding:0 30px 0 35px;
	margin:0 0 0 5px;
}
#topnav a {
	font-weight: bold;
}

#input_zoekwoord {
	font-size:10px;
	margin-top: 1px;
	height:16px;
	color: #335099;
	background-color:#CDE2E9;
	border-style:solid;
	border-width: 1px;
	border-color: #335099;
}

.eenlijn {
	width:1px;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#e7e7e7;
	position:absolute;
	z-index:1000
}

.nieuwsbericht {
	display:block;
	margin: .25em 0px .5em 0px;
	padding: 0px;
}

.nieuwsPlusje{
    font-size: 150%;       
    WHITE-SPACE: nowrap;    
    FONT-FAMILY: Arial;
    COLOR:#FF0000;
}

.nieuwsTitel{
	font-size: 1em;       
	overflow:hidden;
}

#nieuwsMenuTitle {
	border: 1px solid #335099;
	font-weight:bold;
	padding: 3px 0px 3px 3px;
	display:block;
	color: #335099;
}


.nieuwsSamenvatting {

}

.nieuwsLeesVerder{
    font-size: 0.9em;
    font-weight: bold;
    color:#7A2D2F;
}


/* navigatie menu elementen en classes */
.divItem {
	position:relative;
	/*top:20px;*/
	padding-right:20px;
	padding-bottom:20px;
	padding-top:20px;
	/*VISIBILITY:hidden;	
	display:none;*/
	z-index:100;
	width:210px;
	overflow:hidden;
}

.textonly {
	Z-INDEX: 1; 
	LEFT: 0px; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	TOP: 0px
}


.openmenu {
	FONT-SIZE: 11px; COLOR: #cccccc; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

#firstMenuLayer ul {
	list-style:none;
	font-weight:bold;
}
#firstMenuLayer li {
	height:30px;
	background-color: #6683CC;
	height:30px;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:5px;
}
#firstMenuLayer a {
	color:#FFFFFF;
}
#firstMenuLayer ul a:hover {
	background-color: #335099;
}
.tdFirstMenuLayer
{	
	color:#000033;    
	WHITE-SPACE: nowrap;       
	font-weight:bold;	
	vertical-align:top;
}

span.tdFirstMenuLayer {
	font-size:80%;
	line-height : 140%;
}


A.tdFirstMenuLayer:hover {	
	color:#ffffff;
}


.tdSecondMenuLayer
{
	BACKGROUND-COLOR:#ffffff;
	COLOR:#000000;     
	WHITE-SPACE: nowrap;        
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;		
	vertical-align:top;
}

span.tdSecondMenuLayer{
	font-size:70%;
	background-color:#d8d8d8;
}

.divSecondMenuLayer {	
	position:absolute;
	/*background-color:#d8d8d8;*/
	width:200px;
	height:100px;
	z-index:50;
}

.divThirdMenuLayerHeader {
	font-size:112%;	
	font-family:Verdana;
	font-weight:bold;
	color:#ff0000;
}

.divThirdMenuLayer {	
	color:#000000;
	background-color:#ffffff;
	width:192px;
	overflow:hidden;
	z-index:50;
}


A.tdSecondMenuLayer:hover {	
	COLOR:#ffffff;
}


.tdThirdMenuLayer
{
    BACKGROUND-COLOR:00a4b4;
    COLOR:#ffffff;
    font-size: 8pt;
    WHITE-SPACE: nowrap;    
    LINE-HEIGHT: 135%;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

A.tdThirdMenuLayer:hover {
	FONT-WEIGHT: bold;
	COLOR:#ffffff;
}
.witmager {
	FONT-SIZE: 70%; COLOR: #ffffff; LINE-HEIGHT: 140%
}
A.witmager:visited {
	COLOR: #ffffff
}

.kruimelSpoorRow{
	 BACKGROUND-COLOR:#0020a5;
	 COLOR:#000000;
}

A.kruimelSpoorItem{
    font-size: 70%;
    FONT-WEIGHT: bold;
    WHITE-SPACE: nowrap;    
    LINE-HEIGHT: 150%;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR:#ffffff;
}

A.kruimelSpoorItem:visited {
	COLOR:#ffffff;	
}

A.kruimelSpoorItemB:visited {
	COLOR:#ffffff;	
}

A.kruimelSpoorItem:hover{
    COLOR:#000000;    
}

A.kruimelSpoorItemB{
    font-size: 70%;    
    FONT-WEIGHT: bold;
    WHITE-SPACE: nowrap;    
    LINE-HEIGHT: 150%;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR:#ffffff;
}

A.kruimelSpoorItemB:hover{
    COLOR:00a4b4;    
}

.kruimelSpoorItemSlash{
    font-size: 70%;    
    FONT-WEIGHT: bold;
    WHITE-SPACE: nowrap;    
    LINE-HEIGHT: 150%;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR:#ffffff;
}

.openMenuRow{
	BACKGROUND-COLOR:#000000;
	COLOR:#FFFFFF;
}


/* permission on start page */
#permission {	
	position:absolute;
	top:5px;
	width:1000px;
	height:20px;
	z-index:300;
	text-align:right;
}
A.permissionlink{
	font-size:10px;
}

A.permissionlink:visited{
	font-size:10px;
}

A.permissionlink:active{
	font-size:10px;
}

A.permissionlink:hover{
	font-size:10px;
	border-bottom-style:solid;
}
A.plusjewit:visited {
	COLOR: #ffffff
}


/* permissions on main pages */
#idCustomOptions {
	position:absolute;
	top:110px;
	height:20px;
	width:1000px;
	text-align:right;
	z-index:300;
}

a.custom_option_link {
	font-size:10px;
}
a.custom_option_link:visited {
	font-size:10px;
}
a.custom_option_link:hover {
	font-size:10px;
	border-bottom-style:solid;
}


/* kleuren definities */
.steunkleur2_voorgrond {
	color:#ff0000;
}

.steunkleur2_achtergrond {
	background-color:#ff0000;
}

.steunkleur_voorgrond {
	color:#00A4B4;
}

.steunkleur_achtergrond {
	background-color:#00A4B4;
}


.txtgrijs
{
    FONT-SIZE: 70%;
    COLOR: #666666;
    LINE-HEIGHT: 140%;
    FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif
}

.txtroodvet
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 70%;
    COLOR: 00a4b4;
    LINE-HEIGHT: 140%;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}


.txtzwart_op_grijs{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	line-height:140%;
	background-color: #FFFFFF;
}


.txtzwartvetgroot{
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	font-size:112%;
	font-weight:bold;
	color:#00A4B4;
}

.blauw{
	background-color:#0020a5;
}
.wit{
	background-color:#FFFFFF;
}
.lgrijs{
	background-color:#D8D8D8;
}
.rose{
	background-color:#FF6666;
}
.bleu{
	background-color:#E7FFFF;
}
.dgrijs{
	background-color:#BFBFBF;
}
.heellichtgrijs{
	background-color:#F5F5F5;
}

.grijs{
	background-color:#BFBFBF;
}
.keigrijs{
  background-color:#F5F5F5;
}

.donkergrijs{
  background-color:#999999;
}
.heeldonkergrijs{
  background-color:#7B7B7B;
}

.txtzwart {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
}
.txtzwart a:hover {
	background-color:#FFFF00;
}

A.zwartvet:hover {
	FONT-WEIGHT: bold; 
	COLOR: 00a4b4
}
.zwartvet {
	font-weight: bold; 
	color: #000000;
}
.txtzwartvet {
	font-weight: bold;
	font-size:.7em;
	color: #000000;
	line-height:1.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.zwartvetgroot {
	FONT-WEIGHT: bold; FONT-SIZE: 112%; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
.lichtgrijs {
	BACKGROUND-COLOR: #F5f5f5;
}
.heellichtgrijs {
	BACKGROUND-COLOR: #f7f7f7
}
.lgrijs {
	BACKGROUND-COLOR: #d8d8d8
}
.grijs {
	BACKGROUND-COLOR: #dedbde
}
.wit {
	BACKGROUND-COLOR: #ffffff
}
.witnavmager {
	FONT-SIZE: 70%; COLOR: #ffffff; LINE-HEIGHT: 150%
}
.witnavmager A {
	COLOR: #ffffff
}

.grijsvet {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 70%; 
	COLOR: #666666; 
	LINE-HEIGHT: 140%
}
.grijsvetcontrast{
	font-weight:bold;
	font-size:70%;
	color:#666666;
}

.rood{
	background-color:#ff0000;
}

.witklein {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:#ffffff;
	line-height:140%;
}

.witklein:hover {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:#ffffff;
	line-height:140%;
}

.witklein:visited {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:#ffffff;
	line-height:140%;
}
.grijsklein {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:#bfbfbf;
	line-height:140%;
}

.grijsklein:hover {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:00a4b4;
	line-height:140%;
}

.grijsklein:visited {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:65%;
	text-decoration:none;
	color:#bfbfbf;;
	line-height:140%;
}



/* prm matrix */
.prm_matrix_prm_type_description {
	
}


.prm_matrix_prm_type_name {
	font-family:Verdana;
	font-size:11px;
}

#prm_matrix table {
	font-size:.9em;
	margin-bottom:1em;
}




/* matrices */
.matrix_textblock {
	width:250px;
	height:150px;
}

.matrix_voidblock {
	width:250px;
	height:150px;
}


/* digitale formulieren */
.question_title {
	margin-top:20px;
	margin-bottom:10px;
}

.questionnaire {
	margin-top:20px;	
	font-size:11px;
}


.questionnaire_name {
	margin-left:20px
}

.questionnaire_description {
	margin-left:20px
}

.q_form {
	margin-left:20px;
	font-size:11px;
}




/* forms */
.editfield_text {	
	font-size:70%;	
	font-family:verdana;	
	border-style:solid;
	border-width:1px;
	border-color:black;
	line-height:140%;
	height:20px;
	padding-bottom:2px;
	padding-left:2px;
}

.editfield_textarea {	
	font-size:70%;	
	font-family:verdana;	
	border-style:solid;
	border-width:1px;
	border-color:black;
	line-height:140%;	
	padding-bottom:2px;
	padding-left:2px;
}

.editfield_htmlarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	background-color:#FFFFFF
}

.editfield_submit {	
	font-size:.7em;
}

.editfield_cancel {	
	font-size:.7em;
}

.editfield_date {	
	font-size:70%;	
	font-family:verdana;
	border-style:solid;
	border-width:1px;
	border-color:black;
	line-height:140%;
	height:20px;
	padding-bottom:2px;
	padding-left:2px;
}

.editfield_fileselect {	
	font-size:70%;	
	font-family:verdana;	
	border-style:solid;
	border-width:1px;
	border-color:black;
	line-height:140%;
	height:20px;
	padding-bottom:2px;
	padding-left:2px;
}

.editfield_kalender_button {
	position:relative;
	height:20px;
	font-weight:bold;
	top:1px;
	/*font-size:70%;	
	font-family:verdana;	
	border-style:solid;
	border-width:1px;
	border-color:black;
	line-height:140%;
	margin-left:5px;*/
}

.formulierknop {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#f7f7f7;
	border: solid 0px #000000;	
	padding:0px;
}
.functienav {
	font-size: 10px; color: #000000;
	line-height : 23px;
}
A.functienav:visited {
	color: #000000
}
A.functienav:hover {
	color: #ff0000
}
FORM {
	DISPLAY: inline
}

INPUT.form {
	FONT-SIZE: 70%; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff;
	border-right: #666666 1px solid; 
	border-left: #666666 1px solid; 
	border-top: #666666 1px solid; 
	border-bottom: #666666 1px solid; 
	padding-left: 4px; 
	padding-bottom: 2px; 
	vertical-align: middle; 	
	width: 140px; 
	
}



SELECT.form {
	FONT-SIZE: 70%; 
	COLOR: #000000; 
	LINE-HEIGHT: 140%; 
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

TEXTAREA.form{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	background-color:#ffffff;
	border-style: solid;
	border-width:1px;
	border-color:#000;
}

iframe {
	border-style: solid;
	border-width:1px;
	border-color:#000;
}





/*	FRAME STYLES
	based on info from http://www.456bereastreet.com/lab/cssframes/
	position:absolute for all browsers - the whole page scrolls
	position:fixed for modern browsers - header and footer do not scroll 
		uses child spec body>div#middleWrap to filter browser support */

/*	HEADER */
	div#headerWrap {
		position:absolute;
		width:1000px;
		top:0px;
		left:0px;
		height:150px;
		/*background-image:url(http://localhost:81/escas/pub/website/images/backgrounds/bg-kaart1000beige.jpg);
		z-index:100;*/
	}
		/*body>div#headerWrap {
			position:fixed;
		}*/
	
/*	MIDDLE */
	div#middleWrap {
		margin:150px 0px 0px 0px;
		left:0px;
	}

	#kolom1 {
		position:absolute;
		top:130px;
		left:0px;
		width:200px;
		overflow:hidden;
	}
		/*div#middleWrap>div#kolom1 {
			position:fixed;
		}*/
	#kolom2 {
		position:absolute;
		top:150px;
		left:200px;
		width:560px;
		border-style:solid;
		border-width:1px;
		border-color:#335099;
	}
		#kolom2Content {
			position:relative;
			margin:10px;
		}
		#kolom2 a:hover {
			background-color:#0099FF;
			color:#FFFFFF;
		}
	#kolom3 {
		position:absolute;
		top:130px;
		left:790px;
		width:180px;
		overflow:hidden;
	}
		/*div#middleWrap>div#kolom3 {
			position:fixed;
		}*/
		
div#middle {
	width:720px;
	margin:0 auto;
}
div#sidebar {
	width:180px;
	float:left;
}
div#content {
	padding:0 10px;
	margin-left:180px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerWrap {
	width:100%;
	p\osition:absolute;
	bottom:0;
	left:0;
	height:50px;
}
body>div#footerWrap {
	position:fixed;
}
div#footer {
	height:50px;
	width:720px;
	margin:0 auto;
}

/* ProjectVII Menu */
	#p7swapmenu {
	}
	
	#p7swapmenu ul {margin: 0px; padding: 0px;}
	
	#p7swapmenu li {
		margin: 0 0 5px 20px;
		padding: 0px;
		list-style:none;
	}
	
	.closed ul{display:none;}
	.open ul{display:block;}
	
	/* Styles for the 1st Menu Layer */
	.closed a, .open a {
		height:31px;
		width:150px;
		/* padding: 5px 0px 5px 5px; /*padding is added in FF, but not in IE or OP */
		line-height:1.5em;
		padding-left:.5em;
		background-color: #6683CC;
		color: #EEF0E3;
		display: block;
		font-size: 0.9em;
		font-weight:bold;
		text-decoration: none;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #BEDBF0;
		border-right-color: #335099;
		border-bottom-color: #335099;
		border-left-color: #BEDBF0;
	}
	/* Hover and Active styles for the menu */
	.closed a:hover, .open a:hover {
		background-color: #335099;
	}
	/* Link Styles for the Submenus */
	.open ul a {
		background-color: #BEDBF0;
		display: block;
		color:#335099;
		font-size: 0.9em;
		font-weight:bold;
		height:100%;
		width:80%;
		margin:0px 0px -5px -4px;
		padding: 2px 5px 0px 5px;
		border-top-color: #FFFFFF;
		border-right-color: #335099;
		border-bottom-color: #335099;
		border-left-color: #FFFFFF;
	}
	.open ul a:hover {
		background-color: #BEDBF0;
		color:#CC0000;
	}
	.open .active {
		background-color: #335099;
	}
	.open ul .active {
		background-color: #BEDBF0;
		color:#CC0000;
	}
.loginResponse {
	position:absolute;
	top:260px;
	left:450px;
	color:#FF0000;
	font-size:0.9em;
}