html, body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0; }
/* end hack */

body {
	color: #fff;
	font-size: 84%;
	font-family: Arial, "Trebuchet MS", verdana, Helvetica, SunSans-Regular, sans-serif;
	line-height: 130%;
	text-align: center;
	background-color: #b3b3b3;
}

.fotogalerijimg {
	margin: 17px 0px 0px 17px;
	}

html>body #outer {
	height: auto;
	}

html>body #outeragenda {
	height: auto;
	}

.prikbordLabel
{
	float:left;
	width: 220px;
	margin: 0px 0px 5px 0px;
}

.prikbordInputDiv
{
	float:left;
	width: 300px;
	margin: 0px 0px 5px 0px;
}

.prikbordInput
{
	width: 200px;
	font-family: Arial; font-size: 8 pt; border:1px solid #009946; color: #FFFFFF; background-color:#009946;
}

.prikbordTextArea
{
	width: 300px;
	font-family: Arial; font-size: 8 pt; border:1px solid #009946; color: #FFFFFF; background-color:#009946;
	height: 150px;
}

.prikbordSubmit
{
	float: left; font-size: 10 pt; color: #FFFFFF; background-color: #009946; border: 0px solid #009946;
}

.agendaSubmit
{
	font-size: 10 pt; color: #FFFFFF; background-color: #009946; border: 0px solid #009946;
}

html>body #outerlinks {
	height: auto;
	}
/*for mozilla as IE treats height as min-height anyway*/

#outer {
	position:relative;
	width:740px;
	min-height: 100%;
	height: 100%;
	margin:0 auto;
	padding: 0;
	text-align:left;
	background-image:url(http://www.deboskant.nl/images/achtergrond.gif)
	}

#outeragenda {
	position:relative;
	width:740px;
	min-height: 100%;
	height: 100%;
	margin:0 auto;
	padding: 0;
	text-align:left;
	background-image:url(http://www.deboskant.nl/subpages/agenda/img/achtergrond.gif)
	}

#outerlinks {
	position:relative;
	width:740px;
	min-height: 100%;
	height: 100%;
	margin:0 auto;
	padding: 0;
	text-align:left;
	background-image:url(http://www.deboskant.nl/subpages/links/img/achtergrond.gif)
	}

#header {
	position:relative;
	top:0px;
	padding:0;
	margin:0;
	height:80px;
	z-index:5;
	}

#menu {
	position: relative;
	width: 110px;
	float:left;
	left: 80px;
	z-index:10;
	text-align: left;
	top: 0px;
	margin:0;
	padding:0;
	}

#content {
	position: relative;
	left: 80px;
	width: 550px;
	float: left;
	margin: 0;
	z-index:10;
	padding-bottom:80px;
	}

#clearfooter{
	clear:both;
	height:1px;
}

/*needed to make room for footer*/

#footer {
	position:absolute;
	float:left;
	left:0px;
	width:740px;
	height:80px;
	bottom: 0;
}

H1 {
	clear:both;
	color: #fc3;
	font-size: 100%;
	position: relative;
	margin:2em 0 0 0;
	}

H1.ondertitelwit {
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin-top:	-5px;
	margin-bottom: 5px;
	}

H1.ondertiteloranje {
	clear: both;
	color: #fc3;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin-top:	-5px;
	margin-bottom: 5px;
	}

h1.maand {
	margin-top: 0;
	padding-left:20px;
	}

H2 {
	clear: both;
	color: #fc3;
	position: relative;
	font-size: 120%;
	font-weight: normal;
	margin:1em 0 0 0;
	}

H3 {
	clear: both;
	color: #fc3;
	position: relative;
	font-size: 100%;
	font-weight: bold;
	margin:1em 0 0 0;
	}

H4 {
	clear: both;
	color: #fff;
	position: relative;
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 0 0;
	}

H5 {
	clear: both;
	color: #fc3;
	font-size: 100%;
	font-weight: normal;
	/*position: relative;  geeft problemen bij popup van een foto bij overflow */
	margin:1em 0 0 0;
	}

H5.ondertitel {
	color: #fc3;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin:1em 0 0 0;
	}

H6 {
	clear: both;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin:1em 0 0 0;
	}

.afstand {
	margin-top: 1em;
		}

.inspring10 {
	margin-left:10px;
	}

.inspring20 {
	margin-left:20px;
	}

#rechtslinks {
	position:relative;
	clear:both;
	text-align:left;
	}

p {
	margin-top: 1em;
	margin-bottom: 1em;
	}

.twintig {
	margin-top: 20px;
	}

.top {
	margin-top: 0;
	}

.bottom {
	margin-bottom: 0;
	}

.oranje {
	color:#fc3
	}

p.marginnul {
	margin:0;
	}

p.inspring {
	margin-left: 20px;
	}

.center {
	text-align:center;
	}

p.textright {
	text-align:right;
	}

p.textleft {
	text-align:left;
	}

p.klein {
	font-size: 84%;
	line-height:100%;
	}

p.w225 {
	width:225px;
	}

p.tabel {
	margin: 0 0 1.0em;
	}

.cursief {
	font-style: italic;
	}

.wit {
	color: #fff;
	}

sup {
	vertical-align:top;
	}

img {
	border-style: none;

	border:0px;
	}

img.left {
	position:relative;
	float:left;
	clear:left;
	padding:10px 15px 10px 0;
	margin:0;
	}

img.right {
	position:relative;
	float:right;
	clear:right;
	padding:10px 0 10px 15px;
	margin:0;
	}

img.bottom {
	vertical-align:bottom;
	}

img.top {
	vertical-align:top;
	}

.fotocontact {
	position:relative;
	float:left;
	clear:both;
	width:150px;
	left:20px;
	margin:0 0 1em 0;
	padding:0;
	text-align:right;
	font-size: 84%;
	line-height:100%;
	}

.foto190 {
	position:relative;
	float:left;
	clear:both;
	width:190px;
	left:0px;
	margin:0 0 1em 0;
	padding:0;
	text-align:right;
	font-size: 84%;
	line-height:100%;
	}

img.info {
	position:relative;
	float:left;
	clear:both;
	width:150px;
	left:20px;
	margin-top:1em;
	margin-bottom:2em;
	}

/*basiskenmerken*/

a:link, a:visited, a:active {
	color: #fff;
	text-decoration: underline;
	}

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

/*navigatiestructuur*/

a.menu:link, a.menu:visited, a.menu:active {
	color: #fff;
	text-decoration: none;
	}

a.menu:hover {
	color: #fff;
	text-decoration: underline;
	}

/*pagina*/

#algemeen {
	clear:left; /* nodig om op de fotogalerij in IE geen fouten te vertonen */
	position: relative;
	float: left;
	top: 20px;
	left: 0px;
	width: 550px;
	height:100%;
	z-index: 10;
	margin: 0;
	padding: 0;
	text-align:left;
	display: inline;
	}

#algemeenlinks {
	position: relative;
	float:left;
	clear:left;
	top: 20px;
	width: 280px;
	height:100%;
	z-index: 10;
	margin: 0;
	padding: 0 20px 0 20px;
	text-align:left;
	}

#algemeenrechts {
	position: relative;
	float:left;
	clear:right;
	top: 20px;
	width: 190px;
	height:100%;
	z-index: 10;
	margin: 0;
	padding: 0 20px 0 20px;
	text-align:right;
	}

.agendatekst {
	position:relative;
	float:left;
	clear:left;
	width:415px;
	left:20px;
	}

.agendadatum {
	position:relative;
	float:left !important;
	clear:right !important;
	float:none;
	clear:none;
	width:55px;
	left: 60px;
	}

#prikbord {
	position:relative;
	float:left;
	clear:left;
	width:550px;
	left:20px;
	top: 20px;
	height:100%;
	z-index: 10;
	margin: 0;
	text-align:left;
	}

.linkslinks {
	position:relative;
	float:left;
	clear:left;
	width:190px;
	left:20px;
	}

.linksrechts {
	position:relative;
	float:left;
	clear:right;
	width:280px;
	left: 60px;
	}

table {
	color: #fff;
	font-size: 100%;
	font-family: Arial, "Trebuchet MS", SunSans-Regular, sans-serif;
	line-height: 130%;
	text-align: left;
	border:0;
	}

td {
	vertical-align:top;
	padding: 0 5px 0 5px;
	}

td.donkergroen {
	border: solid 1px #005c2a;
	}

td.lichtgroen {
	background-color: #009946;
	border:#fff inset 1px;
	color:#fff;
	}

ul {
	padding:1em 0 0 1em;
	margin:auto;
	}

ul.top {
	padding-top:0;
	}