/*
	DIT CSS-BESTAND BEVAT ALLE OPMAAK DIE ALGEMEEN IS VOOR ALLE PAGINA'S.
	GELDIG VOOR HET PAGE.TPL BESTAND
	
	AUTEUR: THOMAS VAN DEN BOSSCHE
*/

/* ALLES EVEN RESETTEN, BEHALVE BORDERS ZODAT DE FORMULIEREN ER STANDAARD BLIJVEN UITZIEN */
* {
	margin: 0px;
	padding: 0px;
}

/* OMVAT ZOWAT ALLES - ALGEMEEN DUS */
body {
	font-size: 12px;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
}

h2 {
	letter-spacing: -1px;
	color: #555242;
	font-size: 18px;
	margin-bottom: 10px;
}

/* DE TITELS "NIEUWSBERICHTEN" EN "TOERNOOIEN" IN TWEE KLEUREN */
h2 .different {
	color: #9DC30B;
}

p {
	font-size: 13px;
}

a, a:visited, a:active, a:hover {
	color: #9DC30B;
}

ul li, ol li {
	list-style-type: none;
}

td {
	background-color: #D4D9CF;
	padding: 10px;
}

#outer {
	float: left;
	width: 100%;
}

/* DE HEADER - BOVENKANT VAN DE PAGINA */
#header {
	background-color: #555242;
	margin: 10px;
	height: 100px;
}

/* DE TITEL VAN DE PAGINA (Smash for Fun Lembeke) IN EEN APARTE DIV */
/* ZO IS HET MAKKELIJKER OM DE AFBEELDING VAN DE BADMINTONNER NAAST DE TITEL TE KRIJGEN */
#header #title {
	float: left;
	margin-right: 17px;
}

#header #title h1 {
  font-size: 23px;
  letter-spacing: -1px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  padding: 10px 0px 5px 5px;
}

#header #title h1 a, #header #title h1 a:visited, #header #title h1 a:active, #header #title h1 a:hover {
	color: #ECECEC;
	text-decoration: none;
}

#header #title h1 #light {
	color: #BEF000;
}

#header #title h2 {
	color: #BEF000;
	font-size: 11px;
	padding-left: 5px;
}

/* THE JUMPING PLAYER */
#header img {
	float: left;
}

/* LOGINGEGEVENS IN DE HEADER */
#header #login {
	float: right;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 80px 10px 0px 0px;
}

#header #login a, #header #login a:visited, #header #login a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#header #login a:hover {
	text-decoration: underline;
}

/* PROFIELFOTO IN DE HEADER */
#header #login a img {
	margin: -57px 0px 0px -72px;
	border: 1px solid #D4D9CF;
}

#header #login h3 {
	margin: -60px 0px 0px 0px;
}

/* HET MENU */
#menu {
	background-color: #D4D9CF;
	border-top: 3px solid #9DC30B;
	margin: -10px 10px 10px 10px;
	padding: 3px 0px 10px 0px;
	height: 20px;
}

#menu ul li {
	float: left;
	display: inline;
	text-align: center;
	width: 85px;
	font-size: 12px;
	padding: 8px 10px 7px 10px;
	margin-top: -3px;
}

#menu ul li a, #menu ul li a:visited, #menu ul li a:active {
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

/* HET ACTIEVE ONDERDEEL VAN HET MENU - WAAR DE GEBRUIKER ZICH DUS BEVINDT */
#menu ul #active {
	background-color: #9DC30B;
	padding-bottom: 10px;
}

#menu ul #active a, #menu ul #active a:visited, #menu ul #active a:active {
	color: #FFFFFF;
}

/* NAVIGATIEMENU - TWEEDE MENU */
#navigation {
	background-color: #9DC30B;
	margin: -10px 10px 10px 10px;
	padding: 3px 0px 10px 0px;
	height: 20px;
}

#navigation li {
	float: left;
	display: inline;
	list-style-type: none;
	text-align: center;
	width: 85px;
	font-size: 12px;
	padding: 8px 10px 7px 10px;
	margin-top: -3px;
}

#navigation li a, #navigation li a:visited, #navigation li a:active {
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: underline;
}

#navigation li a:hover {
	text-decoration: none;	
}

/* DE HOOFDINHOUD OP ELKE PAGINA */
#content {
	margin: 0px 10px;
}

/* DE SPONSORS */
#sps {
	text-align: center;
}

#sps img {
	margin: 30px 10px 30px 10px;
	border: 1px solid #9DC30B;
	padding: 3px;
}

/* AFSLUITING VAN DE PAGINA */
#footer {
	clear: both;
	background-color: #555242;
	margin: 10px;
	text-align: center;
	padding: 5px 0px;
	color: #FFFFFF;
	font-size: 12px;
}

#footer a, #footer a:visited, #footer a:active, #footer a:hover {
	color: #9DC30B;
}

#footer a:hover {
	text-decoration: none;
}

/* ALLES EVENTJES WAT DIKKER ZETTEN */
.vet {
	font-weight: bolder;
}

.center {
	text-align: center;
}

/* IN'T ROOD */
.red {
	color: Red;
}