/*------------------------------------------- body en voornaamste tekststijlen */

body {
padding:0;
margin:0;
width:1004px;
margin:auto;
margin-bottom:15px;
}

div#container
/* tree + content + leftpane*/
{
padding:0 0 0 0;
position:relative;
height:100%;
/*deze height beïnvloed het oplossingen-probleem, maar is nog niet helemaal alleen verantwoordelijk*/
}

p,td,li 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:em;
}

div#menu li 
{
font-size:11px;
}

p, td
{
margin-bottom:0px;
padding:0;
}

h1,h2,h3 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
margin: 10px 0 20px 0;
font-size:17px;
font-weight:bold;
}

h2 {
margin: 8px 0 10px 0;
font-size:16px;
font-weight:bold;
}

h3 
{
margin: 6px 0 0 0;
font-size:14px;
font-weight:bold;
}

p.subheading
{
	margin-top:0px;
	margin-bottom:0px;
}

table 
{
margin: 0px 0;
}

td 
{
padding:3px;
vertical-align:top;
}


/*------------------------------------------- Header */
div#header {
margin:0;
padding:0;
display:block;
position:relative;
height: 130px;
background-repeat:no-repeat;
background-color:white;
}

div#header h1 {
margin: 0 0 0 100px;
padding: 0;
color:#000;
display:block;
position:absolute;
top:0px;
left:0px;
font-size:18px;
}

/*------------------------------------------- Header > generalcontrol :: Wat hier in? MW */
#generalcontrol {
	text-align:left;
	display:block;
	position:absolute;
	width:372px;
	height:85px;
	margin:0;
	left: -15px;
	top: -16px;
}

#generalcontrol a {
display:block;
width:372px;
height:85px;
}

#generalcontrol a:hover {
display:block;
width:372px;
height:85px;
}

/*------------------------------------------- Header > moduletabs */
table#moduletabs 
{
height:30px;
left:276px;
}

#moduletabs tr td 
{
list-style: none; 
margin-left:0px;
margin-bottom:0px;
width:80px;
font-size: 10px; 
line-height: 30px; 
white-space: nowrap;
vertical-align:bottom;
padding:0;
}

table#moduletabs tr td#current
{
	border-bottom:1px solid white;
}

table#moduletabs tr td a 
{
display: block; 
text-decoration: none;
width:80px;
text-align:center; 
color:white;
background-color:rgb(153,153,153);
}

html>body table#moduletabs tr td a 
{
width: auto;
}    
/* fixes IE6 hack */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
table#moduletabs tr td a 
{
float: none;
}
/* End IE5-Mac hack */

table#moduletabs tr td a:hover 
{
color: #600; 
background-color:#FCD63F;
}

table#moduletabs tr td#current a 
{
	color:rgb(75,75,75);
	background-color:white;
}

/*------------------------------------------- Header > moduleheader */
#moduleheader {
position:absolute;
width:100%;
top:70px;
border-bottom:3px solid #F4F4F4;
}

div#header .auteur {
float:right;
position:relative;
margin:0;
padding: 0 30px 0 0;
}

div#header .auteur p {
display:block;
padding: 0;
color:#000;
margin-bottom:-4px;
}

/*------------------------------------------- Content */
div#contentwrap
/*tree + content + rightpane*/
{
	border-top:0px;
	height:100%;/**/
	/*het verwijderen van deze height zorgt ervoor dat de pagina's in firefox kort worden, maar dat wel de oplossingen-boxen verschijnen
	border:1px solid green;*/
}

div#content 
{
background-color:white;
margin-left:10px;
position:static;
width:480px;
height:100%;
/*deze height zorgt ervoor dat de pagina verlengd wordt, maar niet de linker- en rechterkolommen*/
}

#content table.pagetable
{
border-top:1px solid rgb(75,75,75);
border-right:1px solid rgb(75,75,75);
width:98%;
}

#content div.stressed table.pagetable, #content div.remark table.pagetable
{
border-top:1px solid rgb(75,75,75);
border-right:1px solid rgb(75,75,75);
width:95%;
}

#content table.tf_definition
{
width:95%;
}


#content table.pagetable tr td
{
border-bottom:1px solid rgb(75,75,75);
border-left:1px solid rgb(75,75,75);
}

#content ul 
{
padding: 0;
margin-left:45px;

}

#content ul.nestedpages
{
margin-left: 60px;

}

#content ul ul 
{
padding:0 0 0 16px;
margin:0;
}

#content ol 
{
padding: 0;
margin-left:45px;
}

#content ol ol 
{
padding:0 0 0 20px;
margin:0;
}

#content a 
{
color:rgb(75,75,75);
text-decoration:none;
border-bottom: 1px dotted rgb(75,75,75);
}

#content a.google 
{
color:rgb(75,75,75);
text-decoration:none;
}

#content a:hover 
{
background-color:#FEFDD6;
}

span.underline 
{
text-decoration:underline;
}

/*------------------------------------------- Speciale tekstblokken - exclusief solution!!  */
div.tip, div.attention, div.remark, div.example, div.stressed, div.indent 
{
display:block;
margin-top:10px;
margin-bottom:10px;
padding:10px 10px 10px 10px;
}


/*------------------------------------------- (Speciale) tekstblokken docent (voorvoegsel d)*/
div.dtekstblok, div.dreferences, div.dtip, div.dattention, div.dremark, div.dexample, div.dstressed, div.dindent, div.dsolution {
display:block;
/*border-bottom:1px solid #EEE;
border-left:1px solid #EEE;
border-top:1px solid #EEE;
background-color:#FFFFFF;
margin:6px 0 6px -54px;
padding:0px 0 24px 54px;*/
}


div.solution 
{
margin-top:10px;
}

div.sol_answer 
{
padding:0;
border:0;
width:100%;
display:none;
}

/* --------------------------------------------- onoff */
span.onoff 
{
display:inline;
}

div.mcquestion 
{
margin: 10px 0 0 0;
}

table.mcanswers td {
text-align:left;
vertical-align:top;
}

table.mcanswers p {
margin:0;
padding:0;
}

/*------------------------------------------- Content divisions */
/*------------------------------------------- Q&A en MC vragen */

table#questionanswer
{
width:100%;
}

table#questionanswer tr td
{
font-size:84%;
}

div.answer 
{
display:none;
}

div.fdfalse 
{
text-align:center;
display:none;
}

div.fdcorrect {
text-align:center;
display:none;
}

div.fdfalse p, div.fdcorrect p {
font-weight:bold;
}

.hidTextArea {width:90%; height:60px; margin-bottom:10px; background-color:#FFEFEC; display:none;}
.showTextArea {width:90%; height:60px; margin:10px 0px 10px 0px;}

/*------------------------------------------- Menu */
div#menu 
{
margin:0;
padding:0;
height:100%;
width:270px;
}

#menu ul {
padding:20px 0 0 46px;
margin:0px;
}

#menu ul ul {
padding:0 0 0 32px;
margin:0;
}

#menu ul ul ul {
padding:0 0 0 32px;
margin:0;
}

#menu a {
text-decoration:none;
color:#333;
}

#menu a:hover {
color:#600;
text-decoration:underline;
}

#menu a:active {
color:darkred;
}

a#menselect {
color:black;
font-weight:bold;
}

/*------------------------------------------- Control (expand collapse) */
div#control {
margin:0;
padding:0;
visibility:hidden;
position:absolute;
width:10px;
top:160px;
left:220px;
}

/*------------------------------------------- Clearing (onderkant pagina..., footer nu vooral voor de juiste hoogte) */

/*------------------------------------------- See also */
div#seealso 
{
margin-top:20px;
margin-left:15px;
}

table.rightpane
{
	margin-bottom:10px;
}

div.docentlinks 
{
	border-right:1px solid red;
}

div#salinkshead {
font-size:2px;
margin:0;
padding:0 0 4px 0;
height:9px;
border-top:4px solid #EEE;
}

div#salinks {
margin:0 20px 0 0;
padding:0 0 0 10px;
}

div#salinksfoot {
font-size:2px;
margin:0;
padding:4px 0 0 0;
height:16px;
border-bottom:4px solid #EEE;
}

#seealso a 
{
color:#000050;
text-decoration:none;
border-bottom: 1px dotted #000050;
}

#seealso a:hover 
{
background-color:#FEFDD6;
}

/* voor x verschillende body (module) kleuren verschillende stijlen */
/*crimson dc143c */
body.crimson div#menu ul {list-style-image:url(../res/tree_crimson.gif);}
body.crimson #moduleheader {border-color:crimson;}
body.crimson li.node {list-style-image:url(../res/tree_crimson.gif);}
body.crimson div.mcquestion {border-top:1px solid crimson;}

/*darkcyan 008b8b */
body.darkcyan div#menu ul {list-style-image:url(../res/tree_darkcyan.gif);}
body.darkcyan #moduleheader {border-color:darkcyan;}
body.darkcyan li.node {list-style-image:url(../res/tree_darkcyan.gif);}
body.darkcyan div.mcquestion {border-top:1px solid darkcyan;}

/*darkmagenta 8b008b */
body.darkmagenta div#menu ul {list-style-image:url(../res/tree_darkmagenta.gif);}
body.darkmagenta #moduleheader {border-color:darkmagenta;}
body.darkmagenta li.node {list-style-image:url(../res/tree_darkmagenta.gif);}
body.darkmagenta div.mcquestion {border-top:1px solid darkmagenta;}

/*darkolivegreen 556b2f */
body.darkolivegreen div#menu ul {list-style-image:url(../res/tree_darkolivegreen.gif);}
body.darkolivegreen #moduleheader {border-color:darkolivegreen;}
body.darkolivegreen li.node {list-style-image:url(../res/tree_darkolivegreen.gif);}
body.darkolivegreen div.mcquestion {border-top:1px solid darkolivegreen;}

/*darkorange ff8c00 */
body.darkorange div#menu ul {list-style-image:url(../res/tree_darkorange.gif);}
body.darkorange #moduleheader {border-color:darkorange;}
body.darkorange li.node {list-style-image:url(../res/tree_darkorange.gif);}
body.darkorange div.mcquestion {border-top:1px solid darkorange;}

/*darkseagreen 8fbc8f */
body.darkseagreen div#menu ul {list-style-image:url(../res/tree_darkseagreen.gif);}
body.darkseagreen #moduleheader {border-color:darkseagreen;}
body.darkseagreen li.node {list-style-image:url(../res/tree_darkseagreen.gif);}
body.darkseagreen div.mcquestion {border-top:1px solid darkseagreen;}

/*darkslateblue 483d8b */
body.darkslateblue div#menu ul {list-style-image:url(../res/tree_darkslateblue.gif);}
body.darkslateblue #moduleheader {border-color:darkslateblue;}
body.darkslateblue li.node {list-style-image:url(../res/tree_darkslateblue.gif);}
body.darkslateblue div.mcquestion {border-top:1px solid darkslateblue;}

/*deepskyblue 00bfff */
body.deepskyblue div#menu ul {list-style-image:url(../res/tree_deepskyblue.gif);}
body.deepskyblue #moduleheader {border-color:deepskyblue;}
body.deepskyblue li.node {list-style-image:url(../res/tree_deepskyblue.gif);}
body.deepskyblue div.mcquestion {border-top:1px solid deepskyblue;}

/*firebrick b22222 */
body.firebrick div#menu ul {list-style-image:url(../res/tree_firebrick.gif);}
body.firebrick #moduleheader {border-color:firebrick;}
body.firebrick li.node {list-style-image:url(../res/tree_firebrick.gif);}
body.firebrick div.mcquestion {border-top:1px solid firebrick;}

/*forestgreen 228b22 */
body.forestgreen div#menu ul {list-style-image:url(../res/tree_forestgreen.gif);}
body.forestgreen #moduleheader {border-color:forestgreen;}
body.forestgreen li.node {list-style-image:url(../res/tree_forestgreen.gif);}
body.forestgreen div.mcquestion {border-top:1px solid forestgreen;}

/*mediumpurple 9370db */
body.mediumpurple div#menu ul {list-style-image:url(../res/tree_mediumpurple.gif);}
body.mediumpurple #moduleheader {border-color:mediumpurple;}
body.mediumpurple li.node {list-style-image:url(../res/tree_mediumpurple.gif);}
body.mediumpurple div.mcquestion {border-top:1px solid mediumpurple;}

/*mediumslateblue 7868ee */
body.mediumslateblue div#menu ul {list-style-image:url(../res/tree_mediumslateblue.gif);}
body.mediumslateblue #moduleheader {border-color:mediumslateblue;}
body.mediumslateblue li.node {list-style-image:url(../res/tree_mediumslateblue.gif);}
body.mediumslateblue div.mcquestion {border-top:1px solid mediumslateblue;}

/*mediumvioletred c71585 */
body.mediumvioletred div#menu ul {list-style-image:url(../res/tree_mediumvioletred.gif);}
body.mediumvioletred #moduleheader {border: 1px solid mediumvioletred;}
body.mediumvioletred li.node {list-style-image:url(../res/tree_mediumvioletred.gif);}
body.mediumvioletred div.mcquestion {border-top:1px solid mediumvioletred;}

/*olive 808000 */
body.olive div#menu ul {list-style-image:url(../res/tree_olive.gif);}
body.olive #moduleheader {border-color:olive;}
body.olive li.node {list-style-image:url(../res/tree_olive.gif);}
body.olive div.mcquestion {border-top:1px solid olive;}

/*purple 800080 */
body.purple div#menu ul {list-style-image:url(../res/tree_purple.gif);}
body.purple #moduleheader {border-color:purple;}
body.purple li.node {list-style-image:url(../res/tree_purple.gif);}
body.purple div.mcquestion {border-top:1px solid purple;}

/*royalblue 4169e1 */
body.royalblue div#menu ul {list-style-image:url(../res/tree_royalblue.gif);}
body.royalblue #moduleheader {border-color:royalblue;}
body.royalblue li.node {list-style-image:url(../res/tree_royalblue.gif);}
body.royalblue div.mcquestion {border-top:1px solid royalblue;}

/*sandybrown f4a460 */
body.sandybrown div#menu ul {list-style-image:url(../res/tree_sandybrown.gif);}
body.sandybrown #moduleheader {border-color:sandybrown;}
body.sandybrown li.node {list-style-image:url(../res/tree_sandybrown.gif);}
body.sandybrown div.mcquestion {border-top:1px solid sandybrown;}

/*slateblue 6a5acd */
body.slateblue div#menu ul {list-style-image:url(../res/tree_slateblue.gif);}
body.slateblue #moduleheader {background-color:slateblue;}
body.slateblue li.node {list-style-image:url(../res/tree_slateblue.gif);}
body.slateblue div.mcquestion {border-top:1px solid slateblue;}


/*steelblue 4682b4 */
body.steelblue div#menu ul {list-style-image:url(../res/tree_steelblue.gif);}
body.steelblue #moduleheader {border-color:steelblue;}
body.steelblue li.node {list-style-image:url(../res/tree_steelblue.gif);}
body.steelblue div.mcquestion {border-top:1px solid steelblue;}

/*teal 008080 */
body.teal div#menu ul {list-style-image:url(../res/tree_teal.gif);}
body.teal #moduleheader {border-color:teal;}
body.teal li.node {list-style-image:url(../res/tree_teal.gif);}
body.teal div.mcquestion {border-top:1px solid teal;}

/*yellowgreen 9acd32 */
body.yellowgreen div#menu ul {list-style-image:url(../res/tree_yellowgreen.gif);}
body.yellowgreen #moduleheader {border-color:yellowgreen;}
body.yellowgreen li.node {list-style-image:url(../res/tree_yellowgreen.gif);}
body.yellowgreen div.mcquestion {border-top:1px solid yellowgreen;}
/* --------------------------------------------------------- */