/********************************************
   HTML ELEMENTS
********************************************/ 

html {
	min-height: 100%;
	height: auto;
}

body
{
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
	font-size:12px;
	background-color:#8cb6e0;
}

a
{
	color:#333333;
	font-weight:bold;
}

#template
{
	background-image:url(../images/gradient.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	background-color:#6097d7;
	width:100%;
	height:100%;
}

#template .background
{
	background-image:url(../images/toren.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	width:100%;
	height:100%;
}

#template .medewerkers
{
	text-align:right;
}

#template .header
{
	background-image:url(../images/logo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:546px;
	height:102px;
	position:relative;
	left:50%;
	margin-left:-273px;
	margin-bottom:20px;
}

#template .header .menu
{
	height:20px;
	width:432px;
	background-color:#282129;
	position:relative;
	bottom:-70px;
	left:5px;
	z-index:200;
}

#template .content
{
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom:150px;
	width:980px;
	display:none;
}

#content_box
{
	background-color:rgba(255,255,255,0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
	padding:20px;
	line-height:1.5;
}

#content_top, #content_bottom
{
	opacity:0.4;filter:alpha(opacity=40);
}

#template .footer
{
	text-align:center;
	vertical-align:middle;
	height:30px;
}

/* Errors */
div.error {
	color: #cc0000; 
	border: 2px #cc0000 solid;
	background: #ffcccc;
	padding:5px;
	width:100%;
	text-align:left;
}

div.error a {
	color: #cc0000 !important;
}

div.success {
	color: #006600; 
	border: 2px #006600 solid;
	background: #99ff99;
	padding:5px;
	width:926px;
	text-align:center;
	text-align:left;
}

div.success a {
	color: #006600 !important;
}

span.LV_validation_message {
color: #660000;
font-weight:bold;	
}

input.LV_invalid_field {
border: 2px #cc0000 solid;
background: #ffcccc;	
}

select.LV_invalid_field {
border: 2px #cc0000 solid;
background: #ffcccc;	
}

/* Menu */
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
width:100%;
padding: 0px 8px;
}

#nav li {
float: left;
padding: 0px 6px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#nav a{
font-weight: bold;
color: white;
cursor:pointer;
}

#nav a.active, #nav a:hover{
color: #d2db1c;
}

#nav li{
background-color: #282129;
}

#nav ul li{
background-color: #282129;
width: 70px;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */ 


/* Home */
#home a
{
color: #333333;
text-decoration:none;
font-weight:bold;
}

#home img.flyer
{
border:none;
width:235px;
height:243px;
margin:20px;
}

/* Foto's */
#fotos .albums
{
	width:100%;
	text-align:center;
}

#fotos .albums td
{
	background-color:#FFF;
}

#fotos .albums a
{
	color: #333333;
	font-size:18px;
	text-decoration:none;
}

#fotos .albums  a:hover
{
	color: #d2db1c;
}

#fotos .albums td img
{
	border:none;
}

/* Programma */
#programma .overzicht
{
	width:100%;
	margin-bottom:40px;
	text-align:left;
	
}

#programma .overzicht th
{
	border-bottom:1px #333333 solid;
	font-size:14px;
	text-align:left;
}

#programma .overzicht td.onderdeel
{
	font-weight:bold;
	height:35px;
	vertical-align:bottom;
}

#programma .overzicht td.onderdeel div
{
	background-color:#333333;
	padding:3px;
	color:white;
	margin-bottom:5px;
}

#programma .overzicht td.wanneer
{
	width:140px;
}

#programma .overzicht td.wat
{
	padding-right:30px;
}

#programma .overzicht td.waar
{
	width:120px;
}

#programma .info
{
	margin-bottom:40px;
	font-style:italic;
}

#programma .flyer
{
	width:100%;
	text-align:center;
}

/* Sponsors */
#sponsors .overzicht
{
	width:100%;
	margin-bottom:40px;
	text-align:left;
}

#sponsors .overzicht th
{
	border-bottom:1px #333333 solid;
	font-size:14px;
	text-align:left;
}

#sponsors .overzicht td.naam
{
	width:270px;
}

#sponsors img.sponsorboekje
{
	border:none;
	width:235px;
	height:243px;
}

#kippenfestijn .info
{
	font-style:italic;
}