/* General styles */
<!--
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	background: #DAE4E0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	line-height : 120%;
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
}
.twoColElsLtHdr #container {
min-width: 360px;
max-width: 1024px;
		min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
	background:url(../../../assets/bg-main.jpg) repeat-y;
}
.twoColElsLtHdr #containerinner {
	border:1px solid #000;
	border-bottom:0;
}
.twoColElsLtHdr #header {
	background:#FFFdf2 url(../../../assets/beno_top.jpg) bottom left repeat-x;
	margin:0;
	padding: 0;
	height : 161px;
	border:0;
	border-bottom : 1px solid #000;
}
.twoColElsLtHdr #logo h1 {
	float:left;
	width:241px;
	margin: 0;
	padding: 0;
	/*these keep IE6 from pushing the header to more than the set size*/
  line-height: 0;
	/* this will keep IE6 from flickering on hover */
  background: url(../../../assets/beno_logo1.gif) no-repeat left top;
}
.twoColElsLtHdr #logo h1 a {
	background: url(../../../assets/beno_logo1.gif) no-repeat left top;
	/* this will make the "a" link a solid shape */
  display: block;
	/* adjust according your image size */
  width:241px;
	height: 90px;
	/* this hides the text */
  text-indent: -999em;/* old firefox would have shown underline for the link, this explicitly hides it */
}
.twoColElsLtHdr #topmenu {
	float:right;
	width:auto;
	border : 0px;
	padding:10px;
}
.partner1 {
	margin-top :200px;
	padding : 0;
	border : 0px;
}
.twoColElsLtHdr #sidebar1 {
	float: left;
	width: 200px; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	padding: 15px 0; /* binnen dit element div maakt de padding (opvulling) aan de onder- en bovenkant de visuele ruimte */
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* de linker- en rechtermarge moeten aan elk element worden gegeven dat in de kolommen aan de zijkant wordt geplaatst */
	margin-right: 10px;
}
/*start menu*/
.twoColElsLtHdr #menu {
	list-style-type : none;
	padding : 0;
	margin : 0 0 0 15px;
	width : 165px;
	top : 30px;
	left : 0;
	z-index : 100;
}
#menu ul {
	list-style-type : none;
	padding : 0;
	margin : 0;
	width : 165px;
}
#menu li {
	float : left;
	position : relative;
	border-bottom : 1px solid #386350;
	padding:2px 0 2px 0;
}
#menu li.sub {
	background : #07311C url(../../../assets/bullet1.gif) no-repeat top left;
}
#menu ul.sub2 {
	display : block;
	background : #7CA595;
}
#menu li, #menu li a {
	display : block;
	color : #FFCC00;
	font-family : arial, sans-serif;
	font-size : 12px;
	line-height : 24px;
	width : 165px;
	text-decoration : none;
	cursor : pointer;
	text-indent : 20px;
}
#menu li a:hover {
	background : #7CA595 url(../../../assets/bullet1.png) no-repeat top left;
	color : #E8E7DB;
}
.active {
	background : #07311C url(../../../assets/bullet2.gif) no-repeat top left;
	font-weight : bold;
}
/*end menu*/


.twoColElsLtHdr #mainContent {
	margin: 30px 30px 30px 17em; /* de rechtermarge kan worden opgegeven in em- of pixelwaarden. Deze marge maakt de ruimte langs de rechterzijde van de pagina. */
}
.footer, .push {
min-width: 360px;
max-width: 1024px;
	height: 50px; /* .push must be the same height as .footer */
margin:0 auto;
}
.footer {
	background:#000;
}
.footer p {
	margin: 0;
	padding: 20px 0 13px;
	color : #fff;
	text-align : center;
}
.footer a {
	color : #fff;
	text-decoration : underline;
}
.footer a:hover {
	color : #ccc;
	text-decoration: none;
	background : none;
}
a {
	color : #333;
	text-decoration : underline;
}
a:hover {
	color : #eaff9f;
	background : #386350;
	text-decoration : none;
}
h1, h2, h3 {
	font-family : Helvetica, sans-serif, Verdana, Geneva, Arial,;
	margin : 0.6em 0 0.6em 0;
	padding : 0;
	font-weight : bold;
}
h1 {
	font-size: 130%;
	color: #07311C;
}
h2 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	font-weight: lighter;
}
hr {
	color : orange;
}
p, td, li {
	font-size : 12px;
	line-height : 1.8em;
}
img {
	margin : 0 0 5px;
	border:0;
}
.rightimg {
	float : right;
	position : relative;
	margin : 10px;
	border: 1px solid #333;
}
.leftimg {
	float: left;
	position: relative;
	margin: 10px;
	border: 1px solid #333;
}
.formtable {
	background-color : #fff;
	width : 95%;
	border : 1px solid #6c8c00;
	margin : 0;
	padding : 2px;
}
.formrow {
	background-color : #f1fec5;
}
.accent {
	color : #ff6600;
	font-size : 80%;
	font-weight : bold;
}
#datetable {
	background-color : #fff;
	width : 90%;
	border : 1px solid #6c8c00;
	margin : 2px;
	padding : 4px;
}
.dateheader {
	background-color : #eaff9f;
}
.daterow {
	background-color : #E8E7DB;
	padding:0 5px;
}
#newstable {
	width : 90%;
	background-color : #f1fec5;
	border : 1px dashed #000;
	margin : 2px;
	padding : 4px;
}
.newsheader {
	background-color : #eaff9f;
}
.newsrow {
	font-size : 100%;
}
input, option, select, textarea {
	border-color : #97c00d;
	border-width : 1px;
	font-family : verdana, tahoma, Helvetica;
	background-color : #fff;
	color : #3c3c3c;
}
submit {
	background-color : #ccc;
	font-weight : bold;
}
.center {
	text-align:center;
}
/* Miscellaneous classes for reuse */
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : normal;
	color: #333333;
	line-height: 22px;

}
.tdgreen {
 background-color: #07311C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : normal;
	color: #333333;
}
.tablemain {
 background-color: #FFFdf2;
	width:100%;
	margin-left:20px;
	margin-right:20px;

}
.tdmain {
	width:90%;
	padding:20px;
	align:top;
}



.category {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px solid #fff;
}
.pager {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #000;
}
.pager a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #000;
	text-decoration: underline;
}
.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.comment {
	width:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.thumbnail {
	width:80px;
	height:80px;
	margin:2px;
	border: 3px solid #fff;
}
.thumbnail_live {
	width:80px;
	height:80px;
	margin:2px;
	border: 3px solid #000;
}
form {
	margin:0;
	padding:0;
}