/* //////////////////////////////////////////////////// */
/* 											The basics 											*/
/* //////////////////////////////////////////////////// */

body 
{
	min-width: 1005px;      /* 2x LC width + RC width */
	font-family: Georgia,Arial,Helvetica;
	font-size:11px;
	padding:0;
	margin:0;

}

#header
{
	height: 23px;
	color:white;
	background-image: url('/images/layout/header_bg.gif');
	padding:0;
	margin:0;
	background-repeat:repeat-x;
}

#footer {
  clear: both;
	height:100px;
	/*border:1px solid black;*/
}

#container 
{
  width:1000px;
}
#container .column 
{
  float:left;
}

#center 
{
  width: 350px;
/*	background-color:red;*/
	padding:15px;
}

#left 
{
	width: 330px; /* LC width */
	/*background-color:blue;*/
	padding:15px;
}


#right 
{
  width: 230px;          /* RC width */
	/*background-color:yellow;*/
	padding:15px;
}


/* reverse size for the article page */
#center_reverse 
{
  width: 450px;
/*	background-color:red;*/
	padding:15px;
}

#left_reverse 
{
	width: 230px; /* LC width */
	/*background-color:blue;*/
	padding:15px;
}


#right_reverse 
{
  width: 230px;          /* RC width */
	/*background-color:yellow;*/
	padding:15px;
}



#center_home 
{
  width: 350px;
/*	background-color:red;*/
	padding:15px;
	margin-top:150px;
}

#left_home 
{
	width: 330px; /* LC width */
	/*background-color:blue;*/
	padding:15px;
	
}


#right_home 
{
  width: 230px;          /* RC width */
	/*background-color:yellow;*/
	padding:15px;
	margin-top:150px;
}


#banners
{
	position:absolute;
	top:40px;
	left:375px;
	width:650px;
}

#project
{
	padding: 0 0 85px 0;
}


/* //////////////////////////////////////////////////// */
/* 											The header 											*/
/* //////////////////////////////////////////////////// */

#nav
{
	height:23px;
	padding:0;
	margin:0;
}


#nav a 
{ 
	padding:0;
	margin:0;
	text-decoration:none; 
	color:#FFFFFF; 
	border:0px  
}
#nav img
{
	border:0;
	background-color:black;
}

#nav .navitem
{
	background-color:blue;
	padding:0;
	margin:0;
}

#credits
{
	float:right;
	color:white;
	position:absolute;
	top:0px;
	right: 0px;
}

#credits a
{
	color:white;
	font-weight:bold;
}

/* //////////////////////////////////////////////////// */
/* 											The form 											*/
/* //////////////////////////////////////////////////// */

.errorfield
{
	color: red;
	font-family: Georgia, Arial, Helvetica;
	border:1px dashed red;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
}
.normalfield
{
	color: #888888;
	font-family: Georgia, Arial, Helvetica;
	border:1px dashed #888888;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
}
.errorfield_small
{
	color: red;
	font-family: Georgia, Arial, Helvetica;
	border:1px dashed red;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
}
.normalfield_small
{
	color: #888888;
	font-family: Georgia, Arial, Helvetica;
	border:1px dashed #888888;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
}
.input
{
	color: #888888;
	font-family: Georgia, Arial, Helvetica;
	border:1px dashed #888888;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
}
textarea
{
	color: #888888;
	font-family: Georgia, Arial, Helvetica;
	font-size: 11px;
	border:1px dashed #888888;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
	width: 220px;
	height: 160px;
}
select
{
	color: #888888;
	font-family: Georgia, Arial, Helvetica;
	border:1px dashed #888888;
	padding: 4px;
	margin-bottom: 3px;
	margin-top: 6px;
	width: 180px;
}
div.reactionrow 
{
  clear: both;
  padding-top: 10px;
	width:230px;
}


div.reactionrow span.label
{
	font-weight: bold;
	float: left;
	width:75px;
	text-align: left;
}

div.reactionrow span.field
{
	width:150px;
	text-align: left;
}


div.contactrow 
{
  clear: both;
  padding-top: 10px;
	width:500px;
}


div.contactrow span.label
{
	font-weight: bold;
	float: left;
	width:100px;
	text-align: left;
}

div.contactrow span.field
{
	width:200px;
	text-align: left;
}

div.searchrow 
{
  clear: both;
  padding-top: 10px;
	width:250px;
}


div.searchrow span.searchfield
{
	float: left;
	width:200px;
	text-align: left;
}

div.searchrow span.searchfield input
{
	width: 200px;
	font-size:10px;
	color: #333333;
	padding-left:5px;
	padding-right:5px;
	background-color: white;
	border: 1px solid #000000;
}

div.searchrow span.searchbtn
{
	float:right;
}

div.searchrow span.searchbtn input.sendbtn
{
	width:50px;
	height:16px;
	padding-left:5px;
	padding-right:5px;
	background-color: white;
	border: 1px solid #000000;
	font-size:9px;
	font-weight:bold;
	color: #333333;
	
}


/* //////////////////////////////////////////////////// */
/* 											The styles 											*/
/* //////////////////////////////////////////////////// */

p{
margin-top: 0px;
margin-bottom: 0px;
}
.rubriek{
margin-bottom: 4px;
}
.meer{
margin-top: 4px;
margin-bottom: 8px;
}

.componenttitle
{ 	
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 10px;
}


hr {
color: #FFF;
}



#news
{
	padding-top:20px;
}
.newsitem
{
	border-bottom: 1px dashed #888888;
	padding-bottom: 8px;
	padding-top: 8px;
}

.newstitle
{	
	color: #8ec122; 
	font-size: 12px;
	font-weight: bold; 
	text-decoration: underline;
}

.newssubtitle
{ 	
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
.newsdate
{ 	
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 6px;
}
#center .newsintro
{ 	
	font-size: 11px;
	margin-bottom: 6px;
	margin-top: 6px;
	font-weight: bold;
}
.newstext
{
margin-top: 8px;
}

#newsletter
{
	padding-top:20px;
}

.shortarticle {
border-bottom: 1px dashed #888888;
padding-bottom: 8px;
margin-bottom: 8px;
}

.relatedarticle {
border-bottom: 1px dashed #888888;
padding-bottom: 4px;
margin-bottom: 4px;
}
#relatedarticles
{
padding-bottom: 10px;
}
#relatedauthorarticles
{
padding-bottom: 10px;
}
#latestarticles
{
padding-bottom: 10px;
}
#center .title, #center_reverse .title, #center_home .title
{
	color: #8ec122;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 4px;
}

#center .subtitle , #center_reverse .subtitle , #center_home .subtitle 
{ 	
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

#right .subtitle , #right_reverse .subtitle , #right_home .subtitle
{ 	
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

#right .title, #right_reverse .title, #right_home .title
{
	font-size: 11px;
	font-weight: bold;
}

#left .subtitle , #left_reverse .subtitle , #left_home .subtitle
{ 	
	font-size: 11px;
	font-style: italic;
}

#left .title, #left_reverse .title, #left_home .title
{
	font-size: 11px;
	font-weight: bold;
}

#center a, #center_reverse a ,#center_home a 
{
	color: #8ec122; 
	font-weight:bold;	
}
#left a, #left_reverse a, #left_home a
{
	color: #00a0f0; 
	font-weight:bold;	
}
#right a, #right_reverse a, #right_home a
{
	color: #e06400; 
	font-weight:bold;	
}
#fullarticle .intro
{
	font-weight:bold;
	margin-bottom: 8px;
	margin-top: 8px;
		line-height:14px;	
}
#fullarticle .fulltext
{
	line-height:14px;	
}

div.categorieimg
{
	margin-bottom: 3px;
	margin-top: 3px;	
}

div.relatedtitle
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 6px;
	margin-top: 3px;	
}

div.addreaction
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 6px;
	margin-top: 12px;	
}

div.reaction
{
	margin-bottom: 6px;
	margin-top: 0px;	
}
.reactionauthor
{
	font-weight:bold;
}
.reactiondate
{
	font-weight:bold;
}

#articleList .subtitle
{
font-size: 11px;
}

#articleList .title
{
font-size: 11px;
}

.fulltext img
{
	border-style: solid;
	border-color: #000;
	border-width: 1px;;
}

.logos
{
	border-top: 1px dashed #888888;
	margin-top: 14px;
	padding-top: 10px;	
}
div.plusintro
{
	font-style: italic;
	margin-bottom: 8px;	
}
div.categorieintro
{
font-style: italic;
padding-bottom: 6px;
margin-bottom: 16px;
border-bottom: 1px dashed #888888;
}