@charset "utf-8";
/* CSS Document */
body{
	background-image: url(images/achtergrond-logo-tight.gif);
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
} 
.container {
	background-image: url(images/page_background.png);
	background-position: right;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align:left;
	width:1024px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #FFFFFF;

}
.header{
	float: left;
	width:1024px;
	height: 175px;
	background: url(images/bg_header.png);
}
.motto{
	color:#FFFFFF;
	text-align:center;
	padding-top: 95px;
	font-size:18px;
}
.languages{
	float:right;
}
.languages a img{
	border: 0px;
}
.kolom_links{
	float: left;
	width: 200px;
	background: url(images/bg_hanger.png);
	background-repeat: no-repeat;
}

/* incl files css */
.kolom_links ul{
	margin: 0;
	padding:0;
}
.kolom_links li{
	background-image: url(images/bg_menuitem.png);
	background-repeat:no-repeat;
	color:#000000;
	text-align:center;
	list-style:none;
}
.kolom_links li a {
	display:block;
	height:33px;
	padding-top: 20px;
	color:#000000;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
}
.kolom_links li a:hover {
	text-decoration: underline;
}
.kolom_rechts{
	float: right;
	width: 800px;
	font-size: 12px;
}
.footer{
	float: left;
	width:1024px;
	height: 58px;
	background: url(images/bg_footer.jpg);
	text-align:center;
	padding-top: 40px;
}
.footer_txt{
	font-size:12px;
	color:#FFFFFF;
}

/* navigatie */
.navigatie {
	float: left;
	width: 790px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-size: 11px;	
	padding-top: 5px;
}
.navigatie .nummeractief {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #CCC;
	color: #000000;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #000;
}
.navigatie a {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #000;
	color: #000000;
}
.navigatie a:link, .navigatie a:active, .navigatie a:visited {
	text-decoration: none;
}
.navigatie a:hover{
	background-color: #CCC;
	color: #CC0000;
	text-decoration: none;
}
/* kalender navigatie */
.kalendernavigatie {
	float: left;
	width: 790px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-size: 12px;	
	padding-bottom: 5px;
}
.kalendernavigatie a {
	float: left;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	margin-right: 2px;
	margin-bottom: 2px;
	border: #857e7e 1px solid;
	color: #000000;
}
.kalendernavigatie a:link, .kalendernavigatie a:active, .kalendernavigatie a:visited {
	text-decoration: none;
}
.kalendernavigatie a:hover{
	background-color: #CCC;
	color: #CC0000;
	text-decoration: none;
}



.agenda_dagbekijken{
	float:left;
	margin:5px;
}
.agenda_item_bewerken{
	float:left;
	margin:5px;
}
.agenda_item_dag_titel, .agenda_item_bewerken_titel {
	padding:0px;
	font-size:14px;
	font-weight:normal;
	background-color:#FFFFFF;
	color:#AAAAAA;
	border: solid 1px #AAAAAA;
	text-align:center;
	height:15px;
}
.agenda_item_dag_body{
	background-color:#CDD2D9;
	padding:5px;
	border: solid 1px #AAAAAA;
	vertical-align:top;
}
.table_agenda_bewerken{
	width:100%;
}
.table_agenda_bewerken_body{
	border-spacing:0px;
	width:300px;
	background-color:#CDD2D9;
	padding:5px;
	border: solid 1px #AAAAAA;
	vertical-align:top;	 
}
.table_agenda_dagbekijken{
	width:350px;
}
.agenda_item_dag_body  img{
	border: 0px;
}
.agendaitembewerken_extrainfo{
	width:300px;
}
.agendaitembewerken_add{
	width:60px;
}
.shorttext{
	width:30px;
}

/* */
.layout_table {
	width: 100%;
	font-size: 14px;
	align: left;
	margin-top: 2px;
	margin-bottom: 2px;
}
.layout_table tr {
	border-bottom: solid 1px #CCCCCC;
}
.layout_table td {
	padding: 2px;
	vertical-align: top;
}
.layout_table b{
	display: block;
}
.gegevensfield {
	border: 1px solid #CCCCCC;
	width: 300px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #000000;
}
.datumfield {
	border: 1px solid #CCCCCC;
	width: 70px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #000000;
}

.member_login {
	float:left;
	width: 800px;
	margin-top: 10px;
}
.member_login_table {
	width: 500px;
	font-size: 12px;
	align: left;
	background-color: #ccc;
}
.member_login_table tr {
	border-bottom: solid 1px #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
}
.member_login_table td {
	padding: 2px;
	vertical-align: top;
	white-space: nowrap;
}
.member_login_table a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px #CC0000 dotted; 
}
.member_login_table a:hover{
	border-bottom: 1px #CC0000 solid; 
}
.member_login_table .emailfield, .member_login_table  .wwfield {
	border: 1px #000 solid;
	background-color: #F4F4F4;
	padding: 2px;
	font-size: 11px;
	width: 200px;
}
.member_login_table .submitfield {
	border: 1px #000 solid;
	background-color: #F4F4F4;
	padding: 2px;
	font-size: 11px;
}



.notulen {
	float:left;
	width: 800px;
	height: 643px;
	overflow-y:auto;
}
.notulen_table {
	width: 790px;
	font-size: 12px;
	align: left;
	background-color: #ccc;
}
.notulen_table tr {
	border-bottom: solid 1px #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
}
.notulen_table td {
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
}
.notulen_table a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px #CC0000 dotted; 
}
.notulen_table a:hover{
	border-bottom: 1px #CC0000 solid; 
}
/* */
.documenten, .comissies, .fotoalbum, .jouwopties, .edit_stuff {
	float:left;
	width: 800px;
}
.documenten ul li a, .comissies ul li a, .fotoalbum ul li a, .jouwopties ul li a, .edit_stuff ul li a, .edit_stuff ol li a{
	color: #000000;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
.documenten ul li a:hover, .comissies ul li a:hover, .fotoalbum ul li a:hover, .jouwopties ul li a:hover, .edit_stuff ul li a:hover, .edit_stuff ol li a:hover{
	color:#CC0000;
	text-decoration: underline;
}

/**/

.prikbord
{
	float:left;
	width: 800px;
}
.prikbord .prikbordreactie
{
	float:left;
	width: 790px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
}
.prikbord .prikbord_wat {
	display: block;
	padding: 10px;
	background-color: #FFFFFF;
}
.prikbord .prikbord_wie {
	display: block;
	padding: 5px;
	font-size: 10px;
	font-style: italic;
	background-color: #EAEAEA;
}

.toolbar {
	float:left;
	width: 800px;
	margin-top: 5px;
	margin-bottom: 5px;
}





/* */
.toolbar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.toolbar ul li {
	float: left;
	width: 66px;
	color: #000;
	font-size: 11px;
	text-align: center;
	display: block;
	position: relative;
	margin: 0px;
	margin-right: 2px;
	background-color: #fff;
	border: #857e7e 1px solid;
}

.toolbar ul li ul li{
	float: left;
	width: 66px;
	margin: 0px;
	padding: 2px;
	text-align: center;
	color: #000;
	background-color:#FFF;
	text-decoration: none;
	display: block;
	border: 0px;
	border-bottom: #857e7e 1px solid;
	
}
.toolbar  .wide{
	width: 150px;
}
.toolbar ul li ul li ul li{
	width: 250px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000;
	background-color:#FFF;
	text-decoration: none;
	display: block;
}

.toolbar ul li a{
	color: #000;
	font-size: 11px;
	text-align: center;
	display: block;
	padding: 2px;
	margin: 0px;
	text-decoration: none;
}
.toolbar ul li ul li a{
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;
}
.toolbar ul li ul li ul li a{
	margin: 0px;
	padding: 2px;
	text-align: left;
}

.toolbar li a:hover{
	color: #CC0000;
	background-color: #ccc;
}
.toolbar ul ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	display: block;
	z-index: 500;
	border-top: #857e7e 1px solid;
	border-left: #857e7e 1px solid;
	border-right: #857e7e 1px solid;
}

.toolbar ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}

.toolbar ul ul,
.toolbar ul li:hover ul ul,
.toolbar ul ul li:hover ul ul
{display: none;}

.toolbar ul li:hover ul,
.toolbar ul ul li:hover ul,
.toolbar ul ul ul li:hover ul
{display: block;}

/* */










.membermain_kolom1
{
	float: left;
	width: 600px;
}
.membermain_kolom2
{
	float: left;
	width: 200px;
}
.membermain_kolom1 .commissiereactie
{
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
}
.membermain_kolom1 .commissie_wat {
	display: block;
	padding: 10px;
	background-color: #FFFFFF;
}
.membermain_kolom1 .commissie_wie {
	display: block;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	background-color: #EAEAEA;
}
.membermain_kolom1 .commissie_publish {
	display: block;
	padding: 5px;
	font-size: 8px;
	font-style: italic;
	background-color: #F7F7F7;
}
.membermain_kolom2 .blok
{
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
}
.membermain_kolom2 .blok .blok_titel {
	display: block;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	background-color: #EAEAEA;
}
.membermain_kolom2 .blok_foto {
	display: block;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	background-color:#FFFFFF;
	width: 156px;
	height: 156px;
}
.membermain_kolom2 .blok  ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}
.membermain_kolom2 .blok  ul li {
	list-style-type: square;
}

.membermain_kolom2 .blok .logboek_wat {
	display: block;
	padding: 2px;
	font-size: xx-small;
}
.membermain_kolom2 .blok .logboek_door {
	display: block;
	padding: 2px;
	font-size: xx-small;
	font-style: italic;
	border-bottom: 1px dotted #EAEAEA;
}


.ledenlijst {
	float: left;
	width: 790px;
	overflow-x:auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.ledenlijst_table {
	width: 99%;
	margin: 5px;
	font-size: 12px;
	align: left;
	background-color: #ccc;
	border: 5px solid #FFF;
}
.ledenlijst_table tr {
	border-bottom: solid 1px #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
}
.ledenlijst_table td {
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
}
.ledenlijst_table a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px #CC0000 dotted; 
}
.ledenlijst_table a:hover{
	border-bottom: 1px #CC0000 solid; 
}

.ledenlijst_options {
	float: left;
	width: 790px;
	margin-bottom: 10px;
}
.ledenlijst_options ul {
	margin: 0;
	padding:0;
}

.ledenlijst_options ul li {
	float:left;
	list-style-type: none;
	text-align: center;
}
.ledenlijst_options ul li a{
	width: 160px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
	font-size: 11px;
	display: block;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	border: #857e7e 1px solid;
}
.ledenlijst_options ul li a:hover{
	color: #CC0000;
	background-color: #ccc;
}





.agenda {
	float: left;
	width: 790px;
	overflow-x:auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.agendalijst {
	float: left;
	width: 790px;
	overflow-x:auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.agendalijst_table {
	XXwidth: 100%;
	width: 600px;
	margin: 5px;
	font-size: 12px;
	align: left;
	background-color: #ccc;
	border: 5px solid #FFF;
}
.agendalijst_table tr {
	border-bottom: solid 1px #CCCCCC;
	padding: 2px;
	XXbackground-color: #FFFFFF;
}
.agendalijst_table td {
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
}
.agendalijst_table a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px #CC0000 dotted; 
}
.agendalijst_table a:hover{
	border-bottom: 1px #CC0000 solid; 
}
.agendalijst_titel{
	color:#000000;
	font-size:16px;
	background-color: #FFFFFF;
}
.agendalijst_header{
	color:#FFFFFF;
	background-color:#000000;
}
.agendalijst_body{
	color:#000000;
	background-color: #FFFFFF;
	font-size:10px;
}
.vertikaal{
	XXwriting-mode: tb-rl;
}


.agenda_options {
	float: left;
	width: 790px;
	margin-bottom: 5px;
}
.agenda_options ul {
	margin: 0;
	padding:0;
}
.agenda_options ul li {
	float:left;
	list-style-type: none;
	text-align: center;
}
.agenda_options ul li a{
	width: 160px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
	font-size: 11px;
	display: block;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	border: #857e7e 1px solid;
}
.agenda_options ul li a:hover{
	color: #CC0000;
	background-color: #ccc;
}


.sidered 						{color: #0D4E95; font-size: 11px;}
.sideredsmall 					{color: #0D4E95; font-size: 9px; }
.side 						{color: #333333; font-size: 11px; }
a.sideredlinks{color: #0D4E95; font-size: 11px; font-weight: bold;text-decoration:underline; }



.kalender_overview_table {
	border: solid #AAAAAA 1px;
	background-color: #FFFFFF; 
}

.naam_dagen  { 
	height: 18px;
	center: top;
	font-size: 11px;
	text-align: center; 
	background-color: #FFFFFF; 
	color: #AAAAAA; 
	border-bottom: solid 1px #AAAAAA;
}
.kalender_dag { 
	width: 117px; 
	padding: 0px; 
	height: 100px; 
	cursor: hand; 
	margin: 0px; 
	font-size: 12px; 
	color: #0D4E95;
}

.agendapunt_feestdag_maand {
	color: #0D4E95; 
	font-size: 11px; 
	display: block;
	text-align: center;
	font-weight:bold;
	text-transform: uppercase;
}
.agendapunt_titel_maand {
	color: #0D4E95; 
	font-size: 11px; 
	display: block;
	padding-left: 5px;
}
.activiteit {
	color: #0D4E95; 
	font-size: 11px;
	display: block;
	padding-left: 5px;
}
.locatie {
	color: black; 
	font-size: 11px; 
	display: block;
	padding-left: 5px;
}
.agendapunt_titel_dag {
	color: #000; 
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding-left: 5px;
}
.activiteit_dag {
	color: #0D4E95; 
	font-size: 11px;
	display: block;
	padding-left: 5px;
}
.locatie_dag {
	color: black; 
	font-size: 11px; 
	display: block;
	padding-left: 5px;
}

.picasa_thumb
{
	float: left;
	width: 154px;
	height: 154px;
	margin-right: 2px;
	margin-bottom: 2px;
	text-align: center;
	
}
.picasa_thumb a
{
	display: block;
	width: 152px;
	height: 152px;
}
.picasa_thumb img
{
	margin-top: 4px;
	border: 1px solid #000;
}
.verkoopstand {
	width: 100%;
	white-space:nowrap;
}