html, body {
  height: 100%;
}
body {
  background: #9e0001 url(img/bg.gif) top center repeat-y;
  margin: 0;
  font: 11px/16px arial;
  color: #707070;
}

img {
  border: 0;
}


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

h2 {
  height: 31px;
  display: block;
  background: url(img/h2.gif) top left no-repeat;
  line-height: 31px;
  color: white;
  font-size: 18px;
  padding: 0 10px 0 10px;
}
#gras {
  width: 100%;
  background:  url(img/gras.gif) bottom center no-repeat;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}
#main {
  width: 100%;
  background: url(img/top_bg.gif) top center repeat-x;

}
ul {
  list-style-image: url(img/li.gif);
  margin: 0;
  padding: 0 0 0 15px;
}
li:hover {
  list-style-image: url(img/lihover.gif);
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

#top {
  width: 100%;
  background: url(img/top.gif) top center no-repeat;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#container { 
  width: 972px;
  margin: 0 auto;
  padding: 0 13px 0 13px;
  background: ;
  height: 100%;
}

#logo {
  width: 301px;
  height: 142px;
  float: left;
  position: relative;
  background: url(img/logo.gif) top left no-repeat;
}
#logo a {
  height: 0px !important;
  width: 0px !important; 
  padding: 142px 301px 0 0;
  font-size: 1px !important;
  color: white;
  overflow: hidden;
  display: block;
}

#header {
  float: left;
  position: relative;
  width: 248px;
  height: 37px;
  background: #9e0001 url(img/header.jpg) top left no-repeat;
  color: white;
  font-size: 30px;
  padding: 105px 0 0 250px;
  line-height: 30px;
}
#zoeken {
  width: 173px;
  height: 127px;
  background: #9e0001;
  color: white;
  float: left;
  position: relative;
  padding: 15px 0 0 0;
}
#zoeken a {
  color: white;
  text-decoration: none;
}
#zoeken a:hover {
  color: #d5d5d5;
  text-decoration: underline;

}
#zoeken input.input_zoeken {
  width: 112px;
  height: 16px;
  background: #9e0001;
  border: 1px solid white;
  color: white;
}
#zoeken form {
  margin: 80px 0 0 0;
  padding: 0;
}
#zoeken input.submit {
  background: #9e0001 url(img/zoeken.gif)  center no-repeat;
  border: 1px solid white;
  width: 20px;
  height: 20px;
}
.item input.submit {
  background: #e60002 url(img/item_li.gif)  center no-repeat;
  border: 1px solid white;
  width: 20px;
  height: 20px;
}
.item input {
  background: #e60002;
  border: 1px solid white;
}


.clear {
  clear: both;
}

#links {
  width: 184px;
  float: left;
  position: relative;
  padding: 0 0 170px 0;
}

.item {
  width: 164px;
  background: #e60002 url(img/item_bodem.gif) bottom left no-repeat;
  color: white;
  padding: 2px 10px 10px 10px;
  margin: 0 0 10px 0;

}
.titel {
  width: 164px;
  background: #e60002 url(img/item_top.gif) top left no-repeat;
  font-weight: bold;
  height: 18px;
  color: white;
  padding: 8px 10px 0 10px;
}
.item ul {
  list-style-image: url(img/item_li.gif);
  margin: 0;
  padding: 0 0 0 15px
}
.item li:hover {
  list-style-image: url(img/item_lihover.gif);
}

.item a {
  color: white;
  text-decoration: underline;
}
.item a:hover {
  color: #d5d5d5;
}

#content {
  width: 561px;
  float: left;
  position: relative;
  margin: 0 0 20px 20px;
  padding: 0 0 170px 0;
}
.content {
  width: 561px;
  background: white url(img/content_bg.gif) top left repeat-y;
}

ul.nieuws {
  color: #868485;
}
ul.nieuws li {
}
ul.nieuws li a {
  color: #868485;
}
ul.nieuws li a:hover {
  color: #e60002;
  text-decoration: none;
}
ul.nieuws .datum {
  float: right;
  position: relative;
  width: 70px;
  margin: -16px 20px 0 0;
  padding: 0 0 0 10px;
  text-align: right;
}
ul.nieuws li.link {
  width: 100%;
  background: ;
}


.contenttop {
  width: 100%;
  height: 11px;
  background: white url(img/rand.gif) top repeat-x;
  font-size: 1px;
}
.contentbottom {
  width: 100%;
  height: 11px;
  background: white url(img/rand.gif) bottom repeat-x;
  font-size: 1px;

}
.hoek1 {
  width: 11px;
  height: 11px;
  background: white url(img/hoek1.gif) top left no-repeat;
  float: left;
  position: relative;
}
.hoek2 {
  width: 11px;
  height: 11px;
  background: white url(img/hoek2.gif) top left no-repeat;
  float: right;
  position: relative;
}
.hoek3 {
  width: 11px;
  height: 11px;
  background: white url(img/hoek3.gif) top left no-repeat;
  float: right;
  position: relative;
}
.hoek4 {
  width: 11px;
  height: 11px;
  background: white url(img/hoek4.gif) top left no-repeat;
  float: left;
  position: relative;
}
.text {
  padding: 4px 15px 4px 15px;
  width: 541px;
}

.nieuwsitem {
  width: 500px;
  border: 1px solid #bdbdbd;
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
  background: url(img/nieuwsitem_bg.gif) top left repeat-x;
  padding: 0 10px 5px 10px;
  color: #868485;
}
.nieuwsitem h1 {
  font-weight: bold;
  color: white;
  font-size: 11px;
  line-height: 24px;
  margin: 0 0 5px 0;
  padding: 0;
}
.nieuwsitem img {
  float: right;
  border: 1px solid #e60002;
  margin: 0 0 0 5px;
}
.nieuwsitem .leesmeer {
  float: left;
}
.nieuwsitem .leesmeer a {
  color: #e60002;
  text-decoration: none;
}
.nieuwsitem .leesmeer a:hover {
  color: #e60002;
  text-decoration: underline;
}

#lc {
  width:765px;
  float: left;
  position: relative;

}
#logos {
  width: 765px;
  float: left;
  position: relative;
  margin: 15px 15px 0 0;
  padding: 0;
  background: white url(img/logos_bg.gif) top left repeat-y;
}
#logos img {
  padding: 0 5px 0 5px;
}

#rechts {
  width: 184px;
  float: right;
  position: relative;
  margin: 0 2px 0 0;
  padding: 0 0 170px 0;
}
#adres {
  width: 184px;
  float: left;
  position: relative;
  margin: 15px 2px 0 6px;
}

#footer {
  position: absolute;
  bottom: 0px;
  height: 170px;
}





.menu {   height: 27px;
          width: 974px; 
  	  position: relative;
 	  z-index: 500;
 	  margin: 0 0 30px 0;
          background: url(img/nav.gif) top right no-repeat; 
          font-size: 11px;
	  list-style:none; 
	}

.menu ul li a, .menu ul li a:visited {
	display:block; text-decoration:none; 
	width:97px; height:27px; 
	text-align:center; 
	color: white; 
	border: solid #ffffff; 
	border-width: 0 0 0 0px; 
	background: none; 
	line-height:26px; 
	overflow:hidden;
 	list-style:none;
	}

.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}

.menu ul li {
	float:left; 
	position:relative;
	list-style:none;
	}

.menu ul li ul {
	display: none;
	list-style:none;
	}


.menu ul li:hover a {color:#e60002;}
.menu ul li:hover ul {display:block; position:absolute; top:26px; left:0; width:97px;}
.menu ul li:hover ul li a.hide {background:#e60002; color:#fff; }
.menu ul li:hover ul li:hover a.hide {display:block; background:#e60002; color:#fff; text-decoration: underline;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a { background:#e60002; color:#fff; }
.menu ul li:hover ul li a:hover {display:block; background:#d20708; color:#ffffff; text-decoration: underline;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:98px; top:0; }
.menu ul li:hover ul li:hover ul.left {left:-98px;}







input {
  color: #707070;
  background: white;
  border: 1px solid #3d3c3c;
  font: 11px arial;
  
}
input.button {
  background: #ffffff;
  border: none;
  padding: 0;
  font: 11px arial;
}
select,textarea { 
  color: #707070;
  background: white;
  border: 1px solid #3d3c3c;
  font: 11px arial;
}

.error {
	border: 1px solid #ff0000;
}
.kalenderover2 {
	background-color:#c5c5c5;
	cursor: hand;
}
.linkover {
	background-color: #dfdede;
	cursor: hand;
}