body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
}

h1 {
	font-weight: bold;
	font-size: 20px;
	margin:	0px	0px	10px 0px;
}
h2 {
	font-weight: bold;
	font-size: 18px;
	margin:	0px 0px 9px 0px;
}
h3{
	font-weight: bold;
	font-size: 16px;
	margin:	0px 0px 0px 0px;
}
h4{
	font-weight: normal;
	text-decoration: underline;
	font-size: 16px;
	margin:	0px 0px 0px 0px;
}

p{
	margin:	0px	0px	16px 0px;
}

img {
	border: none;
}

table {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	vertical-align: top;
}

textarea{
	width:	600px;
	height: 160px;
}

.error{
	background-color:	#660000;
	color:	#FFFFFF;
	border: solid 2px #000000;
}
a:link{
	color: #999999;
	text-decoration: none;
	font-size: 14px;
}
a:visited {
	color: #999999;
	text-decoration: none;
	font-size: 14px;
}

a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
}

a:active {
	color: #999999;
	text-decoration: none;
	font-size: 14px;
}

/**********
* Specieke klassen
**********/
table.factuur{
}
td.factuurgetal{
	text-align: right;
}

tr.totaal{
	border-top: #000000 2px solid;
	font-weight: bold;
}
tr.bottomborder{
	border-bottom: #000000 1px solid;
}
tr.topborder{
	border-top: #000000 1px solid;
}

input.small{
	width:	38px;
}
option.schuin{
	font-style:	italic;
}
/**********
* Speciale omstandigheden
**********/

td h1{margin-top:	16px;}
td h2{margin-top:	16px;}

/**********
* Tooltip expansie
**********/
.xstooltip {
    visibility: hidden;
    position: absolute; 
    top: 0px;
    left: 20px;
    z-index: 2; 
    padding: 3px; 
    border: solid 1px;
	background-color:	#660000;
	color:	#FFFFFF;
	width:	560px;
}

/* de "nieuwe gebruiker"-link */
a.nieuwegebruiker:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

a.nieuwegebruiker:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

a.nieuwegebruiker:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 10px;
}

a.nieuwegebruiker:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

/**********
** Het Menu **
**********/
#menu{
	position: absolute;
	left: 15px;
	z-index: 2;
	font-size: 14px;
	top: 146px;
}

/* de links in het navigatiemenu */
a.menulink:link {
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.menulink:visited {
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.menulink:hover {
	font-size: 14px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

a.menulink:active {
	font-size: 14px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

/* de link die op het moment bekeken wordt */
a.huidig:link {
	font-size: 14px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

a.huidig:visited {
	font-size: 14px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

a.huidig:hover {
	font-size: 14px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

a.huidig:active {
	font-size: 14px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

/* de sublinks in het navigatiemenu */
a.submenulink:link {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

a.submenulink:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

a.submenulink:hover {
	font-size: 12px;
	text-decoration: none;
	color: #990000;
}

a.submenulink:active {
	font-size: 12px;
	text-decoration: none;
	color: #990000;
}

/* de link die op het moment bekeken wordt */
a.subhuidig:link {
	font-size: 12px;
	text-decoration: none;
	color: #990000;
}

a.subhuidig:visited {
	font-size: 12px;
	text-decoration: none;
	color: #990000;
}

a.subhuidig:hover {
	font-size: 12px;
	text-decoration: none;
	color: #990000;
}

a.subhuidig:active {
	font-size: 12px;
	text-decoration: none;
	color: #990000;
}

/*Evenemnentenbeheer*/
table.inschrijvingenoverzicht{
	border-collapse: separate;
	width:	100%;
}
tr.odd{
	background-color:	#EEEEEE;
}
td.inschrijving{
	padding-left:	5px;
	padding-right:	5px;
}
 
td.centreer{text-align:	center;}
input.lokatie{	width:	200px;}
input.strlok{		width:	158px;}
input.nrlok{		width:	 38px;}
textarea.lokatie{	width:	200px;	height:	100px;}

table.achtergrond{width:	100%;}
textarea.opdracht{width:	494px;	height:	80px;	vertical-align:	middle;}
span.dood{	text-decoration:	line-through;}
option.klaar{	color:	blue;}
option.nieuw{	color:	green;}
option.XP{}
option.dood{	text-decoration:	line-through;}


td.geruchtlijstwereld{text-align:	center;}
td.geruchtlijsttekst{}
td.geruchtlijstsoort{}
td.geruchtlijsttype{text-align:	center;}
td.geruchtlijstwaar{text-align:	center;}


/* de oude evenementen*/
p.oudevenement{color: #999999;}

/*Nieuwe spelers*/
a.nieuwespeler:link {	color: #FF0000;	text-decoration: none;	font-size: 14px;}
a.nieuwespeler:visited {	color: #FF0000;	text-decoration: none;	font-size: 14px;}
a.nieuwespeler:hover {	color: #000000;	text-decoration: none;	font-size: 14px;}
a.nieuwespeler:active {	color: #FF0000;	text-decoration: none;	font-size: 14px;}

/* de "nieuwe gebruiker"-link */
a.nieuwegebruiker:link {		color: #FFFFFF;	text-decoration: none;	font-size: 10px;}
a.nieuwegebruiker:visited {	color: #FFFFFF;	text-decoration: none;	font-size: 10px;}
a.nieuwegebruiker:hover {	color: #FFFFFF;	text-decoration: underline;	font-size: 10px;}
a.nieuwegebruiker:active {	color: #FFFFFF;	text-decoration: none;	font-size: 10px;}

/**********
* Personalia formulier
**********/

input.pt{		width:	300px;}
input.pvn{	width:	100px;}
input.pvv{	width:	 44px;}
input.pan{	width:	140px;}
input.pstr{	width:	250px;}
input.pnr{	width:	 42px;}
input.pp{		width:	230px;}
input.pc{		width:	 62px;}
textarea.pt{	width:	557px;	height:	150px;}
select.ps{	width:	303px;}
td.pg{}

/*****************
 ** Unieke ID's **
 *****************/

/* de titelbalk */
#bannerlinks {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#bannerlinkseinde {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 595px;
}

#bannerrechts {
	position: absolute;
	left: 264px;
	top: 0px;
}

#bannereinde {
	position: absolute;
	left: 800px;
	top: 0px;
}

/* het inlogformulier */
#gebruiker,#wachtwd,#knop {
	position: absolute;
	z-index: 3;
	font-size: 10px;
}

#gebruiker,#wachtwd {
	left: 605px;
	width: 142px;
	height: 15px;
}

#gebruiker {
	top: 15px;
}

#wachtwd {
	top: 40px;
}

#knop {
	top: 66px;
	left: 706px;
	height: 20px;
}

/*indien ingelogd zijn de volgende id's van toepassing*/
#inlog{
	position: absolute;
	left: 605px;
	top: 20px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	z-index: 3;
}

#uitloggen{
	position: absolute;
	left: 605px;
	top: 40px;
	z-index: 3;
	font-size: 10px;
}

#mijnprooptiki{
	position: absolute;
	left: 605px;
	top: 64px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 3;
}


/* "nieuwe gebruiker" */
#nieuwegebruiker {
	position: absolute;
	left: 605px;
	top: 64px;
	z-index: 2;
}

#main {
	top: 189px;
	text-align: justify;
	position: absolute;
	width: 600px;
	left: 257px;
	z-index: 3;
}

/**********
* Logweergave spelleidersdeel
**********/
#Wijzigingen{
	border: 1px solid;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 200px;
	overflow:	auto;
	z-index: 3;
}
#recent_ingelogd {
	border: 1px solid;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100px;
	overflow:	auto;
	z-index: 3;
}

/**********
* Clearbits
**********/
img.Dood{
	background-color: #333333;
	background-image: url(../afbeeldingen/bg_circle.gif);
	background-repeat: no-repeat;
}
img.nieuw{
	background-color: #00CC00;
	background-image: url(../afbeeldingen/bg_circle.gif);
	background-repeat: no-repeat;
}
img.XP{
	background-color: #FFFF33;
	background-image: url(../afbeeldingen/bg_circle.gif);
	background-repeat: no-repeat;
}
img.Klaar{
	background-color: #0000CC;
	background-image: url(../afbeeldingen/bg_circle.gif);
	background-repeat: no-repeat;
}

.clearbitgreen{
	background-color: #009900;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}
.clearbitgray{
	background-color: #999999;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}
.clearbitrust{
	background-color: #660000;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}

img.clearbityellow{
	background-color: #FFCC00;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}
img.clearbitred{
	background-color: #FF0000;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}
img.clearbitorange{
	background-color: #FF9900;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}
img.clearbitblue{
	background-color: #000066;
	background-image: url(../afbeeldingen/bg_rounded.gif);
	background-repeat: no-repeat;
}