/* @override http://www.relational-constructionism.org/templates/andreas09/andreas09.css */

/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */
html {
padding: 0px;
margin: 0px;	
}

body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;

}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}


p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

#container {
background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#sitename {
color:#890511;
/* height:92px;*/
margin:0 20px 0px;
text-align:left;
margin-left: 0px;
padding: 0px;
}

#sitename h1,#sitename h2 {
font-weight:700;
letter-spacing:-1px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.6em;
padding-top:20px;
color:#2c82a2; /*was: 9d1e27;*/
}

#sitename h2 {
font-size:1.6em;
color:#8fb778;/*#845b5f;*/
}

#sitename a {
text-decoration: none;
border: none;
color: inherit;
}

#sitename a:hover {
text-decoration: none;
border: none;
color: inherit;
}

#sitename a img{
border: none;
}


form {
margin-bottom: 0px;
}


/*** Horizontal menu ***/

#mainmenu {
/*float:left;*/
padding-top: 1px;
margin-top: 0px;
margin-bottom:25px;
clear: left;
width: 100%;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
/* height:35px; */
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:.8em;
font-family: Arial, Helvetica, sans-serif;
padding:11px 10px 9px;
letter-spacing:0px;
font-weight: bold;
/*text-transform:uppercase;*/
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
font-size:0.9em;
padding:0px;
}

.prop  {  /* zorgt ervoor dat hoogte van content minimaal 400px blijft */
    height:400px;
    float:right;
    width:1px;
      }

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
margin-bottom: 30px;
}

#leftside {
margin-right:10px;
width:220px;
float: left;
}

#newssidebar {
display: block;
float: left;
}

#rightside {
float:right;
margin-left:10px;
width:110px;
}

#leftside h1,#rightside h1 {
color:#2D85A6;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0px 0 0px;
padding-top:10px;
padding-bottom: 0px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
padding:0px;
}

#leftside ul {
margin:0px;
padding:0px;
margin-left: 10px;
list-style:none;
margin-bottom: 15px;
border-left: #f0f5f9 1px solid;
}

#leftside ul ul {
margin-bottom: 0px;
border-left: #f0f5f9 0px solid;

}

#leftside li a {
display: block;
width: 195px;
margin-left: 5px;
padding: 5px 2px 1px 2px;
border-bottom: #b0b0b0 1px solid;
list-style-image:none;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
letter-spacing:0px;
}

#leftside li a:hover{
background:#c1d7df top left repeat-x;
color:#505050;
text-decoration:none;
}


#leftside ul ul li a{
display: block;
font-size:1em;
border-bottom: 0px;
margin-left: 15px;
width:175px;
list-style-image:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 0px;
}

#leftside ul ul ul li a{
width:110px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 15px;
line-height: 1.4em;
max-width: 800px;
}


#content {margin:0 155px 30px 255px}
#contentalt {margin:0 200px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#2D85A6;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content img,#contentalt img {
border:1px solid #b0b0b0;
/* remove these when you want to always lineout your images to the left
float:left;
***/
margin:5px 15px 6px;
padding:5px;
}

#content a {
	color:#505050;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px solid #c1D7df;
}

#content a:hover {
	color:#808080;
	text-decoration:underline;
	background: #c1d7df;
}


#content .breadcrumbs {
font-size:0.9em;
margin:0px 0 26px 0px;
}

#content .breadcrumbs a{
font-weight: normal;
}

#content .breadcrumbs a:hover {
	background: #c1d7df;
 	text-decoration: none;
	color: #333;
}



/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
color:#d0d0d0;
font-size:0.9em;
font-weight:normal;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:left;
height:0px;
width:0px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/



h3.newsitem {
font-family:Arial, Helvetica, sans-serif;
margin: 0px 0px 5px;
padding: 0px;
font-size: 1.2em;
line-height:1.2em;
font-weight: bold;
}

div.newsitem {
font-size:0.9em;
line-height:1.4em;
margin:10px 0 16px 10px;
}

div.newsitem a{
display:block;
font-weight: normal;
}

div.newsitem a:hover {
	display:block;
	background: #c1d7df;
 	text-decoration: none;
	color: #333333;
}

/*** News section ***/

.post_title, .post_date { border-bottom: 1px solid #DDDDDD; }
.post_title { font-weight: bold; font-size: 1.5em; color: #000000; font-family: Arial, Helvetica; letter-spacing: -1px;}
#content .post_title a {
	text-decoration: none;
	border-bottom: 0px;
}

.post_date { text-align: right; font-weight: normal; color: #ddd; width: 140px;}
.post_short { text-align: justify; padding-bottom: 30px; }