/* 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;
	/*background-color: #FFFFFF; TG240410 Tijdelijke kleur tijdens opbouw site */
	}

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 en eventuele biologische submenu*/
	position: absolute;
	margin-left: -30px;
	left: 0px;
	top: 30px;
	width: 200px;
	/*background-color: #FFCCFF; TG170410 Tijdelijke kleur tijdens opbouw site */
	font-style: italic;
	}

.hoofdmenu { /*TG250410: hoofdmenu bevat de links naar de gewone pagina's*/
	left: 0px;
	top: 400px;
	width: 200px;
	/*background-color: #99FF33; TG170410 Tijdelijke kleur tijdens opbouw site */
	}

.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: -10px;
	margin-bottom: 5px;
	}

.activiteitenmenu { /*TG250410: activiteitenmenu bevat activiteiten deze week*/
	position: absolute;
	left: -200px;
	top: 450px;
	width: 170px;
	/*background-color: #FFFF99; TG170410 Tijdelijke kleur tijdens opbouw site */
	}

.last_update { /*TG250410: tekstje op homepage met laatste update-datum*/
	position: absolute;
	height: 10px;
	width: 170px;
	font-size: 11px;
	top: 640px;
	left: -200px;
	}

/*
.last_update { TG250410: tekstje op homepage met laatste update-datum
	height: 10px;
	width: 170px;
	margin-top: 50px;
	margin-left: 0px;
	font-size: 11px;
}
*/
.kernpaneel { /*TG250410: groot paneel waarin de teksten en foto's en zo zitten */
	position: absolute;
	top: 0px;
	margin-left: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-color: #CCCCFF; TG170410 Tijdelijke kleur tijdens opbouw site */
	}

.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 {
	font-style: italic;
	color: #969696;
	}

.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;
	}

.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;
	}

#ledeninfo { /*TG260410: div voor tekstgedeelte op pagina ledeninfo*/
	position: absolute;
	left: 0px;
	top: 30px;
	width: 570px;
	margin-top:0px;
	margin-left:0px;
	}

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

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

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

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

#documenten ul, #bestuur ul { /*TG260410: verwijdert bullets in menu's*/
	list-style: none;
	margin-left: -30px;
	}

.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;
}

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: 150px;
	top: 100px;
	width: 525px;
/*	color: #00FFFF; TG280810: Lichtblauwe tekst tijdelijk weer ongedaan gemaakt - tot figuur er weer is. */
	}

.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 zodta hij beter past */
	position: relative;
	left: -20px;
	}

.galerijtabel { /*TG020510: overzichtstabel van alle albums */
	width: 105%;
	padding: 0px;
	}

.galerijtabel td { /*TG030510: cellen in overzichtstabel van alle albums */
	width: 150px;
	height: 140px;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	}

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

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

.galerijtabel a { /*TG030510: links in overzichtstabel van alle albums */
	text-decoration: none;
	}

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

.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 */
	}

/* ex-blauw.css */
/*


}

td.duiken{
	background-color: #FFFFCC;
}
#button, .paneel2{
	background-color: #99ccff;
	color: Black;
}
.paneel2{
	margin: 0px 3px 3px 0px;
	padding: 10px;
	font-size: 70%;
}
.paneel  {
background-color: #FFFFFF;
height:auto !important;
margin:0 auto -64px;
min-height:100%;
padding:0 6px;
position:relative;
width:600px;
}

paneel{
	left: 180px;
}

#paneel, .menu_paneel{
	position: absolute;
	top: 235px;
	padding: 5px;
	border: ridge;
	margin-bottom: 100px;
}

.menu_paneel{
	left: 15px;
	width: 125px;
}


.red {color: #FF0000}
.donkerder td {background-color: #62BCFF;}
.lichter td {background-color: #C1E0FF;}
.leden tr td.v {
	background-color: Fuchsia;
}
.leden tr td.m {
	background-color: #1E90FF;
}
.leden tr td, .leden{background-color: #9999ff;}
.menu_paneel a {
	color: #ffffff;
}
.menu_paneel a:hover{
	color: #000000;
}
.style1 {
				color: #0D4E95;
}
.vandaag {
		color: #FF0000;
}
.sidered {
	color: #0D4E95;
}
.berichtjes {
	background-color: #003366;
	color: #99ccff;
}
.menu_paneel{
	background-color: #6699cc;
	color: #fff;
}


h4{
	color: #0D4E95;
}
a {
	color: #333333;
}
a.sideredlinks{
color: #0D4E95;
}
a:hover{
	color:White;
}
#button li a {
		background-color: #DADADA;
		color: Black;
}
#button li a:hover {
		color: #fff;
		background-color: ActiveBorder;
}
















/* algemeen.css
.berichtjes {
	z-index: 5;
	top: 115px;
	margin-left: 10%;
	width: 80%;
	height: 20px;
	padding: 0.3em 0.3em 0.3em 0.3em;
	position: absolute;
	border: ridge;
}

.bar {
	text-align: center;
	z-index: 5;
	width: 100%;
	top: 160px;
	position: absolute;
}















/* menu.css
#button {
	margin: 0px 3px 3px 0px;
	padding: 7px 7px 7px 7px;
}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
#button li {
		margin: 0;
}
#button li a {
		font-size: 80%;
		border: outset;
		display: block;
		padding: 5px 3px 3px 5px;
		text-decoration: none;
		width: 100%;
		margin-bottom: 3px;
}

#button li a {
		width: auto;
}

#button li a:hover {
		border: inset;
		margin-bottom: 3px;
}

#maincontent {
padding: 0px
	color: Black;
	}

#tabs {
	padding: 5px;
	margin: 0px;
	}


	#maincontent #tabs ul {
		margin: 0;
		padding: 0;
		display: inline;
		}

	#maincontent #tabs{
	padding-top:0px;
	padding-bottom:5px;
	border: 0px;
}


	#tabs ul li{
		margin-left: 3px;
		margin-top: 0px;
		padding: 5px 15px 5px;
		list-style: none;
		display: inline;
		background-color: #ffffe0;
		}
	#tabs ul li a:hover{
		color: #c0c0c0;
		}

	#tabs ul li.here {
		background-color: #99ccff;
		list-style: none;
		display: inline;
		}
















/* text.css

td,select,input,textarea,.side{
	margin: 0px;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0px;
}


td.duiken{
	cursor: hand;
}
td.button {
	width: 50px;
	font: bold;
}
.invisible{
	display: none;
}
.rechts{
	text-align: right;
}
a {
	text-decoration:none;
}
.menu_paneel a {
	font-size: 80%;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

*/

.invisible{
	display: none;
}