*
{
	margin: 0;
	padding: 0;
}

	html
	{
		height: 100%;
	}

body
{
	background-color: #b1c7ff;

	color: #666;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	height: 100%;
}

a{
  text-decoration:  none;
}

a:hover{
  text-decoration :underline;
}
#page
{

  background: #fff url(img/body.jpg) repeat-y right;
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	}

* html #page
{
	height: 100%;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;

}

.hidden
{
	position: absolute;
	left: -10000px;
}


	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	#footer
	{
		position: relative;
		z-index:  10;
		margin: -92px auto 0 auto;
		background: #fff url(img/footer.jpg) right no-repeat;
		height: 92px;
		width: 800px;
		text-align: right;

	}
	#footer p{
  	padding:  30px;
  	color:  #fff;

	}

	#footer a{
  	color:  #fff;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -92px;
	}

#header{
  background: #fff url(img/header.jpg) right no-repeat;
	width: 800px;
	height: 386px;
	margin: 0 auto;

}

#header h1{
  display:  none;
}

#main_menu{
  list-style-type: none;
  padding:  304px 0 0 27px;

}

#main_menu li{
  float:    left;
  padding:        0;
}


#main_menu a{
  height: 58px;
  display:block;
}

#main_menu a.festijn{
  width:  145px;
  background: transparent url(img/festijn_bt.jpg) top no-repeat;
}

#main_menu a.thema{
  width:  145px;
  background: transparent url(img/thema_bt.jpg) top no-repeat;
}

#main_menu a.leiding{
  width:  157px;
  background: transparent url(img/leiding_bt.jpg) top no-repeat;
}

#main_menu a.fotos{
  width:  135px;
  background: transparent url(img/fotos_bt.jpg) top no-repeat;
}

#main_menu a.contact{
  width:  156px;
  background: transparent url(img/contact_bt.jpg) top no-repeat;
}


#main_menu a.festijn:hover,
#main_menu a.leiding:hover,
#main_menu a.fotos:hover,
#main_menu a.contact:hover,
#main_menu a.thema:hover{
background-position: bottom;
}

#main_menu a span{
display:  none;
}


#content
{
	padding:  10px 20px 92px 20px;
	margin:         0 1px;
}

#contentMain
{
	display: inline;
	float: left;
	width: 564px;
	margin-left: 10px;
	background: transparent url(img/textfield_footer.jpg) bottom no-repeat;

}

#contentMain h2{
  padding:  0;
  margin:    0 ;
  display:  block;
  height: 87px;
}

#contentMain h3{
 font-size: 14px;
 margin:  5px 0;
 padding: 0;
 clear: left;
 }


#contentMain h2 span{
display:  none;
}


h2.festijn{
  background: transparent url(img/textfield_header_festijn.jpg) no-repeat;
}

h2.contact{
  background: transparent url(img/textfield_header_contact.jpg) no-repeat;
}

h2.leiding{
  background: transparent url(img/textfield_header_leiding.jpg) no-repeat;
}

h2.fotos{
  background: transparent url(img/textfield_header_fotos.jpg) no-repeat;
}

h2.thema{
  background: transparent url(img/textfield_header_thema.jpg) no-repeat;
}




#contentMain p{
  margin: 5px 0 12px 0;

}

p.welcome{
font-size:  13px;
line-height: 20px;
font-weight:bold;
}

.content_body{
  margin:    0 0 20px 0;
  padding:    10px 20px 10px 50px ;
  background: transparent url(img/textfield_body.jpg) repeat-y;
  }



.pic_container{
  display:    block;
  text-align: center;
}

.pic_container img{
  float:  none !important;
}

#contentMain p img{
  float:  left;
  clear:  both;
  border: none;
margin:   10px 8px 5px 0;
}

#contentMain p img.right{
float:  right;
}







#contentSub
{
	display: inline;
	float: left;
	width: 156px;
	text-align: left;
	margin-left: 10px;
	background: transparent url(img/sponsorfield_footer.jpg) bottom no-repeat;
}

#contentSub img{
  border:none;
  margin: 6px 0;
}


#contentSub h2{
  background: transparent url(img/sponsorfield_header.jpg) bottom no-repeat;
  padding: 0;
  margin: 0;
  height: 52px;
  display:  block;

  font-size:  15px;
  color:      #0066cc;

  }

#contentSub h2 span{
display:  none;
}

#contentSub p{
text-align: center;
  margin:    0 0 20px 0 ;
  padding:   5px;
  background: transparent url(img/sponsorfield_body.jpg) repeat-y;
}

#gallery{
text-align: center;
}

#gallery img{
border:1px solid #ddd;
}

#gallery li{
display:  inline;
}

#navigation{
  margin-top: 5px;
  height: 30px;
  text-align: center;
}

#navigation img{
border: none;
}

#navigation a{
  width:  30px;
  height: 30px;
  display:  inline;


}

#navigation a span{
  display:  none;
}

#navigation a.next{
  background: transparent url(img/button_next.jpg) top no-repeat;
  float:  right;
}

#navigation a.prev{
  background: transparent url(img/button_previous.jpg) top no-repeat;
  float:  left;
}

#navigation a.overview{
  background: transparent url(img/button_overview.jpg) top no-repeat;
  float:  left;
  margin-left:    210px;


}