﻿body {
	font-family: Verdana;
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	color: #42124B;
	z-index: 1;
}
table {
	border-collapse: collapse; 
	border: none;
	margin: 0px;
}

.divheader{
	position: relative;
	background: url(header.jpg) no-repeat center top;
}

h1{
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
}



<!-- FLash in div op achtergrond: -->
#onder {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#midden {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#boven {
	position: absolute;
	top: 0px;
	left: 0px;
}
<!--   ------------------  -->





.hoofdmenu{
	text-align: left;
}
.hoofdmenu a {
	font-family: Arial;
	font-size:12px;
	text-decoration:none;
	display:block;
	float: left;
	color:#FFFFFF;
}
.hoofdmenu a:hover {
	text-decoration: underline;
}
.underliner:hover{
	text-decoration: underline;
}
.hoofdMenuItemContainer{
	display: block;
	float: left;
	position: relative;
}
.hoofdMenuItemContainer .subMenu {
	clear: both;
	position: absolute;
	top: -1px;
	left: -10px;
	z-index: 101;
	display: none;
}
.hoofdMenuItemContainer:hover .subMenu, .mouseover .subMenu {
	display: block;
	z-index: 102;
	position: absolute;
	top: -1px;
	left: -10px;
}
.hoofdMenuItemContainer .subMenu a {
	display: block;
	float: none;
	color: #FFFFFF;
	z-index: 103;
}
.tabelmenu {
	background-color: #4D0D60;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	line-height: 110%;
}

.celmenu a{
	color:#FFFFFF;
	text-decoration: none;
}
.celmenu a:hover{
	text-decoration: underline;
}

.verborgen{
	opacity:0;
	filter:alpha(opacity=0);
}







.content{
	vertical-align: top;
	text-align: top;
}

.rand{
	background-color: #777777;
	width: 1px;
} 

.randonder{
	background-color: #666666;
	height: 1px;
}

.randboven{
	background-color: #444444;
	height: 1px;
}



.header{
	width: 980px;
	height: 146px;
}

.content{
	text-align: left;
	width: 980px;
}

.bottom{
	background: url(balkondericmmensen.jpg) repeat-x top;
	width: 980px;
	height: 53px;
	background-color: #008D53;
}

.bottomgeenzijbalk{
	background: url(balkondergeenzijbalk.jpg) repeat-x bottom;
	width: 980px;
	height: 77px;
}

.schaduwrechts{
	background: url(schaduwrechts.jpg) repeat-y left;
	width: 15px;
}

.schaduwlinks{
	background: url(schaduwlinks.jpg) repeat-y right;
	width: 15px;
}

.schaduwonder{
	height: 15px;
	background: url(schaduwonder.jpg) repeat-x top;
}

.schaduwlinksonder{
	background: url(schaduwlinksonder.jpg) no-repeat;
}
.schaduwrechtsonder{
	background: url(schaduwrechtsonder.jpg) no-repeat;
}

.menu{
	font-family: Arial;
	font-size: 17px;
	color: #FFFFFF;
}

.menuspacing{
	width: 16px;
}


.achtermenu{
	background-color: #000000;
	opacity:0.20;
	filter:alpha(opacity=20);
}


.rechtsmenu{
	width: 10px;
}

.tekstonder{
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
}

.tekstonder_hezenberg_doet_je_goed{
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
}

.dev_en_design{
	fot-family: Arial;
	font-size: 8px;
	color: #999999;
	margin-bottom: 5px;
}
.dev_en_design a{
	color: #999999;
	text-decoration: none;
}

.mensenrechts{
	background:url(mensenrechts.jpg) no-repeat bottom;
}

.vrouwrechts{
	background:url(vrouwrechts.jpg) no-repeat bottom;
}

.weekends{
	background:url(weekends.jpg) no-repeat bottom;
}

.workshops{
	background:url(workshops.jpg) no-repeat bottom;
}

.herstelwerken{
	background:url(herstelwerken.jpg) no-repeat bottom;
}

.bovenkantonderbalk{	
	height: 26;
	background:url(bovendeelonderbalk.jpg) no-repeat right bottom;
}

.bovenkantonderbalkvrouw{	
	height: 26;
	background:url(bovendeelonderbalkvrouw.jpg) no-repeat right bottom;
}

.actueel{
	color: #009900;
	font-size: 17px;
	font-weight:normal;
}

.tekstactueel{
	color: #333333;
	font-size: 10px;
}

.link{
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}
