html {
height: 100%; /* héél belangrijk */
}
body {height: 100%;
	margin: 0px;
	background: #FFFFCC url(bg_body.jpg) repeat-y;
	font-family: "Verdana", "Arial", "Helvetica", "Tahoma", "Sans-serif" ; 
	font-size: 0.9em;
	color: #400000;
	text-align: left; 
	scrollbar-face-color: #FFFFCC;
	scrollbar-shadow-color: #008000; 
	scrollbar-highlight-color: #FFFFCC;
	scrollbar-3dlight-color: #008000;
	scrollbar-darkshadow-color: #FFFFCC;
	scrollbar-track-color: #FFFF99;
	scrollbar-arrow-color: #008000;
}

#container {border: solid 0px red;
	width: 90%;
	max-width: 1280px;
	position: absolute; 
	left: 70px;
	margin-top: 0px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	/*opmaak*/
	background-image: url(bg_menu_links.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFFFE0;
	color: #400000;
	font-size: 0.9em;
	
}
/*BOVENSTE DEEL WEBSITE*/
#top {border: solid 0px yellow;
	height: 90px; width: 100%;
	
}
#content-top-links {
	border: solid 0px red;
	height: 60px; width: 49%;
	float: left;
	background-image: url(bg_top_links3.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#content-top-links h1 {font-size: 2.4em;
	padding-left: 94px;
	padding-top: 10px;
}
#content-top-rechts {
	border: solid 0px black;
	height: 60px; width: 49%;
	float: right;
	background: #FFFFCC;
	background-image: url(bg_top_rechts.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.invert {float: right;
	height: 58px;
	width: 200px;
	border: 0px solid #99CC00;
	background-color: #FFFFE0;
	font-size: 0.7em;
	color: #004833;
}
.invert img {float: left;
	margin-right: 10px;
	
}
#menu-top {clear: both;
	border: solid 0px blue;
	height: 30px; width: 99%;
	background-color: #D9E2A3;
	padding: 4px;
	text-align: center;
				 
}

/*WISSELENDE ACHTERGROND, als hoofditem = cultuur, dan url = cultuur.jpg*/
#afbeelding {background-image: url(bg_cultuur.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 0px green;
	height: 64px; width: 100%;
	margin-top: 8px;
}
#afbeelding {background-image: url(bg_natuur.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 0px green;
	height: 64px; width: 100%;
	margin-top: 8px;
}
#afbeelding {background-image: url(bg_agenda.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 0px green;
	height: 64px; width: 100%;
	margin-top: 8px;
}
#afbeelding {background-image: url(bg_dorpsraad.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 0px green;
	height: 64px; width: 100%;
	margin-top: 8px;
}
#afbeelding {background-image: url(bg_biljarttriatlon.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 0px green;
	height: 64px; width: 100%;
	margin-top: 8px;
}

/*MIDDEN WEBSITE*/
#midden {border: solid 0px purple;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}

/*menu.css*/

#content {border: solid 0px blue;
	width: 77%;
	position: relative;/* top: 120px; left: 200px;*/
	padding-top: 10px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	float: right;
/*opmaak*/
	/*font-size: 0.9em;*/
	background-color: #FFFFE0;
	
}
#content ul, ol { list-style-image: url('list.gif') ;
	list-style: circle;
	list-style-position:outside; 
	margin-left: 10px;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}
#infoblok {border: thin solid #D9E2A3;
	background-color: #FFFFCC;
	margin: 20px;
}
.rij {clear: both;
	padding-top: 0.3em;
	
}
.label {width: 20%;
	margin-right: 0.2em;
	float:left;
	text-align: right;
	font-size : 0.7em ;
	font-weight : bold ;
}
.infotekst {width: 76%;
	float: right;
	font-size : 0.9em ;
}
#content .linker {float: left;
	width:47%;}

#content .rechter {float: right;
	width: 48%;}

/*ONDERZIJDE PAGINA*/
#footer {
clear: both;
width: 100%;
height: 20px;
bottom: 0px; /* heel belangrijk */
border: 1px solid purple;
}

/*copyright linken*/
.copyright{
	text-align: left;
	/*position: fixed;
	bottom:0px; */
	width: 190px;
	height:15px;
	position: absolute;
	bottom: 0;
}
.copyright a:link	{color: #008000;
		font-size:0.7em;
		font-weight: 400;
		text-decoration: none;
}
.copyright a:visited	{color: #008000;
		font-size:0.7em;
		font-weight: 400;
		text-decoration: none
}
.copyright a:active	{color: #008000;
		font-size:0.7em;
		font-weight: 400;
		text-decoration: none
}
.copyright a:hover	{color:#008000;
		font-size:0.7em;
		font-weight: 400;
		text-decoration: none;
		cursor: pointer;
}

img.rand     { border: 3px double #800000;  }
hr		{width: 70%; color: #008000;}

p{

}
h1 {font-size: 1.2em;	
}
#content h1 {margin-bottom: 0.5em;}
h2 {font-size: 1.1em;

}
h2 {

}
h3 {

}
h4 {

}
h5 {

}
.babg {border: thin solid #D9E2A3;
	background-color: #FFFFCC;
}
.adres { width: 20%;
	float: left;
	font-size : 0.7em ;
	font-weight : bold ;
	text-align : left;
}
				 
.error{
	color: red;
}

.note{
	font-style: italic;
	font-size: 85%;
}

A:link	    {  	color : #CC0000 ;
		font-size: 11px ;
		font-weight: bold ;		
		text-decoration : none }

A:visited   {	color : #FF0000 ; 
		font-size: 11px ;
		font-weight : bold ;
		text-decoration : none}

A:active    {  	color : #008000 ;
		font-size: 11px ;
		font-weight: bold ;
		text-decoration : underline}
		
A:hover	    {	color : #008000 ;
		font-size: 11px ;
		font-weight: bold ;
		text-decoration : underline}
		
/*opmaak linken*/
/*dorpslinken*/
div.dorpsl          { background-color: #FFFFC0 ;	margin-left: 4px;	 }
h2.dorpsl           {background: #99CC00  ; font-size: 1.4em;}
h5.dorpsl		{  background: #99CC00 ; font-size: 1.2em; margin-top: 0.3em; margin-bottom: 1em;} 

/*handige linken*/
div.handigel          { background-color : #FFFF99; margin-left: 4px; }
div.handigel h2           {   background: #CCFF66  ; font-size: 1.4em;}
h5.handigel		{  background: #CCFF66 ; font-size: 1.2em; margin-top: 0.3em; margin-bottom: 1em;} 

/*natuur*/

div.natuur          { background-color : #FFFFE0; margin-left: 4px; }
h2.natuur           {   background: #FFCC00  ; font-size: 1.4em;}
h5.natuur		{  background: #FFCC00 ; font-size: 1.2em; margin-top: 0.3em; margin-bottom: 1em;} 

/*DORPSRAAD*/
table.brb {border-right: thin double #D9E2A3;
			border-bottom: thin double #D9E2A3}
td.open	{font-weight: 500;
			font-size: 11px;
			border-bottom: solid thin #D9E2A3}

.bbl {border-left: thick double #D9E2A3;
			border-bottom: thick double #D9E2A3 }
.bb		{border-bottom: thick double #D9E2A3 }


/*FORMULIER */

#contact fieldset{
	border: 0px;
}

#contact fieldset label{
	float: left;
	border: 0px solid red;
	width: 150px;
	display: block;
}

#contact fieldset label.error{
	float: none;
	clear: right;	
}
/*FORMULIER OUDE AMBACHTEN*/
#contactA fieldset{
	border: 0px;
}
#content #contactA  ul, ol { list-style-image: none;) ;
	list-style: none;
	list-style-position:outside; 
	margin-left: 10px;
}
#contactA fieldset label{
	float: left;
	border: 0px solid red;
	width: 150px;
	display: block;
}

#contactA fieldset label.error{
	float: none;
	clear: right;	
}
#contactA .required {background: #FFFFFF;}
#contactA input {background: #FFFF99;}

/*NIET GEBRUIKTE ONDERDELEN*/
#poll{
	width: 156px;
	background-color: #FEFEFE;
	border: 1px solid #EDEDED;
	padding: 0px;
}

#poll .pollResultRow{
	width: 150px;
	margin: 3px 3px 3px 3px;
	background-color: #EFEFEF;
}

#poll .pollQuestionRow{
	width: 150px;
	margin: 3px 3px 3px 3px;
	padding: 3px 0px 3px 0px;
	background-color: #EFEFEF;
}

#poll .smallRight{
	margin: 3px 3px 3px 3px;
	font-size: 70%;
	float: right;
}

#poll h2{
	font-size: 110%;
	margin: 3px;
}