
/***************************************************** 
				begin general styling
*******************************************************/

html
{
	min-height:100%;
	margin-bottom:1px;
}

body  
{
	font-weight : normal;
	color:rgb(75,75,75);
	font-family : Verdana, Arial,Helvetica;
	margin-top : 0px;
	width: 1004px;
	color:blue;
	text-align:center;
	margin:auto;
}

p
{
	line-height:18px;
	color:rgb(75,75,75);
	padding:0px;
	/*border:1px solid red;*/
	margin-bottom:10px;
	margin-top:0px;
	/*color:purple;*/
}

table.pagetable tr th p, table.pagetable tr td p
{
	line-height:18px;
	color:rgb(75,75,75);
	padding:0 5 5 5;
}

table.tf_definition tr td p
{
	line-height:18px;
	color:rgb(75,75,75);
	padding:0 0 0 0;
}

table.tf_definition tr td.column1
{
	width:90px;
}

td
{
	line-height:18px;
	color:rgb(75,75,75);
	padding:0 5 5 5;
}

div.framedtxt
{
	color:rgb(75,75,75);
}

div.txt
{
	color:rgb(75,75,75);
}

div.subjects
{
	color:rgb(75,75,75);
}

ul, ol
{
	line-height:18px;
	margin-top:-8px;
}

table.pagetable tr td ul, table.pagetable tr td ul ol, table#questionanswer tr td ul, table#questionanswer tr td ol, table#questionanswer tr td ul ol, div.references ul, div.references ol, div.sol_answer ul, div.sol_answer ol, div.stressed ul, div.stressed ol, div.remark ul, div.remark ol, div.tip ul, div.tip ol
{
	line-height:18px;
	margin-top:0px;
}

li
{
	line-height:18px;
	color:rgb(75,75,75);	
}

li
{
	margin-left:-15px;
}

li ul li
{
	list-style-type:square;
}

table	
{
	border-collapse: collapse;
}


table tr td
{
	vertical-align:top;
}

table#calliope
{
	 height:100%;
	 padding:0 0 0 0;
}

table#calliope tr td
{
	 padding:0 0 0 0;
}

table#calliope tr#body td
{
	 height:100%;
	 padding:0 0 0 0;
}

table#page
{
	 width:100%;
	 background-color:rgb(244,244,244);
	 height:100%;/*deze height is nodig zodat explorer wel werkt, anders zijn de pagina's altijd te kort.*/
	 
}

table#menu
{
	height:27px;
	font-weight:normal;
	width:100%;
}

table#menu tr td
{
	height:27px;
	/*font-size:70%;*/
	text-align:center;
}

td.tab
{
	width:80px;
	text-align:center; 
	color:white;
	font-family:Verdana;
	background-color:rgb(153,153,153);
}

td.tab a
{
	text-decoration:none;
	color:white;
}

td.tabselected
{
	width:80px;
	text-align:center; 
	color:rgb(75,75,75);
	font-family:Verdana;
	background-color:white;
}

td.tabselected a
{
	text-decoration:none;
	color:rgb(75,75,75);
	/*font-weight:bold;*/
}

td.notab
{
	width:80px;
}

a.menu
{
	text-decoration:none;
	color : rgb(75,75,75);
	/*font-size:100%;*/
}

table#menu tr td.menuselected
{
	text-decoration:none;
	color : rgb(75,75,75);
	font-weight:bold;
	/*font-size:70%;*/
}

table#banner
{
	 width:1004px;
	 height:75px;
	 background-color:white;
}

table#banner tr td.modulecolor
{
	height:35px;
	vertical-align:middle;
}

table#banner tr td.modulecolor div
{
	color:white;
	font-weight:normal;
	/*font-size:150%;*/
}

table#banner tr td.modulecolor div span
{
	 font-weight:normal;
	 left:790px;
	 top:110px;
	 position:absolute;
	 /*font-size:10px;*/
}

td.icons
{
	padding-left:20px;
	color:white;
	vertical-align:middle;
}

td.university
{
	color:white;
	vertical-align:middle;
	padding-left:205px;
	margin-left:205px;
	text-align:left;
}

td.university a
{
	color:white;
	text-decoration:none;
}

a
{
	color:steelblue;
}

a.banner
{
	color:white;
	text-decoration:none;
}

a.heading
{
	color : rgb(75,75,75);
}

a visited
{
	color:steelblue;
}
/***************************************************** 
				end general styling
*******************************************************/
/***************************************************** 
				begin tree styling
*******************************************************/
table#tree
{
	margin-top:15px;
	width:270px;
}

/*.listitem
{
	font-size: 8pt;
	color : rgb(75,75,75);
	margin-bottom: 10pt;
	margin-top: 10pt;
} */

ul.tree
{
	/*border:1px solid green;*/
	margin-bottom:0px;
	margin-top:0px;
}

ul.tree li.node
{
	cursor: pointer;
	margin-left:-7px;
}

ul.tree li.node a
{
	text-decoration:none;
	color : rgb(102,102,102);
}

ul.tree ul.tree li.node
{
	margin-left:-20px;
}

.listnode
{
	cursor: pointer;
	text-decoration:none;
}

.listnode a
{
	text-decoration:none;
}

.highlighted
{
	font-weight:bold;
}

.nothighlighted
{
	font-weight:normal;
}

a.tree
{
	color:rgb(102,102,102);
	text-decoration:none;
}

a.treehome
{
	color:rgb(102,102,102);
	text-decoration:none;
	/*font-size:80%;*/
}

/***************************************************** 
				end tree styling
*******************************************************/


/*Styling Calliope*/
/*taalkeuze*/
div#languages
{
	 width:100%;
	 height:100%;
	 position:absolute;
}

/*Calliope.xsl*/
td#content
{
	 width:500px;
	 background-color:white;
	 border-left:1px solid rgb(244,244,244);
	 border-right:1px solid rgb(244,244,244);
}

td#content table#contentframe
{
	 margin-left:15px;
	 margin-top:15px;
	 width:460px;
	 background-color:white;
	 margin-bottom:15px;
	 
}

td#content table#contentframe table
{
	border-collapse: collapse;
	margin-bottom:20px;
}

td#content table#contentframe tr td ul li ul li, td#content table#contentframe tr td ul li ol li
{
	margin-left:0px;
}

div#popup
{
	 margin-left:15px;
	 padding-right:15px;
	 position:absolute;
	 top:30px;
	 width:500px;
}

td#extra
{
	width:230px;
}

td#extra table
{
	 margin-top:15px;
	 margin-left:20px;
	 width:190px;
}

td#extra table tr td
{
	 color : rgb(102,102,102);
}

td#extra table tr td a
{
	 /*font-size:84%;*/
	 color:steelblue;
}

div.title
{
	/*font-size:120%;*/
	font-weight:bold;
	margin-bottom:10px;
}

.heading1
{
	/* font-size:13px;*/
	 font-weight:bold;
}

.heading2
{
	 font-weight:bold;
	 
}

table.table
{
	 border:1px solid gray;
	 /*font-size:94%;*/
}

/*Waar wordt deze stijl gebruikt?*/
div.module
{
	 color:white;
	/* font-size:30px;*/
	 font-weight:bold;
	 position:absolute;
	 top:17px;
}

.link
{
	color:steelblue;
	text-decoration:underline;
	cursor:pointer;
}

table.framed
{
	margin-bottom:20px;
	width:100%;
}

div.example
{
	padding:5px;
	margin-bottom:10px;
}
/* Homepages van de talen*/
table.ModuleHome
{
	border:1px solid gray;
	width:100%;
}

table.ModuleHome tr th
{
	color:white;
	background-color:gray;
}

table.ModuleHome tr td
{
	vertical-align:top;
}
/* Einde homepages van de talen*/

/* Printoverview van de modules*/
table.ModulePrint
{
	border:1px solid gray;
	width:100%;
}

table.ModulePrint tr th
{
	color:white;
	background-color:gray;
}

table.ModulePrint tr td
{
	vertical-align:top;
}
/* Einde printoverview van de modules*/

span.anchor
{
	padding-left:15px;
	cursor:pointer;
	color:steelblue;
	text-decoration:underline;
}

div.solution
{
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	background-color:rgb(244,244,244);
}

span ul li
{
	color:rgb(75,75,75);
}

span ul li ul li
{
	color:rgb(75,75,75);
}

ul li ul li
{
	color:rgb(75,75,75);
}

ul li ol li
{
	color:rgb(75,75,75);
}

ul li a.subjectline
{
	color:steelblue;
}

div.summary
{
	color:rgb(75,75,75);
}

table#pageoptions
{
	margin-right:0px;
}

table#pageoptions table
{
	margin-left:0px;
}

ul.relatedsubjects
{
	margin-top:5px;
}

/*ul.relatedsubjects li
{
	margin-left:15px;
}*/

span.author
{
	font-weight:bold;
	color:white;
}

td.footer
{
	 padding-top:25px;
	 color:rgb(102,102,102);
	 text-align:center;
}