/*
* Auteur:           IDIFY Productions
* Datum:            18/07/2008
* Laatste update:   26/07/2008
* Klant:            ovw.nu
* DOCTYPE:          XHTML 1.0 transitional//EN
* Versie:           1.0
* Layout type:      Fixed-width
*/

/* ------------------ Algemene instellingen ------------------ */
html, body, div, h1, h2, h3, h4, a, hr, strong, em, img, table, span, tr, td, ul, li, form, input, select, textarea, fieldset {
	margin: 			0px;
	padding: 			0px;
}

html, body {
	height:				100%; /* héél belangrijk */
}

body {
	background:			url(../img/bg.jpg) repeat-x;
	background-color:	#302c28;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		20px;

}

h1 		{ color: #6d6d6d; font-size:30px; font-weight: normal; }
fieldset{ border: 0; }
legend 	{ text-indent: -9999px; }


/* ------------------ Website ------------------ */

div#container {
	background:			url(../img/bg-content) repeat-x;
	background-color:	#ededed;
	margin:				0 auto;
	width:				816px;
 	min-height: 		100%;
	height:				auto !important; /* voor moderne browsers */
	height:				100%; /* voor IE */
}

div#header {
	overflow:			hidden;
	width:				816px;
	height:				124px;
}

/* ------------------ Stijl voor algemene foutmelding box ------------------ */

p.foutmelding {
	height: 			1%;
	background-color: 	#FFAEAE;
	padding:	 		4px 2px 4px 2px;
	margin:		 		20px 0 11px 0;
	text-align: 		center;
}

p.goedkeuring {
	height: 			1%;
	background-color: 	#71CD5C;
	padding:	 		4px 2px 4px 2px;
	margin: 			20px 0 11px 0;
	text-align: center;
}

/* ------------------ Stijl voor het hoofdmenu ------------------ */

div#menu {
	background:			url(../img/bg-menu.jpg) repeat-x;
	border-right:		1px solid #394344;
	overflow:			hidden;
	width:				816px;
	height:				46px;
}

a.logo {
	float:				left;
	text-decoration:	none;
	width:				30px;
	height:				46px;
}

a.logo img {
	border:				none;
}

div#menu ul {
	float:				left;
	list-style:			none;
}

div#menu ul li {
	float:				left;
}

div#menu ul li a {
	background:			url(../img/border-menu) right top no-repeat;
	color:				#ededed;
	display:			block;
	float:				left;
	font-size:			12px;
	padding:			15px 15px 0 15px;
	text-decoration:	none;
	height:				46px;
}

div#menu ul li a:hover {
	text-decoration:	underline;
}

div#menu ul li a.active {
	text-decoration:	underline;
}

div#menu ul li.space {
	width:				83px;
}

/* ------------------ Login en zoek gedeelte ------------------ */

div#search {
	background:			#ebf0f1;
	float:				right;
	overflow:			hidden;
	width:				173px;
	height:				44px;
}

/* ------------------ Zoekformulier ------------------ */

form.zoeken {
	float:				left;
	display:			inline;
	margin:				14px 0 0 10px;
}

input.input_veld {
	border:				1px solid #a2a6a6;
	background:			#ffffff;
	font-size:			10px;
	padding:			0;
	width:				90px;
	height:				14px;
}

input.input_password {
	border:				1px solid #a2a6a6;
	background:			#ffffff;
	font-size:			10px;
	margin:				0 0 0 19px;
	padding:			0;
	width:				90px;
	height:				14px;
}

input.submit {
	background:			url(../img/submit.jpg) no-repeat;
	border:				0;
	font-size:			10px;
	width:				15px;
	height:				16px;
}

/* ------------------ Loginformulier ------------------ */

form.inloggen {
	font-size:			10px;
	float:				left;
	margin:				4px 0 0 0;
	padding:			0;
	position:			relative;
	left:				15px;
}

/* ------------------ Stijl voor het submenu ------------------ */

div#submenu ul {
	float:				left;
	list-style:			none;
	display:			inline;
	margin:				5px 0 0 5px;
}

div#submenu ul li {
	float:				left;
}

div#submenu ul li a {
	color:				#7e8585;
	display:			block;
	float:				left;
	font-size:			12px;
	padding:			0 5px 0 5px;
	text-decoration:	none;
	height:				15px;
}

div#submenu ul li a:hover {
	text-decoration:	underline;
}

div#submenu ul li a.active {
	text-decoration:	underline;
}

/* ------------------ Content van de website ------------------ */

div#content {
	overflow-x:			auto;
	padding-bottom:		20px;
	width:				814px;
}

div#titel {
	margin:				40px 0 0 40px;
	width:				600px;
	height:				40px;
	padding-top:		5px;
	padding-bottom:		5px;
}

div#main {
	margin:				10px 0 0 40px;
	width:				733px;
}

/* ------------------ Stijl voor de nieuwsberichten op de homepage ------------------ */

div.news {
	width:				750px;
}

span.news_title {
	border-bottom:		1px solid #cccccc;
	display:			block;
	float:				left;
	text-align:			left;
	font-weight:		bold;
	font-size:			12px;
	padding:			25px 0 0 0;
	width:				530px;
	color:				#4a4644;
	margin-top: 10px;
}

span.news_date {
	color:				#918d86;
	border-bottom:		1px solid #cccccc;
	display:			block;
	float:				left;
	font-size:			12px;
	padding:			25px 0 0 0;
	text-align:			right;
	width:				200px;
	margin-top: 10px;
}

span.news_tekst {
	padding:			15px 0 0 0;
	width:				440px;
	float:				left;
	font-weight:		normal;
	font-size:			12px;
	text-align:justify;
}

img.news_image {
	float:				right;
	padding: 			15px 5px 5px 5px;
	width:				200px;
	margin-right:40px;
}

/* ------------------ Navigatie door nieuwsberichten ------------------ */

div.navigatie {
	border-top:			1px #505050 solid;
	color:				#4a4644;
	clear:				both;
	width:				730px;
	float:				left;
	height:				20px;
	margin-top:			30px;
	margin-bottom:		30px;

}

div.navigatie .vorige {
	display:			block;
	float:				left;
	text-align: left;
	width:				200px;
}

div.navigatie .volgende {
	display:			block;
	float:				right;
	text-align:			right;
	width:				200px;
}

div.navigatie .paginas {
	display:			block;
	float:				left;
	text-align:			center;
	width:				300px;
}

div.navigatie .paginas strong {
	color:				#000000;
}

div.navigatie .vorige a, div.navigatie .volgende a, div.navigatie .paginas a {
	color:				#4a4644;
}

/* ------------------ Navigatie door nieuwsberichten ------------------ */

.inlogform {
	border: 			1px solid #999;
	padding-bottom: 	12px;
	background-color: 	#EEE;
	margin:				20px auto;
	clear: 				both;
	width:				320px;
}

.inlogform ul#login_list {
	width: 				240px;
	margin: 			0 auto;
}

.inlogform ul#login_list li {
	width: 				240px;
	overflow: 			hidden;
	margin-bottom: 		7px;
}

.inlogform ul#login_list #login_btn {
	width: 				150px;
}

.inlogform ul li label  {
	float: 				left;
	color: 				#000;
}

.inlogform ul li input#agree {
	width: 				14px;
	margin-top: 		3px;
	border: 			0;
}

.inlogform ul li input {
	width: 				120px;
	float: 				right;
	border: 			1px solid #abadb3;
}

.inlogform ul li textarea {
	width: 				198px;
	height: 			100px;
	float: 				right;
	border: 			1px solid #abadb3;
}

.inlogform ul#signup_list li input {
	width: 				130px;
}

.inlogform ul li select {
	width: 				180px;
	float: 				right;
	border: 			1px solid #abadb3;
}


.inlogform li button {
	height: 			25px;
	float: 				right;
	border: 			1px solid #abadb3;
}

.inlogform li.error {
	border: 			1px solid red;
}

.inlogform li input.error {
	border: 			1px solid red;
}

.inlogform li textarea.error {
	border: 			1px solid red;
}

#login_options {
	margin-top: 		10px;
	text-align: 		center;
}

#login_options li {
	font-size: 			10px;	
	display: 			inline;
}

#login_options li a {
	color: 				#3557dd;
	text-decoration: 	none;
}

#login_options li a:hover {
	text-decoration:	underline;
}

/* ------------------ Content OVW Leden overzicht ------------------ */

div.ovwlidrow
{
	overflow: hidden;
	zoom	: 1;
}

div.ovwlid
{
	float		: left;
	width		: 320px;
	min-height	: 180px;
	padding		: 10px;
	margin		: 10px 0 0 10px;
	overflow	: hidden;
	border		: 1px solid #d4d4d4;
}

div.ovwleden {
	border:				1px solid #d4d4d4;
	float:				left;
	padding:			10px;
	margin:				10px 0 0 10px;
	overflow:			hidden;
	width:				320px;
	height:				190px;
}

div.ovwlid img {
	float:				left;
}

div.ovwlid_tekst {
	float:				left;
	margin:				0 0 0 10px;
	width:				180px;
}

div.ovwlid_tekst a {
	color:				#000000;
}

div.ovwlid_tekst a:hover {
	text-decoration:	none;
}

div.ovwlid_tekst ul {
	margin:				0 0 0 15px;
}

/* ------------------ Content OVW Leden navigatie detail ------------------ */

div.navigatie_detail .vorige_detail {
	display:			block;
	float:				left;
	width:				200px;
}

div.navigatie_detail .volgende_detail {
	display:			block;
	float:				left;
	text-align:			right;
	width:				200px;
}

div.navigatie_detail .paginas_detail {
	display:			block;
	float:				left;
	text-align:			center;
	width:				200px;
}

div.navigatie_detail .paginas strong_detail {
	color:				#000000;
}

div.navigatie .vorige_detail a, div.navigatie .volgende_detail a, div.navigatie_detail .paginas a {
	color:				#4a4644;
}

/* ------------------ Content OVW Leden detail ------------------ */

div#ovwleden_detail {
	border:				1px solid #d4d4d4;
	padding:			10px;
	overflow:			hidden;
	width:				710px;
}

div#ovwleden_detail tr td{
	vertical-align: top;
}

div#ovwleden_detail img {
	float:				left;
	width:				250px;
}

div.ovwleden_detail_tekst {
	float:				left;
	margin:				0 0 0 10px;
	width:				250px;
}

div.ovwleden_detail_tekst ul {
	margin:				0 0 0 15px;
}

div.navigatie_detail {
	color:				#4a4644;
	clear:				both;
	margin:				20px 0 0 0;
	width:				600px;
	height:				20px;
}

/* ------------------ Aantal bezoekers en Logo IDIFY ------------------ */
div#footer {
	background:			#ededed;
	margin:				0 auto;
	width:				816px;
	height:				66px;
}

div#footer img {
	border:				0;
	margin:				0 0 0 340px;
	width:				134px;
	height:				66px; 
}

#openings_tijden_table {
	background-color: #E6ECF2;
}
#openings_tijden_table .even {
	background-color: #F3F3F3;
}

#openings_tijden_table td {
	padding:2px;
	border-top:1px #b1b1b1 dotted;
	border-right:1px #b1b1b1 dotted;

}

#openings_tijden_table th {
	padding:2px;
	border-right:1px #b1b1b1 dotted;
}

#openings_tijden_table .uur{
	width: 14px;
	font-weight: bold;
	font-size: 11px;
	vertical-align: bottom;
	text-align: center;
	
}

#openings_tijden_table .open{
	background-color:#ffc40f;
}

#openings_tijden_table .half{
	width: 14px;
	font-size: 9px;
}

#openings_tijden_table .dag{
	width: 35px;
	height: 20px;
	font-weight:bold;
	font-size: 11px;
	text-align:center;
}




#fotooverzicht {
		 float:			left;
	text-align:			center;
		margin:			0 40px 20px 0;
		border:			0px;
}

#fotooverzicht {
	
	color:#4a4644;
}

#fotooverzicht img {
	border:0;
}
#fotooverzicht   a {
	color:#4a4644;
	text-decoration:none;
	}

#fotooverzicht a:hover{
	color:#0AA4FF;
	}
	
#archief_act{
	text-align:center;
	margin-top: -130px;
	margin-left:0px;
	float:right;
	font-size: 12px;
}
#archief_act a{
	color:#4a4644;
	text-decoration:none;
}
#archief_act a:hover{
	color:#0AA4FF;
}

#archief{
	text-align:right;
	margin-top: -70px;
	float: right;
}
#archief a:hover{

		color:#0AA4FF;
	font-weight:bold;
}
#archief a{

		font-weight:bold;
	color:#4a4644;
	text-decoration:none;
}

#hoofdmeno {
margin-top:0px;
margin-left:0px;	
}
#hoofdmenu a{
	font-weight:bold;
	color:#4a4644;
	text-decoration:none;
}

#hoofdmenu a:hover{
	color:#0AA4FF;
	font-weight:bold;
	}

#nieuwste{
		 float:			left;
	text-align:			center;
		margin:			0 40px 20px 0;
		border:			0px;
		color: #000000;
}
#nieuwste  a {
	color:#4a4644;
	text-decoration:none;
}
#nieuwste a:hover{
	color:#0AA4FF;
}

#archief_overzichtcont{
	margin-left:140px;
	margin-top:-10px;
	float:left;
	width: 450px;
	overflow: hidden;
}

#archief_overzicht{
	float:left;
	padding-right: 10px;
}

#archief_overzicht a{
	color:#4a4644;
	text-decoration:none;
}

#archief_overzichtcont a:hover{
	color:#0AA4FF;
}
#actueel{
	float:right;
}

#selecteerdemaand{
color:#4a4644;
float:left;

}