/* belangrijken stuff eerst :-D */
body {
	background-color: #444444;
	font-family: 'Trebuchet MS', Helvetica, Arial, clean, sans-serif; /* fonts van slashdot.org :-P */
	color: #000000;
	/*de kleur van de randen: #1137CC (sta allemaal in png files) */
}
/* kleuren in gewone RGB waardes:
	(nodig voor JAlbum)
	
Om een nieuwe reeks foto's te zetten dit nie vergeten:

kleuren in gewone RGB waardes:
(nodig voor JAlbum)
	
binnenkant midden: #E6E8EE -> r: 230 g: 232 b: 238
randen: #1137CC -> r: 17 g: 55 b: 204

JAlbum: ShowOff skin met custom.css
	
-> foto's op 640x480 saven zoda zowa iedereen die fatsoenlijk kan zien!
-> thumbnails op 124x124 zetten
-> zet bij de instellingen van ShowOff bij de thumbnails text:number,
   en bij de slides 'show dates' afvinken!
-> bij tab algemeen: thumnail schikking: #rijen op 25 of zo zetten 
   zoda alles in 1nen index.html zal komen!!
   (4 foto's horiz x 25 rijen => 100 foto's max op 1nen index.html!)

(ik heb nen keer 'bewaar als standaard gedaan, dus blijkbaar blijven de 
 settings onthouden!!)


1) maak nen link aan op den foto.html pagina (met den datum erbij)
2) maak een map bij fotos genoemd naam-van-feestje
3) zet hierin den fatsoenlijken fotoroot.html
4) zet den JAlbum album in die map
5) verander den naam in den h1 in index.html!!!!!!

DONE!! :-D

*/

/* ++++++++++++++++++++++++++++++++++++++++++++++
 *        gewone markup op alle pagina's
 */
h1 { /* gewone titels */
	font-size: large;
	display: block;
	border: 1px dashed #1137CC;
	padding-left: 7px;
	background-color: #BBC0D5;
}
.gewonetekst {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}
table {
	margin-left: 20px;
}
caption{
	text-decoration: underline;
	text-align: left;
}
.fotodatum {
	margin-right: 20px;
}
#foto-reeks-lijst {
	line-height: 35px;
	margin-left: 20px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
 *            alles op de intropagina
 */
#intro-container {
	background-color: #BBC0D5;
	vertical-align: middle;
	width: 450px;
}
#voorpagina {
	margin-top: 100px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
 *  de grote div-onderdelen op de main pagina's
 */

/* om de algemene breedte aan te duiden */
#alles-container { 
	vertical-align: middle;
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
}

/* vanboven op alle gewone paginas */
#titelbanner { 
	background-color: #BBC0D5;
}
/* aparte content id om den inhoud daarvan nie over de ronde kaders te laten komen */
#titelbanner-content { 
	/* den dezen wordt wel nie gebruikt omda den 
		titel alleen een paar pictures zijn */
	padding: 7px;
	height: 100px;
}
#foto-links{
	background-image:url(../images/jk-clipart-links.PNG);
	background-position: 10% 50%;
	background-repeat: no-repeat;
	height: 100px;
}
#foto-rechts{
	background-image:url(../images/jk-clipart-rechts.PNG);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	height: 100px;
}
#foto-midden{
	background-image:url(../images/jk-logo-titel.PNG);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100px;
}

/* het rechtse gedeelte met alle gewone content */
#midden { 
	background-color: #E6E8EE;
	margin-top: 5px;
	margin-left: 125px;
}
/* aparte content id om den inhoud daarvan nie over de ronde kaders te laten komen */
#midden-content {
	padding-left: 25px;
	padding-right: 25px;
	/* top en bottom worden manueel per pagina gedaan door nen <br /> om IE happy te maken */
}

#menu { /* het selectiemenu links vanboven */
	background-color: #BBC0D5;
	margin-top: 5px;
	float: left;
	width: 120px;
}
/* aparte content id om den inhoud daarvan nie over de ronde kaders te laten komen */
#menu-content { 
	margin-left: 5px;
	margin-right: 5px;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 4px;
	width: 85px;
}
#bovenmenu{
	margin-top: 9px;
}
#ondermenu{
	margin-bottom: 5px;
}

/* copyright notice vanonder */
#copy { 
	font-size: x-small;
	color: #CCCCCC;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
 *             a-stuff (links dus)
 */
a{
	text-decoration: none;
	font-weight: bold;
	border-bottom: dotted 1px black;
}
.nolinkdecor{ /* om links van de site zelf niet te onderlijnen! */
	border-bottom: none;
}
a:link{ /* unvisited */
	color:#000000
	}
a:visited{ /*visited*/
	color:#000000
	}
a:hover{ /*mouse over link*/
	color:#990000;
	} 
a:active{ /* selected link */
	color:#000000
	} 

/* -------- links in het menu -------- */
#menu a {
	text-decoration: none;
	/*margin-bottom: 6px; Mja deze dingen verneukten blijkbaar de layout in Firefox
	margin-top: 6px;*/
	line-height: 27px;
	display: block;
	width: 90px;
}
#menu a:hover{
	color:#990000;
	background-color: #E6E8EE;
}

/* -------- links naar boven en onder -------- */
#naarboven{
	text-transform: uppercase;
	font-size: x-small;
	padding-right: 40px;
	background-image:url(../images/arrow_up.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
#naaronder{
	text-transform: uppercase;
	font-size: x-small;
	padding-right: 40px;
	background-image:url(../images/arrow_down.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

.kalenderomschrijving{
	margin-left: 15px;
}

/* bij affiches enkel de link tonen om de affiche te vergroten als er een resize was*/
#affichevergrootlink{
	display: none;
}

/* bij de kalender de link naar het archief goe zetten */
#kalenderarchieflink{
	text-align: right;
	margin-right: 7%;
}

/* layout van de tabel voor de tijdlozes */
.tlkol1 {
	width: 20px;
}
.tlkol2 {
	padding-left: 6px;
}
.tlkol3 {
	padding-left: 10px;
}

/* kleiner font voor geschiedenis in het menu */
#gesch_font {
	font-size: 15px;
}
/* foto's bij de geschiedenis wa layouten */
.gesch_foto {
	border: 1px solid #1137CC;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.gesch_foto_no_border {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/* stuff voor de 36 uren van de jk */
.XXuren{
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}
#XXurenDag{
	width: 10%;
}
#XXurenUur{
	width: 10%;
}
#XXurenAct{
	width: 40%;
}
#XXurenProm{
	width: 40%;
}
.XXuren th{
	border-bottom: 1px dotted #1137CC;
}
.XXuren .onderbord{
	border-bottom: 1px dotted #1137CC;
}
.XXuren .bord{
	border-right: 1px dotted #1137CC;
}

	/* Alé om het efkes fun te maken:
		
	Iedereen die dezen tekst right here leest, en naar mij
	persoonlijk komt en het codewoord 'tienersletjes' zegt
	(maar ook vertelt da em het hier las) mag samen met mij
	3 consumpties naar keuze drinken op mijn kosten.
	(in de JK zelf natuurlijk!)
	
	Getekend, Pieter Van Nuffel
	
	(Maar wie leest er ooit css files?? :D :D )
	*/