body {text-align:center;font-size: 8pt; margin: 0px; font-family: Verdana, "Lucida Sans Unicode", Lucida, Arial, sans-serif; background-color: #DED4E8}

#wrapper {text-align:left;width:900px;margin: 1em auto;position:relative;}
#maintable {border: solid 1px #0202C4;background:#FCF8CE;}
.adsense1 {float:right;}

/* OVERALL */


span.title	{font-size: 12pt; color: #BA5D00; font-weight: bold;}
td.title	{font-size: 12pt; color: #BA5D00; font-weight: bold;}
td.introtext	{font-size: 10pt; color: #0202C4;}
a:visited, a:link	{text-decoration: none;}
a:hover, a:active	{text-decoration: underline}
h1 {font-size: 12pt; color: #BA5D00; font-weight: bold; margin: 10px 0;}
h2 {font-size: 10pt; color: #BA5D00; font-weight: bold; margin: 5px 0; border-top: 1px solid #000000;}
h3,h4 {font-size: 8pt; color: #BA5D00; font-weight: bold; margin: 5px 0;}
h4 {font-style: italic;}

p               {font-size: 8pt;margin: 0 10pt 10pt 0;}
li              {font-size: 8pt;}
.intro          {font-weight: bold;}

/* DIVA */
#diva .tags, #newdivaaid .tags {clear:left;padding-left:0;}
#diva li.tag, #newdivaaid li.tag {display:inline;}

img.divaimg {float:left;margin: 2px 5px 2px 0;border: solid 1px;}
.diva_index {
        float:right;

        margin: 20px 15px 2px 10px;
        padding: 0;
        width: 170px;
}
.diva_index li {
        list-style:none;

}
.diva_index a {
        width: 170px;
        text-decoration: none;
        background:#0202C4;
        color: #FFE5BD;
        font-weight: bold;
        padding: 3px 5px;
        display: block;
}
#diva .diva_index a:hover {
        background: #FFE5BD;
        color: #0202C4;
        text-decoration: none;
}
#letterindex {
        width: 100%;
        text-align:center;
        clear:both;
        line-height: 20px;
}
#letterindex a {
        font-size: 10pt;
        background:#0202C4;
        color: #fff;
        font-weight: bold;
        padding: 1px;
        width: 30px;
        line-height: 20px;
        display: block;
        float:left;
        border: solid 2px #fff;
}
#letterindex a:hover {
        background: #fff;
        color: #0202C4;
        border-color: #0202C4;
        font-size: 16pt;

        text-decoration: none;
}

#diva_animal_selection .letter {
        padding: 0px 1px 20px 0;
        width: 24%;
        float:left;

}
#diva_animal_selection .letter h1 {
        text-align:center;
        clear:both;
        background:#BA5D00;
        color:#FCF8CE;
        padding:3px 0 0;
}
#diva_animal_selection .letter ul {margin: 0;padding:0;}
#diva_animal_selection .letter li {
        list-style:none;margin:0;height:auto;
}
#diva_animal_selection .letter li a {
        display:block;width:95%;
        padding: 2px 2px 2px 5px;
        line-height:10pt;

}
#diva_animal_selection .letter li a:hover {
        background: #0202C4;
        color:#FCF8CE;
        text-decoration: none;
        font-size:7.5pt;
        font-weight: bold;
}

#diva_animal_overview .editmode {width: auto;}
#diva_animal_overview h3,
#diva_animal_overview p{clear:left;}



/* NEWDIVA AID */
#newdivaaid {font-size: 8pt;padding: 0 20px 50px 0;}


/* AGENDA */
.agendaoverviewitem 	{font-size: 8pt; color: #0202C4;}
td.agendaoverviewmonth	{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.agendajaar		{font-size: 10pt; color: #BA5D00; font-weight: bold;}
td.agendamaand		{font-size: 8pt; color: #0202C4; font-weight: bold;}
span.agendadom		{font-size: 7pt; color: #0202C4; font-weight: bold;}
span.agendalink		{font-size: 8pt; color: #0202C4;}
.agendalink		{font-size: 8pt; color: #0202C4;}
span.agendaitemtitle	{font-size: 10pt; color: #BA5D00; font-weight: bold;}
td.agendaitemtext	{font-size: 8pt; color: #0202C4;}


/* BANNER */
.bannertext	{font-size: 7pt; color: #0202C4;}

/* EDIT */
.editfieldaction	{font-size: 9pt; color: #0202C4;}
td.editfieldtitle	{font-size: 9pt; color: #0202C4; font-weight: bold;}

/* EMAIL */
td.emailformfieldtitle	{font-size: 8pt; color: #0202C4; font-weight: bold;}
span.formhelptext	{font-size: 7pt; color: #BA5D00;}

/* FOOTER */
span.footertext		{font-size: 8pt; color: #FFE5BD;}

/* HEADER, KRUIMELPAD ETC */
.headerlinktext		{font-size: 8pt; color: #FFE5BD; font-weight: bold;}
span.headerlinktext	{font-size: 8pt; color: #FFE5BD;}
.historylink		{font-size: 7pt; color: #0202C4;}
td.history		{font-size: 7pt; color: #BA5D00;}

/* INFORMATION */
td.infointro	{font-size: 8pt; color: #0202C4; font-weight: bold;}					
td.infocontent	{font-size: 8pt; color: #0202C4;}
.infolink	{font-size: 7pt; color: #0202C4; font-weight: bold;}

/* INLOGGEN */
.inlogtext		{font-size: 7pt; color: #BA5D00;}
td.inlogtext		{font-size: 7pt; color: #0202C4;}
td.inlogtexttitle	{font-size: 7pt; color: #BA5D00;}
span.inlogtext		{font-size: 7pt; color: #0202C4;}

/* LIBRARY */
td.libintro		{font-size: 8pt; color: #0202C4; font-weight: bold;}
.librarytocselected	{font-size: 8pt; color: #B11A0D; font-weight: bold;}
.librarytoc		{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.foldertitle		{font-size: 9pt; color: #0202C4; font-weight: bold;}
.document		{font-size: 8pt; color: #0202C4; font-weight: bold;}
span.docauthor		{font-size: 8pt; color: #0202C4;}
span.docsize		{font-size: 7pt; color: #BA5D00;}
td.docdatum		{font-size: 7pt; color: #BA5D00;}
td.doctext		{font-size: 7pt; color: #0202C4;}
td.picturetitle		{font-size: 8pt; color: #BA5D00; font-weight: bold;}
td.picturetext		{font-size: 7pt; color: #0202C4;}

/* LINKS */
.leesverder	{font-size: 7pt; color: #0202C4; font-weight: bold;}
td.linkintro	{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.linkovrtitle	{font-size: 8pt; color: #FFE5BD; font-weight: bold;}
.linkoverview	{font-size: 7pt; color: #0202C4; font-weight: bold;}
.sitemaplink	{font-size: 8pt; color: #0202C4; font-weight: bold;}

/* MENU */
.submenulink		{font-size: 8pt; color: #0202C4; font-weight: bold;}
.submenulinkactive	{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.submenutext		{font-size: 8pt; color: #FFE5BD; font-weight: bold;}

/* NIEUWS */
td.newsshorttitle	{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.newsshortdate	{font-size: 6pt; color: #0202C4; FONT-STYLE: italic;}
p.newsshortintro,
td.newsshortintro	{font-size: 8pt; color: #0202C4;}
.newsshorttitle		{font-size: 10pt; color: #BA5D00; font-weight: bold;}
td.newstocbullet	{font-size: 8pt; color: #BA5D00; font-weight: bold;}
.newstoclink		{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.newsitemtitle	{font-size: 10pt; color: #0202C4; font-weight: bold;}
td.newsitemintro	{font-size: 8pt; color: #0202C4; font-weight: bold;}
td.newsitemtext		{font-size: 8pt; color: #0202C4;}	

/* POLL */
td.pollquestion	{font-size: 8pt; color: #BA5D00; font-weight: bold; FONT-STYLE: italic;}
td.polloption	{font-size: 8pt; color: #0202C4;}
td.pollresult	{font-size: 7pt; color: #0202C4; font-weight: bold;}
span.pollresult	{font-size: 7pt; color: #0202C4; font-weight: bold;}
td.polltotal	{font-size: 7pt; color: #0202C4;}
.pollvote:	{font-size: 8pt; color: #0202C4; font-weight: bold;}

/* RESOURCENODE */

#resourcenode {padding: 0 20px 50px 0;}
#resourcenode table {border-collapse: collapse; width:100%;}
#resourcenode th {text-align:left;background:#BA5D00;padding:3px;font-size:.8em;border-right: solid 2px #FCF8CE;}
#resourcenode td {border-bottom: solid 1px #000;margin-right: 2px}

/* SCHOOLGIDS */
.guideindex		{font-size: 8pt; color: #0202C4; font-weight: bold;}
.guidesubindex		{font-size: 8pt; color: #0202C4;}
td.paragraphtext	{font-size: 8pt; color: #0202C4;}
td.paragraphtitle	{font-size: 10pt; color: #0202C4; font-weight: bold;}
td.paragraphsubtitle	{font-size: 9pt; color: #0202C4; font-weight: bold;}
.rellinkpar		{font-size: 7pt; color: #0202C4; font-weight: bold;}

/* TAGS */
#tagtype ul {padding:0;margin-bottom: 50px;float:left;}
#tagtype li {clear:left;border-bottom: dotted 1px #666;float:left;list-style:none;}
#tagtype li a {float:left;width: 470px;padding-top:10px;}
#tagtype li .editmode {width:auto;position:relative;}


/* SEARCH */
td.searchhitstext	{font-size: 8pt; color: #0202C4;}
span.searchhitsnumber	{font-size: 10pt; color: #BA5D00; font-weight: bold;}
td.searchnumber		{font-size: 9pt; color: #0202C4;}
span.searchnumberbold	{font-size: 9pt; color: #0202C4; font-weight: bold;}
.searchtitle		{font-size: 10pt; color: #BA5D00; font-weight: bold;}
.searchvo		{font-size: 10pt; color: #0202C4; font-weight: bold;}

/* FORUM TABLE */
.forumtable .newsitemauthor {font-size: 8pt; color: #000000;}
.forumtable .newsitemshortintro {font-size: 10pt; color: #0202c4;}
.forumtable input { padding: 1px; }
.forumtable td {font-size:10px;}
.forumtable th {font-size:10px;}

.acltable th { font-size:10px; text-align: left;}
.acltable td { font-size:10px;}

/* USERMANAGEMENT */

.aclgroup {font-size: 8pt; color: #0202C4;}
.acltable th { font-size:10px; text-align: left;}
.acltable td { font-size:10px;}
.formfieldtitle { font-size:10px; color: #0202C4;}

* html td.headertd {left: 275px; top: 10px;}
.headertd {position: absolute; top: 15px; left: 200px; vertical-align: middle; width:618px; height: 100px; }
.languageswitch {position: relative; bottom: -15px; right: -40px;}
.languageswitch img { border: 1px solid black; }

/* EMAILFORMBOX */
#emailformbox table {font-size: .7em;background-color:grey;}
#emailformbox th {background:black;color:white;padding: 2px;text-align:left;}
#emailformbox td {padding: 3px;background-color:white;}




/* FORMULIER */
fieldset {border: none;}
legend { font-size: 10pt; font-weight: bold; }
form, label { font-size: 8pt; margin: 0px; }
#form .formelement { clear: both; width: 100%; padding: 5px 0 0; }
#form .formlabel { float: left; text-align: right; width: 25%; padding-top: 3px;}
#form .formfield { float: right; width: 74%;}
#form .formfield table { width: 350px; }
#form .formfield textarea { width: 90%; height: 100px; }
#form .formfield a { color: black; }
#form .formfield a:hover { color: darkgray; }
#form .formmessage { font-weight: bold; color:red;}
body form input {width: auto;}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 28px;
	text-align: left;
}

#nav a {
	display: block;
	color: yellow;
}
#nav li { /* all list items */
	float: left;
	width: auto;
	margin: 0 5px;
}
#nav li li { width: 150px; margin: 0; line-height: 18px; background: #0202C4;}
#nav ul a { width: 140px; _width: 150px; padding: 0 5px; border-left: 1px solid #FCF8CE; border-bottom: 1px solid #FCF8CE; }
#nav li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -19px 0 0 140px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}