/* -------------------------------------------- 
GLOBAL STYLING ELEMENTS 
-------------------------------------------- */

HTML, BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #def0fb;
	background-image: url("images/back_body.jpg");
	background-repeat: repeat-x;
}

HTML { min-height: 100%; margin-bottom: 1px; } /* forceeer verticale scrollbar */

BODY, TR, TD, INPUT, SELECT, TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	color: #003a68;
	font-size: 9pt;
}                 

P {
margin: 10px 0px 5px 0px;
}

H1 {
	margin: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	letter-spacing: 0.01pc;
	color: #8b6c36;
}

H1.kop {
	margin: 10px 0px 10px 0px;
	font-family: Times New Roman, Times, serif;
	font-size: 16pt;
	font-weight: bold;
	color: #8b6c36;
}

H2 {
	margin: 10px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
}

H3 {
	margin: 10px 0px -5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight : bold;
}

H6 {
	margin: 3px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight : normal;
}

A:link, A:visited {
	text-decoration: none;
	font-weight: bold;
	color: #8b6c36;
}
A:hover, A:active	  {
	text-decoration : underline;
}


UL {
margin-left: -15px
}

LI {
	padding: 0px 0px 5px 0px;
}

SPAN.highlight {
	background-color: Yellow;
}

/* ---------------------------------------------------- 
STRUCTURAL ELEMENTS 
------------------------------------------------------- */

DIV.positioner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 50%;
	width: 1px;
	overflow: visible;
}

DIV.container	{
	position : absolute;
	width : 1000px;
	left : -500px;
	top: 0px;
}

DIV.topbar	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 252px;
	background-image: url("images/back_topbar.jpg");
	background-repeat: no-repeat;
	background-position: right 32;
}

DIV.menubar	{
	position : absolute;
	top: 180px;
	left: 0px;
	width: 190px;
	height: 399px;
	background-image: url("images/back_menubar.jpg");
	overflow: hidden;
}

DIV.main {
	position : absolute;
	top: 265px;
	left: 185px;
	width: 765px;
}

DIV.spacer {
	width: 0px;
	height: 350px;
	float: left;
}

DIV.content	{
	float: left;
	width: 430px;
	padding: 0px 0px 10px 20px;
	line-height: 150%;
}

DIV.rightbar	{
	float: right;
	width: 290px;
	padding: 20px 0px 10px 0px;
}

DIV.footerbar{
	position: relative;
	clear: both;
	left: 0px;
	width: 765px;
	padding-top: 5px;
	margin-bottom: 15px;
	border-top: 1px solid #8b6c36;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
	color: #808080;
	line-height: 110%;
}


/* -------------------------------------------------- 
DIVERSE STYLES
----------------------------------------------------- */

DIV.koplaw	{
	position: absolute;
	top: 0px;
	right: 55px;
}

DIV.koptitel	{
	position: absolute;
	top: 70px;
	left: 10px;
}

DIV.icons	{
	position: absolute;
	top: 230px;
	left: 190px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
DIV.icons A {
	color: #4682b4;
}
DIV.icons A:hover {
	color: #f8f8f8;
	text-decoration: none;
}

DIV.hoofdkop	{
	background-image: url("images/title_pijl.gif");
	background-position: 0 3;
	background-repeat: no-repeat;
	left: 0px;
	right: 0px;
	height: 25px;
	padding-left: 20px;
	border-bottom: 1px solid #8b6c36;
	margin: 0px 0px 5px -20px;
}

DIV.credit {
	position: absolute;
	bottom: 3px;
	left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

/* ZOEKEN  */

DIV.zoeken {
	position: absolute;
	top: 42px;
	left: 10px;
}

.zoekterm, .zoekterm INPUT {
	font-size: 8pt;
	color: 000;
	background-color: #def0fb;
	border: 1px solid #003a68;
}

.zoekknop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: 000;
	background-color: Silver;
	border: 1px solid #003a68;
	padding: 0px 2px 0px 2px;
} 

DIV.zoekresult {
	display: none;
	margin-left: 20px;
}

/* -------------------------------------------------- 
STYLES NEWS
---------------------------------------------------- */

DIV.newsback  {
	margin: 0px 0px 15px 0px;
}

P.newstitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 5px 0px 2px 0px;
}

A.overzicht_title:link, A.overzicht_title:active, A.overzicht_title:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #003a68;
}

A.overzicht_title:hover  {
	text-decoration:underline;
}

P.newsdate {
	font-size : 8pt;
	color : #606060;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-style : italic;
}

P.newsauthor {
	font-weight: bold;
	font-size : 8pt;
	color : #404040;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: -2px 0px 0px 0px;
}

P.newstxt {
	margin: 0px 0px 10px 0px;
}

.meer a, .back a  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

a.archief	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 150%;
}

/* -------------------------------------------------- 
STYLES BOOKS
----------------------------------------------------- */

P.booktitle {
	font-size: 12pt;
	font-weight: bold;
	margin: 5px 0px 2px 0px;
}

P.subtitle {
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

P.bookdata {
	margin: 0px 0px 0px 0px;
}

DIV.listbooks {
	margin: 10px 0px 10px 0px;
	width: 300px;
}

DIV.listitem {
	float: left;
	width: 95px;
	height: 145px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
	line-height: 110%;
}

/* -------------------------------------------------- 
STYLES PHOTOS
----------------------------------------------------- */

DIV.photobox {
position: relative;
	float: left;
	width: 140px;
	height: 130px;
	text-align: center;
}

img.photo {
	vertical-align: absmiddle;
}

/* -------------------------------------------------- 
STYLES LINKS
----------------------------------------------------- */

DIV.links {
	line-height: 120%;
}

DIV.url {
	margin-bottom: -7px;
}


/* -------------------------------------------------- 
MAINMENU  
----------------------------------------------------- */
DIV.menu	{
	padding: 47px 15px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 0.03pc;
}
DIV.menu A, DIV.menu A.normal {
	display: block;
	color: #004899;
	text-decoration: none;
	padding: 4px 0px 4px 15px;
	border-bottom: 1px solid #003a68;
}
DIV.menu A:hover {
	background-color: #7aa7d6;	
	color : #f9f9f9;
}
DIV.menu A.active, DIV.menu A.active:hover, DIV.menu A.open, DIV.menu A.open:hover {
	display: block;
	background-color: #8b6c36;
	color: #f9f9f9;
	text-decoration: none;
	padding: 4px 0px 4px 15px;
}
    
/* -------------------------------------------------- 
SUBMENU  
----------------------------------------------------- */

DIV.submenu	{
	padding: 0px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 0.05pc;
	border-bottom: 1px solid #8b6c36;
}
DIV.submenu A, DIV.submenu A.normal {
	color: #004899;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 8px 2px 8px;
	border: 1px solid #8b6c36;
}
DIV.submenu A:hover {
	background-color: #ccdfea;	
	color: #004899;
}
DIV.submenu A.active, DIV.submenu A.active:hover, DIV.submenu A.open, DIV.submenu A.open:hover {
	background-color: #8b6c36;
	color: #f9f9f9;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 8px 2px 8px;
}
/*----------------------------------------------------- */

DIV.subitem	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-bottom: 5px;
}
DIV.subitem A, DIV.subitem A.normal {
	display: block;
	background-image: url(images/pijl_r.gif);
	background-repeat: no-repeat;
	background-position: 0 5;
	color: #004899;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0px 2px 12px;
	border-bottom: 1px solid #8b6c36;
}
DIV.subitem A:hover {
	color: #8b6c36;
	background-color: #e4f5ff;
}
DIV.subitem A.active, DIV.subitem A.active:hover, DIV.subitem A.open, DIV.subitem A.open:hover {
	display: block;
	background-image: url(images/pijl_b.gif);
	background-repeat: no-repeat;
	background-color: #eff7fc;
	color: #004899;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0px 2px 12px;
}


/*----------------------------------------------------- */

DIV.subhoofdstuk	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-bottom: 5px;
}
DIV.subhoofdstuk A, DIV.subhoofdstuk A.normal {
	display: block;
	background-image: url(images/pijl_b.gif);
	background-repeat: no-repeat;
	background-position: 0 5;
	color: #004899;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
	border-bottom: 1px solid #8b6c36;
}
DIV.subhoofdstuk A:hover {
	color: #8b6c36;
	background-color: #e4f5ff;
}
DIV.subhoofdstuk A.active, DIV.subhoofdstuk A.active:hover, DIV.subhoofdstuk A.open, DIV.subhoofdstuk A.open:hover {
	display: block;
	background-image: url(images/pijl_r.gif);
	background-repeat: no-repeat;
	background-color: #e4f5ff;
	color: #8b6c36;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
}
*/

/* -----------------------------------------------------*/
DIV.substory	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	margin-bottom: 0px;
	border-bottom: 1px solid #8b6c36;
}
DIV.substory A, DIV.substory A.normaal {
	background-image: none;
	display: block;
	color: #004899;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0px 2px 18px;
	border-bottom: 0px solid #8b6c36;
}
DIV.substory A:hover {
	color: #8b6c36;
	background-color: #e4f5ff;
}
DIV.substory A.actief, DIV.substory A.actief:hover, DIV.substory A.open, DIV.substory A.open:hover {
	display: block;
	background-image: url(images/pijl_r.gif);
	background-repeat: no-repeat;
	background-position: 7 5;
	color: #8b6c36;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0px 2px 18px;
}

.hkop {
	font-size: 13pt;
	font-weight: bold;
	color: #8b6c36;
}
.hkleinkop {
	font-weight: bold;
	color: #8b6c36;
}

DIV.storyline {
	height: 1px;
	margin: 0px;
	border-bottom: 1px solid #8b6c36;
}