body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contents {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/home_bg.gif) top left repeat-x;
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
} 

html>body, html>body #contents {
	height: auto;
}
img,object{display: block;}
h1{
font-size: 80%;
line-height: 170%;
color: #25263A;
margin: 0 0 20px 0;
padding: 0;
}
h1.geenmarge, p.geenmarge{
margin: 0;
}

h3{
font-size: 70%;
color: #017216;
margin: 0;
line-height: 170%;
padding: 0;
}

h3.extramarge{
margin: 0 0 20px 0;
}

#vervolg ul.margeonder{
	margin: 0 0 20px 0;
}
p, label{
font-size: 70%;
line-height: 170%;
color: #25263A;
margin: 0 0 20px 0;
padding: 0;
}
a{
color: #25263A;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
input, textarea{
	background-color:#FFFFFF;
	border: 1px solid #77B900;
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 2px;
}
.radio{
background-color: #E2EDCD;
width: auto;
border: none;
}
.submit{
width:auto;
}
table.events td h1, .events td p{
margin: 0;
}
/* 
plaats de hoofdlaag waar de content in komt
margin-bottom staat gelijk aan de hoogte van de footer
*/
#main {
	margin-bottom:60px;
	height: auto;
	padding:105px 20px 20px 40%;
}

#vervolg #main{
	padding:60px 10px 10px 2%;
}

#home_flash{
	position:absolute;
	width: 37%;
	height: 491px;
	top: 0;
	left: 0;
	margin:50px 0 30px 0;
}
#home_flash img{
	position:relative;
	left: 50%;
	margin-left: -155px;
}

/*menu homepage*/
#menu{
	position:absolute;
	left: 34%;
	top: 0;
}
#menu h2{
	color: #77B900;
	font-size: 80%;
	padding: 45px 0 0 60px;
	margin: 0;
}
#menu ul{
margin: 0 0 0 45px;
padding: 0;
list-style:none;
}
#menu ul li{
background:url(../images/home_list2.gif) no-repeat 0 0;
width: 250px;
height: 47px;
margin: 2px;
color:#FFFFFF;
font-weight: bold;
display: block;
text-decoration: none;
}
#menu ul li a{
background:url(../images/home_list.gif) no-repeat 0 0;
width: 250px;
height: 35px;
padding: 12px 0 0 20px;
color:#FFFFFF;
font-weight: bold;
display: block;
text-decoration: none;
}

#menu ul li a:hover{
background:none;
}

/*menu vervolg pagina's*/
#vervolg #menu{
	top: 0;
	left: 0;
	position: relative;
	float: left;
	margin: -70px 2% 50px 0;
}
#vervolg #menu h2{
	color: #77B900;
	font-size: 70%;
	padding: 45px 0 0 28px;
	margin: 0;
}

#vervolg #menu ul{
margin: 0;
padding: 0;
list-style:none;
background:url(../images/menu_list_vervolg.gif) repeat-y;
}
#vervolg #menu ul li{
 background: none;
 margin: 0;
 height: 22px;
 font-size: 70%;
 width: 180px;
}

#vervolg #menu ul li a{
 background:none;
 padding: 0 0 0 28px;
 height: 22px;
 width: 180px;
}
#vervolg #menu ul li a:hover{
 text-decoration:underline;
}
#content{
	margin-left: 280px;
}
#vervolg #content{
	margin-left: 210px;
}
#nieuws{
height: 200px;
min-height: 200px;
}
html>body #nieuws{
height: auto;
}

#vervolg #nieuws{
margin: 0 0 0 2%;
}

#nieuws ul{
margin: 20px 0 0 0;
padding:0;
list-style: none;
font-size: 70%;
color: #25263A;
line-height: 170%;
}

#nieuws ul li ul{
font-size: 100%;
margin: 0 0 0 20px;
}

#nieuws ul li{
background:url(../images/list_bullet.gif)  0 7px no-repeat;
padding: 0 0 0 20px;
}
#nieuws ul li a{
color: #25263A;
text-decoration: underline;
}
#nieuws ul li a:hover{
text-decoration: none;
}

#nieuws ul.hh li{
float:left;
margin: 0 50px 20px 0;
background: none;
font-size: 90%;
width: 130px;
background:url(../images/list_bullet.gif)  0 162px no-repeat;
padding: 0 0 0 15px;
}
#nieuws ul.hh li img{
border: 0;
display:block;
}
#links{
margin: 0 210px 0 0;
max-width: 600px;
}

.project{
	padding: 0 20px 30px 0;
	border-bottom: 1px solid #FFF;
	margin: 0 0 10px 0;
}

.project img{
float:left;
margin: 0 15px 0 0;
}
.project p, .project h3{
margin: 0 0 0 150px;
}
#nieuws .project ul{
margin: 0 0 0 150px;
}

#rechts{
float:right;
margin: 0 0 0 20px;
max-width: 400px;
}

#rechts img{
	margin: 0 0 20px 0;
}

#rechts #thema{
border-left: 1px solid #FFF;
padding-left: 10px;
}

#adres{
background:url(../images/helemaal_hoogvliet.jpg) 0 0 no-repeat;
margin: 20px 0 30px 0;
padding:10px 0 0 165px;
color:#FFFFFF;
font-size: 70%;
line-height: 170%;
}
#adres2{
margin: 20px 0 30px 0;
padding:10px 0 0 165px;
color:#FFFFFF;
font-size: 70%;
line-height: 170%;
}

#adres2 ul{
margin: 0;
padding:0;
list-style: none;
color: #FFF;
line-height: 170%;
background:none;
font-size: 100%;
}

#adres2 ul li{
background:url(../images/list_bullet_white.gif)  0 7px no-repeat;
padding: 0 0 0 20px;
font-size: 100%;
}
#adres2 ul li a{
color: #FFF;
text-decoration: underline;
font-weight: bold;
padding: 0;
font-size: 100%;
}
#adres2 ul li a:hover{
text-decoration: none;
}

#adres ul, #vervolg #menu #adres ul{
margin: 0;
padding:0;
list-style: none;
color: #FFF;
line-height: 170%;
background:none;
font-size: 100%;
}

#adres ul li, #vervolg #menu #adres ul li{
background:url(../images/list_bullet_white.gif)  0 7px no-repeat;
padding: 0 0 0 20px;
font-size: 100%;
}
#adres ul li a, #vervolg #menu #adres ul li a{
color: #FFF;
text-decoration: underline;
font-weight: bold;
padding: 0;
font-size: 100%;
}
#adres ul li a:hover, #vervolg #menu #adres ul li a:hover{
text-decoration: none;
}

#rondjehv{
	position:absolute;
	margin-left: -160px;
	margin-top: -15px;
}

#vervolg #menu #adres{
background:url(../images/helemaal_hoogvliet.jpg) 15px 0 no-repeat;
margin: 30px 0 0 0;
padding:100px 0 0 10px;
color:#FFFFFF;
float: left;
}

.clear{
clear:both;
}
/* plaats de footer */
#footer {
position: absolute;
bottom: 0;
background-color: #FFF;
width: 100%;
height: 60px;
}
.footer_image{
float: left;
}
#footer_inner{
	margin: 0 0 0 40%;
	padding:20px 20px 0 300px;
	color: #5B81C0;
	font-size: 65%;
}
#vervolg #footer_inner{
float: right;
margin: 0 ;
}
#footer_inner a{
	color: #5B81C0;
	text-decoration: none;
}
#footer_inner a:hover{
	color: #5B81C0;
	text-decoration: underline;
}


.bgwit{
	background-color:#FFFFFF;
	width:100%;
}