@charset "utf-8";
/* 
KERMIS OOSTERHOUT WEBSITE 2008
css pagelayout

author: 	Bas Buermans | MediaMakers © 2008
date: 		25-06-2008

*/

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
	background: url(../img/bg.gif) #ea6d08 top left repeat-x;
}

img
{  
	border-style: none;
}

div#wrapper
{
	position: absolute;
	left: 50%;
	margin-left: -262px; /* - (width/2)  */
	width: 535px;
	height: 100%;
	height: auto !important; 
	min-height: 100%;
}

div#header
{
	position: absolute;
	top: 15px;
	width: 535px;
	height: 100px;
	background: url(../img/header_logo1.gif) top left no-repeat;
}

div#nav
{
	position: absolute;
	top: 125px;
	width: 535px;
	height: 24px;
	background: url(../img/navbg.gif) top left no-repeat;
}

#navlist li
{
	list-style-type: none;
	display: inline;
	padding: 6px;
}

a.navlink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a.navlink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a.navlink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00295b;
	text-decoration: none;
}

a.navlink:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00295b;
	text-decoration: none;
}

div#content
{
	position: absolute;
	top: 159px;
	width: 535px;
	height: 620px;
	background: url(../img/contentbg.gif) top left no-repeat;
}

.head
{
	margin-top: 1em;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #00295b;
	text-decoration: none;
}

p.content
{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

a.content:link
{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

a.content:visited
{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

a.content:hover
{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	color: #ea6d08;
	text-decoration: none;
}

a.content:active
{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

.textfat
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00295b;
	text-decoration: none;
}

a.fotolink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

a.fotolink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

a.fotolink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ea6d08;
	text-decoration: none;
}

a.fotolink:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00295b;
	text-decoration: none;
}

p.fotounlinked
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
}

div#footer
{
	position: absolute;
	top: 784px;
	width: 535px;
	height: 20px;
}

#footerlist li
{
	list-style-type: none;
	display: inline;
	padding: 5px;
}

.footertext
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
}

a.footerlink:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
}

a.footerlink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
}

a.footerlink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00295b;
	font-size: 10px;
}

a.footerlink:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
}