/**************************************************************************************/
/* Aanpassingen                                                                       */
/* 09-01-2010:                                                                        */
/*             - Volledig opnieuw gestructureerd                                      */
/**************************************************************************************/

body {
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/* BEGIN 03-01-2010 BJP */
	/* knoeien met uiterlijk */
	/* Origineel: background: #EBEBEB; */
	/* Dit is de buitenste background */
	/* #E0E4F3 of BFDCF3 */
	background: #BFDCF3;
	/* EINDE 03-01-2010 BJP */
	letter-spacing: 0.03em;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {
	/* BEGIN 21-12-2009 BJP 3/3 */
	/* knoeien met uiterlijk */
	/* Origineel: color: #000000; */
	/* Dit zijn de kleine tekst linkjes, niet de titels */
	color: #3069B3; 
	/* EINDE 21-12-2009 BJP 3/3 */
	padding-bottom: 1px;
	text-decoration: none;
	background: url(images/background_h3.gif) repeat-x bottom;
}

a:hover .pivot-popupimage {
	/* BEGIN 21-12-2009 BJP 4/4 */
	/* knoeien met uiterlijk */
	/* Origineel: border: 7px solid #C5C9B4; */
	/* geen idee waar deze terug komt */
	border: 7px solid #ff0000;
	/* EINDE 21-12-2009 BJP 4/4 */
	margin: 0px 0px;
}

/* BEGIN 09-01-2010 BJP */
/* Origineel: a:hover, .pagetitle a:hover, .meta a:hover { */
a:hover {
	/* EINDE 09-01-2010 BJP */
	/* BEGIN 21-12-2009 BJP 4/4 */
	/* knoeien met uiterlijk */
	/* Origineel: color: #00A8FF!important; */
	/* alle hover linkjes, zowel titels als klein */
	 color: #3069B3!important; 		
	/* EINDE 21-12-2009 BJP 4/4 */
	background: url(images/background_h3_over.gif) repeat-x bottom;
}

/* BEGIN 09-01-2010 BJP */
/* .meta = kleinje linkjes onder elk artikel, met poster-naam enzo */
.meta {
	float: right;
	font-size: 0.95em;
	letter-spacing: 0;
	margin-top: 10px;
}

.meta a {
	color: #888888;
}

.meta a:hover {
	/* knoeien met uiterlijk */
	/* Origineel: color: #00A8FF!important; */
	 color: #3069B3!important; 			
	background: url(images/background_h3_over.gif) repeat-x bottom;
}
/* EINDE 09-01-2010 BJP */

/* BEGIN 09-01-2010 BJP */
/* Dit is de titel link in de banner */
.pagetitle a:hover {
	color: #ffffff!important;
}
/* EINDE 09-01-2010 BJP */

form {
	margin: 0;
}

h1 {
	/* BEGIN 21-12-2009 BJP 4/4 */
	/* knoeien met uiterlijk */
	/* Origineel: border-top: 5px solid #000000; */
	/* geen idee waar deze staat */
		border-top: 5px solid #000000;
	/* EINDE 21-12-2009 BJP 4/4 */
	font: 4.5em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 4px 0px;
	padding: 0;
}

/* BEGIN 09-01-2010 BJP */
/* Origineel: h1 a, h2 a, h3 a, .date a, .comments a, .pagetitle a, .pagetitleshade a{ */
h1 a {
	background: none!important;
}

h2 a {
	background: none!important;
}

h3 a {
	background: none!important;
}

.date a {
	background: none!important;
}

.comments a {
	background: none!important;
}

.pagetitle a {
	background: none!important;
}

.pagetitleshade a {
	background: none!important;
}
/* EINDE 09-01-2010 BJP */

h2 {
	/* BEGIN 21-12-2009 BJP 4/4 */
	/* knoeien met uiterlijk */
	/* Origineel: border-top: 5px solid #000000; */
	/* dit is de balk boven de artikel titels */
		border-top: 3px solid #3069B3;
	/* EINDE 21-12-2009 BJP 4/4 */
	color: #000000;
	/* BEGIN 12-01-2010 BJP */
	/* Origineel: font: 2.8em Georgia, "Times New Roman", Times, serif; */
	font: 1.8em Georgia, "Times New Roman", Times, serif;	
	/* Origineel: margin: 20px 0px 0px 0px; */
	margin: 20px 0px 5px 0px;
	/* EINDE 12-01-2010 BJP */
	padding: 0px 0px 2px 0px;
	background: repeat-x bottom;
}

h2 a {
	color: #000;
}

h3 {
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	margin: 20px 0px 5px 0px;
	padding: 0;
	/* BEGIN 21-12-2009 BJP 4/4 */
	/* knoeien met uiterlijk */
	/* Origineel: border-top: 5px solid #000000; */
	/* dit is de balk boven de linkdump rechts 3e kolom */
		border-top: 3px solid #3069B3;
	/* EINDE 21-12-2009 BJP 4/4 */
	color: #000000;
	background: none;
}

#secondary3 h3{
	border: 0;
	background: url(images/background_h3.gif) repeat-x bottom;
}

p {
	margin: 5px 0px;
	line-height:1.4em;
}

/* BEGIN 12-01-2010 BJP */
/* Wat is dit? */
.block {
	float: left;
	height: 100%;
	margin: 0px 25px 0px 0px;
	text-align: left;
	width: 160px;
}
/* EINDE 12-01-2010 BJP */

.comment {
/* BEGIN 09-01-2010 BJP */	
	/* Origineel: color: #424440; */
	/* titels van de comments op eli_entrypage_template_3column.html */
	color: #424440;
	margin: 10px 0px 20px 0px;
	background: #DFE3D4;
	padding: 15px;
	border-left: 3px solid #ACB09E;
	/* EINDE 09-01-2010 BJP */
}

.comment small {
	color: #000;
	font-size: 11px;
}

/* BEGIN 09-01-2010 BJP */
/* Origineel: .commentform, .commentform a:link { */
.commentform {
	font-size: 10px;
	color: #424440;
}

.commentform a:link {
	font-size: 10px;
	color: #424440;
}
/* EINDE 09-01-2010 BJP */

.commentinput {
	width: 170px;
	margin: 0px 0px 3px 0px;
}

.comments {
	/* BEGIN 09-01-2010 BJP */
	/* Origineel: color: #B5B5B5; */
	/* Origineel: font: 2.0em Georgia, "Times New Roman", Times, serif; */
	float: left;
	font-size: 0.95em;
	letter-spacing: 0;
	margin-top: 10px; 
	/* EINDE 09-01-2010 BJP */
}

/* BEGIN 09-01-2010 BJP */
/* wordt aangeroepen op eli_entrypage_template_3column.html */
.comments_eli {
	/* deze kleur staat alleen op de pagina met comments. */
	color: #B5B5B5;
	font: 2.0em Georgia, "Times New Roman", Times, serif; 
}
	/* EINDE 09-01-2010 BJP */

.comments a {
	/* BEGIN 09-01-2010 BJP */
	/* Origineel: color: #B5B5B5; */
	/* dit is de kleur van de COMMENTS tekst op de hoofdpagina */
	color: #888888; 
	/* EINDE 09-01-2010 BJP */
}

/* BEGIN 09-01-2010 BJP */
/* Origineel: .comments a:hover, .title a:hover {	*/
.comments a:hover {	
	/* knoeien met uiterlijk */
	/* Origineel: color: #00A8FF; */
	color: #B5B5B5;
	/* EINDE 09-01-2010 BJP */
}

.title a:hover {	
	/* knoeien met uiterlijk */
	/* Origineel: color: #00A8FF; */
	color: #B5B5B5;	
}
/* EINDE 09-01-2010 BJP */

.tags {
	display: block;
	margin-top: 6px;
	font-size: 0.95em;
}

.tags a, .tags {
	color: #666666;
}

.date {
	color: #666666;
	display: block;
	font-size: 0.9em;
	padding: 0;
	background: url(images/background_h2.gif) repeat-x bottom;
	/* BEGIN 12-01-2010 BJP */
	/* toegevoegd */
	margin-bottom: 5px;
	/* EINDE 12-01-2010 BJP */
}

/* BEGIN 22-05-2010 BJP */
.subtitle {
	color: #000000; 
	font: 1.2em Georgia, "Times New Roman", Times, serif;	
	margin: 5px 0px 5px 0px; /* boven! - onder? - rechts? - links! */
	padding: 0px 0px 8px 0px; /* boven? - rechts? - onder! - links? */
	background: repeat-x bottom;
	/*color: #666666;*/
	display: block;
	font-style: italic;
	/* font-size: 0.9em; */
	/*background: url(images/background_h2.gif) repeat-x bottom;*/
	/* BEGIN 12-01-2010 BJP */
	/* toegevoegd */
	margin-bottom: 5px;
	/* EINDE 12-01-2010 BJP */
}

.entry {
	float: left;
	line-height: 1.6em;
	margin: 0px 0px 0px 0px;
	display: inline;
	/* BEGIN 12-01-2010 BJP */
	width:98%; 
	margin-bottom:5px;
	/* EINDE 12-01-2010 BJP */
}

.entryfooter {
	margin: 20px 0px 0px;
}

.entrynavigation {
	margin: 20px 0px 0px;
}

.linkdumpcomments {
	font-size: normal;
	display:block;
}

.linkdumpcomments {
	color: #555555;
}

.linkdumpentry {
	float: left;
	margin: 2px 0px 10px 0px;
	font-size: 11px;
}

.linkdumpentry p {
	display: inline;
	margin: 0;
	padding: 0;
}

.message p {
	margin-bottom: 5px;
	display: block;
}

.pagetitle a{
	color: #FFFFFF;
}

/* BEGIN 09-01-2010 BJP */
/* Origineel .pagetitle a, .pagetitleshade a { */
.pagetitle a {
	bottom: 8px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	/* BEGIN 10-12-2009 BJP 1/2 */
	/* plaats van ELIPHELETH titel in banner image verschoven naar rechts */
	left: 650px;
	/* EINDE 10-12-2009 BJP 1/2 */
	position: absolute;
	text-align: bottom;
	/* BEGIN 12-01-2010 BJP */
	/* width: 360px; */
	/* EINDE 12-01-2010 BJP */
}

.pagetitleshade a {
	bottom: 8px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	/* BEGIN 10-12-2009 BJP 1/2 */
	/* plaats van ELIPHELETH titel in banner image verschoven naar rechts */
	left: 650px;
	/* EINDE 10-12-2009 BJP 1/2 */
	position: absolute;
	text-align: bottom;
	/* BEGIN 12-01-2010 BJP */
	/* width: 360px; */
	/* EINDE 12-01-2010 BJP */
}
/* EINDE 09-01-2010 BJP */

/* BEGIN 09-01-2010 BJP */
/* Origineel: .pagetitle, .pagetitleshade { */
.pagetitle {
	/* BEGIN 12-01-2010 BJP */
	/* Origineel: height: 180px; */
			height: 152px;
			/* EINDE 12-01-2010 BJP */
	position: absolute;
}

.pagetitleshade {
	/* BEGIN 12-01-2010 BJP */
	/* Origineel: height: 180px; */
			height: 152px;
			/* EINDE 12-01-2010 BJP */
	position: absolute;
}
/* EINDE 09-01-2010 BJP */

.pagetitleleft a{
	left: 10px!important;
}

.pagetitleshade a{
	color: #484848!important;
	margin-left: 1px!important;
}

.title a{
	/* Titel van de linkdump (prikbord) objecten. */
		color: #63663E;
	font-weight: bold;
}

#content {
		/* BEGIN 21-12-2009 BJP 1/2 */
	/* knoeien met uiterlijk */
	/* Origineel: border: 1px solid #DFDFDF; */
	/* Dit is de rand buitenom */
	border: 1px solid #3069B3;
	/* EINDE 21-12-2009 BJP 1/2 */
	margin: 20px auto 0px auto;
	padding: 20px 20px 10px 20px;
	text-align: left;
	/* BEGIN 10-12-2009 BJP 2/2 */
	/* breedte van gehele pagina vergroot */
	width: 900px;
	/* EINDE 10-12-2009 BJP 2/2 */
	/* BEGIN 21-12-2009 BJP 2/2 */
	/* knoeien met uiterlijk */
	/* Origineel: background: #E6EADC url(images/background_content.jpg) repeat-x; */
	/* Test: background: #000000 url(images/background_content.jpg) repeat-x; */
	background: #ffffff;
	/* EINDE 21-12-2009 BJP 2/2 */
}

#entries2{
	float: left;
	width: 470px;
	display: inline;
}

#entries3 {
	float: left;
	padding: 0px 0px 0px 20px;
	/* BEGIN 12-01-2010 BJP */
	/* Origineel width: 370px; */
	width: 503px;
	/* EINDE 12-01-2010 BJP */
	display: inline;
}

#header {
	/* BEGIN 12-01-2010 BJP */
	/* Origineel: height: 180px; */
			height: 152px;
			/* EINDE 12-01-2010 BJP */
	background: url(images/header.jpg);
}

#linkdump2 {
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 0px 20px 15px;
	width: 260px;
	background: url(images/background_linkdump.gif) repeat-y left;
	float: right;
}

/* BEGIN 09-01-2010 BJP */
/* Origineel: #linkdump2, #linkdump3 { */
#linkdump2 {
	color: #707572;
	line-height: 1.4em;
}

#linkdump3 {
	color: #707572;
	line-height: 1.4em;
}
/* EINDE 09-01-2010 BJP */

#linkdump3 {
	padding: 0px 0px 0px 15px;
	width: 175px;
	float: left;
}

#linkdumpentry p {
	width: 140px!important;
}

#main ul li {
	margin: 4px 0px!important;
}

#secondary2{
	border: 1px solid #b5b5b5;
	border-top: 0;
	margin: 0px auto 0px auto;
	padding: 0px 20px 10px 20px;
	width: 765px;
	/* BEGIN 03-01-2010 BJP */
	/* dit is dus niet de linker area, geen idee waar deze staat */
	/* Origineel background: #CBD5D0 url(images/background_left_2.gif) repeat-x; */
	background: #ff0000;
		/* EINDE 03-01-2010 BJP */
}

	/* BEGIN 09-01-2010 BJP */
/* Origineel: #secondary2, #secondary3 { */
#secondary2 {
	border-bottom: 1px solid #B5B5B5;
	font-size: 0.95em;
	height: 100%;
	line-height: 1.5em !important;
}

#secondary3 {
	border-bottom: 1px solid #B5B5B5;
	font-size: 0.95em;
	height: 100%;
	line-height: 1.5em !important;
}
	/* EINDE 09-01-2010 BJP */

#secondary3{
	padding: 7px 20px 10px 15px;
		/* BEGIN 11-01-2010 BJP */
	/* Origineel: width: 146px; */
	width: 152px;
		/* EINDE 11-01-2010 BJP */
	margin-bottom: 5px;
	float: left;
	/* BEGIN 03-01-2010 BJP */
	/* dit is de linker area met about en archief en dergelijke */
	/* Origineel background: url(images/background_left_3.gif) repeat-y; */
	/* #80C9FF of #0066B3*/
	background: #9CCCEE;
		/* EINDE 03-01-2010 BJP */
}

#secondary3 p {
	margin: 3px 0px 0px 0px;
}

#tagpage h3 {
	border:0;
	background: url(images/background_h2.gif) repeat-x bottom;;
}

form {
	margin:0;
}