/* TG170410 - Created on 17-apr-10 */

html {
	overflow-y: scroll; /*TG240410: zorgt dat vertikale scrollbalk (rechts) ook blijft als het niet nodig is*/
	}

body {
	background-color: #FFFFFF;
	background-image: ;
	color: Black;
	margin: 0px;
	padding-bottom: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	text-align: justify;
	}

.hoofding { /*TG240410: dit is de ganse header, die */
	position: relative;
	margin: 0;
	border: 0px;
	padding: 0px;
	height: 140px;
	width: 100%;
	z-index: -1;
	/* background-color: #CCFFFF; TG170410 Tijdelijke kleur tijdens opbouw site */
	}

.hoofding-image { /*TG240410: dit is de achtergrondfiguur van de header, die verder naar beneden loopt dan de header zelf*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	vertical-align: top;
	z-index: -1;
	}

.div-clublogo { /*TG050510: div voor plaatsing clublogo */
	position: absolute;
	top: -135px;
	left: 5px;
	}

.clublogo { /*TG050510: clublogo */
	width: 180px;
	}

.logolink img { /*TG050510: home-link van clublogo */
	border: none;
	}

.naamlink img { /*TG050510: home-link van clubnaam */
	border: none;
	width: 200px;
	}

.div-clubnaam { /*TG050510: div voor plaatsing clubnaam */
	position: absolute;
	top: -135px;
	left: 200px;
	}

.clubnaam { /*TG240410: dit is de tekst bovenaan (clubnaam)*/	/*TG050510: DIT MAG WEG ALS CLUBNAAM UIT FIGUUR BESTAAT! */
	position: absolute;
	top: -140px;
	left: 140px;
	padding-top: 15px;
	padding-left: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	}

#fotobar { /*TG050510: plaatst de fotobar in de hoofding */
	position: absolute;
	top: -136px;
	right: 0px;
	}

#container { /*TG250410: dit is het grote kader met menupaneel en kernpaneel)*/
	position: relative;
	width: 972px;
	margin: 0px auto;
	min-height: 760px;
	padding: 0px;
	}

h1 { /*TG250410: h1 is voor de (blauwe) paginatitels*/
	font-size: 1.9em;
	color: #00004A;
	margin-top:20px; /*TG240410: -20px of zo zorgt dat titels van paginakernen een cm hoger staan (dus uit de kern zelfs)*/
	margin-bottom:0px;
	}

h2{ /*TG250410: h2 zijn de blauwe paragraaftitels op de pagina's*/
	font-size: 1.1em;
	color: #000077;
	margin-bottom:-10px;
	}

h3{ /*TG260410: h3 zijn de kleine, zwarte titeltjes op de pagina's*/
	font-size: 1em;
	color: #000000;
	margin-bottom:-10px;
	}

a:link { color: #005E77; text-decoration: none; } /*TG050510: kleuren van links in tekst (behalve indien verderop nog gewijzigd */
a:visited { color: #005E77; text-decoration: none; }
a:hover { color: #0056FF; text-decoration: none; }
a:active { color: #F0056FF; text-decoration: none; }

.menupaneel { /*TG250410: menupaneel bevat hoofdmenu*/
	position: absolute;
	margin-left: -30px;
	left: 0px;
	top: 20px;
	width: 200px;
	font-style: italic;
	}

.ingelogd { /*TG120111: positie van welkomstboodschap op pagina na inloggen */
	position: absolute;
	left: 460px;
	top: -50px;
	width: 400px;
	color: #FFFFFF;
	}

.ingelogd a:link { color: #000000; } /*TG120111: kleuren van Logout-link*/
.ingelogd a:visited { color: #000000; }
.ingelogd a:hover { color: #000000; }
.ingelogd a:active { color: #000000; }

.menu_link a { /*TG250410: links in hoofdmenu*/
	font-size: 15px;
	line-height: 1.8em;
	text-decoration: none;
	}

.menu_link a:link { color: #770000; } /*TG050510: kleuren van links in hoofdmenu*/
.menu_link a:visited { color: #770000; }
.menu_link a:hover { color: #FF0000; }
.menu_link a:active { color: #FF0000; }

.menu_link ul { /*TG250410: verwijdert bullets in hoofdmenu*/
	list-style: none;
	}

ul.no_bullet { /*TG260410: verwijdert bullets in tekstlijstjes (bv. clubmateriaal)*/
	list-style: none;
	margin-top: 0px;
	margin-bottom: 5px;
	}

.activiteitenmenu { /*TG250410: activiteitenmenu bevat activiteiten deze week*/
	position: absolute;
	left: -200px;
	top: 460px;
	width: 170px;
	text-align: left;
	}

.last_update { /*TG250410: tekstje op homepage met laatste update-datum*/
	position: absolute;
	height: 10px;
	width: 170px;
	font-size: 11px;
	top: 760px; /* TG091010: Was 840px op de pagina zonder shirts */
	left: 0px;
	}

.kernpaneel { /*TG180910: groot paneel waarin de teksten en foto's en zo zitten, zit over andere panelen heen */
	position: absolute;
	top: 0px;
	margin-left: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

.standaardpaneel { /*TG180910: div voor tekstgedeelte op de gewone pagina's*/
	position: absolute;
	left: 0px;
	top: 0px;
	width: 770px;
	margin-top:0px;
	margin-left:0px;
	}

.homepaneel { /*TG180910: div voor tekstgedeelte op home-pagina (minder hoog startend)*/
	position: absolute;
	left: 0px;
	top: 10px;
	width: 770px;
	margin-top:0px;
	margin-left:0px;
	}

.berichtpaneel { /*TG180910: div voor berichten (lager startend)*/
	position: absolute;
	left: 0px;
	top: 80px;
	width: 770px;
	margin-top:0px;
	margin-left:0px;
	}

.ledeninfopaneel { /*TG180910: wat smallere div voor tekstgedeelte op pagina ledeninfo*/
	position: absolute;
	left: 0px;
	top: 30px;
	width: 570px;
	margin-top:0px;
	margin-left:0px;
	}

.formulierpaneel { /*TG180910: omkaderde div voor inschrijvingsformulier*/
	position: absolute;
	left: 0px;
	top: 0px;
	width: 770px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	margin-top:0px;
	margin-left:0px;
	background-color: #FFCCFF;
	}

.galerijpaneel { /*TG050111: div voor galerij, albums en foto's, wat breder dan de rest*/
	position: absolute;
	left: 0px;
	top: 10px;
	width: 790px;
	margin-top:0px;
	margin-left:0px;
	}

.centerpaneel { /*TG190510: wat naar rechts opgeschoven paneel specifiek voor kalender en contactform */
	margin-left: 160px;
	}

.kalenderlegende { /*TG010510: plaatst div met kalenderlegende rechts van kalendertabel */
	position: absolute;
	margin-left: 450px;
	top: 160px;
	}

td.grijs { /*TG250410: grijze cursieve tekst op herinschrijvingsformulier en bij opladen van foto's*/
	font-style: italic;
	color: #5A5A5A;
	}

.getijdentabel { /*TG250410: op pagina met getijden, opdat de maandtabellen mooi geschikt staan*/
	border-spacing: 40px 5px;
	text-align: center;
	vertical-align: top;
	}

.linktabel { /*TG250410: tabel op de links-pagina*/
	border-width: 0px;
	width: 100%;
	}

table.linktabel th { /*TG250410: cellen met logo's erin*/
	width: 15%;
	text-align: center;
	border-style: none;
	border-width: 1px;
	}

table.linktabel td { /*TG250410: cellen met tekst erin*/
	border-width: 3px;
	padding: 25px 20px 25px 10px;
	line-height: 1em;
	text-align: left;
	}

.linktabel a { /*TG311010: cellen met tekst erin zijn nu in hun geheel klikbaar*/
	display: block;
	width: 100%;
	height: 100%;
	}

.bestuurtabel { /*TG100510: tabel voor bestuursleden op homepage */
	border-style: none;
	border-width: 1px;
	padding: 5px 10px;
	}

table.bestuurtabel th { /*TG100510: tabel voor bestuursleden op homepage: cellen met functies */
	border-style: none;
	border-width: 1px;
	width: 140px;
	text-align: left;
	}

table.bestuurtabel td { /*TG100510: tabel voor bestuursleden op homepage: cellen met namen */
	border-style: none;
	border-width: 1px;
	width: 220px;
	text-align: left;
	}

#documenten_publiek { /*TG260410: div voor documentenlijst op pagina ledeninfo */
	position: absolute;
	left: 550px;
	top: 0px;
	width: 220px;
	margin-top:0px;
	margin-left:0px;
	text-align: left;
}

#documenten_intern { /*TG260410: div voor documentenlijst op pagina ledeninfo */
	position: absolute;
	left: 270px;
	top: 130px;
	width: 300px;
	margin-top:0px;
	margin-left:0px;
	text-align: left;
}

#documenten_publiek h3 { /*TG030510: documentenlijst op pagina ledeninfo */
	font-style: italic;
	margin-left: 40px;
	}

#documenten_publiek a, #documenten_intern a { /*TG260410: links in hoofdmenu*/
	font-size: 13px;
	font-style: italic;
	line-height: 1.8em;
	text-decoration: none;
	}

#documenten_publiek a:link, #documenten_intern a:link { color: #D20000; } /*TG050510: kleuren van links in documentenlijst */
#documenten_publiek a:visited, #documenten_intern a:visited { color: #D20000; }
#documenten_publiek a:hover, #documenten_intern a:hover { color: #FF8200; }

#documenten_publiek ul, #documenten_intern ul, #bestuur ul { /*TG260410: verwijdert bullets in menu's*/
	list-style: none;
	text-align: left;
	}

#documenten_publiek li, #documenten_intern li { /*TG091010: zet lijstje mooi links*/
	margin-left: 0px;
	}

.facebook { /* TG210610: facebook-link op ledeninfo-pagina */
	position: absolute;
	width: 220px;
	margin-top: -70px;
	margin-left: 552px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;
	text-align: right;
	}

.facebook a:link { color: #00004A; } /*TG050510: kleuren van link naar facebook */
.facebook a:visited { color: #00004A; }
.facebook a:hover { color: #00004A; }

img.facebooklogo { /*TG030510: facebook-logo */
	float: right;
	margin-left: 5px;
	}

th.kalender { /*TG250410: kalender-tabel-headers (met weekdagen) */
	background-color: #D5E5FF; /* mag eigenlijk weg hé, achtergrond website is ook wit */
}
td.kalender{ /*TG250410: kalender-tabel-vakjes (met genummerde dagen) */
	background-color: #F0F0F0; /* mag eigenlijk weg hé, achtergrond website is ook wit */
	cursor: pointer;
	height: 40px;
}

td.kalendervak{ /*TG260711: tabelletje na aanmaken of editen van activiteit */
	background-color: #F0F0F0; /* mag eigenlijk weg hé, achtergrond website is ook wit */
	height: 40px;
}

img.left { /*TG030510: foto's die in een tekst links uitgelijnd staan */
	float: left;
	margin-top: 4px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 20px;
	}

img.right { /*TG030510: foto's die in een tekst rechts uitgelijnd staan */
	float: right;
	margin-top: 4px;
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 0;
	}

img.bottom { /*TG140510: foto die onderaan homepage staat */
	position: relative;
	float: right;
	}

.top { /*TG020510: link 'top' om weer naar top van pagina's te springen */
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	}

.logintabel { /*TG140510: positionering van overkoepelende tabel met achtergrondfoto */
	position: absolute;
	left: 100px;
	top: 110px;
	width: 650px;
	color: #7A7AFF;
	}

.logintabel td { /*TG140510: cel in overkoepelende tabel om binnentabel bovenaan te krijgen */
	vertical-align: top;
	}

.divgalerijtabel { /*TG030510: div om de galerijtabel iets naar links te zetten zodat hij beter past */
	position: relative;
	left: -20px;
	top: 15px;
	}

.tabelgalerijtabel { /*TG050111: overzichtstabel van alle albums */
	width: 770px;
	}

.galerijtabel { /*TG020510: deeltabel (per album) van alle albums */
	width: 150px;
	align: center;
	}

.galerijtabel th { /*TG030510: fotocellen in overzichtstabel van alle albums */
	width: 140px;
	height: 110px;
	text-align: center;
	}

.galerijtabel td { /*TG030510: tekstcellen in overzichtstabel van alle albums */
	width: 110px;
	height: 30px;
	text-align: center;
	vertical-align: bottom;
	}

.galerijtabel a {
	display: block;
	width: 100%;
	height: 100%;
	}

.galerijtabel a:hover { color: #FF0000; }
.galerijtabel a:active { color: #FF0000; }

.galerijtabel a { /*TG030510: links in overzichtstabel van alle albums */
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	cellspacing: 5px;
	}

.galerijfoto { /*TG030510: foto's in overzichtstabel van alle albums (en op upload-pagina) */
	max-width: 140px;
	max-height: 110px;
	border: 2px;
	align: center;
	vertical-align: center;
	}

.galerijlink img { /*TG050510: grijze border van galerijfoto's */
	border: 1px solid;
	border-color: #C3C3C3;
	}

.galerijlink:hover img{ /*TG050510: geeft galerijfoto's oranje border bij mouseover */
	border: 1px solid;
	border-color: #FF8200;
	}

.galerijlink:hover {
	color: #FF0000; /*TG050510: best laten staan - irrelevant definition to overcome IE bug */
	}

.fotodiv { /*TG030111: div met de individuele foto's erin */
	position: absolute;
	top: 25px;
	horizontal-align: center;
	vertical-align: center;
	}

.fototabel { /*TG090111: div voor tabel met foto's per album (en op upload-pagina) */
	top: 35px;
	width: 760px;
	text-align: center;
	text-vertical-align: center;
	}

.divalbumtabel { /*TG050111: div om de albumtabel iets naar links te zetten zodat hij beter past, en wat lager */
	position: relative;
	left: -20px;
	top: 5px;
	}

.albumlink img { /*TG050510: grijze border van albumfoto's */
	border: 1px solid;
	border-color: #C3C3C3;
	}

.albumlink:hover img { /*TG050111: geeft albumfoto's rode border bij mouseover */
	border: 1px solid;
	border-color: #A40000;
	}

.albumlink:hover {
	color: #FF0000; /*TG050510: best laten staan - irrelevant definition to overcome IE bug */
	}

.foto { /*TG020111: eigenschappen van de individuele foto's */
	max-width: 800px;
	max-height: 600px;
	border: 2px;
	}

.albumknop_boven { /*TG120111: enkele stijlen voor blauwe knoppen op fotogalerijpagina's */
	position: absolute;
	top: 10px;
	left: 500px;
	}

.openfotoknop { /*TG160711: knop bovenaan de upload-pagina van de open (publieke foto's) */
	position: absolute;
	top: -10px;
	left: 500px;
	}

.albumknop_onder {
	position: absolute;
	bottom: -20px;
	left: 323px;
	}

.fotogalerijknop {
	position: absolute;
	top: 10px;
	left: 235px;
	}

.fotoknoppen {
	position: absolute;
	top: -20px;
	left: 235px;
	}

ul.fotoknop {
	padding: 0px;
	margin: 10px 0;
	list-style: none;
	float: left;
	}

ul.fotoknop li {
	float: left;
	display: inline; /*For ignoring double margin in IE6*/
	margin: 0 10px;
	}

ul.fotoknop li a {
	text-decoration: none;
	float:left;
	color: #000077;
	cursor: pointer;
	font: 15px Calibri, Arial, Helvetica, sans-serif;
	}

ul.fotoknop li a span {
	margin: 0 10px 0 -10px;
	padding: 2px 0px 5px 10px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	}

ul.fotoknop li a.current, ul.fotoknop li a:hover {
	background: url(../images/fotoknop.png) no-repeat top right;
	color: #00004A;
	}

ul.fotoknop li a.current span, ul.fotoknop li a:hover span {
	background: url(../images/fotoknop.png) no-repeat top left;
	}

ul.fotoknop li.inactive/*, ul.fotoknop li a:hover*/ {
	margin: 0 10px 0 0px;
	padding: 2px 0px 5px 10px;
	color: #5A5A5A;
	}

#titel_formulier { /*TG180910: tabel die de titel van het inschrijvingsformulier vormt */
	cellpadding: 10;
	border-color: black;
	border-style: solid;
	width: 770px;
	border-width: 2px;
	text-align: center;
	}

.invisible{
	display: none;
}