body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	
}

p {
    margin: 10px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

/*  ===========================  LINK STYLES*/
a:link {
	color: #000099;
}

a:visited {
  color: #0000CC;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #FF0000;
}

/* =========================== BASIC CLASSES */

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}


.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.bg {
	background-image:   url(images/bomen.gif);
	background-position : bottom;
	background-repeat: no-repeat;
}

.margin10px {
	margin: 10px;

}

/*  =========================== Background classes for detail pages*/
/* 1.1 watergeest*/
.bgwaterg {
	background-image: url(images/bg_watergeest.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 1.2 aardgeest*/
.bgaardg {
	background-image: url(images/bg_aardgeest.gif);
	background-position : right center;
	background-repeat: no-repeat;
}
/* 1.3 vuurgeest*/
.bgvuurg {
	background-image: url(images/bg_vuurgeest.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 1.4 luchtgeest*/
.bgluchtg {
	background-image: url(images/bg_luchtgeest.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 1.5 plaaggeest*/
.bgplaagg {
	background-image: url(images/bg_plaaggeest.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 1.6 weerwolf*/
.bgweerw {
	background-image: url(images/bg_weerwolf.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 2.1 heks*/
.bgheks {
	background-image: url(images/bg_heks.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 2.2 tovenaar*/
.bgtovenaar {
	background-image: url(images/bg_tovenaar.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 2.3 toverboek*/
.bgtoverboek {
	background-image: url(images/bg_tovenaar.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 3.1 duivel*/	
.bgduvel {
	background-image: url(images/bg_duvel.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 3.2 vrijmetselaar*/
.bgvrijmets {
	background-image: url(images/bg_vrijmets.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 4 historische sage */
.bghistsage {
	background-image: url(images/bg_spookkasteel.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 5 sagen legenden */
.bgsagleg {
	background-image: url(images/bg_saglegend.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 6 sagen sprookjes */
.bgsagspro {
	background-image: url(images/bg_sagsprook.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 7 sprookjes */
.bgsprook {
	background-image: url(images/bg_sagsprook.gif);
	background-position : right top;
	background-repeat: no-repeat;
}
/* 8 legende */
.bglegend {
	background-image: url(images/bg_legende.gif);
	background-position : right top;
	background-repeat: no-repeat;
}




/*  =========================== FORM styles */

form {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.dark {
	font-size:xx-small;
	color:white;
	background-color:#666666;
}

.box {
	color: #666666;
	background-color: #FFFFFF;
	padding: 5px;
	width: 435px;
	border: 1px solid #595754;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
