@charset "utf-8";
/* CSS Document */

/*==== ID's ===========================================================*/
/**/
#main {
	top: 45px; left: 250px;
	width: 750px; height: 600px;
	border: 0 dotted #00FF00;
}

#mainTxt {overflow: auto; margin-top: -10px; margin-bottom: 35px;}

#mainTxt ul, #mainTxt ol {margin-top: 20px; line-height: 150%;}
#mainTxt ul li, #mainTxt ol li {padding: 10px;}
#mainTxt img {border: 1px solid #6c7668;}
#appUL ul li {padding: 10px 0 0 10px; line-height: 100%;}
#appUL h4 {margin: 0;}

/*---- VINPLAATSEN.PHP ----*/
#ulVindplaasten {margin: 40px 0 0 0; padding: 0; list-style-type: none; line-height: 35px; text-align: center;}
#ulVindplaasten li {float: left; width: 135px; height: 153px; margin-right: 10px} /*width: 150px; height: 186px; */
#ulVindplaasten li a {display: block; width: 100%; height: 100%; text-decoration: none;}
#ulVindplaasten li a em {display: none;}
#ulVindplaasten li a img {border: 0;}
#ulVindplaasten li a#larenstein {background-image: url('../img/KNOP_Larenstein_klein.gif');} /* zonder '_klein' w en h als hierboven in comm*/
#ulVindplaasten li a#larenstein:hover {background-image: url('../img/KNOP_Larenstein_klein_.gif');}
#ulVindplaasten li a#lichtenbelt {background-image: url('../img/KNOP_Lichtenbelt_klein.gif');}
#ulVindplaasten li a#lichtenbelt:hover {background-image: url('../img/KNOP_Lichtenbelt_klein_.gif');}
#ulVindplaasten li a#loenermark {background-image: url('../img/KNOP_Loenermark_klein.gif');}
#ulVindplaasten li a#loenermark:hover {background-image: url('../img/KNOP_Loenermark_klein_.gif');}
#ulVindplaasten li a#posbank {background-image: url('../img/KNOP_Posbank_klein.gif');}
#ulVindplaasten li a#posbank:hover {background-image: url('../img/KNOP_Posbank_klein_.gif');}

.marginB_Clear {margin-bottom: 10px; clear: both;}
/*-------------------------*/


/*---- LARENSTEIN -----*/
.tableFlora {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #6c7668;
	padding: 3px;
}
.tableFlora th {border-bottom: 1px solid #6c7668;}

/*==== CLASSES ========================================================*/
.pagTitelImg {position: absolute; top: 30px; left: 200px;}
.font08emB {font-size: 0.9em; font-style:italic; font-weight: bold;}

.imgsR, .imgsL, .imgsC {
	float: right;
	padding: 0;
	margin: 10px 0 15px 5px;
	font-size: 0.8em;
	text-align: center;
	border: 1px solid #A48829;
}
.imgsL {float: left; margin: 10px 10px 15px 0;}

.imgsR img, .imgsL img {border: 1px solid #A48829; outline: 0; margin: 3px;}
.imgsR a, .imgsL a {display: block; width: 100%; height: 100%;}
.imgsR a:hover, .imgsL a:hover {background-color: #A48829;}
 
/*---------- NEWS ----------*/
#nws_wrap {
	position: absolute;
	top: 50px; left: 250px;
	width: 660px; height: auto;
	font-family: verdana;
	line-height: 120%;
}

.nws_div {
  width: 98%; height: auto;
  padding: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	font-size: 0.9em;
  border: 1px solid #6C7668;
	background-color: #364037;
}

.header {
	width: 100%; height: 22px;
	line-height: 21px;
	background-color: #2B372D;
  /*border-bottom: 1px dotted #212B22;*/
}

.datum {
	float: right;
	width: 35%; height: 20px;
	margin-right: 5px;
	text-align: right;
	color: #a48829;
	font-size: 0.8em;
}

.titel {
	float: left;
	width: 60%; height: 20px;
	text-align: left;
	color: #a48829;
	font-size: 0.95em;
	font-weight: bold;
}
/**/
.newsTxt {
	width: 97%; height: auto;
	padding: 10px;
	/*font-family: arial;*/
	font-size: 0.97em;
	border-top: 1px dotted #6C7668;
}

.marjon {
	clear: both;
	width: 100%; height: auto;
	padding-top: 2px;
	margin-top: 20px;
	font-size: 0.8em; 
	border-top: 1px dotted #6C7668;
}
/*---------------------------*/
	
/*------- PAGINATION ALFABETISCH (t.b.v. 'news.php')-------------------------------------------------------------------------------------*/
#pagination_ALFABETISCH {
	clear: both;
	position: relative;
	top: 20px; left: 16px;
	width: 790px;
	line-height: 20px;
	text-align: center;
	border: 0 solid red;
	}
	
	#pagination_ALFABETISCH  ul {list-style-type: none; margin: 0; padding: 0; border: 0 solid red;}
	/*
	#pagination_ALFABETISCH  ul li {float: left; margin-right: 5px; text-align: center; width: 20px; height: 20px; line-height: 20px;}
	*/
	#pagination_ALFABETISCH  ul li a {display: block; width: 100%; height: 100%; text-decoration: none; border: 0 solid #b5ce87;}
	#pagination_ALFABETISCH  ul li a:hover {border: 0 solid #cccb70/*#FF6600*/; background-image: url('../img/bg_VorigeVolgende_hover.jpg');}
	
	#pagination_ALFABETISCH  ul li a#numm { background-image: url('../img/bg_letters_breder.jpg');}
	#pagination_ALFABETISCH  ul li a#vorige  { background-image: url('../img/bg_Vorige_breder.jpg');}
	#pagination_ALFABETISCH  ul li a#volgende { background-image: url('../img/bg_Volgende_breder.jpg');}
	
	#pagination_ALFABETISCH  ul li a#numm:hover { background-image: url('../img/bg_letters_breder_hover.jpg');}
	#pagination_ALFABETISCH  ul li a#vorige:hover  { background-image: url('../img/bg_Vorige_breder_hover.jpg');}
	#pagination_ALFABETISCH  ul li a#volgende:hover { background-image: url('../img/bg_Volgende_breder_hover.jpg');}
	
	.liNr {float: left; text-align: center; width: 22px; height: 20px; line-height: 20px;}	
	.liVN {float: left; width: 85px; padding: 0 3px;}
	#pagination_ALFABETISCH .pagActive {color: #41493A; font-weight: bold; background-image: url('../img/bg_letters_breder_curr.jpg');}	
/*---------------------------------------------------------------------------------------------------------------------------------------*/