/* Safari kan hiermee niet omgaan:
@media print {
@page port {size: portrait;}
@page land {size: landscape;}

.portrait {page: port;}

.landscape {page: land;}
}
*/

/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
 *
 * Copyright    : (c) 2004 - 2005 The Admidio Team
 * Homepage     : http://www.admidio.org
 * Module-Owner : Markus Fassbender
 *
 ******************************************************************************
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 *
 *****************************************************************************/

/* Allgemeine Anpassungen */

body {
	color:            #555555;
	font-family:      arial, sans-serif;
	font-size:        10pt;
	background-color: #ffffff;
}

h1 {
	 color:                #85C226;
}

hr {
	border:           1px solid #6CA7A8;
}

img {
	border:none;
}

button {
	color:            #000000;
	font-size:        10pt;
}

.readonly {
	color:            #666666;
}

/* Links */

a:link {
	color:            #E0791F;
	font-weight:      bold;
	text-decoration:  none;
}

a:visited {
	color:            #E0791F;
	font-weight:      bold;
	text-decoration:  none;
}

a:hover {
	color:            #E0791F;
	font-weight:      bold;
	text-decoration:  underline;
}

/* Einfache rechteckige Groupbox mit Rahmen um bestimmte Teile zu markieren,
   wird momentan nur auf der Installations- und Profilseite benutzt */

.groupBox {
	color:            #555555;
	background-color: #cccccc;
	border-width:     1px;
	border-color:     #999999;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          5px;
}

/* Ueberschrift der rechteckigen Groupbox */

.groupBoxHeadline {
	color:            #333333;
	font-weight:      bold;
	padding-bottom:   5px;
}

/* Layout fuer die Formulare
   Es ist in einen Kopf (formHead) und einen Inhalt (formBody) unterteilt
   Beispiele: Profil, Login, Registrieren */

.formHead {
	width:            550px;         /* Maximale Breite von Formularen */
	color:            #333333;
	background-color: #85C226;
	font-size:        13pt;
	font-weight:      bold;
	border-width:     1px 1px 0px 1px;
	border-color:     #555555;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          3px 8px 0px 8px;
}

.formBody {
	width:            550px;         /* Maximale Breite von Formularen */
	color:            #555555;
	font-size:        11pt;
	background-color: #eaeaea;
	border-width:     1px;
	border-color:     #555555;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          8px;
}

/* Layout fuer die Boxen (Termine usw.)
   Es ist in einen Kopf (boxHead) und einen Inhalt (boxBody),
   der aber den Kopfbereich umschliesst, unterteilt
   Beispiele: Ankuendigungen, Termine */

.boxHead {
	color:            #333333;
	background-color: #85C226;
	width:            100%;
	min-height:       20px;
	font-size:        12pt;
	font-weight:      bold;
	padding:          2px;
}

.boxBody {
	color:            #555555;
	width:            550px;
	font-size:        11pt;
	background-color: #eaeaea;
	border-width:     1px;
	border-color:     #555555;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          0px;
}

/* Layout fuer Listen
   Die Klasse tableList wird dem <table>-Element zugeordnet
   tableHeader dem <th>-Element und
   listMouseOut dem <td>-Element
   Beispiele: Listen, Eigene Liste */

.tableList {
	width:            550px;         /* Optimale Breite von Listen */
	background-color: #eaeaea;
	font-size:        10pt;
	border-width:     1px;
	border-color:     #555555;
	border-style:     solid;
	padding:          0px;
	border-spacing:   0px;
}

.tableHeader {
	color:            #555555;
	background-color: #85C226;
	font-size:        10pt;
	padding:          3px;
}

.listMouseOut {
	background-color: #eaeaea;
	color:            #555555;
}

.listMouseOver {
	background-color: #cccccc;
	color:            #555555;
}



/* ==================== Alex: aangepast volgens Admidio site -======== */


	.textHead {
		font-size:     14pt;
		font-weight:   bold;
	}

	.textHeadSmall {
		font-size:     9pt;
		font-weight:   bold;
	}

	.textDescription {
		font-size:     8pt;
	}

/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
 *
 * Copyright    : (c) 2004 - 2005 The Admidio Team
 * Homepage     : http://www.admidio.org
 * Module-Owner : Markus Fassbender
 *
 ******************************************************************************
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 *
 *****************************************************************************/

/* Allgemeine Anpassungen */

body {
	color:            #555555;
	font-family:      arial, sans-serif;
	font-size:        10pt;
	background-color: #ffffff;
}

h1 {
	 color:                #85C226;
}

hr {
	border:           1px solid #6CA7A8;
}

button {
	color:            #000000;
	font-size:        10pt;
}

.readonly {
	color:            #666666;
}

/* Links */

a:link {
	color:            #E0791F;
	font-weight:      bold;
	text-decoration:  none;
}

a:visited {
	color:            #E0791F;
	font-weight:      bold;
	text-decoration:  none;
}

a:hover {
	color:            #E0791F;
	font-weight:      bold;
	text-decoration:  underline;
}

/* Einfache rechteckige Groupbox mit Rahmen um bestimmte Teile zu markieren,
   wird momentan nur auf der Installations- und Profilseite benutzt */

.groupBox {
	color:            #555555;
	background-color: #cccccc;
	border-width:     1px;
	border-color:     #999999;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          5px;
}

/* Ueberschrift der rechteckigen Groupbox */

.groupBoxHeadline {
	 color:            #333333;
	font-weight:      bold;
	padding-bottom:   5px;
}

/* Layout fuer die Formulare
   Es ist in einen Kopf (formHead) und einen Inhalt (formBody) unterteilt
   Beispiele: Profil, Login, Registrieren */

.formHead {
	width:            520px;         /* Maximale Breite von Formularen */
	/* width:            520px;         Maximale Breite von Formularen */
	color:            #333333;
	background-color: #85C226;
	font-size:        13pt;
	font-weight:      bold;
	border-width:     1px 1px 0px 1px;
	border-color:     #555555;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          3px 8px 0px 8px;
}

.formBody {
	width:            520px;         /* Maximale Breite von Formularen */
	/* width:            520px;         Maximale Breite von Formularen */
	color:            #555555;
	font-size:        11pt;
	background-color: #eaeaea;
	border-width:     1px;
	border-color:     #555555;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          8px;
}

/* Layout fuer die Boxen (Termine usw.)
   Es ist in einen Kopf (boxHead) und einen Inhalt (boxBody),
   der aber den Kopfbereich umschliesst, unterteilt
   Beispiele: Ankuendigungen, Termine */

.boxHead {
	color:            #333333;
	background-color: #85C226;
	width:            100%;
	min-height:       20px;
	font-size:        12pt;
	font-weight:      bold;
	padding:          2px;
}

.boxBody {
	color:            #555555;
	width:            520px;
	font-size:        11pt;
	background-color: #eaeaea;
	border-width:     1px;
	border-color:     #555555;
	border-style:     solid;
	border-collapse:  collapse;
	padding:          0px;
}

/* Layout fuer Listen
   Die Klasse tableList wird dem <table>-Element zugeordnet
   tableHeader dem <th>-Element und
   listMouseOut dem <td>-Element
   Beispiele: Listen, Eigene Liste */

.tableList {
	width:            520px;         /* Optimale Breite von Listen */
	background-color: #eaeaea;
	font-size:        10pt;
	border-width:     1px;
	border-color:     #555555;
	border-style:     solid;
	padding:          0px;
	border-spacing:   0px;
}

.tableHeader {
	color:            #555555;
	background-color: #85C226;
	font-size:        10pt;
	padding:          3px;
}

.listMouseOut {
	background-color: #eaeaea;
	color:            #555555;
}

.listMouseOver {
	background-color: #cccccc;
	color:            #555555;
}

body {
   color:            #444444;
   font-family:      Arial,Verdana,Helvetica,sans-serif;
   font-size:        9pt;
   background-color: #eeeeee;
   text-align:       center;
}

/* Links */

a:link {
   color:            #E0791F;
   font-weight:      bold;
   text-decoration:  none;
}

a:visited {
   color:            #E0791F;
   font-weight:      bold;
   text-decoration:  none;
}

a:hover {
   color:            #E0791F;
   font-weight:      bold;
   text-decoration:  underline;
}

/* Menue-Style-Sheets */

a.menu:link {
   color:            #dddddd;
   font-weight:      bold;
   text-decoration:  underline;
}

a.menu:visited {
   color:            #cccccc;
   font-weight:      bold;
   text-decoration:  underline;
}

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

.menu {
	margin-bottom:		5px;
}

.menuHeadline {
   font-size:        11pt;
   font-weight:      bold;
   margin-top:			15px;
   margin-bottom:		5px;
}

td {
   font-size:        10pt;
}

/* Tabellenlayout für die Formular-Tabellen */

.tableHead {
   color:            #444444;
   width:            750px;
   max-width:        750px;
   text-align:       left;
   background-color: #85C226;
   border-width:     1px 1px 0px 1px;
   border-color:     #555555;
   border-style:     solid;
   border-collapse:  collapse;
   padding:          10px;
}

.tableMenu {
   width:            720px;
   text-align:       center;
   background-color: #85C226;
   border-width:     0px;
   border-color:     #555555;
   border-style:     solid;
   border-collapse:  collapse;
}

.tableBox {
   color:            #666666;
   width:            750px;
   text-align:       left;
   background-color: #ffffff;
   border-width:     1px;
   border-color:     #555555;
   border-style:     solid;
   border-collapse:  collapse;
   padding:          10px;
}

.modul {
   color:            #222222;
   background-color: #caddea;
   border-width:     1px;
   border-color:     #aaaaaa;
   border-style:     solid;
   border-collapse:  collapse;
}

.modul th {
   text-align:         left;
   font-weight:      bold;
}

.modul td {
   vertical-align:   top;
}

.mark {
   color:            #0000ff;
}

h1 {
   color:            #333333;
}

h2 {
   color:            #85C226;
   text-align: left;
}

.mark {
	background-color:yellow;
}

.filmlijst {
	text-align:left;
}
.filmlijst li {
	 margin-bottom:10px;
}

.kleiner {
	font-size:9px;
}

pre {
	font-size:11px;
}

pre u { /* stoorfactor in captcha */
	display:none;
}

/*================= OPMAAK AGENDA IN LINKER KOLOM======= */

table.agenda {
	border:none;
	font-size:8pt;
	font-family:Arial;
	margin-top: 10px;
}
table.agenda th {
	text-align:center;
	font-size:12pt;
	font-family:Arial;
	color:#FF9900;
}
table.agenda td {
	text-align:center;
	font-size:8pt;
	font-family:Arial;
}
.eerstemaand {
	margin-top:25px;
}

tr.weekdagen td {
	color:#000;
}

.today {
	background:#ccc;
	color:#000;
}
.weekend {
	color:#000;
}

a.infobox, a.nietVolledig, a.infobox:visited, a.nietVolledig:visited, a.externeActiviteit, a.externeActiviteit:visited { text-decoration:none; color:#000000; background:#FFFFFF; display:block; }

a.nietVolledig, a.nietVolledig:visited, a.nietVolledig:hover {background:yellow; text-decoration:none;}

a.externeActiviteit, a.externeActiviteit:visited, a.externeActiviteit:hover {background:#90EE90; text-decoration:none;}

a.infobox:hover, a.nietVolledig:hover, a.externeActiviteit:hover { color:#CC0000; text-decoration:none;}

/* ================================== TBV INVOER GOOGLE MAPS =============================*/

#mapcover { /* Om Googlemaps tijdelijk af te dekken wanneer de gebruiker adres invoert voor bepalen route */
	z-index:10000;
/*	background:#85BBEF;*/
	background:transparent;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	width:0;
	height:0;
	margin:0;
	display:none;
	position:absolute;
	left:0;
	top:0;
}
#mapinvoer {
	background:#fff;
	border:1px solid lightslategray;
	padding: 0.5em;
	margin-top:34px;
}

#mapvelden input {
	position:relative;
	float:right;
	margin-right:190px;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	background:#fff;
}

#map {
	width: 35em;
	height: 25em;
}

#routebeschrijving, #routebeschrijvingvanaf {
	overflow:show;
	height:auto;
	display:none;
}

#routenaarkop, #routevanafkop {
	margin-top:30px;
	display:none;
}
#routeaanvulling {display:none;}

img.reset {
	vertical-align:middle;
}

#printdiv { /* gebruikt om tijdelijk inhoud te plaatsen die selectief geprint moet worden */
	display:none;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbImage img {
	z-index:1;
	position:relative;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height:100%;
	outline: none;
	z-index:2;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*==================== SLIDESHOW ===================*/

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/

.slideshow{display:block;position:relative;z-index:0;}
.slideshow-images{display:block;overflow:hidden;position:relative;}
.slideshow-images img{display:block;position:absolute;z-index:1;}
.slideshow-thumbnails{overflow:hidden;}
.slideshow-images{height:300px;width:400px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}
.slideshow{height:300px;margin:0 auto;width:400px;}
.slideshow a img{border:0;}
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
.slideshow-captions-hidden{height:0;opacity:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}
.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}
.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}
.slideshow-loader-hidden{opacity:0;}
.slideshow-loader-visible{opacity:1;}
.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}
.slideshow-thumbnails *{margin:0;padding:0;}
.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}
.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}
.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}
.slideshow-thumbnails img{display:block;}
.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}

a.markeer {
	color: #FFFF00 !important;
}