html {
  	overflow: -moz-scrollbars-vertical;
}

body {
  	margin: 0;
  	color: black;
  	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 72.5%;
  	text-align: center;
  	background: #700B3B url(../gfx/body_backgr.jpg) repeat-x 0px 0px;
	color: #555;  	
}

img {
  	border: 0;
}

hr {
  	display: none;
}

p, form, ul, li, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  	margin: 0;
}

ul, li {
  	list-style-type: none;
}

h1 span, h2 span {
  	display: none;
}

.break {
  	clear: both;
}

.main {
	position: relative;
  	text-align: left;
  	width: 780px;
  	margin: 0 auto;
}

.header {
	width: 780px;
	height: 178px;
	background: url(../gfx/layout_png/header.png);
}

ul.nav {
	position: absolute;
	top: 155px;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 780px;
	z-index:4;
	height: 40px;
}

ul.nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.nav li a {
	padding: 0 25px 5px 25px;	
	color: #104070;
	text-decoration: none;
	margin: 0;
	border-bottom: 7px solid #D8E4E8;
	zoom: 1;
}

ul.nav li a:hover {
	color: #A3185B;
	border-bottom: 7px solid #A3185B;
}

ul.nav li a.active {
	color: #A3185B;
	border-bottom: 7px solid #A3185B;
}

ul#social {
	z-index: 10;
	position: absolute;
	top: 22px;
	right: 20px; }
	ul#social li { 
		float: left;
		padding-right: 10px; }
		ul#social li a {
			outline: none;
			width: 33px;
			height: 33px;
			display: block; }
			ul#social li a#facebook { background: url(../gfx/facebook.gif) no-repeat; }
			ul#social li a#twitter { background: url(../gfx/twitter.gif) no-repeat; }
			ul#social li a#youtube { background: url(../gfx/youtube.gif) no-repeat; }
			ul#social li a#hyves { background: url(../gfx/hyves.gif) no-repeat; }
		ul#social li a span { display: none; }

.gradient {
	position: absolute;
	top: 185px;
	width: 751px;
	margin: 0px 15px;
	background: url(../gfx/content_backgr_grad.gif) repeat-x;	
	height: 163px;
	z-index: 1;
}

.content {
	position: relative;
	background: url(../gfx/layout_png/content_backgr.png) repeat-y 1px;
	z-index: 2;
	clear: both;
	margin: 0 auto;
	padding: 7px 0 0 0;
	width: 780px; }

.content a {
	color: #104070;
	text-decoration: none;
	padding: 5px;
}

.content a:hover {
	color: #A3185B;
}

.content em {
	padding: 5px;
}

.content p a, .content p em {
	margin: 0;
	padding: 0;
}

.contentLeft {
	position: relative;
	float: left;
	left: 13px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #C29EA9;
	z-index: 3;
	min-height: 150px;
	width: 512px;
}

.contentLeft .text, .contentLeft .events, .contentLeft .nieuws.groot, .contentLeft .gallery {
	position: relative;
	background: url(../gfx/layout_png/content_gradient.png) repeat-x;
	border-top: 1px solid #C29EA9;
	padding: 15px;
	width: 482px; }
	.contentLeft .events.klein {
		border: none;
		height: 120px; }
		.contentLeft .events.klein p {
			display: none; }

.contentRight {
	position: relative;
	float: left;
	left: 12px;
	margin: 0 15px 0 0;
	padding: 10px;
	width: 221px;
	border-top: 1px solid #C29EA9; 
	background: url(../gfx/layout_png/content_gradient.png) repeat-x;
	border-left: 1px solid #C29EA9;	
	min-height: 120px; }
	
	#homeTemplate .contentRight {
		border-top: none; }

.content h1 {
	font-size: 170%;
	color: #A3185B;
	margin: 0;
	padding: 5px;
}

.content h2 {
	font-size: 150%;
	color: #1864A3;
	margin: 0;
	padding: 5px; }
	.content .contentRight h2 { 
		color: #a3185b;	}

.content h3 {
	font-size: 90%;
	color: white;
	margin: 0px 5px;
	padding: 0 2px;
	display: inline;
	background-color: #A3185B;
}

.content .nieuwsGrootDiv h3 {
	background: none;	
	color: #A3185B;
	padding: 0;
}

.content h4 {
	font-size: 95%;
	color: #104070;
	margin: 0;
	padding: 0px 5px;
}

.content p {
	font-size: 100%;
	line-height: 1.5em;	
	color: #555;
	margin: 0;
	padding: 5px;
}

.content .contentRight h3 {
	background-color: #1864A3;
}

.content img {
	padding: 5px;
}

.content img#upcoming {
	margin: 0 0 10px -2px;
}


/* CONTENT : EVENTS ***********************************************************/

.content .events h3 {
  font-size: 140%;
  padding: 4px 6px;
  background: #A3185B;
  color: #FFF;
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
  display: block;
}

.content .events h4 {
  border-top: 1px solid #78B7D8;
  background: url(../gfx/icon_calendar.gif) no-repeat 0 13px;
  padding: 10px 0 0 20px;
  font-weight: normal;
  font-size: 130%;
}

.content .events h5 {
  padding: 0 0 10px 20px;
  font-weight: normal;
  font-size: 90%;
}

.content .events img {
  float: left;
}

.content .events a {
	padding: 0;
	margin: 0;
}

.content .events p {
  padding: 0 0 10px 20px;
}

.content .events div {
	
}

	/* EVENTS LIST IN RIGHT COLUMN ***********************/
	.contentRight .events div {
		float: left;
		background: none;
	}

	.contentRight .events div em {
		display: block;
		float: left;
		width: 30px;
		padding: 0 6px 0 6px;
	}

	.contentRight .events div strong {
		display:block;
		float:left;
		width: 170px;
	}

/* CONTENT: GALLERY *********************************************************/

.content .gallery {
	text-align: center;
}

.content .gallery ul {
	margin: 5px;
}

.content .gallery li {
	display: inline;
}

.content .gallery h3 {
	font-size: 120%;
	color: #A3185B;
	display: block;
	background: none;
}

.content .gallery h3 em {
	font-size: 85%;
	color: #999;
	padding: 0 5px;
	background: none;		
}

.content .galleryBanner {
	clear: both;
}

.content .galleryBanner li {
	margin: 5px;
	padding: 5px;
	display: inline;	
}

.content .galleryBanner li h2 {
	margin: 0;
	padding: 5px 10px;
}

.content .galleryBanner li img {
	display: none;
}

/* FOOTER ******************************************************/

.footerBack {
	display: none;
}

.footer {
  background: url(../gfx/layout_png/footer.png) no-repeat 1px -10px;
  position: relative;
  clear: both;
  height: 25px;
  text-align: left;
  width: 780px;
  margin: 0 auto 30px auto;  
  font-size: 95%;
}

.footer p {
	padding-top: 10px;
}

/** HEADER mailing list subscription **/

.headerMailinglist {
	border-top: 1px solid #C29EA9;
	display: block;
	z-index: 1000;
	background: #fff;
	margin: 0 13px 0 13px;
}

.headerMailinglist .mailingVeld form {
  float: left;
  display: inline;
  margin: 0 0 0 5px;
  width: 370px;
  height: 40px;
  background: url(../gfx/stay_in_touch.gif) no-repeat 16px 12px;
  padding-left: 135px;
}

.headerMailinglist img {
	margin-top: 5px;
}

.headerMailinglist .mailingAanmelding input {
	margin: 7px 4px 10px 0;
	vertical-align: top;
	border: 1px solid white;  
}

.headerMailinglist .mailingAanmelding input#formEmail {
	border: none;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 95%;
	color: #999;
	background-image: url(../gfx/subscribe_input.gif);
	height: 16px;
	width: 156px;
	padding: 5px;
	z-index: 1000; }
	.headerMailinglist .mailingAanmelding input#formEmail:focus {
		color: black; }

.headerMailinglist .mailingAanmelding input#formEmailSubmit {
	background: url(../gfx/subscribe_button.gif) no-repeat top;
	font-size: 0;
	width: 76px;
	height: 28px; 	
	padding-top: 30px;
	border: none;
	overflow: hidden;
	cursor: pointer;
}

.headerMailinglist .mailingAanmelding input#formEmailSubmit2 {
	background: url(../gfx/unsubscribe_button.gif) no-repeat top;
	font-size: 0;
	width: 76px;
	height: 28px; 
	padding-top: 30px;
	border: none;
	overflow: hidden;	
	cursor: pointer;
}

.headerMailinglist .mailingVeld p, .headerMailinglist .mailingVeld h2 {
	display: none;
}

.headerMailinglist .mailingVeld p, .headerMailinglist .mailingVeld .error, .headerMailinglist .mailingVeld .ok  {
	float: left;
	margin-top: 5px;
	color: #89A8C7;
	width: 275px;
	line-height: 1.2em; }

.headerMailinglist p { 
	color: #89a8c7;
	font-size: 95%; }

.headerMailinglist .mailingVeld .error p, .headerMailinglist .mailingVeld .ok p {	
	display: block;
	position: absolute;
	top: 12px;
	right: 5px;
	color: #A3185B;	}
	.headerMailinglist .mailingVeld .ok p {
		top: 5px; }

/* video player */

.video.groot .player { 
	width: 480px;
	padding: 0;
	margin: 0 auto; }
.video.groot h2 {
	padding-left: 20px; }
.video.groot p {
	padding: 10px 20px; }
#playlist {
	width: 480px;
	margin: 0 auto;
	padding: 0; }
	#playlist a {
		display: block;
		height: 70px;
		position: relative;
		background: #abb9be;
		border: 1px solid #94abb3;
		margin: 0 0 10px 0; }
		#playlist a:hover {
			background: white; }
		#playlist a img {
			position: absolute;
			top: 10px;
			left: 10px; }
		#playlist a strong {
			display: block;
			position: absolute;
			top: 13px;
			left: 108px;
		}
		
/** gallery banner frontpage **/

.galleryFooter {
	background: #fff;
	margin: 0 13px;
}

.galleryFooter .gallery {
	text-align: center;
}

.galleryFooter .gallery ul {
	margin: 0 5px;
	padding: 0;
	height: 60px;
}

.galleryFooter .gallery li {
	display: inline;
}

.galleryFooter .gallery h3 {
	font-size: 120%;
	color: #A3185B;
	display: block;
	background: none;
}

.galleryFooter .gallery h3 em {
	font-size: 85%;
	color: #999;
	padding: 0 5px;
	background: none;		
}

.galleryFooter .gallery.banner {
	clear: both;
	margin: 0;
}

.galleryFooter .gallery.banner li {
	margin: 5px;
	padding: 5px;
	display: inline;	
}

.galleryFooter .gallery.banner li h2 {
	margin: 0;
	padding: 0 10px 5px 10px;
}

.galleryFooter .gallery.banner li img {
	display: none;
}

.galleryFooter a {
	padding-bottom: 0;
	margin-bottom: 0;
}