@import url(reset.css);
@import url(/include/css/editor.php);
@import url(sitemap.css);

body 	{
	background-color: #FFFFFF;
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-highlight-color: #000000; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	overflow: -moz-scrollbars-vertical;
}

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}


/* 		VERTICAL ALIGN 
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.
	
Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/	
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}

.clear { clear: both; }

#container {
  position: absolute;
  width: 988px;
  left: 50%;
  margin-left: -494px;
  position: relative;
  background: white url(../../image/bg_container.jpg) repeat-y center top;
}

.wide #container {
  background-image: url(../../image/bg_container_wide.jpg);
}

#header {
  background: transparent url(../../image/header.gif) no-repeat left top;
  width: 940px;
  padding: 0 24px;
  padding-top: 27px;
}

#header h1 {
  height: 196px;
  margin: 0;
  padding: 0;
  width: 940px;
}

#header h1 a {
  display: block;
  width: 180px;
  height: 100%;
  text-indent: -9999px;
}

#header img {
  position: absolute;
  top: 27px;
  right: 24px;
}

#wrapper {
  float: left;
  width: 940px;
  margin: 0 24px;
}

#content {
  margin-left: 235px;
  margin-right: 255px;
}

.wide #content {
  margin-left: 10px;
}

#footer {
  height: 20px;
  background: white url(../../image/footer.gif) no-repeat center top;
  text-align: right;
  padding: 0 24px;
  padding-top: 10px;
  clear: both;
  position: relative;
  padding-bottom: 20px;
}

#col_left {
  float: left;
  margin-left: -964px;
  width: 195px;
  padding-left: 10px;
}

body.home #col_left {
  margin-bottom: -154px;
}

#col_left * {
  color: #51277d;
}

#col_right {
  float: left;
  width: 235px;
  margin-left: -259px;
}

#col_left ul, #col_left ol {
  list-style: none;
  padding-left: 0;
}

#col_left h2, #col_right h2, #content h1 {
  background-color: white;
  background-repeat: no-repeat;
  background-position: left bottom;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  padding-top: 5px;
  margin-bottom: 10px;
  font-size: 1em;
}

.wide #content h1 {
  background-repeat: repeat-x;
  margin-left: -10px;
  padding-left: 10px;
}

#col_left h2 {
  background-image: url(../../image/h2_left.gif);
  padding-left: 10px;
  width: 215px;
  margin-left: -10px;
}

#col_right h2 {
  background-image: url(../../image/h2_right.gif);
  padding-right: 10px;
  color: #125aa0;
}

#content h1 {
  background-image: url(../../image/h1_content.gif);
  color: #212b79;
  margin-bottom: 10px;
}

#banners {
  padding: 0 24px;
  clear: both;
  float: right;
  width: 255px;
}

.home #banners {
  width: 725px;
}

#banners .banner {
  background-color: #fff;
  padding-top: 20px;
  padding-left: 20px;
  width: 235px;
  height: 154px;
  float: left;
  line-height: 20px;
}

.home #banners .banner {
	width: 215px;
}

.home #banners .last {
  width: 235px;
}

#banners .banner img {
  float: left;
}

#banners .banner a {
  display: block;
  clear: both;
  padding: 5px;
  background: white url(../../image/bg_banner.jpg) repeat-y right top;
  color: #74297b;
  font-weight: bold;
  font-size: 12px;
  height: 62px;
}

#col_right #news {
  list-style: none;
  padding: 0;
  margin: 0;
}

#col_right #news li {
  padding-bottom: 16px;
}

#col_right #news span {
  display: block;
}

#col_right #news a {
  color: #125aa0;
  font-weight: bold;
}

#news_list { list-style: none; padding-left: 0; }

#news_list li { font-weight: bold; }

#news_list a.odd { color: #51277d }

#nieuws img { float: right; margin-bottom: -1em; }

#nieuws .article dt {
  float: left;
  width: 100px;
}

#nieuws .article dl {
  clear: both;
}

#nieuws .article .meta { margin-bottom: 20px; }

#nieuws .article .readon { font-weight: bold; color: #c42034; }

#content .generator_content_image_right {
  margin-left: 32px;
}

#content a { text-decoration: underline; }