/***************************************************
  ****			LAYOUT			****
  **************************************************/
body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-attachment:fixed;
	background-image: url('images/contentbg.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	behavior:url("csshover2.htc");
}
html, body, #container {
	min-height: 100%;
	height: 100%;
}
html>body, html>body #container {
	height: auto
}
* html {
	margin: 0;
	height: 100%;
}
* html #container {
	height: 100%;
	margin: 0 auto;
}
#container {
	position:absolute;
	min-height:100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#navigatie {
	position: absolute;

	left: 0px;
	padding: 0px;
	width: 266px;
}
#main {
	margin-left: 266px;
	padding: 0;
	min-height: 100%;
}
#header {
	width: 100%;
	height: 71px;
}
#header div {
	margin-top: 0;
	margin-left: 0;
	float: right;
}
#header img {
	margin-left: 16px;
	margin-top: 20px;
	float: left;
}
#header span {
	margin-top: 0%;
	margin-left: 0%;
	float:right;
}
#overzicht {
	position: relative;
	display: block;
	float: left;
	width: 100%;
}
#content {
	width: 100%;
}
div {
	border: 0px solid black;
}
div.clearsmall {
	height: 5px;
	clear:both;
	display:block;
	width: 100%;
	font-size:4px;
	
}
div.inhoud {
	margin-left: 32px;
	margin-right: 10px;
}
div.spacer {
	clear: both;
}
h1.paginatitel {
	margin-left: 16px;
}
img { 
	border: 0;
}
input:focus,textarea:focus {
	background-color: #fae5ba;
}
p.titel {
	font-size: 14px;
	display: inline;
}
p.notice {
	margin-left: 16px;
}
p.inline {
	display: inline;
}
table {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

	/***********************************
	****		MENU 		****
	***********************************/
#menu {
	width: 266px;
}
#menu a {
	display: block;
	text-decoration: none;
	color: #f19e00;
	background-color: inherit;
	width: 100%;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 23px;
	margin-top: 35px;
	border: none;
	z-index: 1;
}
#menu ul li {
	margin: 0px;
	padding: 0px;
	margin-top: 18px;
	width: 100%;
	z-index: 5;
}
#menu li#menu1:hover ul {
	top: 85px;
}
#menu li#menu2:hover ul {
	top: 200px;
}
#menu li#menu3:hover ul {
	top: 317px
}
#menu li#menu4:hover ul {
	top: 444px;
}
#menu li#menu5:hover ul {
	top: 574px;
}
#menu li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	left: -999em;
	width: 134px;
	z-index: 10;
}
#menu li:hover ul {
	left: 132px;
	border-top: 1px solid #f09e00;
}
#menu li li {
	padding: 0;
	margin: 0;
	line-height: 24px;
	margin-left: 15px;
	padding-left: 10px;
	border-bottom: 1px solid #f09e00;
	z-index: 15;
	width: 109px;
}
#menu li li a:hover,#menu li li a:active {
	background: url('images/menupijltje.jpg') center right no-repeat;
	
}
li#menu1,li#menu2,li#menu3 { height: 100px;}
li#menu4,li#menu5 { height: 109px;}

/***************************************************
  ****			LINKS			****
  **************************************************/
a {
	
	color: #f19e00;
	background-color:transparent;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.tak1 {
	background-color: red;
}
a.tak2 {
	background-color: blue;
}
a.tak3 {
	background-color: #e0e0e0;
}
a.tak4 {
	background-color: green;
}
a.tak5 {
	background-color: yellow;
}
a.tak6 {
	
}
a.titel {
	font-size: 14px;
}

/***************************************************
  ****			NIEUWSBERICHTEN		****
  **************************************************/
#nieuws {
	margin-left: 5px;
}
#nieuwsoverzicht {
	width: 242px;
	margin-left: 16px;
	position: relative;
	float: left;
	padding-left: 10px;
}
#nieuwsoverzicht span {
	margin-left: 10px;
}
div.nieuwsbericht {
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 16px;
	margin-right: 10px;
}
div.nieuwsbericht p {
	display: inline;
}
div.nieuwsbericht p.titel {
	color: #f19e00;
	background-color:transparent;
	font-weight: bold;
	font-size: 14px;
}
div.nieuwsbericht p.datum {
	padding-left: 5px;
}
div.nieuwsbericht p.inhoud {
	margin-left: 10px;
}

/***************************************************
  ****			COMMENTAAR		****
  **************************************************/
#commentaar {
	margin-left: 30px;
}
#commentaar p {
	margin: 0px;
	padding: 0px;
}
#commentaar p.titel {
	display: inline;
	font-weight: bold;
}
#commentaar p.inhoud {
	display:block;
	margin-left: 6px;
	margin-bottom: 6px;
}
#commentaar p.datum {
	display: block;
	text-align: right;
	width: 100%;
}
#reacties {
	margin-left: 32px;
	width: 400px;
}
#reacties textarea {
	width: 400px;
	height: 160px;
}
#reacties input.titel {
	width: 400px;
}

#reacties input.submit {
	width: 95px;
	margin-left: 303px;
}
div.commentaar {margin-left: 16px;width: 400px;}

/***************************************************
  ****			KALENDER		****
  **************************************************/
#kalender {
	padding-left: 5px;
	padding-right: 5px;
}
#kalender td {
	width: 14%;
	border: 1px solid #e0e0e0;
}
#kalender td ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#kalender td ul li {	
	margin-left: 3px;
	margin-bottom: 4px;
}
#kalender td.header {
	background-color: #e0e0e0;
}
#kalender td.dag {
	height: 75px;
	vertical-align: top;
	padding: 1px;
}
#kalender td.vandaag {
	border: 1px solid #f19e00;
	vertical-align: top;
}
#minikalender {
	position: relative;
	float: left;
	padding-left: 20px;
	width: 393px;
}
#minikalender span {
	margin-left: 7px;
	line-height: 24px;
}

/***************************************************
  ****			FOTOALBUMS		****
  **************************************************/
#album {
	margin-left: 32px;
}
#foto {
	text-align:center;
	margin-left: 32px;
	width: 800px;
}
#foto img {
	margin-top: 3px;
}
div.thumb {
	float: left; 
	margin: 5px;
}
span.vorige {float:left;}
span.volgende {float:right;}
p.omschrijving {
	margin-left: 180px;
}
img.albumlijstfoto {
	float: left;
	padding-right: 10px;
}

/***************************************************
  ****			ADMIN			****
  **************************************************/
#admin { margin-left: 32px;}
textarea.admin {
	width: 400px;
	height: 160px;
}
input.admin {
	width: 400px;
}

/***************************************************
  ****			CONTACT			****
  **************************************************/
#contact {
	margin-left: 32px;
}
#contact input {
	width: 400px;
}
#contact input.submit {
	margin-left: 280px;
	width: 120px;
}
#contact textarea {
	width: 400px;
	height: 160px;
}

/***************************************************
  ****			ACTIVITEITEN		****
  **************************************************/
#activiteiten  {
	margin-left: 32px;
	margin-right: 10px;
}
#activiteiten ul ul  {
	list-style-type:none;
	display:none;
}
p.activiteitomschrijving {
	margin-left: 10px;
}

/***************************************************
  ****			OVERIGE			****
  **************************************************/
#wistjedat {margin-left: 32px;}
#poll {margin-left: 32px;}
#poll h3 {display: inline;}
#poll ul { list-style-type: circle; }
#leden {
	text-align: center;
}
#leden img {
	margin: 5px;
	border: 1px solid #fae5ba;
}
#tak {
	margin-left: 32px;
}
.leiding {
	margin: 0px;
	padding: 0px;
}
.leiding td {
	width: 50%;
	vertical-align: top;
}
.leiding td img {
	float: left;
	padding-right: 5px;
}