/****************************** BESTAANDE HTML-TAGS OPMAKEN */

body {
	background-color: #cccccc;
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}

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

img {border:none;}

table {border-collapse:collapse;}

p {
	margin: 0 7px 10px 7px;
	text-align: justify;
	font-size: 12px;	
}
h1 {
	margin: 0px 5px 10px 5px;
	font-size: 18px;
	font-variant: small-caps;
}
h2 {
	margin: 3px 5px 10px 5px;
	font-size: 14px;
	/*font-variant: small-caps;*/
}
h3 {
	margin: 0px 5px 10px 5px;
	font-size: 14px;
	font-variant: small-caps;
}
h4, h4 a {
	color: #666666;
	margin: -5px 5px 10px 5px;
	padding: 0 0 3px 0;
	font-size: 11px;
	border-bottom: 1px dotted #666666;
}
h4 a {
	border: 0px;
}
h4 a:hover {
	text-decoration: none;
}

td.kader_td h4 {
	margin: 0px 5px 10px 5px;
}
/*th {
	text-align: left;
}
*/

#main_left tbody.kader {
	border: 1px dotted #000000;
}
thead {
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	border: 1px solid #000000;
}

/* speciale hoofdingen forum 
--------------------------------*/
h5 {
	font-size: 12px;
	text-transform: uppercase;
	font-variant: normal;
	font-style: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}
h6 {
	font-size: 14px;
	font-variant: small-caps;
	font-style: normal;
	display: block;
	margin: 0;
}
h7 {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 2px 2px 2px 2px;
	display: block;
}
/*-----------------------------*/
label {margin: 2px;}
form {margin: 3px 3px 10px 6px;}

input, textarea, select {
	color: #000000;
	background-color: #66cc99;
	border: 1px solid #000000;
	font-size: 11px;
	margin: 3px 0 4px 0;
}

/****************************** LAY-OUT TAGS */
#container {
	margin: 0 auto;
	width: 952px;
	text-align: left;
	height: 100%;
}

/* --> HOOFDING */
#header {
	height: 285px;
	color: #000000;
	background: #009933 url(../images/header.gif) no-repeat top left;
}

/* --> HORIZONTALE MENU */
#menu {
	float: left;
	position: relative;
	top: -30px;
	margin: 0 0px 0 0px;
	
}
	#menu ul {
  		padding: 0;
  		margin: 0;
  		list-style: none;
  	}
	
	#menu li {
  		float: left;
  		position: relative;
		margin: 0 0 0 15px;	
  	}

/* --> HOOFDGEDEELTE SITE */
#wrapper {
	color: #000000;
	background: #99bfa6 url(../images/background.gif) repeat-y top left;
	width: 100%;
	float: left;
	position: relative;
	top: -24px;
	overflow: hidden;
	
}

	/* ----> SUBMENU AAN LINKERZIJDE */
	#submenu {
		float: left;
		width: 180px;
		border-right: 1px solid #000000;
		
	}
		.submenu-item {
			margin: 0px 0 0px 2px;
			width: 178px;
		}
		.submenu-item h2, #main_right h2 {
			margin: 0;
			padding: 2px 0 2px 20px;
			background: #009933 url(../images/background_header_submenu.gif) repeat top left;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #000000;
			font-family: Tahoma, Arial, sans-serif;
			font-size: 11px;
			font-variant: small-caps;
		}
		.wrapper-submenu {
			margin: -10px 0 10px 2px;
		}
		.footer {
			/* Opmaak van link op einde van submenu (zoals 'meer...') */
			text-align: right;
			margin: 0 10px 0 0;
		}
		
		#submenu ul, #main_right ul {
			padding: 0 0 0 8px;
			margin: 1px 0 3px 10px;
			list-style: square;
			font-size: 11px;
		}
		#submenu li, #main_right li {
			margin: 3px 0 0 0;
		}
		#submenu ul ul, #main_right ul ul {
			list-style: circle;
		}
		#submenu a:hover, #main_right a:hover {
			text-decoration: none;
			background-color: #000000;
			color: #FFFFFF;
		}
		
		
	/* ----> HOOFDPAGINA */
	#main {
		width: 768px;
		float: right;
		margin: 0 3px 0 0;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
	}
		#main h2#path {
			margin: 0;
			padding: 2px 0 2px 20px;
			background: #009933 url(../images/background_header_submenu.gif) repeat top left;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #000000;
			font-family: Tahoma, Arial, sans-serif;
			font-size: 11px;
			font-variant: small-caps;
		}
		
		#main img.alignLeft {
			margin: 2px 7px 2px 7px;
			float: left;
		}
		#main img.alignRight{
			margin: 2px 7px 2px 7px;
			float: right;
		}
		#main_left {
			width: 495px;
			float: left;
			margin: 0 6px 0 6px;  /* was eerst 7pixels - kijken of dit het probleem van verschuiven oplost.*/
		}
		#main_right {
			width: 235px;
			float: right;
			margin: 0 7px 0 0;
			padding: 0 0 0 0;
			border-left: 1px dotted #000000;
			border-right: 1px dotted #000000;
			font-size: 11px;
		}
		.navigation {
			background: #009933 url(../images/background_header_submenu.gif) repeat top left;
			margin: 0px 0 8px 0;
			padding: 2px 0 2px 0;
			border-bottom: 1px dotted #000000;
			font-size: 11px;
		}

/* --> FOOTER / COPYRIGHT */
#footer {
	height: 19px;
	position: relative;
	top: -24px;
	clear: both;
	color: #000000;
	background: #009933 url(../images/footer.gif) no-repeat bottom left;
	text-align: center;
	border-top: 1px dotted #000000;
}

/* --> 	ALGEMENE LAY-OUT CLASSES */
.img_titelbar {
	margin: 1px 0 0 2px;
	position: relative;
	top: -18px;
}

.error { 
	color:#FFFFFF;
	background-color: #FF0000;
	text-align: left;
	margin: 0 5px 0 5px;
}
.prive {
	color: #FF0000;
	font-size: 11px;
	font-weight: normal;
}
.boodschap {
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	text-align: left;
	padding: 2px;
	margin: 0 2px 10px 2px;
	border: 1px dotted #000000;
}
.red {
	color: #FF0000;
}
.grey {
	color: #666666;
}
.reclame {
	text-align: center;
}
.tabelmarkering {
	font-weight: bold;
}
.stippellijn-onder {
	border-bottom: 1px dotted #000000;
}
.hide {
	display: none;
}
.zelfdelijn {
	display: inline;
}
.midden {
	text-align: center;
}
/* Opmaak voor kalender in submenu */
.kalenderkader {
	border: 1px solid #000000;
	text-align: center;
	vertical-align: top;
}
.kalenderkader:hover {
	background-color: #009966;
}
td.kalenderkader a {
	display: block;
}
.activiteit {
	text-decoration: underline;
	font-weight: bold;
}
#vandaag, #vandaag2 {
	border: 2px solid #000000;
	background-color:#009966;
}

/* Opmaak kalender in hoofdscherm */
.kalenderDetail {
	display: none;
	/*border-left: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;*/
	font-size: 11px;
	margin: 0px 0 10px 10px;
	padding: 5px 5px 5px 5px;
	/*background: #009933 url(../images/background_header_submenu.gif) repeat top left;*/
}
a.kalenderTitel {
	display: block;
	font-size: 11px;
	border-bottom: 1px dotted #666666;
	margin: 0 0 5px 5px;
	padding: 3px 0 3px 0;
	text-decoration: none;
}
/*
a.kalenderTitel:hover {
	text-decoration: none;
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
}
*/

/* Opmaak fotoboek */
.thumbnail {
	border: 1px solid #999999;
}
.thumbnail:hover { 
	border: 1px solid #000000;
}
.foto {
	text-align: center;
}
.fotoKader {
	border: 1px solid #000000;
}

/* Opmaak FORUM */
blockquote {
	text-align: left;
	margin-left: 5px;
	margin-right: 10px;
	padding: 4px;
	border: 1px solid #000000;
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	/*background-color: #009900;*/
	
}
blockquote p {
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-decoration: underline;
}
.laatsteWijzigingForumbericht {
	color: #666666;
	margin-top: 15px;
	border-top: 1px solid #000000;
	font-style: italic;
}
.kader_th, .kader_th_right {
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	border: 1px solid #000000;
}

.kader_th_right {
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 0px;
}
.kader_td {
	border: 1px solid #000000;
}

.smiley {
	margin: 5px 5px 5px 5px;
}

.ubb {
	margin: 3px 5px 0px 5px;
}

.forum_wrapper {
	width: 95%;
	margin: 5px 5px 5px 5px;
}
.forum_navigatie {
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	border: 1px solid #000000;
	margin: 0px;
	width: 100%;
}
.forum_message {
	width: 100%;
	clear: both;
}
.forum_messageheader {
	background: #009933 url(../images/background_header_submenu.gif) repeat top left;
	border: 1px solid #000000;
	margin: 0px;
	width: 100%;
	height: 15px;
}
.forum_posternick {
	float: left;
	width: 150px;
	height: 15px;
	overflow: hidden;
}
.forum_messagecontent {
	width: 100%;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.forum_posterdetail {
	height: 100px;
	width: 150px;
	border-right: 1px solid #000000;
	float: left;
}
.forum_messagetext {
	width: 500px;
	float: left;
	overflow: hidden;
}

/* Opmaak PROFIEL */
.profiel_kader {
	/*border: 1px dotted #999999;*/
	margin-bottom: 20px;
	
}