/* creating.css */

/* **********************
** STANDAARDCORRECTIES **
********************** */
/* we corrigeren wat standaardzaken die per browser verschillen. Vooral
   internetexplorer heeft af en toe wat vreemde defaults. */


/* stel een aantal marges op 0, zodat we netjes kunnen uitlijnen */
body, form, table, td, img {  margin:0;padding:0; }

/* Verwijder de cellspacing uit tabellen */
table { border-collapse:collapse; }

/* Lijn td's standaard hoog uit */
td, th, tbody	{ vertical-align:top; }


/* Stel de fonts van de meeste tekstitems standaard goed in */
TD, P, LI, DIV
{
	font-family: verdana,arial,sans-serif;
	font-size:10pt;
}

/* plaatjes van borders ontdoen. */
img { border:none; }




/* **************
** MENU opmaak **
************** */

/* De menucel heeft een lichtgrijze achtergrond, en een blauwe rand rechts */
#menu
{
	border-right: 1px #0080c7 solid;
	background-color:#F1F1F1;
}


/* De individuele menuitems worden door het treescriptje in TDtjes gezet.  */
#menu A
{
	font-family: verdana,arial,sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:black;
}


/* Het geselecteerde item in de boom maken we bold. */
#menu .nodeSel
{
	font-weight:700;
}

#menu .dTreeNodeCell
{
	padding-bottom:5px;
	padding-left:2px;
}


/* *********************
** Pageoptions opmaak **
********************* */

#pageoptions
{
	position:absolute;
	left:213px;
	top:167px;
	width:521px;
	height:17px;
	z-index:2;
}

/* De cellen waarin de opties staan centreren we, en geven we witte randjes */
#pageoptions TD
{
	background-color:#CCCCCC;
	border-left:1px white solid;
	border-right:1px white solid;
	cursor:hand;
}

/* Linkjes maken we wat platter - de TD zorgt voor de interfaceindicatie */
#pageoptions TD A
{
	text-decoration:none;
	color:black;
}

/* in een mouseover licht de TD op */
#pageoptions TD.highlight, #pageoptions TD.highlight A
{
	background-color:#0080C7;
	color:white;
}




/* *****************
** CONTENT opmaak **
***************** */
#content
{
position:absolute; 
width:501px; 
left:221px;
top:185px;
}

/* Stel de fonts van linkjes in de meeste tekstitems standaard goed in */
#content A, #content  A:visited, #content A:link, #content A:hover
{
	font-family: verdana,arial,sans-serif;
	color:#004982;
	text-decoration:none;
	border-bottom:1px #cccccc solid;
}

#content A:hover
{
	color:#0080C7;
	border-bottom:2px #cccccc solid;
}


#content H1
{
	color:#0080C7;
	font-family: verdana,arial,sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	font-weight:600;
	border-bottom:1px #cccccc solid;
	border-top:1px #cccccc solid;
	padding:12px 0px;
	margin:0px;
}

#content H2
{
	color:#0080C7;
	font-family: verdana,arial,sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	font-weight:600;
	padding:8px 0px;
	padding-top:12px;
	margin:0px;
}

#content P
{
	font-family: verdana,arial,sans-serif;
	font-size:9pt;
	padding-top:2px;
	padding-bottom:6px;
	margin:0px;
}

#content UL
{
	padding: 4px 0px;
	margin:  0px 20px;
}

#content TR.highlight
{
	background-color:#F1F1F1;
}

#content TABLE
{
/*	width:501px; */
}


#content .secondary
{
	color: #AAA;
	font-family: verdana,arial,sans-serif;
	font-size:9pt;
}

#content table.secondary, #content .secondary table
{
	border: none;
}

#content TH, #content .secondary TH
{
	text-align:left;
	background-color: #F1F1F1;
	border:2px solid white;
	padding:1px;
}

/* ***************
** FORMS opmaak **
*************** */

FORM.classForm TABLE 
{

}

FORM.classForm TH.classForm
{
	text-align:left;
	background-color:#F1F1F1;
	width:190px;
}

FORM.classForm TD.classForm
{
}

FORM.classForm .classFormDefault
{
	border: 1px #0080C7 solid;
	width: 350px;
	margin:2px;
}

FORM.classForm TR.controlInvalid .classFormDefault
{
	border: 2px #FF0000 solid;
}

FORM.classForm TR.controlInvalid TH
{
	color: #AA0000;
}


/* ******************
** Header buttons  **
****************** */
#hbtn 
{
	position:absolute;
	top:21px;
	left:384px;
	width:348px;
	height:38px;
	border:none;
	z-index:2;
}

#hbtn TD
{
	width:87px;
	text-align:center;
	vertical-align:middle;
	border-left:2px solid white;
	border-top:2px solid white;
	border-bottom:2px solid #dedede;
	border-right:2px solid #dedede;
	background-color:#f0f0f0;
	cursor:hand;
	font-family:verdana;
}

#hbtn TD.highlight
{
	background-color:#dedede;
	border-left:2px solid #c3c3c3;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid white;
	border-right:2px solid white;
}

#hbtn TD, #hbtn TD A
{
	text-decoration: none;
	color:black;
	font-size:10pt;
}


/* ***************
** Header menu  **
**************** */
#hmenu
{
	position:absolute;
	top:90px;
	left:12px;
	width:185px;
	z-index:2;
	text-align:right;
	font-weight:bold;
	line-height:23px;
}

#hmenu, #hmenu A
{
	font-family:tahoma;
	font-size:10pt;
	text-decoration:none;
	color: #004982;
}

textarea.tinymce {
	width:352px;
	height:350px;
}