/* STYLESHEET BEHORENDE BIJ DE WEBSITE LINGERIE OP MAAT */
/* REGELS OPGEZET DOOR ADVIES EN ZO */

/* UITLEG: DE REGELS VOOR DE STANDAARD WEERGAVE VAN DE BINNEN DEZE WEBSITE GEBRUIKTE TAGS */

/* BASISOPZET */
BODY {
	margin: 0px 10px 6px 10px;
	padding: 0px;
	border: 0px none;
	color: #339966;
	background-color: #FFCC66;
}

BODY, TABLE, THEAD, TBODY, CAPTION, TR, TH, TD, H2, H3, H4, H5, H6, DIV, P, BLOCKQUOTE, UL, OL, LI, FORM, TEXTAREA, INPUT, SELECT, OPTION, CODE { font-family: arial,verdana,sans-serif; }
BODY, TABLE, THEAD, TBODY, CAPTION, TR, TH, TD, H2, H3, H4, H5, H6, DIV, P, UL, OL, LI { font-size: 10pt; }
BODY, TABLE, THEAD, TBODY, TR, TD, H3, DIV, P, UL, OL, LI, FORM, TEXTAREA, INPUT, SELECT, OPTION { font-weight: normal; }

/* REGELS VOOR INLINE TAGS */
B, STRONG { font-weight: bold; }
I, EM { font-style: italic; }
U { text-decoration: underline; }
SUP { vertical-align: super; font-size: 0.8em; }
SUB { vertical-align: sub; font-size: 0.8em; }
SMALL { font-size: 0.8em; }
ACRONYM, ABBR { color: #FF9933; background-color: transparent; border-bottom: dotted 0.05em; cursor: help; }
IMG, MAP { border: 0px none; margin: 0px 4px 8px 4px;}

A { color: #339966; background-color: transparent; font-weight: bold; text-decoration: none; }
A:visited { color: #FF9933; background-color: transparent; }
A:active { color: #0000FF; background-color: transparent; }
A:hover { color: #339966; background-color: transparent; text-decoration: underline; }

/* REGELS VOOR BLOCK TAGS */
H1 {
	margin: 15px 0px 10px 0px;
	padding: 1px 10px 3px 10px;
	font-family: comic sans,comic sans MS,arial,verdana,sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #FFFFCC;
	background-color: #339966;
	border-left: 10px solid #FF9933;
}
H2 { margin: 10px 0px 0px 0px; font-weight: bold; }
H3 { margin: 10px 0px 0px 0px; text-decoration: underline; }

P { margin: 6px 0px 0px 0px; }

BLOCKQUOTE {
	color: #339966;
	background-color: transparent;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	margin: 15px 0px 0px 0px;
	padding: 0px 35px;
}

CODE {
	display: block;
	margin: 4px 45px 0px 15px;
	padding: 3px 10px;
	border: 2px inset #339966;
	font-size: 0.8em;
	color: #339966;
	background-color: #FFFFFF;
}

FORM, #detail { margin: 6px 0px 0px 0px; padding: 0px; }
FORM, TEXTAREA, INPUT, SELECT, OPTION {font-size: 9pt; }
LABEL {font-size: 8pt; clear: both;}
INPUT { margin-right: 4px; }

UL, OL { margin-top: 6px; margin-bottom: 2px; list-style-position: outside; }
UL { list-style-type: disc; list-style-image: url('images/bullet.gif'); }

TABLE, TR, TD, TH { margin: 6px 0px 8px 0px; padding: 0px; vertical-align: top; }
TH { text-align: left; font-style: italic; padding: 1px 12px 1px 0px; border-bottom: 1px solid #FF9933;}
TD { color: #000000; background-color: transparent; padding: 1px 12px 1px 0px;}


/* UITLEG: NU VOLGEN DE SPECIFIEKE REGELS VOOR NIET STANDAARD SITUATIES */

/* UITLEG: iets meer ruimte boven de "versturen" knoppen in de formulieren */
.button { margin-top: 6px; }

/* UITLEG : specs voor een iets andere weergave van tekst die benadrukt moet worden maar niet te veel */
.speciaal { color: #339966; background-color: transparent; font-style: italic; }

/* UITLEG : specs voor de workshop code onderaan het stukje uitleg bij elke workshop */
.wscode { color: #339966; background-color: transparent; font-size: 0.8em; }

/* UITLEG: Van toepassing op de maatwerk prijzen tabel - extra stylen voor tabel waar de headers links staan ipv boven */
.h_or { width: 500px;}
.h_or TH { width: 350px; text-align: left; font-style: italic; border-bottom: 0px none;}
.h_or TD { width: 150px; color: #000000; background-color: transparent;}

/* UITLEG:  wordt gebruikt bij formulieren om aan te geven wat de verplichte velden zijn */
.rood { color: #FF0000; background-color: transparent; }

/* UITLEG: wordt gebruikt in het inschrijfformulier om de checkboxen links van de selectieblokken te presenteren - NIET MEER NODIG
.checkboxlist { width: 150px; float: left; padding-right: 20px; clear: both; }
*/
/* UITLEG: wordt gebruikt in het inschrijfformulier om de selectieblokken te presenteren - NIET MEER NODIG
#cursus_b, #cursus_g, #workshop_b, #workshop_g { float: left; }
*/
/* UITLEG: wordt gebruikt in het inschrijfformulier om het label voor de bron op een nieuwe regel te laten beginnen - NIET MEER NODIG
.bronlab { clear : both; }
*/

/* UITLEG: wordt gebruikt bij de opmaat voorbeelden om de voorbeelden op een nieuwe regel te laten beginnen */
#vrb_inhoud DIV { clear : both; }

/* UITLEG: wordt gebruikt om de kleine boxes met de directe inschrijflink te schrijven bij de workshop en cursus pagina's*/
.direct { float: right; border: 5px outset #FF9933; margin: 15px 15px -10px 15px; }
.direct:hover { border: 5px inset #339966; }
.direct A { display: block; padding: 5px; text-align: center; }

/* UITLEG: wordt gebruikt voor de DHTML divs bij de workshop pagina's */
.workshops H2 { color: #339966; background-color: transparent; text-decoration: underline; cursor:pointer; clear: both;}
html>body .workshops H2 { text-decoration: none; }
.workshops H2:hover { text-decoration: underline; }

.workshops DIV {
	margin: 5px 0px 0px 15px;
	padding: 0px 10px 2px 15px;
	border-top: 1px solid #FFCC66;
	border-bottom: 2px solid #FFCC66;
	height: 50px;
	min-height: 50px;
}
html>body .workshops DIV { height: auto; }

/* UITLEG: specs voor de "alles uitklappen/inklappen" divisies die bij de workshop pagina's gebruikt worden */
.workshops UL.uitklapnav {
	float: right;
	border-top: 2px solid #FFCC66;
	border-bottom: 2px solid #FFCC66;
	margin: 5px 0px -15px 0px;
	padding: 2px 20px 2px 20px;
	text-align: right;
}
.workshops UL.uitklapnav LI {
	display: inline; list-style: none; color: #339966; background-color: transparent; font-weight: bold; cursor:pointer;
}
.workshops UL.uitklapnav LI:hover { text-decoration: underline; }


#kader {
	margin: 8px 0px;
	padding: 2px 10px 8px 10px;
	border: 5px double #FF9933;
}


/* UITLEG: NU VOLGEN DE ALGEMENE LAYOUT SPECIFICATIES */

/* UITLEG: de specs voor de divisie met het plaatje van de dame links op elke pagina */
#dame {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 194px;
	height: 400px;
	background: url('images/meisje.gif') no-repeat left top;
	z-index: 5;
}

/* UITLEG: de divisie bovenaan de pagina met de bedrijfsnaam en slogan */
#koptekst {
	text-align: right;
	margin: 0px 0px 0px 200px;
	padding: 13px 28px 0px 20px;
	height: 85px;
}
html>body #koptekst { height: 72px; }

/* UITLEG: de plaatsing van de ronde hoeken om de inhoud heen */
#linksbrond { background: #FFFFCC url('images/hoeklb.gif') no-repeat left top; margin: 0px 0px 0px 127px; padding: 0px; color: #000000; }
#rechtsbrond { background: url('images/hoekrb.gif') no-repeat right top; margin: 0px; padding: 0px; }
#linksorond { background: url('images/hoeklo.gif') no-repeat left bottom; margin: 0px; padding: 0px; }
#rechtsorond { background: url('images/hoekro.gif') no-repeat right bottom; margin: 0px; padding: 35px 20px 20px 80px; }

/* UITLEG: de specs voor de inhoudsdivisie zelf */
#inhoud { margin: 0px; padding: 0px; height: 295px; color: #000000; background-color: #FFFFCC; border: 0px solid black; }
html>body #inhoud { height: 280px; }

/* UITLEG: de specs voor de divisie linksonderaan elke pagina waar de copyright en naar boven link staan */
#einde { border-top: 1px solid #339966; border-bottom: 1px solid #339966; margin: -76px 0px 0px 0px; padding: 2px 0px; width: 120px; color: #339966; background-color: #FFCC66;
}
html>body #einde { width: 120px; }
#einde P, #einde P A { position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; font-size: 8pt; text-align: center; color: #339966; background-color: #FFCC66; z-index: 6;}
#einde IMG { margin: 0px; padding: 0px 5px; }


/* UITLEG: CSS code voor het weergeven van het hoofdmenu wanneer javascript uitgeschakeld staat */
#njsmenu { position: absolute; top: 98px; left: 217px; text-align: center; }
#njsmenu UL { margin: 0px; padding: 0px; border-left: 1px solid #FF9933; border-right: 1px solid #FF9933; }
#njsmenu UL LI {
	display: inline;
	width: 98px;
	height: 20px;
	text-align: center;
	border-right: 1px solid #339966;
}
html>body #njsmenu UL LI { display: block; float: left; width: 97px; padding: 2px;}
#njsmenu UL LI#njscontact { border-right: 0px none;}
#njsmenu UL LI A { vertical-align: middle; width: 94px; padding: 2px 0px 2px 0px; }
html>body #njsmenu UL LI A { display: block; width: 97px; }
#njsmenu UL LI A:visited { color: #339966; background-color: transparent; }
#njsmenu UL LI A:active { color: #0000FF; background-color: transparent; }
#njsmenu UL LI A:hover { color: #FFFFCC; background-color: #FF9933; text-decoration: none;}


/* UITLEG: stijlen die gebruikt worden voor het DHTML menu */
.clCMAbs { position:absolute; visibility:hidden; left:0; top:0 }
.clBar { position:absolute; width:10px; height:10px; background-color:#FFCC66; color: #FFFFCC; visibility:hidden; }

/*Styles for level 0*/
.clLevel0,.clLevel0over { position:absolute; padding:2px; font-family:arial,verdana,sans-serif; font-size:10pt; font-weight:bold; }
.clLevel0 { background-color:#FFFFCC; color: #339966; text-align: center; }
.clLevel0over { background-color:#FF9933; color:#FFFFCC; cursor:pointer; text-align: center; }
.clLevel0border { position:absolute; visibility:hidden; background-color:#FF9933; color:#FFFFCC; }

/*Styles for level 1*/
.clLevel1, .clLevel1over { position:absolute; padding:2px; font-family:arial,verdana,sans-serif; font-size:8pt; font-weight:bold; }
.clLevel1 { background-color: #FFFFCC; color:#339966; }
.clLevel1over { background-color:#FF9933; color:#FFFFCC; cursor:pointer; }
.clLevel1border { position:absolute; visibility:hidden; background-color:#339966; color:#FFFFCC; border-bottom: 5px solid #FF9933; }