html { font-size: 100%} 

body { 
	background-color: #ffffff;
	background-image: none;
	margin: 0;
	padding: 0;
	font: 10.5pt/1.333em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	height: 100%;
}

img { border: 0; }

div#maincontainer {
	width: 800px; 
	margin: 0 auto;
	padding: 0;
	padding-top: 15px;
	text-align: left;
}

div#topindex { 
	width: 800px;
	height: 80px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#logo {
	height: 80px;
	width: 170px;
	border: 0;
	margin: 0;
	padding: 0;
	margin-top: -80px;
	text-align: center;
}
	
div#titeltekst {
	font: 24pt/1.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-style: italic;
	height: 80px;
	color: darkblue;
	margin: 0;
	border: 0;
	margin-top: -80px;
	margin-left: 180px;
}

div#ondertitel {
	height: 37px;
	margin: 0;
	margin-top: -80px;
	font-size: 11pt;
	font-style: italic;
	font-weight: 700;
	color: red;
	margin-left: 310px;
	padding: 43px 0 0 0;
	border: 0; 
}

div#sectietitel {
	font: 32pt/1.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	height: 70px;
	width: 630px;
	margin: 0;
	padding: 0 20px 10px 0;
	padding-bottom: 10px;
	text-align: right;
	vertical-align: bottom;
	margin-top: -80px;
	font-style: italic;
	font-weight: 500;
	color: white;
	margin-left: 150px;
	border: 0; 
}	

div#menubgindex, div#menubgartikelen, div#menubglezingen, div#menubgreacties, div#menubgcontact {
	background-color: #333298;
	border: 0;
	width: 170px;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 375px;
}


div#menubgindex         { background: url(../images/menu_index.jpg) no-repeat; background-color: #333298; }
div#menubgartikelen  { background: url(../images/menu_artikelen.jpg) no-repeat; background-color: #019a01; }
div#menubglezingen  { background: url(../images/menu_lezingen.jpg) no-repeat; background-color: #dae512; }
div#menubgreacties  { background: url(../images/menu_reacties.jpg) no-repeat; background-color: #0aeafe; }
div#menubgcontact  { background: url(../images/menu_contact.jpg) no-repeat; background-color: #ff9b05; }

div#menuitems {
	border: 0;
	width: 170px;
	margin: 0;
	padding: 30px 0;
	float: left;	
	color: darkblue;
	font: 9pt/2.5em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
div#menuitems a { text-decoration: none; font-size: 90%; }
div#menuitems a:hover { text-decoration: underline; }
	

div#content, div#contentbreed {
	font: 12pt "Times New Roman" serif;
	background-color: white;
	margin: 0;
	padding: 20px 20px 0 20px;
	float: left;
	color: black;
	text-align: left;
	border: 0;
}
div#content { width: 590px; }
div#contentbreed { width: 760px; }
div#content a { color: #6f6e6b; } 


div#recentartikel {
	margin: 0 0 20px 0;
	padding: 5px 25px;
	border: 1px dotted black;
	text-align: left;
	background-color: #e1e0f0;
	font: 9pt/1.2em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
}

div#recentartikel td {
	font: 9pt/1.2em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
	text-align: left;
	padding: 3px 0;
}

div#recentartikel a { color: black; }
	
div#footerlinks {
	background-color: #333298;
	border: 0;
	width: 170px;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	
}

div#footerrechts {
	margin: 30px 0 0 0;
	padding: 0;
	border: 0;
	width: 580px;
	color: #6f6e6b;
	text-align: center;
	font: 8pt/1.2em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
	font-weight: bold;
}

div#footerrechts a { text-decoration: none; }
div#footerrechts a:hover{ text-decoration: underline; }

div#download {
	width: 550px;
	height: 30px; 
	color: #6f6e6b;	
	font: 8pt/1.2em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
	font-weight: bold;
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	vertical-align: bottom;
}

div#download a { color: #6f6e6b; text-decoration: none; }
div#download a:hover { 	text-decoration: underline; }

#nav li { list-style-position: outside; list-style-image: url(../images/bullet.gif); line-height: .8em; margin: 20px 0 0 -15px; }

#nav a { 
	color: darkblue;
	font-size: 9pt;
	font-weight: bold;
	margin-left: 5px;
	

}

#nav a:hover { text-decoration: underline; } 

.citaat { color: #6f6e6b; font-size: 90%; }

h1,h2,h3,h4 { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
h1 { color: #000; font-size: 16pt; }
h2 { color: #5a5a5a; font-size: 12pt; }
h3 { color: #f00; font-size: 14px; line-height: 14px; }
h4 { color: #000; font-style: normal; font-weight: lighter; 
	font-size: 11px;  margin-top: 0; margin-bottom: 0; padding: 4px; height: 0; }


.tussenkop { 
	color: #009; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Arial; 
	margin-top: 15px; 
	margin-bottom: 0; 
	padding-top: 0; 
	padding-bottom: 5px; }

td {
	color: #000; 
	font-size: 10px; 
	font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular ;
	}
.paragraaf     { 
	color: #282828; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12pt; 
	line-height: normal; 
	font-family: "Times New Roman"; 
	text-decoration: none;
	}

.artikel { 
	color: #000; 
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial; 
	margin-top: 0; 
	margin-bottom: 10px; 
	padding-top: 0; 
	padding-bottom: 0;  
	}
	
p { margin: 0; padding: 0; }

.plaatsing { font-style: italic; font-size: small; margin: -8px 0 6px 0; }

a.klein { 	
	color: #6f6e6b;
	font: 8pt/1.2em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
	font-weight: bold;
	text-decoration: none;
	}
a:hover.klein { text-decoration: underline; }

table#rooster {
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid black;
	font: 9pt/1.333em Arial,sans-serif ;
}

table#rooster th {
	background-color: #4682b4;
	color: white;
	text-align: left;
	border: 1px solid black;
}
table#rooster td {
	font: 9pt/1.333em Arial,sans-serif ;
	border: 1px solid black;
	text-align: left;
	vertical-align: top;
	padding: 1px;
}

table#rooster a {
	background: inherit;
	text-decoration: none;	
}
table#rooster a:hover {
	background: inherit;
	text-decoration: underline;	
}
table#rooster td.rechts { text-align: right; padding-right: .75em; }
table#rooster td.midden { text-align: center; } 
table#rooster td.vet { font-weight: bolder; } 
table#rooster tr.verborgen { color: gray; }
table#rooster tr.bewerkt { color: #008080; }