/* Font voor de hele site.*/
body {
	font-family: Arial;
}

/* Font voor grootste titels.*/
h1 {
	font-size: medium;
	letter-spacing: -1px;
}

/* Font voor grootste titels.*/
h2 {
	font-size: x-small;
}

/* Font voor normale tekst.*/
p, ul, table {
	font-size: xx-small;
	letter-spacing: 0px;
	line-height: 1.7em;
}

/**
 * De roze driehoek, waar je op kunt klikken voor meer informatie
 * over een item.
 */
a.meerlink {
	background: url(images/meer.gif) no-repeat;
	width: 10px;
	height: 10px;
	padding-right: 10px;
	vertical-align: bottom;
	text-decoration: none;
}

/*
 * Het hoofd-gedeelte van de pagina, waar de informatie in komt. Er wordt
 * genoeg lege ruimte gehouden aan alle kanten (de padding) en op de
 * achtergrond, rechts onder, komt het Imperium logo.
 */
.content {
	margin: 0px;
	padding: 30px 70px 60px 15px;
	vertical-align: top;

	background-image: url(images/logo.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;

	overflow: auto;
	height: 500px;
}


/*
 * De grote foto links.
 */
.foto {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

/**
 * Font voor alle menu items.
 */
.menu a {
	padding: 10px;
	font-size: 12px;
	font-weight: bolder;
	letter-spacing: 0px;
	text-decoration: none;
}

/**
 * Het hoodfmenu (seizoen, agenda enz.) krijgt als achtergrond de grijze
 * balk.
 */
.menu-boven {
	background-image: url(images/bovenbalk.jpg);
	height: 28px;
}

/**
 * Het hoofdmenu is zwart.
 */
.menu-boven a {
	color: #000000;
}

/**
 * Het hoofdmenu is wit, zodra je er met je muis overheen gaat.
 */
.menu-boven a:hover {
	color: #ffffff;
}

/**
 * Het andere menu (home, contact enz.) is roze.
 */
.menu-rechtsboven a {
	color: #d20339;
}

/**
 * Het andere menu is zwart, zodra je er met je muis overheen gaat.
 */
.menu-rechtsboven a:hover {
	color: black;
}

/**
 * De grijze onderbalk.
 */
.onderbalk {
	background-image: url(images/onderbalk.jpg);
	height: 25px;
	width: 100%;
}

/**
 * De grijze onderbalk.
 */
.error {
	color:#FF0000;
}