/**
  * Standaard-stylesheet voor [PROJECTNAAM]
  *
  * @copyright 2008 Slik BV  * @version $Id$
  */


/* RESETCODE VOOR BROWSER COMPATIBILITEIT *********************/
img { border: 0;}
hr { display: none;}
p, form, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 100%; }
ul, li { list-style-type: none;}
h1 span, h2 span { display: none;}
hr { display: none;}
.clear, .break { clear: both;}
a { outline: none; }

/** Standaard styling **/

a {
	color: #FF00FF;
	text-decoration:  none;
}

h1 {
	font-size: 180%;
	color: magenta;
	text-transform: uppercase;}
h2 {
	font-size: 160%;
	color: #60B522;
	text-transform: uppercase; }
h3 {
	font-size: 140%;
	color: black;
	text-transform: uppercase; }
.klein h3 {
	color: white;
}
h4 {
	font-size: 120%;
	color: ;
	text-transform: uppercase; }
h5 {
	font-size: 110%;
	color: ;
	text-transform: uppercase; }
h6 {
	font-size: 105%;
	color: ;
	text-transform: uppercase; }
ul {
	list-style-type: none;
	color: ; }
li {
	color: ; }
ol {
	color: ; }
em {
	color: ;
	font-style: italic; }
strong {
	color: ;
	font-weight: bold; }
p {
	color: ;
	padding: ;
	margin: ; }
img {
	border: ; }

blockquote, pre {
	width: 250px;
	padding: 15px 10px 15px 12px;
	background: #60B523;
	margin: 20px 39px 20px 35px;}

body#alt blockquote {
	width: 525px;
}
	

/* CONTAINERS *************************************************/
body { 
	margin: 0; 
	background-color: #60B522; 
	color: black; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 72.5%; 
	line-height: 150%;
	text-align: center;
	min-height: 100%;}
	/* Container voor alle anders containers */
	#main {
		position: relative;
		text-align: left;
		width: 999px;
		margin: 0 auto;
		background: #60B522; }
		#header {
			display: block;
			height: 70px;
			margin-bottom: 20px; }
		#leftPage { 
			float: left;
			display: block;
			width: 348px; }
			#footer {
				display: block;
				height: 25px; }
		#rightPage {
			width: 650px;
			float: right; }
		body#alt #rightPage {
			padding-top: 40px;
			background: url(../gfx/right_page_background_alt.gif) white no-repeat;
			width: 621px;
			margin-bottom: 40px;
			float: left;}
		body#alt .rightPageFooter {
			background: url('../gfx/right_page_background_bottom.gif') white bottom no-repeat;
			height: 226px;
			width: 621px;
			display: block;}
			#contentGroot {
				float: left; 
				display: block;
				width: 345px; }
			body#alt #contentGroot {
				width: 581px;
				padding: 10px 30px 0px 0px; }
			#contentKlein {
				float: right;
				width: 250px;
				margin-right: 25px;
				display: block;	}
			body#alt #contentKlein {
				text-align: center;
				float: none;
				width: 350px;
				margin-left: 188px;
				margin-right: 5px; }
			#contentGroot p img {
				float: left;
				padding: 15px 15px 15px 0;
			}		
		
		
/** MODULES **/

/** riciottie logo **/

a#riciottieLogo {
	display: block;
	height: 294px;
	width: 297px;
	left: 20px;
	padding: 0 0 0 10px;
	position: relative;
	background: url(../gfx/riciottie_logo.gif) no-repeat; }
	
/** footer **/

#footer {
	padding: 0px 20px 20px 20px; }
	#footer p.text {
		display: block; 
		padding: 0 0 5px 3px;
		height: 98px;
		width: 291px;
		background: url('../gfx/footer_text_green.gif') no-repeat 4px 0; }
		#footer p.text span {
			display: none; }
	#footer address {
		display: block; 
		height: 78px;
		width: 291px;
		background: url('../gfx/footer_address_green.gif') no-repeat; }
		#footer address em {
			display: none; }
	#footer p.disclaimer {
		display: block; 
		height: 10px;
		width: 291px;
		margin: 2px;
		background: url('../gfx/footer_copy_green.gif') no-repeat; }
		#footer p.disclaimer span {
			display: none; }

/** kleine blokken header **/

.text.klein h1, .text.klein h2, .text.klein h3, .nieuws.klein h2, .events.klein h2, .mailingAanmelding h2, .messageboardKlein h2 {
	width: 206px;
	background: #000 url('../gfx/klein_blok_header.gif') no-repeat;
	background-position: top; 
	text-align: left;}
	
body#alt .text.klein h1, body#alt .text.klein h2, body#alt .text.klein h3, body#alt .nieuws.klein h2, body#alt .events.klein h2, body#alt .mailingAanmelding h2 {
	background: #000 url('../gfx/klein_blok_header_wit.gif') no-repeat; }
	
.text.klein h4, .text.klein h5, .text.klein h6 {
	text-align: left;
	padding: 10px 10px 0 32px; }

/** kleine blokken achtergrond **/

.text.klein, .nieuws.klein, .messageboardKlein, .events.klein, .mailingVeld {
	width: 246px;
	min-height: 240px;
	margin: 6px 0px 30px 0px;
	padding-bottom: 75px;
	background: #000 url(../gfx/klein_blok_footer.gif) bottom no-repeat; }

body#alt .text.klein, body#alt .nieuws.klein, body#alt .messageboardKlein, body#alt .events.klein, body#alt .mailingVeld {
	background: #000 url(../gfx/klein_blok_footer_wit.gif) bottom no-repeat; }
	

/** grote blokken headers **/

.text.groot h1, .text.groot h2, .text.groot h3,.nieuwsItem h1, .nieuwsItem h2, .nieuwsItem h3, .downloadVeld h2, .events.groot h2, .messageboard h2 {
	width: 345px;
	background: url(../gfx/groot_blok_header.gif) white no-repeat; }
	
body#alt .text.groot h1, body#alt .text.groot h2, body#alt .text.groot h3, body#alt .nieuwsItem h1, body#alt .nieuwsItem h2, body#alt .nieuwsItem h3, body#alt .eventItem, body#alt .downloadVeld h2 {
	width: 600px;
	background: none; }
	
.contact h2 {
	width: 345px;
	height: 30px;
	display: block;
	background: url(../gfx/groot_blok_header.gif) white no-repeat; }

body#alt .contact h2 {
	background: none;
	display: none; }

/** grote blokken achtergrond **/

div.text.groot, .nieuwsItem, .messageboardGroot, .contact, .downloadVeld, .events.groot, .messageboard {
	padding-bottom: 140px;
	min-height: 421px;
	margin: 0px 0px 30px 0px;
	background: #fff url(../gfx/groot_blok_footer.gif) no-repeat;
	background-position: bottom; }

body#alt .text.groot, body#alt .nieuwsItem, body#alt .messageboardGroot, body#alt .eventsText, body#alt .contact, body#alt .downloadVeld {
	background: none;
	padding-bottom: 20px;
	min-height: 100px; }

/** navigatie horizontaal **/

#leftPage {
	z-index: 1;
}

#flashContent {
	z-index: 1;
}

ul#navigation {
	z-index: 2;
	list-style-type: none;
	margin: 20px;
	font-size: 100%;
	width: 950px;
	text-transform: uppercase;
	position: absolute; }
	ul#navigation li {
		padding: 0;
		float: left;  }
		ul#navigation li ul {
			clear: both;
			position: absolute;
			list-style-type: none;
			display: none;
			padding-bottom: 5px;
			 background: #fff;}
			ul#navigation li:hover ul, ul#navigation li.hover ul {
				display: block; }
				ul#navigation li ul li {
					float: left;
					clear: both;
					margin-top: 5px;
					left: 0px;
					width: 180px;}
					ul#navigation li.hover ul li.hover, ul#navigation li:hover ul li:hover {
						background: #60B522;
						color: #fff; }
					ul#navigation li ul li a {
						color: #60B522;
						padding: 1px 20px 1px 20px;}
					ul#navigation li a {
						color: #000;
						display: block;
						padding: 1px 20px 6px 20px;
						text-decoration: none; }
						ul#navigation li a:hover, ul#navigation li a.hover {
							color: white;}
						ul#navigation a.active {
							color: white; }
							ul#navigation li ul li a.active {
								color: #FF00FF;	}
					ul#navigation li ul.nonactive {
						display: none; } 
					ul#navigation li ul li ul li {
						display: none;
					}
					

/** nav mini **/
.navmini {
	padding: 5px;
	background: #D3A35E; }			

/** textveld klein **/
.text.klein {
	text-align: center;
	color: white; }
	.text.klein p {
		text-align: left; }
	.text.klein h1, .text.klein h2, .text.klein h3, .mailingAanmelding h2, .messageboardKlein h2 {
		padding: 25px 10px 0px 30px;
		font-size: 130%;
		margin-bottom: 0px; }
	.text.klein p {
		color: white;
		padding: 20px 20px 30px 30px; }
body#alt .text.klein { 
	position: relative; }
	.text.klein ul li {
		text-align: left; }

/** textveld groot **/
.text.groot { 
	width: 345px; }
	.text.groot h1, .text.groot h2, .text.groot h3, .nieuws.groot h3, .downloadVeld h2, .messageboard h2 {
		padding: 25px 20px 0px 30px; 
		font-size: 130%;
		margin-bottom: 10px;
		text-transform: uppercase;
		width: 295px; }
	.text.groot p, .text.groot table {
		padding: 5px 30px 10px 30px; }
	.text.groot h4, .text.groot h5 {
		padding: 10px 30px 0px 30px; }
	.text.groot ul {
		padding: 10px 30px 10px 0; }
		.text.groot ul li, .nieuws.groot ul li, .text.klein ul li {
			background: url('../gfx/ul_background.gif') 0px no-repeat;
			padding: 3px 10px 4px 36px; }
			
body#alt .text.groot {
	width: 600px; }
	body#alt .text.groot h1, body#alt .text.groot h2, body#alt .text.groot h3, body#alt .nieuws.groot h3, body#alt .downloadVeld h2 {
		background: none;
		padding-top: 5px;
		width: 600px; }
	
/** Nieuws klein **/
.nieuws.klein {
	text-align: left;}
	.nieuws.klein h2 {
		padding: 25px 10px 20px 30px;	
		color: white; 
		font-size: 130%;}
	.nieuws.klein div {
		padding: 4px 10px 4px 30px;
		background:  }
	.nieuws.klein a {
		text-decoration: none; }
		.nieuws.klein a.hover, .nieuws.klein a:hover {
			text-decoration: underline; }
	
/** Nieuws groot **/
.nieuws.groot {
	padding: 0; }
	.nieuws.groot h2 {
		display: none; }
	.nieuws.groot .nieuwsItem {
		width: 345px; }
		.nieuws.groot .nieuwsItem h3 {
			color: magenta;
			display: block; }
		.nieuws.groot .nieuwsItem h3 {}
		.nieuws.groot .nieuwsItem h4 {
			font-size: 80%;
			padding: 0px 0px 0px 30px; }
		.nieuws.groot .nieuwsItem .nieuwsText {
			padding: 5px 0px;	}
		.nieuws.groot .nieuwsItem .nieuwsText p {
			padding: 5px 30px;	}
			.nieuws.groot .nieuwsItem .nieuwsText h4 {
				padding: 10px 20px 0 0; }
	
body#alt .nieuws.groot .nieuwsItem {
		width: 600px; }

/** agenda klein **/ 
.events.klein {
	text-align: left; }
	.events.klein h2 {
		padding: 25px 10px 0px 30px;
		color: white;
		font-size: 130%;
		margin-bottom: 15px; }
	.events.klein div {
		padding: 3px 10px 3px 30px;	}

/** agenda groot **/
.events.groot {
	padding: 0px 0px 190px 0; }
	.events.groot h2 {
		padding:25px 0px 0px 30px;
		width: 315px;
		display: ; }
	.events.groot .eventItem {
		width: 345px; }
		.events.groot .eventItem h3 {
			display: block;
			font-size: 110%;
			padding: 30px 20px 0px 30px; }
		div.events.groot div.eventItem h4 {
			font-size: 120%;
			color: magenta;
			padding: 15px 30px 0px 30px; }
		.events.groot .eventItem h5.datum {
			font-size: 90%;
			padding: 5px 20px 5px 30px; 
			float: left;}
		.events.groot .eventItem h5.locatie {
			font-size: 90%;
			padding: 5px 20px 5px 30px; }
		.events.groot .eventItem .eventsText {
			width: auto;
			padding: 2px 30px 2px 0; }
			.events.groot .eventItem .eventsText p {
				padding-left: 30px; }
			.events.groot .eventItem .eventsText h4 {
				padding: 10px 20px 0 0; }
			.events.groot .eventItem .eventsText ul, .events.groot .eventItem .eventsText ol {
				padding: 10px 15px 10px 0; }
			.events.groot .eventItem .eventsText li {
				background: url('../gfx/ul_background.gif') 0px no-repeat;
				padding: 3px 10px 4px 36px; }
	
body#alt .events.groot .eventItem {
		width: 621px; }
		body#alt .events.groot .eventItem h3 {
			display: block;
			padding: 0px 20px 0px 30px; }

/** gallery index **/

div.gallery.overzicht {
	padding: 5px 5px 5px 30px; }
	#gallery h2 {
		padding: 0 10px 10px 0;
	}
	div.gallery.overzicht .galleryThumb {
		float: left;
		padding: 15px 47px 15px 0; }
	div.gallery.overzicht .galleryThumb h3 {
		font-size: 90%;
	}

.gallery.index { 
	text-align: center; }
	.gallery.index h2 {
		text-align: }
	.gallery.index h3 em {
		font-size: 100%; 
		font-weight: normal;
		text-decoration: none; }
	.gallery.index a img {
			border: 1px solid magenta; }
			.gallery.index a img.active { }

/** gallery zoom **/
.gallery.zoom {
	text-align: center;
	margin-top: 10px;}
	.gallery.zoom h2 {
		margin: 10px; }
	.gallery.zoom ul {
		margin: 10px; }
	.gallery.zoom ul li {
		display: inline;
		margin: 0 5px 0 5px;
		list-style-type: none;
		float: ; }
	.gallery.zoom img {
		clear: both; }
	.gallery.zoom h3 { }
	.gallery.zoom h3 em {
		font-size: 80%;	}

/** video module **/
.video.groot { 
	background: none;
	height: 330px;
	width: 621px;
	margin: 30px 0 0 0;
	padding-bottom: 0px;
	text-align: center; }

#playlist { 
	text-align: center;
	width: 360px;
	margin-left: 135px;
	margin-bottom: 40px;
	background-image: none; }
	#playlist a {
		display: block;
		color: black;
		text-align: left;
		font-size: 100%;
		background-color: #60B523;
		margin: 5px 5px 5px 0px;
		width: 339px;
		padding: 5px; }
	#playlist table {
		float: left; 
		margin-right: 5px;}
	#playlist span {
		top: 25px;
		position: relative; }
		
/** contact **/
.contact { }
	.contact ul li {
		padding-left: 20px;	}
	.contact p {
	padding:5px 30px 10px; }
	.contact h2 {
		width: 325px;	
		padding: 25px 0px 10px 20px; }
	.contact input, .contact textarea {
		border: none;
		font-family: arial;
		margin: 2px 0 2px 0px;
		font-size: 12px;
		background: #60B522;
		color: white;
		width: 300px;
		left: 50px; }
	.contact textarea {
		height: 170px;
		background: #60B522;
		color: white;}
	.contact form {
		padding: 5px 10px 5px 20px; }
	.contact form div {
		clear: both; }
	.contact form label {
		float: left;
		width: 280px; 
		padding: 0px 5px 3px 0px;}
	.contact form input.submit {
		float: right;
		background: #60B522;
		margin: 5px 15px 0 0;
		width: 70px; }
	.contact form input#nieuwsbrief {
		width: 15px;
		float: left; }
	.contact .nieuwsbriefCheck {
		display: none; }

body#alt .contact {
	margin-top: 30px; } 
	body#alt .contact form {
		padding: 5px 10px 5px 0px; }
		body#alt .contact input, body#alt .contact textarea {
		width: 382px; }
		body#alt .contact form label {
			padding: 0px 5px 0px 35px;
			background: url('../gfx/ul_background.gif') 0px 5px no-repeat;}
		body#alt .contact form input.submit {
		margin: 5px 69px 0 0;
		width: 70px; }
	
/** download module **/
.downloadVeld { }
	.downloadVeld p {
		padding: 10px 10px 10px 32px;}
	.downloadVeld ul {
		padding: 10px 30px 10px 0; 	}
		.downloadVeld li {
			background: url('../gfx/ul_background.gif') 0px no-repeat;
			padding: 6px 10px 7px 36px; }
	
/** mailing module **/
	
.mailingVeld {
	text-align: left;
	padding: 0 0 90px 0; }
	.mailingVeld h2 {
		width: 196px;
		padding: 20px 20px 20px 30px; }
	.mailingVeld p {
		padding: 5px 10px 15px 30px;
		color: white; }
	.mailingVeld input {
		background: #E3F0F7;
		border: 1px solid #C6DCE9; }
		.mailingAanmelding form {
			padding: 5px 20px 20px 30px; }
		.mailingVeld input#formEmail {
			background: white;
			width: 180px; 
			margin: 0 0 10px 0}
		.mailingVeld form input.subscribe {
			border: none;
			color: white;
			margin-right: 10px;
			background: #60B522; }
	
/** messageboard **/

.messageboard { }
	.messageboard h2 {}
	.messageboard .message {
		padding: 10px 30px 10px 0px; }
		.messageboard .message h3 {
			font-size: 115%;
			padding: 2px 0 2px 30px;
			background: url('../gfx/messageboard_background.gif') no-repeat 0 5px;
			color: magenta; }
		.messageboard .message h4 {
			padding: 2px 0 2px 30px;
			font-size: 90%; }
		.messageboard .message p {
			padding: 2px 0 2px 30px;}
			
		.messageboard .paginering { 
			padding: 1px 30px;
			background: url('../gfx/messageboard_background.gif') no-repeat 0 5px; }
			.messageboard .paginering ul li {
				display: inline;}
			
/** messageboard klein **/

.messageboardKlein { }
	.messageboardKlein form {
		padding: 17px 10px 37px 30px;	}
		.messageboardKlein input, .messageboardKlein textarea {
			width: 182px;
			font-family: arial;
			font-size: 100%;
			border: 1px solid #60B522;
			margin: 2px 0; }
		.messageboardKlein textarea {
			height: 80px;
		}
		.messageboardKlein input.subscribe {
			width: 184px;
			color: #fff;
			background: #60B522;
		}