body {
	margin: 0;
	padding: 0;
	background-color: #fff; 
	font-size: 1em;
	font-family: 'Trebuchet MS', Verdana, Arial;
	color: #000;
}

/*vragen pop-up*/
#questions{

	z-index: 1000;
	background-color:#ffffff;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
	position:    absolute;
	height:15em;
	width:30em;
	top:2em;
	left:15em;
	padding:0.5em;
}
#questions a{
	color:#000000;
	font-weight:bold;
}
#questions a.exit{
	text-decoration:none;
	color:#F7403A;
}

/* ----- hoofdmenu ----- */
#gegevens-body .tolkprofiel,
#hoofdmenu {
	position: relative;
	width: 100%;
	height: 9em;
	/*youri 18/07/2006: padding uitgezet*/
/*	padding: 0.2em;*/
	background: #747F81 url(../shared_img/bg_hoofdmenu_5.png) no-repeat;
	background: #747F81 url(../shared_img/bg_hoofdmenu_5.png) no-repeat;
}

#hoofdmenu #tolkMemo{
	position:    	absolute;
	padding:     	0 0.5em;
	height:	     	9.4em;
	width:		15em;
	top:         	0em;
	left:        	17.5em;
	border:      	1px solid #fff;
	background-color:#ccc;
	font-size: 	80%;
	color: 		#000;
}
#hoofdmenu #tolkMemo textarea{
	background-color: #fba;
	width:		15em;
}

#hoofdmenu #medewerkerMemo{
	position:    	absolute;
	padding:     	0 0.5em;
	height:	     	9.4em;
	width:		15em;
	top:         	0em;
	left:        	34em;
	border:      	1px solid #fff;
	background-color:#ccc;
	font-size: 	80%;
	color: 		#000;
}
#hoofdmenu #medewerkerMemo textarea{
	background-color: #ffa;
	width:		15em;
}

#signalering {
	color: red;
	font-weight: bold;
}
#signalering a {
	text-decoration: none;
	color: red;
}

#gegevens-body .tolkprofiel .testomgeving,
#hoofdmenu #testomgeving{
	position:    absolute;
	padding:     0 0.5em;
	top:         0.5em;
	left:        23em;
	border:      1px solid #fff;
	font-weight: bold;
	color: #fff;
}
#hoofdmenu #testomgeving h1{
	color:       #fff;
	font-family: Arial;
	letter-spacing: 0.5em;
}

#gegevens-body .tolkprofiel .tolkprofiel-knoppen ul,
#hoofdmenu ul {
	margin: 0em;
	padding: 0em;
	list-style: none;
}

#gegevens-body .tolkprofiel .tolkprofiel-knoppen a,
#hoofdmenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;	
	border: 2px groove #fff;
	line-height:1.6em;
	padding: 0em 1em 0em 0em;
	display: block;	
}

#gegevens-body .tolkprofiel .tolkprofiel-knoppen a img,
#hoofdmenu a img {
	border: 0em;
	vertical-align: middle;
	height: 1em;
	margin-right: 0.4em;
}
#gegevens-body .tolkprofiel .tolkprofiel-knoppen a:link,
#hoofdmenu a:link {
	color: #000;
}
#gegevens-body .tolkprofiel .tolkprofiel-knoppen a:visited,
#hoofdmenu a:visited {
	color: #000;
}
#gegevens-body .tolkprofiel .tolkprofiel-knoppen a:hover,
#hoofdmenu a:hover {
	color: #000;
	background-color: #FFD09D;
}
#gegevens-body .tolkprofiel .tolkprofiel-knoppen a.actief, #hoofdmenu a:visited.actief ,
#hoofdmenu a.actief, #hoofdmenu a:visited.actief  {
	background-color: #F7403A;
	color: #fff;
}

#hoofdmenu a.applicatielogo,
#hoofdmenu a.applicatielogo:hover {
	background: transparent;
	border-style: none;
	width: 20em;
	height: 4em;
}


#hoofdmenu-links {
	position: absolute;
	bottom: 0px;
	left: 0px;
}


#gegevens-body .tolkprofiel .tolkprofiel-knoppen,
#hoofdmenu-rechts {
	position: absolute;
	top: 0.25em;
	right: 0.25em;
	z-index:5;
}

#gegevens-body .tolkprofiel .tolkprofiel-knoppen a,
#hoofdmenu-rechts a{
	padding-right: 0.4em;
}

#hoofdmenu .rechts {
	width: 10em;
	text-align: right;
	display: inline;
	cursor: hand;
}
#hoofdmenu-inloggegevens {
	position: absolute;
	bottom: 0.25em;
	right: 0.65em;
	text-align: right;
	color: #fff;
}

#hoofdmenu-inloggegevens .dossier {
	background-color:#747f81;
}

#hoofdmenu-contact {
	position: absolute;
	top: 10.6em;
	right: 0.65em;
	vertical-align: top;
	padding-top: 0px;
/*
2006/07/18 youri copy van hoofdmenu-contact p
stond eerst in een <p>
*/
	font-size: 0.85em;
	text-align: right;
	line-height: 1.3em;
	color: #fff;
}


#hoofdmenu-contact a,
#hoofdmenu-contact p{
	padding-top:0px;
	font-size: 0.85em;
	text-align: right;
	line-height: 1.3em;
	color: #fff;
}

#hoofdmenu-contact a{	
	background: transparent;
	font-weight: normal;	
	color: #fff !important;
	border: none;
	padding: 0em 0em 0 0;
	display: block;	
}

#hoofdmenu-contact a:visited {
	background: transparent;
}

#hoofdmenu-contact a:hover {
	color: #000 !important;
	background: #fff;
}

#hoofdmenu-spoed {
	position: absolute;
	padding: 0.5em;
	top: 1em;
	right: 1em;
	text-align: left;
	background-color: #fff;
}







/* ----- gegevens ----- */
#gegevens {
	height: 100%; /* alleen nodig om met javascript het filter te kunnen zetten */
}
#gegevens form {
	padding: 0;
	margin: 0;
}
#gegevens img {
	border-style: none;
}
#gegevens label {
	cursor: hand;
	vertical-align:top;
}


/* ----- gegevens-kop: de tabjes ----- */
#gegevens-kop {
	background: #F7403A url("../shared_img/tab_bg.gif") repeat-x bottom;
	width: 100%;
	height: 3.25em;
	float: left;   
	font-size: 100%;
	line-height: normal;
	border-color: #000;
	border-width: 1px 0 0 0;
	border-style: solid;
}

#gegevens-body .tolkprofiel .tolkprofiel-kop {
	background: #F7403A url("../shared_img/tab_bg.gif") repeat-x bottom;
	width: 100%;
	height: 3.25em;
	position:absolute;
	font-size: 100%;
	line-height: normal;
	border-color: #000;
	border-width: 1px 0 0 0;
	border-style: solid;
}

#gegevens-body .tolkprofiel .tolkprofiel-kop ul,
#gegevens-kop ul {
	margin: 0;
	padding: 10px 10px;
	list-style: none;
}
#gegevens-body .tolkprofiel .tolkprofiel-kop li,
#gegevens-kop li {
	float: left;
	background:url("../shared_img/tab_norm_left.gif") no-repeat left top;
	margin: 0 0.2em 0 0;
	padding: 0 0 0 9px;
	height:2.65em;

}
#gegevens-body .tolkprofiel .tolkprofiel-kop a,
#gegevens-kop a {
	float: left;
	display: block;
	background: url("../shared_img/tab_norm_right.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#gegevens-body .tolkprofiel .tolkprofiel-kop a,
#gegevens-kop a {float:none;}
/* End IE5-Mac hack */

#gegevens-kop a:link,
#gegevens-kop a:visited {
	color: #fff;
	background-color: #000;
}

#gegevens-kop a:hover {
	color: #666;
}

#gegevens-body .tolkprofiel .tolkprofiel-kop .actievetab,
#gegevens-kop #actievetab {
	background-image: url("../shared_img/tab_norm_left_on.gif");
}    

#gegevens-body .tolkprofiel .tolkprofiel-kop .actievetab a,
#gegevens-kop #actievetab a {
	background-image: url("../shared_img/tab_norm_right_on.gif");
	padding-bottom: 5px;
	color: #000;
}


/* ----- gegevens-kop: stappen aanduiding ----- */

#gegevens-kop-stappen {
	background: #F7403A url("../shared_img/tab_bg.gif") repeat-x bottom;

	width: 100%;
	height: 3.25em;
	float: left;
	font-size: 100%;
	line-height: normal;
	border-color: #000;
	border-width: 1px 0 0 0;
	border-style: solid;
}

#gegevens-kop-stappen ul {
	background-color: #000000;
	padding-left: 0em;

	margin: 0.25em 0.5em 0em 0.5em;
	list-style: none;
}
#gegevens-kop-stappen li {
	float: left;
	width: 3em;	
	text-align: center;
}
#gegevens-kop-stappen a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin: 0.1em 0 0.1em 0.1em;
}

#gegevens-kop-stappen a:link,
#gegevens-kop-stappen a:visited {
	color: #000;
	background-color: #DF977F;
}

#gegevens-kop-stappen a:hover {
	color: #666;
}

#gegevens-kop-stappen #actievestap a {
	background-color: #fff;
	color: #000;font-size:200%;
}
#gegevens-kop-stappen h3 {
	color: #fff;
	margin: 0.5em 0 0 13em;
	padding: 0;
}

#gegevens-body{
	/*width: 100%; uitgezet: zorgt voor horizontale scrollbar */
	padding: 0 0.2em;
	clear: both;
}

#gegevens #tbl-head-02 td div.uitleg {
	margin-bottom:0.5em;
}

#gegevens #tbl-head-02 td div.uitleg a {
	font-size: 0.8em;
}
#gegevens #tbl-head-02 td div.uitleg a:link,
#gegevens #tbl-head-02 td div.uitleg a:visited {
	color : black;
}

#gegevens .attentie {
	color: #F7403A;
	font-weight: bold;
}
#gegevens .tbl {
	padding: 0 0.2em;
	width: 48em;
}
#gegevens .tbl caption{
	padding     : 0.6em 0.2em 0em;
	text-align  : left;
	font-weight : bold;
	font-size   : 120%;
}
#gegevens .tbl-links {
	padding: 0 0.2em;
	width: 30em;
}
#gegevens .tbl-rechts {
	padding: 0 0.2em;
	width: 15em;
}

/* 26-01-2007 */
#gegevens #tbl-head-01,
#gegevens #tbl-head-02 {
	background-color: #fff; /*#C2AE82;*/
	margin-top: 0em;
	padding-top: 1em;
}
* html #gegevens #tbl-head-01{
	margin-top:1em;
}
#gegevens #tbl-head-02 {
	padding-top: 0.4em;
}
#gegevens .tbl-data-01,
#gegevens #tbl-data-01 {
	background-color: #fff; /*#C2AE82;*/
	clear: both;
}
#gegevens #gegevens-body #tbl-head-01 {
	float: left;
	width: 30%;
}
#gegevens #gegevens-body #tbl-head-02 {
	width: 30%;
}

#gegevens #tbl-head-01 .actieknop,
#gegevens #tbl-head-02 .actieknop {
	margin : 0px;
	cursor : pointer;
}
/* 26-01-2007 */

#gegevens #tbl-head-01 #periodekiezer {
	background-color: #eaeaea;
	border: 1px solid;
	border-color: #000 #fff #fff #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	text-align: right;
	color: #000;
}

#gegevens #tbl-head-01 #periodekiezer .accolade{
	font-size    : 3.2em;
	color        : black;
	margin-left  : .1em;
	margin-right : .1em;
}

#gegevens #tbl-head-01 #periodekiezer th, 
#gegevens #tbl-head-01 #periodekiezer td{
	font-size : 0.8em;
}

#gegevens #tbl-head-01 #periodekiezer td .actieknop{
	font-size : 1.1em;
}

#gegevens #tbl-head-01 #periodekiezer img {
	height: 1.5em;
}

/* 26-01-2007 */
#gegevens #tbl-head-02 #filterkiezer{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	width: 22em;
	text-align: right;
	color: #000;
}

#gegevens #tbl-head-02 #filterkiezer select {
	width: 21em;
}

#gegevens #tbl-head-02 #filterkiezer .actieknop{
	font-size : 1em;
}

#gegevens #tbl-head-02 #zoekkiezer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	text-align: left;
	width: 28.2em;
}
/*#gegevens #tbl-head-01 #zoekkiezer select {
	width: 21em;
}*/

#gegevens #tbl-head-02 #zoekkiezer .actieknop{
	font-size : 1em;
}

#gegevens #tbl-head-01 td,
#gegevens #tbl-head-02 td {
	border-width: 0px;
	color: #fff;
	margin: 0;
	/*border: 1px solid #0ff;*/
}
/* 26-01-2007 */

#gegevens #tbl-head-01 td h3 {
	margin: 0;
}
#gegevens #tbl-head-01 td a:link {
	color: #fff;
}
#gegevens #tbl-head-01 td a:visited {
	color: #fff;
}
#gegevens #tbl-head-01 td a:hover {
	color: #FFD09D;
}
#gegevens #tbl-head-01 td form {
	margin: 0.2em 0;
}



#gegevens .tbl-data-01 .lbl,
#gegevens #tbl-data-01 .lbl {
	background-color: #EADEC2; /*#ece9d8;*/
	text-align: right;
	padding-right: 0.4em;
}
#gegevens .tbl-data-01 .inp ,
#gegevens #tbl-data-01 .inp {
	background-color: #eaeaea; */#FFFFD5;*/
/*	border-color: #fff #ccc #ccc #fff;*/
	padding: 0em 0.4em;

}
#gegevens .tbl-data-01 .txt,
#gegevens #tbl-data-01 .txt {
	background-color: #faf4ef;
	border-color: #ccc #fff #fff #ccc;
	padding: 0 0.4em;
}
#gegevens .tbl-data-01 .tussenkop ,
#gegevens #tbl-data-01 .tussenkop {
	text-align: left;
	padding-left: 15em;
	font-weight: bold;
}
#gegevens .tbl-data-01 .links ,
#gegevens #tbl-data-01 .links {
	text-align: left;
	padding-left: 0.2em;
}

#gegevens .oneven {
	background-color: #EADEC2;
}
#gegevens .even {
	background-color: #eaeaea;
}
#gegevens .teamtolk {
	background-color: #c0e0c0;
}
#gegevens .actief {
	color: #fff;
	background-color: #F7403A;
}
#gegevens .actief a,
#gegevens .actief a:hover,
#gegevens .actief a:visited,
#gegevens .actief a:active{
	color: #fff;
}

#gegevens .tbl-data-01 td, 
#gegevens .tbl-data-01 th,
#gegevens #tbl-data-01 td, 
#gegevens #tbl-data-01 th {
	font-family: 'trebuchet ms', Arial;
	font-weight: normal;
	text-align: left;
	padding-right: 0em;
	line-height: 2em;
	border: 1px solid;
	border-color: #fff #C2AE82 #C2AE82 #fff;
	vertical-align : top;
}

#gegevens .tbl-data-01 .tabelhoofd ,
#gegevens #tbl-data-01 .tabelhoofd {
	border-color: #fff;
}

#gegevens .ico {
	padding: 0;
	margin: 0;
}
#gegevens .aantal-interessemeldingen {
	font-weight: bold;
	font-size: 120%;
	display: inline;
	width: 1.2em;
}

#gegevens .teksticoon {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	line-height: 75%;
}
#gegevens td img {
/*	height: 2em;*/
	margin: 0;
	vertical-align: middle;
	border: 0;
}

#gegevens th a,
#gegevens td a {
	color: #000;
}
#gegevens th a:visited,
#gegevens td a:visited {
	color: #000;
}

#gegevens .inp {
	padding: 0;
}

#gegevens td input, 
#gegevens td select {
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #7A4913 #C2AE82  #C2AE82 #7A4913;
	border-color: #7A4913;
	font-size: 1em;
	height: 1.9em;
	padding: 0.3em 0 0 0.2em;
	margin: 0;
}

* html #gegevens td input,
#gegevens td select {
	margin-bottom: 0.1em;
}

textarea,
#gegevens td textarea {
	font-family: 'trebuchet ms', Arial;
	font-size: 1em;
	border-style: solid;
	border-width: 1px;
	border-color: #7A4913 #C2AE82  #C2AE82 #7A4913;
	border-color: #7A4913;
}

#gegevens .kalender {
	position:relative;
/*
youri 07/18/2006
top weggehaald en vertical-align toegevoegd
top: -0.4em;*/
	margin: 0;
	cursor: hand; 	
	vertical-align:top;
}

#gegevens #layout-tabel th,
#gegevens #layout-tabel td {
	padding: 0 0.2em 0 0.2em;
	border-width: 0 !important;
	text-align: left;
}
#gegevens #layout-tabel th {
	width: 6em;
	font-size: 0.8em;
	padding-top: 0.25em;
}


/* ----------- actie knoppen ----------- */
#hoofdmenu #tolkMemo .actieknop,
#hoofdmenu #medewerkerMemo .actieknop,
#gegevens #login-container .actieknop,
#gegevens .actieknop {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 0.8em;
	font-weight	: bold;
	text-align	: left;
	background-color: #fff;	
	color		: #000;
	border		: 1px solid #000;
/*
	Youri 18/07/2006 padding-right toegevoegd & margin van 1 naar 0.25 gezet
	Het pijltje zat onder de text
*/
	padding-right	: 10px;
	background	: white url("../shared_img/pijl_8x16.gif") no-repeat right;
	margin		: 0.25em 0em 0em 0em;
	text-transform	: uppercase;
}

#gegevens .actieknop.rechts {
	text-align: left;
	padding-left:14px;
	display: inline;
	cursor: hand;
	background	: white url("../shared_img/pijl_8x16.gif") no-repeat left;
}

#gegevens .actieknop.terug {
	background: white url("../shared_img/pijl_8x16_reverse.gif") no-repeat left;
	text-align: right;
}

#gegevens a.actieknop{
	padding: 0.2em 0em 0.1em 0.5em;
	text-decoration: none;
}
#gegevens a.actieknop.terug {
	padding: 0.35em 0.5em 0.1em 3em;
}

.disabled{
	cursor:default;
	background: white url("../shared_img/pijl_8x16_dis.gif") no-repeat right !important;
}

/* ----------- taken lijstje ----------- */
#taken{
	/*width: 14em;*/
	margin-top: 2.1em;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 100%;
	line-height: normal;
	border-color: #000;
	border-width: 1px 0 0 0;
	border-style: solid;
}
#taken ul {

	padding-left: 0em;
	margin: 0em;
	list-style: none;
	border: 1px solid #000;
}
#taken li{	
	margin: 0;
	padding: 0.4em;
	background-color: #ccc;
	border: 1px solid;
	border-color: #fff #999 #999 #fff;
	font-size: 80%;
}

#taken ul ul{
	font-size  : 125%;
}

#taken .kop {
	background-color: #F7403A;
	font-weight: bold;
	color: #fff;
}

#taken .actieknop {
	background-color: #fff;
	margin: 0.2em 0.4em;
	padding-left: 0.2em;
	font-size: 110%;
	text-transform: uppercase;
	width: 100%;	
}

#taken .oneven {
	background-color: #D8D7D4;
}

#taken .even {
	background-color: #eaeaea;
}

#taken th{
	font-size : 0.8em;
	text-align: left;
	padding-left: 0.3em;
}
#taken td{

	font-size : 0.8em;
	padding-left: 0.2em;
	border: 1px solid;
	border-color: #fff #D8D7D4 #A1A09F #fff;
}

/* ----- iframe dossiervenster ----- */

#gegevens-body #dossiervenster {
	position: absolute;
	width: 50em;
	height: 36em;
	left: 0em;
	top: 0em;
	border: 5px solid #FFD09D;
	display: none;
}

#gegevens-body .tolkprofiel {
	position: absolute;
	width: 50em;
	height: 36em;
	left: 0em;
	top: 0em;
	border: 5px solid #000;
	overflow-y:auto;
	overflow-x:hidden;
	/*display: none;*/
}
/* ----- div tolkprofiel ----- */
/*van de tolkprofielen staat er ook nog iets in "gegevens-kop: de tabjes" en in "iframe dossiervenster" */


#gegevens-body .tolkprofiel .tolkprofiel-kop{
	margin-top:145px;
}

#gegevens-body .tolkprofiel .tolkprofiel-knoppen a{
	margin-right:2em;
}

/*#gegevens-body .tolkprofiel .tolkprofiel-kop .actievetab {
	margin-top:6px;
}*/
#gegevens-body .tolkprofiel .tolkprofiel-gegevens img{
	padding:2px;
}
#gegevens-body .tolkprofiel .tolkprofiel-gegevens{
	position: absolute;
	top: 12.4em;
	left:0px;
	width:50em;
	padding:30px 0px;
	background-color:#fff;
}
#gegevens-body .tolkprofiel .tolkprofiel-gegevens table{
	width:40em;
	height:19.8em;
}

/* ----- iframe zoekvenster ----- */

#gegevens-body #zoekvenster {
	position: absolute;
	width: 18.5em;
	height: 38.5em;
	left: 48.5em;
	top: 13em;
}

/* ----- iframe spoedtolken ----- */

#gegevens-body #spoedtolken {
	position: absolute;
	width: 14em;
	height: 34.5em;
	left: 57.6em;
	top: 32em;
}

#zoeken {
	width: 18.5em;
}
#zoeken .oneven {
	background-color: #D8D7D4;
}
#zoeken .even {
	background-color: #eaeaea;
}

#zoeken #zoekterm {
	background-color: #eaeaea;
	border: 1px solid;
	border-color: #000 #fff #fff #000;
	font-family: Arial, Helvetica, sans-serif;
}
#zoeken #zoekterm th{
	font-size : 0.8em !important;
	padding: 0 0.5em;
}
#zoeken #zoekterm td{
	padding: 0 0.1em;
	font-size : 0.8em;
}
#zoeken #zoekterm td .actieknop{
	padding: 0 0.2em !important;
	margin: 0;
	font-size : 1em;
}
#zoeken #zoekresultaat {
	background-color: #eaeaea;
	border: 1px solid;
	border-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

#zoeken #zoekresultaat .kop {
	background-color: #F7403A;
	font-weight: bold;
	font-size : 0.9em;
	color: #fff;
	display:block;
	padding: 0.1em 0 0.1em 0.3em;
}

#zoeken #zoekresultaat table{
	width:17em;
}
#zoeken #zoekresultaat th{
	font-size : 0.8em;
	text-align: left;
	padding-left: 0.3em;
}
#zoeken #zoekresultaat td{

	font-size : 0.8em;
	padding-left: 0.2em;
	border: 1px solid;
	border-color: #fff #D8D7D4 #A1A09F #fff;
}

#zoeken #zoekterm th{
	font-size : 0.8em;
}
#zoeken #zoekterm td{

	font-size : 0.8em;
}
#zoeken #zoekterm td .actieknop{
	padding: 0;
	margin: 0;
	font-size : 1em;
}


#wacht-animatie{
		position: absolute;
		left: 6em;
		top: 8em;
		z-index: 1000;
		display: none;
}
	
	
/*------ legenda--------*/
#legenda{
	border: 1px solid;
	border-color: #000;
	width: 20em;
	margin-left:  37.5em; /*28em;*/
	font-family: Arial;
	font-size: 0.8em;
/*
	youri 2006/07/18;
	padding-left & list-style toegevoegd
*/
	padding-left: 0px;
	list-style:none;
}
#legenda img {
	vertical-align: middle;
}
#legenda .legenda-kop{
	background-color: #F7403A;
	padding: 1em 0 0.3em 0.3em;
	font-weight: bold;
	color: #fff;
}
#legenda .legenda-tussenkop{
	background-color: #fff;
	padding: 1em 0 0.3em 0.3em;
	font-weight: bold
}
#legenda .legenda-inhoud{
	padding: 0 0 0 0.3em;
	border: 1px solid;
	border-color: #A1A09F #fff #fff #fff;
}
#legenda .oneven {
	background-color: #D8D7D4;
}
#legenda .even {
	background-color: #eaeaea;
}
#legenda li a {
	margin: 0.5em 0 1.4em 0;
	display: block;
}
#legenda li a:visited,
#legenda li a:hover,
#legenda li a {
	color: #000;
}


.screendump img {
	width: 62.7em;
	border-style: none;
}
/* ----- breedte maten ----- */
.w1  {width: 1em}
.w1-5{width: 1em}
* html .w1-5{width: 1.5em}
.w2  {width: 2em}
.w4  {width: 4em}
.w6  {width: 6em}
.w8  {width: 8em}
.w10 {width: 10em}
.w11 {width: 11em}
.w12 {width: 12em}
.w15 {width: 15em}
.w20 {width: 20em}
.w24 {width: 24em}
.w30 {width: 30em}
.w40 {width: 40em}
.w50 {width: 50em}
.w60 {width: 60em}


/* wireframe stijlen, mogen straks weg als er geen wireframe schermen meer zijn */
#beschrijving {
	background-color: #fff;
	padding: 0.5em;
	margin: 0.5em 0;
	height: 15em;
	border: 1px solid #336;
}
#beschrijving h3 {
	color: #336;
	margin: 0;
}
#hyperlinks {
	background-color: #fff;
	padding: 0.5em;
	border: 1px solid #336;
}
#hyperlinks h3 {
	color: #336;
	margin: 0;
}
#hyperlinks a {
	text-decoration: none;
}





	#meldingen {
/*		width            : 100%;*/
		margin           : 0px 8em;
		margin-top       : 4em;
		padding          : 0;
		border           : 1px solid #666;
		background-color : #dedede;
		text-align       : left;
	}
	
	#meldingen h1 {
/*		width            : 100%;*/
		margin           : 0;
		padding          : 0 0.5em;
		
		background-color : #F7403A;
		color            : #fff;
		font-size        : 100%;
		text-align       : left;
		
		border-color     :  #d9d9d9 #000 #000 #d9d9d9;
		border-width     : 1px;
		border-style     : solid;
	}
	
	#meldingen .brood{
		margin-left	: 2em;
		margin-bottom	: 1em;
	}
	
	#meldingen .veld {
		width            : 10em;
	}
	
	#meldingen .actieknop {
		display          : block;
		width            : 16em;
		padding          : .4em;
		margin-left      : 2em; /* iets naar rechts plaatsen */
		
		color            : black;
		background-color : #fff;
		text-decoration  : none;
	}
	#meldingen .actieknop:hover{
		background-color : #FFD09D;
	}
	
	
	
	
	
	
	
	
	
	
	
	fieldset{
		padding          : 1em;
		margin           : 0px 1em 0.2em;
		border           : 1px solid black;
	}
	legend{
		font-weight      : bold;
		padding          : 0px 1em;
		border           : 1px solid black;
	}
	
	#gegevens-body td input.mono,
	#gegevens-body td textarea.mono{
		font-family      : Lucida Console, Courier New, monospace;
		font-size        : 0.8em;
		padding          : 0.2em;
	}
	
	#gegevens-body td input.inregel,
	#gegevens-body td textarea.inregel{
		font-size        : 0.8em;
		padding          : 0.1em 0.2em;
		height:1.4em;
		
	}

	.waarschuwingspopup{
		position:absolute;
		background-color:#fff;
		top:50%;
		left:25%;
		z-index:1010;
		width:500px;
		height:auto;
		border:2px solid #f7403a;
	}
	.waarschuwingspopup .head{
		background-color: #f7403a;
		padding-left:10px;
		color:#fff;
	}
	.waarschuwingspopup .tekst{
		padding-left:10px;
	}

/* ----- details onderwijsaanvraag ----- */
	
	#gegevens-body #dagdeelinfo td,
	#gegevens-body #dagdeelinfo th,
	#gegevens-body .kleine-letter {
		
		font-size: 0.9em;		
		border-width: 0;
		padding-right: 1em;
	}
	#gegevens-body .kleine-knop {
		width: 14em;
		margin: 0.5em 0;
		font-size: 1em;
	}