/* ------------------------------------ screen.css -- */
/* ------------------------------------ created on 02.2009 -- */
/* ------------------------------------ created by Meine Grafische vormgeving -- */

/* ------------------------------------------------------------------------------------------------------------------ basic elements -- */

	
body {
	background:			#ffffff;

	height:				100%;	
	padding:				0px;
	margin:				0px;
	
	font-family:		Times, "Times New Roman";
	font-size:			11pt;
	color:				#525252;
}

/* ------------------------------------------------------------------------------------------------------------------ basic elements -- */

div {
	padding:				0px;
	margin:				0px;
}

.box {
	width:				1015px;
	height:				100%;

	margin:				0px auto;
}

.overflow {
	overflow:			hidden;
}

a, a:link, a:hover, a:visited, a:active	{
	text-decoration:	underline;
	border:				0px;

	color:				#393939;
}

img	{
	border:				0px;
}

h1	{
	padding-left:		14px;
		
	font-size:			15pt;
	letter-spacing:	0.05em;
	font-weight:		bold;
	text-transform:	lowercase;
}

h2	{
	padding-left:		14px;
		
	font-size:			14pt;
	font-weight:		normal;
	text-transform:	lowercase;
}

ul {
	padding:				0px;
	margin:				0px;

	list-style-type:	none;
}

/* ------------------------------------------------------------------------------------------------------------------ navigation elements -- */

#backgroundNavigation {
	background:			#a5a5a5;
	display:				block;
	
	width:				auto;
	height:				65px;
	
	border-bottom:		5px solid #393939;
}

#navigationBox	{
	background:			none;
	display:				block;
	float:				left;
	
	width:				850px;
	height:				65px;
}

#navigationBox ul#left	{
	float:			left;
}

#navigationBox ul#right	{
	float:			right;
}

#navigationBox ul	{
	list-style-type:	none;
	
	padding:				0px;
	margin-left:		14px;
	margin-top:			0px;
}

#navigationBox ul li {
	display:			block;
	float:			left;
	
	padding-left:	14px;
	padding-right:	14px;
	padding-top:	8px;
}

#navigationBox ul li:hover {
	background:		#393939;
	
	height:			57px;
}

#navigationBox ul li#active {
	background:		#393939;
	
	height:			57px;
}

#navigationBox ul#right #searchField	{
	background:		#c1c1c1;
	display:			block;
	float:			left;
	clear:			none;
	
	width:			98px;
	height:			16px;
	
	margin-right:	14px;
	margin-top:		28px;
	
	border:			2px solid #393939;	
}

/* ------------------------------------------------------------------------------------------------------------------ logo elements -- */

#logoTop {
	background:			none;
	display:				block;
	float:				left;
	
	width:				141px;
	height:				36px;
	
	padding-top:		34px;
	margin-left:		14px;
}

#logoBottom {
	background:			none;
	display:				block;
	float:				left;
	clear:				both;
	
	width:				141px;
	height:				36px;
	
	margin-left:		14px;
}

/* ------------------------------------------------------------------------------------------------------------------ content actual elements -- */

#contentActual {
	background:			none;
	display:				block;
	float:				left;
	clear:				none;

	padding-bottom:	7px;
	
	width:				545px;
	height:				auto;
}

#leftBox {
	background:			none;
	display:				block;
	float:				left;
	
	margin-top:			51px;	
	padding-right:		11px;
	
	width:				289px;
	height:				auto;
	
	border-right:		1px solid #b6b6b6;
}

#rightBox {
	background:			none;
	display:				block;
	float:				left;
	
	padding-top:		51px;
	padding-left:		14px;
	
	width:				226px;
	height:				auto;
}

#teleks, #aginda, #meidielings, 
#poadium, #blogfragminten, #kommentaar {
	padding-bottom:	7px;
}

#teleks ul li.date, #aginda ul li.date, #meidielings ul li.date, 
#poadium ul li.date, #blogfragminten ul li.date, #kommentaar ul li.date {
	background:			url('images/list.arrow.png') 2px 1px no-repeat;
	
	padding-left:		14px;
	
	font-size:			10pt;
	color:				#a5a5a5;
}

#teleks ul li.item, #aginda ul li.item, #meidielings ul li.item, 
#poadium ul li.item, #blogfragminten ul li.item, #kommentaar ul li.item {
	padding-left:		14px;
	padding-bottom:	14px;
	padding-top:		3px;
	
	font-size:			11pt;
}

#teleks h1, #teleks a:hover { 
	text-decoration:	none;
	
	color:				#b93b9a; 
}

#aginda h1, #aginda a:hover { 
	text-decoration:	none;

	color:				#b93b3b; 
}

#meidielings h1, #meidielings a:hover { 
	text-decoration:	none;
	
	color:				#3b6db9; 
}

#poadium h1, #poadium a:hover { 
	text-decoration:	none;
	
	color:				#b9b83b; 
}

#blogfragminten h1, #blogfragminten a:hover { 
	text-decoration:	none;
	
	color:				#823bb9; 
}

#kommentaar h1, #kommentaar a:hover { 
	text-decoration:	none;
	
	color:				#393939;
}

#teleks a, #teleks a:link, #teleks a:visited, #teleks a:active,
#aginda a, #aginda a:link, #aginda a:visited, #aginda a:active,
#meidielings a, #meidielings a:link, #meidielings a:visited, #meidielings a:active,
#poadium a, #poadium a:link, #poadium a:visited, #poadium a:active,
#blogfragminten a, #blogfragminten a:link, #blogfragminten a:visited, #blogfragminten a:active {
	text-decoration:		none;
}	


/* ------------------------------------------------------------------------------------------------------------------ content number elements -- */

#contentNumber, #sidebar {
	background:			url('images/pattern.ensafh.png') top left repeat;
	display:				block;
	float:				right;
	
	width:				440px;
	height:				auto;
	
	margin-bottom:		-2000px; 
	padding-bottom:	2000px;
}

#numberHead {
	background:			url('images/ensafh.oflevering.png') top left no-repeat #393939;
	display:				block;
	float:				left;
	
	margin-left:		21px;
	
	width:				143px;
	height:				66px;
}

#number {
	background:			#ffffff;
	display:				block;
	float:				left;
	clear:				right;
	
	padding-left:		9px;
	padding-top:		20px;
	
	width:				90px;
	height:				46px;
	
	font-family:		Helvetica;
	font-weight:		bolder;
	font-size:			32pt;
	color:				#393939;
	
	text-align:			left;
}

#contentBox {
	background:			#ffffff;
	display:				block;
	float:				left;
	
	margin-left:		21px;
	margin-top:			32px;
	margin-bottom:		-9000px; 
	padding-bottom:	9000px;
	
	width:				402px;
	height:				auto;
}

#foarwurd h1, #poezy h1, #proaza h1, #kollum h1, #besprek h1, #fraachpetear h1, #multimedia h1, #oersetting h1, #essee {
	margin-top:			7px;
	
	font-size:			13pt;
}

#foarwurd, #poezy, #proaza, #kollum, #besprek, #fraachpetear, #multimedia, #oersetting, #essee {
	background:			none;
	display:				block;
	float:				left;
	clear:				both;
	
	margin-left:		14px;
	margin-right:		14px;
	margin-bottom:		14px;
	padding-bottom:	7px;
	
	width:				374px;
	height:				auto;
	
	font-size:			14pt;
}

#poezy ul, #proaza ul, #kollum ul, #besprek ul, #fraachpetear ul, #multimedia ul, #oersetting ul, #essee ul {
	margin-left:		14px;
}

#poezy ul li.writer, #proaza ul li.writer, #kollum ul li.writer, #besprek ul li.writer, #fraachpetear ul li.writer, #multimedia ul li.writer, #oersetting ul li.writer, #essee ul li.writer {
	font-size:			11pt;
	font-style:			italic;
}

#poezy ul li.item, #proaza ul li.item, #kollum ul li.item, #besprek ul li.item, #fraachpetear ul li.item, #multimedia ul li.item, #oersetting ul li.item, #essee li.item {
	padding-bottom:	18px;
	font-weight:		600;
}

#poezy {
	border-top:			2px dotted #8c10d3;
}

#proaza {
	border-top:			2px dotted #b9b83b;
}

#kollum {
	border-top:			2px dotted #393939;
}

#besprek {
	border-top:			2px dotted #b93b3b;
}

#fraachpetear {
	border-top:			2px dotted #b93b9a;
}

#multimedia {
	border-top:			2px dotted #e4c100;
}

#oersetting {
	border-top:			2px dotted #3b6db9;
}

#essee {
	border-top:			2px dotted #ffcc00;
}

#foarwurd a:hover {
	color:				#b9b83b;
}

#poezy h1, #poezy a:hover {
	color:				#8c10d3;
}

#proaza h1, #proaza a:hover {
	color:				#b9b83b;
}

#kollum h1, #kollum a:hover {
	color:				#393939;
}

#besprek h1, #besprek a:hover {
	color:				#b93b3b;
}

#fraachpetear h1, #fraachpetear a:hover {
	color:				#b93b9a;
}

#multimedia h1, #multimedia a:hover {
	color:				#e4c100;
}

#oersetting h1, #oersetting a:hover {
	color:				#3b6db9;
}

#essee h1, #essee a:hover {
	color:				#ffcc00;
}

.title a:hover, p a:hover, .author a:hover, .searchTitle a:hover {
	color:				#b9b83b;
}

p a, p a:link, p a:visited, p a:active,
#foarwurd a, #foarwurd a:link, #foarwurd a:visited, #foarwurd a:active,
#poezy a, #poezy a:link, #poezy a:visited, #poezy a:active,
#proaza a, #proaza a:link, #proaza a:visited, #proaza a:active,
#kollum a, #kollum a:link, #kollum a:visited, #kollum a:active,
#besprek a, #besprek a:link, #besprek a:visited, #besprek a:active,
#fraachpetear a, #fraachpetear a:link, #fraachpetear a:visited, #fraachpetear a:active,
#multimedia a, #multimedia a:link, #multimedia a:visited, #multimedia a:active,
#oersetting a, #oersetting a:link, #oersetting a:visited, #oersetting a:active,
.title a, .title a:link, .title a:visited, .title a:active,
.searchTitle a, .searchTitle a:link, .searchTitle a:visited, .searchTitle a:active {
	text-decoration:		none;
	line-height:			19pt;
	
	border-bottom:			1px dotted #393939;
}

.author a, .author a:active, .author a:visited {
	text-decoration:		none;
	line-height:			19pt;
	
	border-bottom:			1px dotted #393939;
	color:					#a5a5a5;
}
/* ------------------------------------------------------------------------------------------------------------------ text page elements -- */

#headImage {
	background:			#393939;
	display:				block;
	float:				right;
	
	width:				auto;
	height:				66px;
}

#content {
	background:			none;
	display:				block;
	float:				right;
	
	margin-top:			21px;
	
	width:				403px;
	height:				auto;
}

.title {
	background:			none;
	display:				block;
	float:				left;
	
	padding-bottom:	21px;
	
	width:				275px;
	height:				auto;
	
	color:				#a5a5a5;
	font-size:			9pt;
}



.title h1 {
	padding:				0px;
	margin:				0px;
	
	color:				#b9b83b;
	font-size:			18pt;
}

.commentTitle {
	background:			none;
	display:				block;
	float:				left;
	
	padding-bottom:	0px;
	
	width:				275px;
	height:				auto;
	
	color:				#a5a5a5;
	font-size:			9pt;
}

.commentTitle h1 {
	padding:				0px;
	margin:				0px;
	
	color:				#a5a5a5;
	font-size:			14pt;
}
 .searchTitle h1 {
 	padding:				0px;
	margin:				0px;
	
	font-size: 			11pt;
 }

.searchTitle {
	background:			none;
	display:				block;
	float:				left;
	
	padding-bottom:	21px;
	
	width:				275px;
	height:				auto;
	
	color:				#a5a5a5;
	font-size:			9pt;
}

.author {
	background:			none;
	display:				block;
	float:				right;
	
	padding-bottom:	21px;
	
	width:				120px;
	height:				auto;
	
	text-align:			right;
	
	font-size:			10pt;
	font-weight:		bold;
	color:				#a5a5a5;
}

.text {
	background:			none;
	display:				block;
	float:				left;
	
	width:				403px;
	
	line-height:		15pt;
}

.commentText {
	background:			none;
	display:				block;
	float:				left;
	
	width:				403px;
	
	line-height:		12pt;
}

#sideContent {
	background:			#ffffff;
	display:				block;
	float:				left;
	
	margin-left:		21px;
	margin-bottom:		-2000px; 
	padding-bottom:	2000px;
	
	width:				402px;
	height:				auto;
}

#sideContent ul {
	margin-left:		21px;
	padding-top:		88px;
}

#sideContent ul li.item {
	padding-bottom:	7px;
}

#sideContent ul li.item a, #sideContent ul li.item a:link, #sideContent ul li.item a:visited, #sideContent ul li.item a:active {
	background:			url('images/list.arrow.png') 2px 4px no-repeat;
	
	padding-left:		21px;
	
	text-decoration: none;
}

#sideContent a:hover {
	color:				#b9b83b;
}

/* ------------------------------------------------------------------------------------------------------------------ argyf elements -- */

ul#argyf li a, ul#argyf li a:link, ul#argyf li a:visited, ul#argyf li a:active {
	background:			url('images/list.arrow.png') 2px 4px no-repeat;
	
	padding-left:		21px;
	line-height:		18pt;
	
	text-decoration:	none;
}

ul#argyf li a:hover {
	color:				#b9b83b;
}

/* ------------------------------------------------------------------------------------------------------------------ rss elements -- */

ul#rss li a, ul#rss li a:link, ul#rss li a:visited, ul#rss li a:active {
	background:			url('images/logo.rss.png') 2px 0 no-repeat;
	
	padding-left:		21px;
	line-height:		23pt;
	
	text-decoration:	none;
}

ul#rss li a:hover {
	color:				#b9b83b;
}

/* ------------------------------------------------------------------------------------------------------------------ footer elements -- */

#footer {
	background:			#b9b83b;
	clear:				both;

	width:				auto;
	height:				60px;
}

div#rssFooter a, #rssFooter a:link, div#rssFooter a:visited, div#rssFooter a:active {
	background:			url('images/logo.rss.png') 0 7px no-repeat;
	display:				block;
	float:				left;
	
	padding-top:		7px;
	padding-left:		21px;
	
	color:				#525252;
	text-decoration:	none;
}

div#rssFooter a:hover {
	color:				#ffffff;
}
div.arrows
{
	display:				block;
	width: 				400px;
	height:				30px;
}
div.arrowLeft
{
	display:				block;
	float:				left;
}
div.arrowRight
{
	display:				block;
	float:				right;
}