/* ##### TAGS ###### */

* { padding:0px; margin:0px; }

body, html{
height: 100%;
}

body {
	background-image:url(../imgdhs2/achtergrond.gif);
	background-repeat:repeat-x;
	background-color:#3F90C4;
	margin:0px;
	padding:0px;
	font:normal 12px arial,"verdana",serif;
	
}

a:link, a:visited, a:active {
	color:#262376;
	text-decoration:none;
}

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

th {
	text-align:left;
	font-size:12px;
	padding-right:10px;
}

div.hr {
	height: 15px;
	background: url(../imgdhs2/nws-hr.gif) no-repeat scroll center;
}

div.hr hr {
	display: none;
}
/* ##### MAIN ID's AND CLASSES ##### */

#container {
	background-image:url(../imgdhs2/container-back.jpg);
	background-repeat:repeat-y;
	width:870px;
	margin: 0px auto;
	background-color:#F0E7D6;
	min-height:90%;
	h\eight:90%;
}

.geel {
	height:15px;
	background-image:url(../imgdhs2/geel-class-back.jpg);
	margin:0 1px;
	width:864px;
	display:none;

}

.zwart {
	height:5px;
	background-color:#000;
	margin:0 1px;
	width:864px;
	display:none;

	
}

.zwart2 {
	height:15px;
	background-color:#000;
	margin:0 1px;
	width:864px;
	display:none;
	
}

#header img {

}


#wrapper {
	background-image:url(../imgdhs2/container-back.jpg);
	background-repeat:repeat-y;
  	width:870px;
 	float:left;
	min-height:100%;
	h\eight:100%;
}

#kolom-l {
	float:left;
	width:150px;
	margin-left:15px;
	_margin-left:7px;
	padding-top:20px;
}

#kolom-m {
	margin-left:10px;
	padding-top:20px;
	float:left;
	width:522px;
	padding-bottom:20px;
	background-image:url(../imgdhs2/kolommback.jpg);
	background-position:top;
	background-repeat:repeat-x;

}

#kolom-r {
	float:left;
	width:150px;
	margin-bottom:auto;
	margin-left:10px;
	padding-top:20px;
}



.banner img {
	margin-bottom:10px;
	}


/* ###### NAV #### */

#nav {
	margin-bottom:10px;
	background-color:#ccc;

}

#nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:right;
}


#nav ul li {
	vertical-align:middle;
	margin-top:2px;
	overflow:hidden;
}


#navul a {
	display: block;
	line-height:20px;
	height:20px;
	background-image:url(../imgdhs2/nav-back.jpg);
	padding-right: 20px;
	padding-left:3px;
}

#navul a:link, #navul  a:visited {
	line-height:20px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration: none;
}

#navul a:hover {
	line-height:20px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../imgdhs2/nav-back-hover.jpg);
	color: #000;
}

/* ###### POLL #####*/

#poll {
	background-color:#fff;
}

#poll p {
	padding:5px;
	font-size:11px;
}

#poll #pollsubmit {
	margin:5px;
}

#poll ul {
	margin:0px;
	padding:5px;
	list-style:none;
}

#poll ul li {
	margin-bottom:20px;
}

#pollpagina ul li {
	margin-bottom:20px;
}

#pollpagina ul {
	margin:0px;
	padding:5px;
	list-style:none;
}

#pollpagina p {
	padding:5px;
}

/* ###### NIEUWSBRIEF #####*/

#nieuwsbrief {
	background-color:#DFEBF2;
	margin-bottom:10px;
}

#nieuwsbrief p {
	padding:5px;
}

#nieuwsbrief #nieuwsbriefsubmit {
	margin:5px;
}

#nieuwsbrief ul {
	margin:0px;
	padding:5px;
	list-style:none;
}

#nieuwsbrief ul li {
	margin-bottom:20px;
}

#nieuwsbrief input {
	border:1px #000 solid;
}

/* ###### NAV BOVEN ##### */

#knoppen {
	height:29px;
	background-image:url(../imgdhs2/top-button.jpg);
	margin:0 1px;
	width:864px;
	}

#knoppen li {
	float:left;
	list-style:none;
	overflow:hidden;
	line-height:29px;
	text-align:center;
}

.navknop-l {
	width:22px;
	background-image:url(../imgdhs2/top-button.jpg);
}
	
.navknop-r {
	background-image:url(../imgdhs2/top-button.jpg);
	margin-left:1px;
	width:22px;
}

.navknop {
	margin-left:1px;
	width:90px;
	height:29px;
		background-image:url(../imgdhs2/top-button.jpg);

}

#knoppen a {
	background-image:url(../imgdhs2/top-button.jpg);
	display: block;
	width: 95px;
	height: 29px;
	line-height: 29px;
}

#knoppen a:link, #knoppen a:visited {
	text-decoration: none;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    line-height: 29px;
}

#knoppen a:hover {
	line-height: 29px;
	background-image:url(../imgdhs2/top-button-hover.jpg);
	color: #262376;
}

/* ###### NIEUWS ##### */

#nieuws {
	
	margin-left:10px;
	margin-right:10px;
}

#nieuws h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:10px;
}


#nieuws p {
	padding:0px;
}

#nieuws ul {
	margin-left:20px;
	}

.nieuwsbericht {
	padding:5px;
}

.nws-foot {
	text-align:center;
	margin-top:20px;
	height:10px;
	clear:both;
}

.nieuwsdatum {
	margin-left:20px;
	float:left;
}

.nieuwslink {
	float:left;
	display:block;
	width:350px;
	text-align:right;
}

.nieuwslink a:link, .nieuwslink a:visited {
	display:block;
	float:right;
	text-align:left;
	width:80px;
	background-image:url(../imgdhs2/nieuws-pijl.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color:#000;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.nieuwslink a:hover {
	display:block;
	float:right;
	text-align:left;
	width:80px;
	background-image:url(../imgdhs2/nieuws-pijl2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color: #D9AD32;
}



/* ###### CONTENT ##### */

#content {
	/*background-color:#DFEBF2;*/
	width:502px;
	_width:502px;
	padding:10px;
}

#content ul {
	margin-left:20px;
}

#content h3 {
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#content h1 {
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.nieuwstitel {
	list-style:none;
}

.nieuwstitel a:link, .nieuwstitel a:visited {
	color:#000;
}

.nieuwstitel a:hover {
	color:#D9AD32;
}

.nieuwsbericht {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer {
	clear:both;
	height:161px; /* Deze kun je later op 161px zetten omdat de background img ook zo groot is */
	margin:0 auto;
	width:870px;
	background-image:url(../imgdhs2/footer-back.jpg);
}

#footer p {
	padding:30px;
	padding-top:115px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

/* ####### gastenboek ####### */

.gastenboeklijst-table {
	border-top: 1px solid #000;
	border-bottom: 1px dashed #000;
	background-color:#F5F9FB;
	
}

.gastenboeklijst-table th {
	height:30px;
	padding-left:10px;
	}



#smilie-table {
	border:1px #CCC solid;
	padding:5px;
	background-color: #fff;
}