/*adding icons to links alleen voor http want anders te veel */

#content a[href^="http"]
{
background: transparent url("arrow_up.gif") no-repeat scroll right center;
padding-right: 0.5em;
} 



/*stijlen voor 3de navigatie nivo in sidetoc */

#sidetoc
{
position: absolute;
left: 2em;
top: 20em;
width: 17em;
height: auto;
color: #000;
font-size: 1em;
	background-color: #eee;
	text-align: left;
	border: 0em solid #739496;
	margin: 0em auto;
}

#sidetoc ul
{
margin: 0;
}

#sidetoc a
{
text-decoration: none;
}

#sidetoc li
{
list-style-type: none;
margin: 1em 0em;
}







/*alsace stijlen */

#menu DT {
	PADDING-RIGHT: 2em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0px; MARGIN: 0em 0em 0em 0em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
#menu DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; 
}
#menu DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu LI {
	PADDING-RIGHT: 2em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu {
position: absolute;
text-align: left;
top: 12em;
left: 2em;
font-size: 1em;
z-index: 5;
width: 68em;
border-color: #666;
border-style: solid;
border-width: 0.5em 0em 0em 0em;
}

#menu DL {
	FLOAT: left
}
#menu LI {
	DISPLAY: inline
}

#menu a:link
{ color: #000; text-decoration: none; background: fff; font-weight: bold;}
#menu a:visited
{ color: #000; text-decoration: none; background: fff; font-weight: bold;}
#menu a:active
{ color: #000; text-decoration: none; background: fff; font-weight: bold;}
#menu a:hover
{ color: #666; text-decoration: none; background: fff; font-weight: bold;}


#menu li a:link
{ color: #000; text-decoration: none; background: fff; font-weight: normal;}
#menu li a:visited
{ color: #000; text-decoration: none; background: fff; font-weight: normal;}
#menu li a:active
{ color: #000; text-decoration: none; background: fff; font-weight: normal;}
#menu li a:hover
{ color: #666; text-decoration: none; background: fff; font-weight: normal;}



#smenu1 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}
#smenu2 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}
#smenu3 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}
#smenu4 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}


#smenu5 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}
#smenu6 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}
#smenu7 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}
#smenu8 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}

#smenu9 {
	BORDER-TOP: gray 0px solid; LEFT: 0px; WIDTH: 70em; POSITION: absolute
}


/*overrides van commonltr.css of bijkomende classes */

.rl_shortdesc	/* bijkomend */
{
font-size : 1.1em; 
color: #336699
}

.rl_shortdesc img /* bijkomend om beeld in shortdesc rechts te floaten*/
{
float: right;
margin-left: 1em; 
}



pre	/* bijkomend maar interlinie moet beter*/
{
font-size : 0.9em;
}

/*inline elements*/

.uicontrol 	/*override*/
{
font-size : 0.9em;
font-weight: bold;
color: gray;
}

.filepath	/* bijkomend */
{
font-size : 0.9em;
font-weight: bold;
}

.keyboard 	/* bijkomend en manueel als outputclass*/
{
font-family: Arial, Verdana, sans-serif;
font-size : 0.9em;
padding: 0.1em 0.3em;
border: 0.1em solid gray;
}

.parmname, .wintitle	/*eerste is override en tweede is bijkomend*/
{
font-size : 0.9em;
font-weight: bold;
color: #369;
}

.ullinks
{
list-style-type: none;
margin: 0;		/*normalized margin zodat het niet inspringt*/
 }


/* block elements maar eigenlijk moeten en nog veel herzien worden */

p { font-size: 1em; margin-top: 0em; margin-bottom: 0.5em; }

.topictitle1 { font-size: 1.25em; font-weight: bold;  text-align: left; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0em 0em 0em 0em;}

.sectiontitle { font-size: 1.1em; font-weight: bold;  margin-top: 0em; margin-bottom: 0em; }

.keyword { font-size: 0.9em; font-weight: bold;}


table.simpletableborder
{
font-size: 0.9em;
border-color: #f2f2f2;
border-style: solid;
border-width: 0.1em;
border-collapse: collapse;
margin-bottom: 1em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0em;
padding-right: 0em;
padding-top: 0em;
width: 95%;
}


table th
{
color: #000;
padding: 0.5em;
border: solid #ccc 0.1em;
background-color: #ccc;
}

table td 
{
color: #000;
padding: 0.5em;
border: solid #ccc 0.1em;
background-color: #f2f2f2; 
}



/*colors used for design elements are
e7e7e7 light gray for background
c00 for bright red
5ce for blue
cc0 for yellow
2e5 for green 
fb0 for orange
a4a for purple 
e7e7e7 light gray for ul border
fff white for link text
ccc gray for li border and hover and current background
000 black for most hover text
fff white for hover BigTitle 
abb greenish grey for background level 1 and border current link level 1 
column_1 goes down the page as you progress
make BigTitle 0.05 em so you can't see it for now*/

body
{
font: 78%/1.5 Arial, Helvetica, sans-serif;
background: #fff;
text-align: center;
padding: 0;
margin: 0em;
}


/*div formatting*/

#column_0

{
position: absolute;
top: 6.5em;
left: 2em;
width: 68em;
height: 6em;
color: #000;
	background: #000;
	/*background: #e7e7e7 url(banner1.gif) repeat top center;*/
	text-align: left;
	border: 0em solid #739496;
	margin: 0em auto;
}

.headline1
{
color: #fff;
font-size: 3em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0.25em 0em 0em 0em;
}

.highlight
{

font-size: 1.5em;
font-style: italic;
font-family: "georgia";
}

#language
{
position: absolute;
left: 2em;
top: 10em;
width: 68em;
text-align: right;
font-size: 1em;
color: #999;
}
#language a:link
{ cursor: pointer; color: #fff; text-decoration: none }
#language a:visited
{ cursor: pointer; color: #fff; text-decoration: none }
#language a:active 
{ cursor: pointer; color: #fff; text-decoration: none }
#language a:hover
{ cursor: pointer; color: #fff; text-decoration: none }

#red_zero #column_1,
#red_one #column_1,
#red_two #column_1,
#red_three #column_1,
#red_four #column_1,
#red_five #column_1,
#red_six #column_1,
#red_seven #column_1,
#red_eight #column_1
#red_nine #column_1,
#red_ten #column_1
{
position: absolute;
left: 20em;
top: 1em;
width: 5em;
height: 5em;
color: #fff;
background: #e7e7e7 url(tulip_red.png) no-repeat top center;
text-align: center;
border: 0em solid #fff;
margin: 0em auto;
}

#blue_zero #column_1,
#blue_one #column_1,
#blue_two #column_1,
#blue_three #column_1,
#blue_four #column_1,
#blue_five #column_1,
#blue_six #column_1,
#blue_seven #column_1,
#blue_eight #column_1,
#blue_nine #column_1,
#blue_ten #column_1
{
position: absolute;
left: 20em;
top: 1em;
width: 5em;
height: 5em;
color: #fff;
background: #e7e7e7 url(tulip_blue.png) no-repeat top center;
text-align: center;
border: 0em solid #fff;
margin: 0em auto;
}

#yellow_zero #column_1,
#yellow_one #column_1,
#yellow_two #column_1,
#yellow_three #column_1,
#yellow_four #column_1,
#yellow_five #column_1,
#yellow_six #column_1,
#yellow_seven #column_1,
#yellow_eight #column_1,
#yellow_nine #column_1,
#yellow_ten #column_1
{
position: absolute;
left: 20em;
top: 1em;
width: 5em;
height: 5em;
color: #fff;
background: #e7e7e7 url(tulip_yellow.png) no-repeat top center;
text-align: center;
border: 0em solid #fff;
margin: 0em auto;
}

#green_zero #column_1,
#green_one #column_1,
#green_two #column_1,
#green_three #column_1,
#green_four #column_1,
#green_five #column_1,
#green_six #column_1,
#green_seven #column_1,
#green_eight #column_1,
#green_nine #column_1,
#green_ten #column_1
{
position: absolute;
left: 20em;
top: 1em;
width: 5em;
height: 5em;
color: #fff;
background: #e7e7e7 url(tulip_green.png) no-repeat top center;
text-align: center;
border: 0em solid #fff;
margin: 0em auto;
}

#orange_zero #column_1,
#orange_one #column_1,
#orange_two #column_1,
#orange_three #column_1,
#orange_four #column_1,
#orange_five #column_1,
#orange_six #column_1,
#orange_seven #column_1,
#orange_eight #column_1,
#orange_nine #column_1,
#orange_ten #column_1
{
position: absolute;
left: 20em;
top: 1em;
width: 5em;
height: 5em;
color: #fff;
background: #e7e7e7 url(tulip_orange.png) no-repeat top center;
text-align: center;
border: 0em solid #fff;
margin: 0em auto;
}

#purple_zero #column_1,
#purple_one #column_1,
#purple_two #column_1,
#purple_three #column_1,
#purple_four #column_1,
#purple_five #column_1,
#purple_six #column_1,
#purple_seven #column_1,
#purple_eight #column_1,
#purple_nine #column_1,
#purple_ten #column_1
{
position: absolute;
left: 20em;
top: 1em;
width: 5em;
height: 5em;
color: #fff;
background: #e7e7e7 url(tulip_purple.png) no-repeat top center;
text-align: center;
border: 0em solid #fff;
margin: 0em auto;
}

#column_2
{
position: absolute;
left: 56.7em;
top: 40em;
width: 15em;
height: 5em;
color: #000;
background-color: #e7e7e7;
text-align: center;
border: 0.1em solid #fff;
margin: 0em auto;
padding: 0em 0em 0em 0em;
}

/*om kleur van quote teken te laten veranderen met current topic*/
#red_zero .longquote, 
#red_one .longquote,
#red_two .longquote,
#red_three .longquote,
#red_four .longquote,
#red_five .longquote,
#red_six .longquote,
#red_seven .longquote,
#red_eight .longquote,
#red_nine .longquote,
#red_ten .longquote
{
background: url(quote_red.gif) no-repeat top left;
}

#blue_zero .longquote,
#blue_one .longquote,
#blue_two .longquote,
#blue_three .longquote,
#blue_four .longquote,
#blue_five .longquote,
#blue_six .longquote,
#blue_seven .longquote,
#blue_eight .longquote,
#blue_nine .longquote,
#blue_ten .longquote
{
background: url(quote_blue.gif) no-repeat top left;
}

#yellow_zero .longquote,
#yellow_one .longquote,
#yellow_two .longquote,
#yellow_three .longquote,
#yellow_four .longquote,
#yellow_five .longquote,
#yellow_six .longquote,
#yellow_seven .longquote,
#yellow_eight .longquote,
#yellow_nine .longquote,
#yellow_ten .longquote
{
background: url(quote_yellow.gif) no-repeat top left;
}

#green_zero .longquote,
#green_one .longquote,
#green_two .longquote,
#green_three .longquote,
#green_four .longquote,
#green_five .longquote,
#green_six .longquote,
#green_seven .longquote,
#green_eight .longquote,
#green_nine .longquote,
#green_ten .longquote
{
background: url(quote_green.gif) no-repeat top left;
}

#orange_zero .longquote,
#orange_one .longquote,
#orange_two .longquote,
#orange_three .longquote,
#orange_four .longquote,
#orange_five .longquote,
#orange_six .longquote,
#orange_seven .longquote,
#orange_eight .longquote,
#orange_nine .longquote,
#orange_ten .longquote
{
background: url(quote_orange.gif) no-repeat top left;
}

#purple_zero .longquote,
#purple_one .longquote,
#purple_two .longquote,
#purple_three .longquote,
#purple_four .longquote,
#purple_five .longquote,
#purple_six .longquote,
#purple_seven .longquote,
#purple_eight .longquote,
#purple_nine .longquote,
#purple_ten .longquote
{
background: url(quote_purple.gif) no-repeat top left;
}

.longquote
{
float: right;
width: 15em;
height: auto;
color: #666;
font-size: 1.4em;
font-style: normal;
font-family: "georgia";
background-color: transparent;
text-align: left;
border: 0em solid #000;
margin: 0.5em 1em;
padding: 0 0.5em 0.5em 1.5em;
}

.longquote:first-letter
{
font-size: 1.3em;
color: #000;
}


/* logo cubes */

.logo_type_1
{
color: #fff;
font-size: 2em;
font-family: arial, verdana;
margin-top: -0.25em;
}

.logo_type_2
{
color: #666;
font-size: 1.5em;
font-family: arial, verdana;
margin-top: -1.3em;
}

#cube_1
{
position: absolute;
left: 15em;
top: 38em;
text-align: center;
width: 4em;
height: 4em;
background-image: url("hublue.gif");
}

#cube_2
{
position: absolute;
left: 57.4em;
top: 35.75em;
text-align: center;
width: 4em;
height: 4em;
background-image: url("hublue.gif");
}

#cube_3
{
position: absolute;
left: 57.4em;
top: 31.5em;
text-align: center;
width: 4em;
height: 4em;
background-image: url("hublue.gif");
}
#cube_1 a:hover, #cube_2 a:hover, #cube_3 a:hover {text-decoration: none;}
#cube_1 a:link, #cube_2 a:link, #cube_3 a:link {text-decoration: none;}
#cube_1 a:visited, #cube_2 a:visited, #cube_3 a:visited {text-decoration: none;}
#cube_1 a:active, #cube_2 a:active, #cube_3 a:active {text-decoration: none;}

#cse /*changed to make work with IE6*/
{
position: absolute;
left: 55em;
top: 1em;
width: 15em;
text-align: right;
}

#ads {
	position: absolute;
	left: 70em;
	top: 17em;
}

#content {
	position: absolute;
	left: 19em;
	top: 17em;
	width: 49em;  /*normally 51 but took 2 off for padding*/
	height: auto;
	background-color: #fff;
	text-align: left;
	border: solid #e7e7e7;
	border-width: 0em 0.1em 0em 0.1em;
	padding: 0em 1em;
	margin: 0em auto;
}



#content a:link, #content a:visited, #content a:active
{ color: #666; text-decoration: none }

#content a:hover
{ color: #666; text-decoration: none}


#footer
{
position: absolute;
left: 10em;
top: 43em;
width: 9em;
text-align: right;
background-color: transparent;
border: 0em solid #ccc;
}



#footer a:link, #column_2 a:link
{ cursor: pointer; color: #000; text-decoration: none }
#footer a:visited, #column_2 a:visited
{ cursor: pointer; color: #000; text-decoration: none }
#footer a:active, #column_2 a:active 
{ cursor: pointer; color: #000; text-decoration: none }
#footer a:hover, #column_2 a:hover
{ cursor: pointer; color: #000; text-decoration: none }





/*opmaak van de menus alles van ul menus weggedaan*/



/*
elke pagina heeft unieke class in body element one two three enz
elke li heeft ook unieke class red0 blue0 en yellow0 maar dit is idem voor menus op alle paginas
hiervoor zijn dan selectors om de current link aan te geven
kunt spijtig genoeg niet kleur van text geven -- moet met combinatie a element 
de tweede reeks verandert de kleur van de margin van menu */


#red_zero .smenu1,
#red_one .smenu1,
#red_two .smenu1,
#red_three .smenu1,
#red_four .smenu1,
#red_five .smenu1,
#red_six .smenu1,
#red_seven .smenu1,
#red_eight .smenu1,
#red_nine .smenu1,
#red_ten .smenu1
{
border: solid #c00;
border-width: 0em 0em 0em 0.5em;
}


#red_zero #menu,
#red_one #menu,
#red_two #menu,
#red_three #menu,
#red_four #menu,
#red_five #menu,
#red_six #menu,
#red_seven #menu,
#red_eight #menu,
#red_nine #menu,
#red_ten #menu
{
border: solid #c00;
border-width: 0.5em 0em 0em 0em;
}

#blue_zero .smenu4,
#blue_one .smenu4,
#blue_two .smenu4,
#blue_three .smenu4,
#blue_four .smenu4,
#blue_five .smenu4,
#blue_six .smenu4,
#blue_seven .smenu4,
#blue_eight .smenu4,
#blue_nine .smenu4,
#blue_ten .smenu4
{
border: solid #5ce;
border-width: 0em 0em 0em 0.5em;
}

#blue_zero #menu,
#blue_one #menu,
#blue_two #menu,
#blue_three #menu,
#blue_four #menu,
#blue_five #menu,
#blue_six #menu,
#blue_seven #menu,
#blue_eight #menu,
#blue_nine #menu,
#blue_ten #menu
{
border: solid #5ce;
border-width: 0.5em 0em 0em 0em;
}

#yellow_zero .smenu2,
#yellow_one .smenu2,
#yellow_two .smenu2,
#yellow_three .smenu2,
#yellow_four .smenu2,
#yellow_five .smenu2,
#yellow_six .smenu2,
#yellow_seven .smenu2,
#yellow_eight .smenu2,
#yellow_nine .smenu2,
#yellow_ten .smenu2
{
border: solid #cc0;
border-width: 0em 0em 0em 0.5em;
}

#yellow_zero #menu,
#yellow_one #menu,
#yellow_two #menu,
#yellow_three #menu,
#yellow_four #menu,
#yellow_five #menu,
#yellow_six #menu,
#yellow_seven #menu,
#yellow_eight #menu,
#yellow_nine #menu,
#yellow_ten #menu
{
border: solid #cc0;
border-width: 0.5em 0em 0em 0em;
}

#green_zero .smenu5,
#green_one .smenu5,
#green_two .smenu5,
#green_three .smenu5,
#green_four .smenu5,
#green_five .smenu5,
#green_six .smenu5,
#green_seven .smenu5,
#green_eight .smenu5,
#green_nine .smenu5,
#green_ten .smenu5
{
border: solid #2e5;
border-width: 0em 0em 0em 0.5em;
}

#green_zero #menu,
#green_one #menu,
#green_two #menu,
#green_three #menu,
#green_four #menu,
#green_five #menu,
#green_six #menu,
#green_seven #menu,
#green_eight #menu,
#green_nine #menu,
#green_ten #menu
{
border: solid #2e5;
border-width: 0.5em 0em 0em 0em;
}

#orange_zero .smenu3,
#orange_one .smenu3,
#orange_two .smenu3,
#orange_three .smenu3,
#orange_four .smenu3,
#orange_five .smenu3,
#orange_six .smenu3,
#orange_seven .smenu3,
#orange_eight .smenu3,
#orange_nine .smenu3,
#orange_ten .smenu3
{
border: solid #fb0;
border-width: 0em 0em 0em 0.5em;
}

#orange_zero #menu,
#orange_one #menu,
#orange_two #menu,
#orange_three #menu,
#orange_four #menu,
#orange_five #menu,
#orange_six #menu,
#orange_seven #menu,
#orange_eight #menu,
#orange_nine #menu,
#orange_ten #menu
{
border: solid #fb0;
border-width: 0.5em 0em 0em 0em;
}

#purple_zero .smenu6,
#purple_one .smenu6,
#purple_two .smenu6,
#purple_three .smenu6,
#purple_four .smenu6,
#purple_five .smenu6,
#purple_six .smenu6,
#purple_seven .smenu6,
#purple_eight .smenu6,
#purple_nine .smenu6,
#purple_ten .smenu6
{
border: solid #a4a;
border-width: 0em 0em 0em 0.5em;
}

#purple_zero #menu,
#purple_one #menu,
#purple_two #menu,
#purple_three #menu,
#purple_four #menu,
#purple_five #menu,
#purple_six #menu,
#purple_seven #menu,
#purple_eight #menu,
#purple_nine #menu,
#purple_ten #menu
{
border: solid #a4a;	
border-width: 0.5em 0em 0em 0em;
}

/*unieke combinaties om current link aan te duiden in level twee van menu
elke pagina heeft unieke class in body element one two three enz
elke li heeft ook unieke class red1 red 2 red3 enz maar dit is idem voor menus op alle paginas
hiervoor zijn dan selectors om de current link een apart achtergrond te geven */

#red_one .red1,
#red_two .red2,
#red_three .red3,
#red_four .red4,
#red_five .red5,
#red_six .red6,
#red_seven .red7,
#red_eight .red8,
#red_nine .red8,
#red_ten .red10
{
border: solid #c00;
border-width: 0em 0em 0em 0.5em;
}

#blue_one .blue1,
#blue_two .blue2,
#blue_three .blue3,
#blue_four .blue4,
#blue_five .blue5,
#blue_six .blue6,
#blue_seven .blue7,
#blue_eight .blue8,
#blue_nine .blue9,
#blue_ten .blue10
{
border: solid #5ce;
border-width: 0em 0em 0em 0.5em;
}

#yellow_one .yellow1,
#yellow_two .yellow2,
#yellow_three .yellow3,
#yellow_four .yellow4,
#yellow_five .yellow5,
#yellow_six .yellow6,
#yellow_seven .yellow7,
#yellow_eight .yellow8,
#yellow_nine .yellow9,
#yellow_ten .yellow10
{
border: solid #cc0;
border-width: 0em 0em 0em 0.5em;
}

#green_one .green1,
#green_two .green2,
#green_three .green3,
#green_four .green4,
#green_five .green5,
#green_six .green6,
#green_seven .green7,
#green_eight .green8,
#green_nine .green9,
#green_ten .green10
{
border: solid #2e5;
border-width: 0em 0em 0em 0.5em;
}

#orange_one .orange1,
#orange_two .orange2,
#orange_three .orange3,
#orange_four .orange4,
#orange_five .orange5,
#orange_six .orange6,
#orange_seven .orange7,
#orange_eight .orange8,
#orange_nine .orange9,
#orange_ten .orange10
{
border: solid #fb0;
border-width: 0em 0em 0em 0.5em;
}

#purple_one .purple1,
#purple_two .purple2,
#purple_three .purple3,
#purple_four .purple4,
#purple_five .purple5,
#purple_six .purple6,
#purple_seven .purple7,
#purple_eight .purple8,
#purple_nine .purple9,
#purple_ten .purple10
{
border: solid #a4a;
border-width: 0em 0em 0em 0.5em;
}


/* visited links

a:visited.red1, a:visited.red2,  a:visited.red3, a:visited.red4, a:visited.red5, a:visited.red6, a:visited.red7
{
background: #d55;
}

a:visited.blue1, a:visited.blue2, a:visited.blue3, a:visited.blue4, a:visited.blue5, a:visited.blue6, a:visited.blue7 
{
background: #8ce;
}

a:visited.yellow1, a:visited.yellow2, a:visited.yellow3, a:visited.yellow4, a:visited.yellow5, a:visited.yellow6, a:visited.yellow7 
{
background: #dd7;
}

a:visited.green1, a:visited.green2, a:visited.green3, a:visited.green4, a:visited.green5, a:visited.green6, a:visited.green7 
{
background: #8ea;
}

a:visited.orange1, a:visited.orange2, a:visited.orange3, a:visited.orange4, a:visited.orange5, a:visited.orange6, a:visited.orange7 
{
background: #fc2;
}

a:visited.purple1, a:visited.purple2, a:visited.purple3, a:visited.purple4, a:visited.purple5, a:visited.purple6, a:visited.purple7 
{
background: #c7c;
}
*/

/* achtergrond van li per ul
.red0, .red1, .red2, .red3, .red4, .red5
{
background: #c00;
}

.blue0, .blue1, .blue2, .blue3, .blue4, .blue5
{
background: #5ce;
}

.yellow0, .yellow1, .yellow2, .yellow3, .yellow4, .yellow5
{
background: #cc0;
}

.green0, .green1, .green2, .green3, .green4, .green5
{
background: #2e5;
}

.orange0, .orange1, .orange2, .orange3, .orange4, .orange5
{
background: #fb0;
}

.purple0, .purple1, .purple2, .purple3, .purple4, .purple5
{
background: #a4a;
}
*/


/* Paragraph Styles */


.BigTitle
{
color: #ffffff;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 0.05em;
font-weight: normal;
margin: 0em 0em;
}

.BigTitle a:link
{ cursor: default; color: #cccccc; text-decoration: none }
.BigTitle a:visited
{ cursor: default; color: #cccccc; text-decoration: none }
.BigTitle a:active
{ cursor: default; color: #cccccc; text-decoration: none }
.BigTitle a:hover
{ cursor: default; color: #ffffff; text-decoration: none }


/* Head0 is effekes idem als Head1 */
.Head0 { font-size: 2em; font-weight: bold;  margin-top: 1em; margin-bottom: 0em; padding: 0em 0em 0em 0em; text-align: right;}
.Head1 { font-size: 2em; font-weight: bold;  margin-top: 1em; margin-bottom: 0em; padding: 0em 0em 0em 0em; text-align: right;}
.Head2 { font-size: 1.1em; font-weight: bold;  margin-top: 1em; margin-bottom: 0em; padding: 0em 0em 0em 0em;}
.Head3 { font-size: 1em; font-weight: bold;  margin-top: 1em; margin-bottom: 0em; }
.Head4 { color: #336699; font-size: 1em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em;  }
.Head5 { font-size: 0.8em; font-style: italic; margin-top: 0.5em; margin-bottom: 0.5em; }
.Head6 { color: #333333; font-size: 0.8em; font-style: italic; margin-top: 0.5em; margin-bottom: 0.5em; }
.Footnote { font-size: 0.8em; vertical-align: super }

.intro
{
font-size: 1.1em;
margin: 4em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}


.lichaam
{
font-size: 1em;
margin: -0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}

.lichaamSml
{
font-size: 0.8em; 
}




.Body_nospace { font-size: 1em; }
.Bodybold { font-size: 1em; font-weight: bold; }
.BodyboldWht { font-size: 0.8em; font-weight: bold; color: white }
.BodyboldLeft { font-size: 0.8em; font-weight: bold; text-align: left}
.BodyboldLeftWht { font-size: 0.8em; font-weight: bold; text-align: left; color: white } 
.BodySml { font-size: 0.8em; }
.BodySmlRight { font-size: 0.8em; text-align: right }

.BodySmlLeft { font-size: 0.8em; text-align: left }

.CellBody { font-size: 1em; }









.Message { font-size: 1em; margin: 0.5em 0em 0.5em 0em; text-align: center; font-family: monospace; }

.Note1 { background: #eeeeee; font-size: 1em; margin-left: 0em  }
.Note2 { background: #eeeeee; font-size: 1em; margin-left: 4em  }
.Note3 { background: #eeeeee; font-size: 1em; margin-left: 5em  } 
.Caution { background: #99CCFF; font-size: 1em; margin-left: 0em }
.Caution1 { background: #99CCFF; font-size: 1em; margin-left: 0em }
.Caution2 { background: #99CCFF; font-size: 1em; margin-left: 4em }
.Warning { background: #eeeeee; font-size: 1em; }
.Tip { background: #ffeddc; font-size: 1em; margin-left: 4em  }


.P1 { font-size: 1em; font-weight: bold;  margin-top: 1.3em; margin-bottom: 0.5em; }

.RelatedTopic { font-size: 1em; font-weight: bold;  margin-top: 2em; margin-bottom: 0.5em; }




/* Character Styles */

.ArBR{ color: #cc0000; font-weight: 900 }
.Black{ color: black }
.Bold{ font-weight: bold }
.CAPS { text-transform: uppercase }
.Code { font-size: 1em; font-family: monospace}
.Gry25 { color: #cccccc }
.Gry50{ color: #999999 }
.Gry75 { color: #666666 }
.SoftBlue { color: #336699 }
.Ital { font-style: italic }
.Padd { PADDING-TOP: 0.1em }
.RedBold { color: #cc0000; font-weight: bold; }
.Sub { vertical-align: sub }
.Sup { vertical-align: super }
.SmlRed { color: #cc0000; font-size: 0.8em }
.Symbol { font-family: Symbol }
.Wht { color: white }


/* Deze divs worden nog niet gebruikt in tag model maar komen van sidemenu model*/



#trail
{
position: absolute;
left: 140px;
top: 80px;

text-align: right;
font-size: 0.8em;
}