body {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#E8E2D7;
	text-align:center;
	font-family:  Verdana, Tahoma, Arial;
	font-weight:normal;
	font-size:11px;
	color:#006633;
	line-height:18px;
	}

a {
	color:#006633;
	}

.bodyContainer {
	margin:auto;
	width:770px;
	text-align:left;
	background-color:#E8E2D7;
 	}

.topContainer {
	background-image:url(../img/bgHeader.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:770px;
	height:125px;
	float:left;
 	}

.navContainer,
.subnavContainer {
	background-image:url(../img/bgNavBar.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:770px;
	height:18px;
	float:left;
	color:#D5C29B;
	font-weight:bold;
	padding-top:3px;
	line-height:normal;
 	}

.navContainer a,
.subnavContainer a {
	color:#D5C29B;
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
	}

.navContainer a:hover,
.subnavContainer a:hover  {
	color:white;
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
	}
	
.subnavContainer {
	background-image:url(../img/bgSubNavBar.gif);
	color:#f3dbab;
 	}

.subnavContainer a {
	color:#f3dbab;
	}

.navOn {
	color:white;
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
	}

.contentContainer {
	width:568px;
	border: 1px solid #b2a281;
	border-top: 0px;
	border-bottom: 0px;
	min-height:300px;
	float:left;
	background:#FFFFFF url(../img/bgContent.gif) center top no-repeat;
	padding:28px 100px 0px 100px;
 	}

.contentContainerHome,
.contentContainerAgenda,
.contentContainerNieuws {
	width:618px;
	border: 1px solid #b2a281;
	border-top: 0px;
	border-bottom: 0px;
	float:left;
	background: #FFFFFF url(../img/bgContent.gif) center top no-repeat;
	padding:28px 75px 0px 75px;
 	}

/* Highlight syntax voor de agenda */

.highlight a.ui-state-default {
   background-color: #9C9 !important;
   background-image:none;
   color: #408C66;
   font-weight: bold;
}	
	
.footerContainer {
	width:770px;
	float:left;
	background-image:url(../img/bgFooter.gif);
	background-position:left top;
	background-repeat:repeat-y;
	height:60px;
 	}

h1 {
	font-weight:bold;
	font-size:15px;
	color:#8A6F37;
	padding-bottom:10px;
	margin-bottom:0px;
	line-height:0px;
	}

.inspring {
	padding-left:100px;
	}

.textblock1 {
	float:left;
	width:180px;
	}

.textblock2 {
	float:left;
	width:388px;
	}

.logo7U {
	position: relative;
	background-image: url(../img/logo7U-On.gif);
	background-repeat:no-repeat;
	display: block;
	width: 21px;
	height: 21px;
	float:right;
	padding-right:10px;
}

.logo7U a {
	display: block;
	width: 21px;
	height: 21px;
	display: block;
}

.logo7U img {
	width: 21px;
	height: 21px;
	border: 0;
}

* html a:hover {
	visibility:visible;
}

.logo7U a:hover img {
	visibility:hidden;
}

/* --- HOME ------------------------------*/

.nieuwsHome {
float				: left;
display				: inline;	
width				: 390px;
margin-right		: 20px;
}

.agendaHome {
float				: left;	
width				: 200px;
}

.nieuwsHome h2,
.agendaHome h2 {
font-weight			: bold;
font-size			: 15px;
color				: #8A6F37;
margin				: 0px;
padding				: 0px;
}

.nieuwsHome h2 {
float: left;
}
.nieuwsHome .pagination {
margin-top: 15px;
}

.overzicht_nieuwsitem {
float				: left;
display				: inline;
width				: 390px /*273px*/;
background			: url(../img/bgLedenTabel.gif) repeat-x top left;
padding				: 10px 0px 0px 0px;
margin				: 10px 0px 0px 0px;
vertical-align		: top;
}

.hovered {
background-color	: #e0ece6;
cursor				: pointer;
}

.overzicht_nieuwsitem img {
float				: left;
display				: inline;
margin				: 3px 10px 3px 0px;
border				: 1px solid #b2b2b2;
}

.overzicht_nieuwsitem .nieuwstext {
float				: left;
display				: inline;
padding				: 2px 0px 0px 0px;
width				: 285px;
}

.overzicht_nieuwsitem .nieuwstext_full {
width				: 365px;
}

.overzicht_nieuwsitem h3 {
font-family			: Verdana, Tahoma, Arial;
font-size			: 11px;
color				: #006633;
line-height			: 18px;
font-weight			: bold;
margin				: 0px;
line-height			: 14px;
}

.overzicht_nieuwsitem span,
.agendaHome .date_text span {
color				: #8a6f37;
line-height			: 14px;
}

.overzicht_nieuwsitem p,
.agendaHome .date_text p {
margin				: 0px;
line-height			: 14px;
}

#datepicker {
margin				: 10px 0px;
}

/* --- NIEUWS / AGENDA ------------------------------*/

.nieuwsitem,
.agendaitem {
float				: left;
display				: inline;	
width				: 390px;
margin-right		: 20px;
min-height			: 80px;
}

.nieuwsitem h2,
.agendaitem h2,
.nieuwsoverzicht h2,
.agendaoverzicht h2 {
font-weight			: bold;
font-size			: 15px;
color				: #8A6F37;
padding-bottom		: 10px;
margin-bottom		: 0px;
line-height			: 0px;
}

.nieuwsitem h2,
.agendaitem h2 {
margin-bottom		: 15px;
}

.nieuwsitem img {
margin				: 10px 0px 10px 0px;
border				: 1px solid #b2b2b2;
}

.nieuwsitem h3,
.agendaitem h3,
.nieuwsoverzicht h3 {
font-family			: Verdana, Tahoma, Arial;
font-size			: 11px;
color				: #006633;
line-height			: 18px;
font-weight			: bold;
margin				: 0px;
line-height			: 14px;
}

.nieuwsitem span,
.agendaitem span,
.nieuwsoverzicht span {
color				: #8a6f37;
line-height			: 14px;
}

.nieuwsitem p,
.agendaitem p {
margin				: 10px 0px 0px 0px;
line-height			: 14px;
}

.nieuwsoverzicht,
.agendaoverzicht {
float				: left;
display				: inline;
width				: 200px;
}

.nieuwsoverzicht p,
.agendaoverzicht p {
margin				: 0px;
line-height			: 14px;
}

.nieuwsoverzicht .nieuwstext {
float				: left;
display				: inline;
width				: 200px;
background			: url(../img/bgLedenTabel.gif) repeat-x top left;
padding				: 10px 0px 0px 0px;
margin				: 10px 0px 0px 0px;
vertical-align		: top;
}


/* --- FOTOALBUM ------------------------------*/

#fotogalerij {
width	: 550px;
}

#fotogalerij a img {
border	: 2px solid #006633;
margin	: 3px;
padding	: 2px;
}

#fotogalerij a:hover img {
border	: 2px solid #8A6F37;
}

/* --- LOGIN voor Leden ------------------------------*/

.login_form,
.zoekeenlid_form {
margin-bottom	: 30px;
}

.login_form dl,
.zoekeenlid_form dl {
width	: 500px;
}

.login_form dt,
.zoekeenlid_form dt {
float	: left;
width	: 80px;
padding	: 2px 0px;
}

.login_form dd,
.zoekeenlid_form dd {
width	: 350px;
padding	: 2px 0px;
}

.login_form input,
.zoekeenlid_form input {
height	: 16px;
font-family:  Verdana, Tahoma, Arial;
font-size	: 11px;
padding: 1px 0px 0px 2px;
}

.login_form input.btn_submit,
.zoekeenlid_form input.btn_submit {
height	: 19px;
font-size	: 11px;
padding	: 0px 10px 4px 10px;
}

/* Ledenoverzicht ----------------------------------------------------*/

.overzicht_header {
float				: left;
width				: 546px;
}

.overzicht_header h1 {
float				: left;
padding				: 10px 0px 5px 0px;
margin				: 0px;
height				: 14px;
width				: 300px;
}

/* Paginering -----------------------------------------*/
ul.pagination {
display				: inline;
float				: right;
list-style			: none;
margin				: 5px 0px;
padding				: 0px;
}

ul.pagination li {
display				: inline;
float				: left;
margin				: 0px;
padding				: 0px;
}

ul.pagination li a {
display				: block;
float				: left;
height				: 11px;
margin				: 0;
padding				: 1px 0px 1px 0px;
line-height			: 10px;
text-align			: center;
text-decoration		: none;
width				: 17px;
color				: #006633;
font-weight			: bold;
border-right			: 1px solid #006633;
}

ul.pagination li a:hover {
text-decoration		: none;
color				: #8a6f37;
}

ul.pagination li a.active, ul.pagination li a.active:hover {
background-color		: #e0ece6;
}

ul.pagination li a.previous, 
ul.pagination li a.next 	{ 
display				: block;
background-position		: 0px 0px;
width				: 20px;
height				: 11px;
padding				: 0px;
margin				: 0px;
}

ul.pagination li a.pag_back{ 
width				: auto;
padding				: 0px 5px;
font-weight			: normal;
}

ul.pagination li a.previous:hover,
ul.pagination li a.next:hover 	{ 
background-position		: 0px -11px;
}


ul.pagination li a.previous { background:url(../img/bg_pages_prev.gif) no-repeat; }
ul.pagination li a.next 	{ background:url(../img/bg_pages_next.gif) no-repeat; border:0px; }

/* Ledenoverzicht -----------------------------------------*/

.overzicht_lid,
.individueel_lid {
float				: left;
display				: inline;
width				: 262px /*273px*/;
background			: url(../img/bgLedenTabel.gif) repeat-x top left;
padding				: 5px 10px 5px 0px;
vertical-align			: top;
line-height			: 14px;
min-height			: 100px;
height				: auto !important;
height				: 120px;
}

.individueel_lid {
width				: 535px /*546px*/;
}

.hovered {
background-color		: #e0ece6;
cursor				: pointer;
}

.overzicht_lid img,
.individueel_lid img {
float				: left;
display				: inline;
margin				: 3px 10px;
border				: 1px solid #b2b2b2;
}

.overzicht_lid .ledeninfo,
.individueel_lid .ledeninfo {
float				: left;
display				: inline;
padding				: 2px 0px 0px 0px;
width				: 165px;
}

.individueel_lid .ledeninfo {
width				: 170px;
}

.overzicht_lid span,
.individueel_lid span {
color				: #8a6f37;
}

.individueel_lid .bedrijfsinfo {
float				: left;
padding-left			: 10px;
width				: 252px;
}

/* Bedrijfsoverzicht -----------------------------------------*/

.bedrijfsoverzicht td {
background			: url(../img/bgLedenTabel.gif) repeat-x top left;
padding				: 5px 10px 5px 0px;
vertical-align			: top;
line-height			: 14px;
width				: 50%;
}

/* Mijn profiel -----------------------------------------*/

table.mijn_profiel {
padding-top			: 10px;
}

.mijn_profiel td {
background			: url(../img/bgLedenTabel.gif) repeat-x top left;
padding				: 5px;
vertical-align			: top;
line-height			: 14px;
}

.mijn_profiel td td {
background			: none;
padding				: 2px;
vertical-align			: top;
line-height			: 14px;
}

/* Link om alle leden te downloaden in PDF formaat. */
.download-leden-pdf {
position			: absolute;
margin-left			: 550px;
margin-top			: -20px;
background-image	: url(../img/pdf.jpg);
background-repeat	: no-repeat;
background-position : center left;
padding-left		: 25px;
}