/*----------------------------------------------*/
/*												*/
/*		Copyright © 2008 Bean Designed			*/
/*		Alle rechten voorbehouden.				*/
/*												*/
/*		Adres: Beb Vuykstraat 16				*/
/*			   3207 WC Spijkenisse				*/
/*												*/
/*		Mobiel: 06 23 18 56 74					*/
/*		Email: info@beandesigned.eu				*/
/*		Internet: www.beandesigned.eu			*/
/*												*/
/*----------------------------------------------*/

/*------------------ ALGEMEEN ------------------*/

body {
	margin: 0px;
	background: url(../img/showgroep_liberte_achtergrond.jpg) repeat-x #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #343434;
	line-height: 18px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #bd3003;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #bd3003;
}

/*----------------- CONTAINERS -----------------*/

#main_container {
	width: 883px;
	margin: 0px auto;
	position: relative;
}

#links_container {
	float: left;
	width: 383px;
	padding: 22px 0px 0px 20px;
}

#rechts_container {
	float: right;
	width: 460px;
	margin: 22px 0px 0px 0px;
}

.container_clear {
	clear: both;
}

/*------------------- HEADER -------------------*/

#header {
	width: 383px;
	height: 585px; /* MENU ITEM ERBIJ, DEZE VERHOGEN: +30 */
	background: #343434;
}

/*-------------------- LOGO --------------------*/

#logo {
	width: 181px;
	height: 225px;
	padding: 20px 0px 0px 20px;
	background: url(../img/showgroep_liberte_ondergrond_logo.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 62px;
	z-index: 2;
}

#logo_achtergrond {
	width: 9000px;
	height: 245px;
	background: url(../img/showgroep_liberte_achtergrond_logo.jpg) repeat-x;
	position: absolute;
	left: -9000px;
	top: 62px;
	z-index: 0;
}

/*----------------- NAVIGATIE ------------------*/

#navigatie {
	width: 142px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	position: absolute;
	left: 241px;
	top: 42px;
	z-index: 3;
}

#navigatie ul {
	list-style: none;
	width: 142px;
	margin: 0px;
	padding: 0px;
}

#navigatie ul li {
	margin-bottom: 8px;
}

#navigatie ul li a:link, #navigatie ul li a:visited {
	width: 136px;
	height: 21px;
	padding: 1px 6px 0px 0px;
	color: #FFF;
	font-weight: bold;
	background: #bd3003;
	text-decoration: none;
	display: block;
}

#navigatie ul li a:hover {
	width: 136px;
	height: 21px;
	padding: 1px 6px 0px 0px;
	color: #bd3003;
	font-weight: bold;
	background: #FFF;
	text-decoration: none;
	display: block;
}

/*----------------- SFEERBEELD -----------------*/

#sfeerbeeld {
	width: 343px;
	height: 232px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 40px;
	top: 355px; /* MENU ITEM ERBIJ, DEZE VERHOGEN: +30 */
	z-index: 4;
	background: url(../img/showgroep_liberte_sfeerbeeld.png) no-repeat;
	behavior: url(htc/pngfix.htc);
}

/*----------------- LID WORDEN -----------------*/

#lid_worden {
	width: 108px;
	height: 108px;
	position: absolute;
	left: 65px;
	top: 356px;
	z-index: 5;
}

#lid_worden a:link, #lid_worden a:visited, #lid_worden a:hover {
	text-decoration: none;
}

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

#nieuws_agenda_container {
	height: 170px;
	margin: 0px 0px 20px 0px;
}

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

#nieuws {
	width: 200px;
	margin: 0px;
	padding: 10px;
	float: left;
	background: #FFF;
}

#nieuws a:link, #nieuws a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #343434;
}

#nieuws a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #343434;
}

.nieuws_titel {
	font-weight: bold;
	color: #bd3003;
}

.nieuws_datum {
	color: #858585;
}

.nieuws_lees_verder {
	text-align: right;
}

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

#agenda {
	width: 200px;
	margin: 0px;
	padding: 10px;
	float: right;
	background: #bd3003;
	color: #FFF;
}

#agenda a:link, #agenda a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

#agenda a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #FFF;
}

.agenda_titel {
	font-weight: bold;
}

.agenda_jaar {
	color: #343434;
}

.agenda_meer_optredens {
	text-align: right;
}

.top_clear {
	clear: both;
}

/*------------------ CONTENT -------------------*/

#content_header {
	width: 460px;
	height: 6px;
}

/* VOOR 'MIN-HEIGHT' BEGRIJPENDE BROWSERS */
#content_middel {
	width: 408px;
	margin: 0px;
	padding: 18px 26px 18px 26px;
	min-height: 420px;
	height: auto;
	background: url(../img/showgroep_liberte_content_middel_02.jpg) repeat-y;
}

#content_middel a:link, #content_middel a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #bd3003;
}

#content_middel a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #bd3003;
}

/* VOOR INTERNET EXPLORER */
* html #content_middel {
	height: 420px;
}

/* EINDE 'MIN-HEIGHT' */

#content_footer {
	width: 460px;
	height: 6px;
	margin: 0px 0px 20px 0px;
}

#content_contact_beide {
	width: 408px;
	margin: 0px;
	padding: 0px;
	background: url(../img/showgroep_liberte_verdeellijn.jpg) repeat-y;
}

#content_contact_links {
	width: 210px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#content_contact_rechts {
	width: 157px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.content_clear {
	clear: both;
}

.koptitel {
	font-weight: bold;
	color: #bd3003;
}

.dikgedrukt {
	font-weight: bold;
}

.image_border {
	border: 2px solid #bd3003;
}

.sitemap {
	background: url(../img/showgroep_liberte_sitemap.jpg) no-repeat;
}

/*------------------- LEDEN --------------------*/

.leden_overzicht_links {
	width: 112px;
	margin: 0px 21px 0px 0px;
	padding: 5px;
	float: left;
	background: #e4e4e4;
	text-align: center;
}

.leden_overzicht_midden {
	width: 112px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	float: left;
	background: #e4e4e4;
	text-align: center;
}

.leden_overzicht_rechts {
	width: 112px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	float: right;
	background: #e4e4e4;
	text-align: center;
}

.leden_overzicht_clear {
	height: 20px;
	clear: both;
}

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

.foto_overzicht_links {
	width: 112px;
	height: 148px;
	margin: 0px 21px 0px 0px;
	padding: 5px;
	float: left;
	background: #e4e4e4;
	text-align: center;
}

.foto_overzicht_midden {
	width: 112px;
	height: 148px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	float: left;
	background: #e4e4e4;
	text-align: center;
}

.foto_overzicht_rechts {
	width: 112px;
	height: 148px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	float: right;
	background: #e4e4e4;
	text-align: center;
}

/*---*/

.foto_album_overzicht_links {
	width: 112px;
	height: 112px;
	margin: 0px 21px 0px 0px;
	padding: 5px;
	float: left;
	background: #e4e4e4;
	text-align: center;
}

.foto_album_overzicht_midden {
	width: 112px;
	height: 112px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	float: left;
	background: #e4e4e4;
	text-align: center;
}

.foto_album_overzicht_rechts {
	width: 112px;
	height: 112px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	float: right;
	background: #e4e4e4;
	text-align: center;
}

.foto_overzicht_clear, .foto_album_overzicht_clear {
	height: 20px;
	clear: both;
}

/*---*/

.foto_album_kop_links, .video_kop_links {
	margin: 12px 0px 12px 0px;
	padding: 0px;
	float: left;
	font-weight: bold;
	color: #bd3003;
}

.foto_album_kop_rechts, .video_kop_rechts {
	margin: 14px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.foto_album_kop_clear, .video_kop_clear {
	clear: both;
}

/*---*/

#foto_album_overzicht_paginas, #foto_album_overzicht_paginas_highlight {
	text-align: center;
}

#foto_album_overzicht_paginas a:link, #foto_album_overzicht_paginas a:visited {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 8px 8px 0px;
	padding: 0px;
	background: #e4e4e4;
	color: #343434;
	text-decoration: none;
}

#foto_album_overzicht_paginas a:hover {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 8px 8px 0px;
	padding: 0px;
	background: #bd3003;
	color: #FFFFFF;
	text-decoration: none;
}

#foto_album_overzicht_paginas_highlight a:link, #foto_album_overzicht_paginas_highlight a:visited {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 8px 8px 0px;
	padding: 0px;
	background: #343434;
	color: #e4e4e4;
	text-decoration: none;
}

#foto_album_overzicht_paginas_highlight a:hover {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 8px 8px 0px;
	padding: 0px;
	background: #bd3003;
	color: #FFFFFF;
	text-decoration: none;
}

/*------------------ LIGHTBOX ------------------*/

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #FFFFFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(../img/showgroep_liberte_lightbox_prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../img/showgroep_liberte_lightbox_nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	width: 100%;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	line-height: 18px;
	overflow: auto;
}

#imageData {
	padding: 0 10px;
	color: #343434;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}

/*----------- FORM KLASSEN (CONTENT) -----------*/

.foutinform {
	color: #bd3003;
}

.knoppen {
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #FFF;
	background: #bd3003;
	border: 1px solid #bd3003;
}

.inlog_velden {
	width: 264px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #343434;
	border: 1px solid #a4a4a4;
}

.totaal_invoervelden {
	width: 404px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #343434;
	border: 1px solid #a4a4a4;
}

.totaal_berichten {
	width: 404px;
	height: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #343434;
	border: 1px solid #a4a4a4;
}

.formulier_invoervelden {
	width: 160px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #343434;
	border: 1px solid #a4a4a4;
}

.formulier_berichten {
	width: 160px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #343434;
	border: 1px solid #a4a4a4;
}

/*------------------- FOOTER -------------------*/

#footer {
	height: 60px;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

.footer_knoppen a:link, .footer_knoppen a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #343434;
}

.footer_knoppen a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #343434;
}

.vrienden a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #bd3003;
}

.vrienden a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #bd3003;
}

/*----------------------------------------------*/
/*												*/
/*			Einde van de CSS code				*/
/*												*/
/*----------------------------------------------*/