/* ---------------------------------------------------------------- */
/*																	*/
/*						CSS BY GENKGO V.O.F 						*/
/*						HTTP://WWW.GENKGO.NL						*/
/*																	*/
/* ---------------------------------------------------------------- */

/* ---------------------------- */
/* STANDARD HTML TAG RESET      */


/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */

	body {
		font-size:75%;
		font-family:'arial';
		background:#3E9419 url(../../images/gchc-background.jpg) no-repeat fixed top center;
		padding:0 0 20px;
	}

	.rounded {
		border-radius: 1em;
	    -webkit-border-radius: 1em;    /* for Safari */
	    -moz-border-radius: 1em;       /* for Firefox */
	}
	
	@font-face {
		font-family: 'Graublau Web';
		src: url(/fonts/GraublauWeb.eot);
		src: local('Graublau Web Regular'), local('Graublau Web'), 
		     url(/fonts/GraublauWeb.otf) format('opentype');
	}
	
	h1, h2, h3, h4, h5, h6 {
		color:#4C591F; font-family: 'Graublau Web','Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans',Verdana, sans-serif;
	}

	#content h1 {font-size:2.25em;font-weight:400;margin-bottom:.55556em;color: #FF6B24}
		
		#content h1 a {color: #FF6B24;}
	
	#sidebar h2,
	#content h2 {font-size:1.25em;margin-bottom:1em}
		
		#content h2 a {color: #4C591F; }
	
	#content h3 {font-size:1.1em;}
		
		#content h3 a {color: #4C591F; }
	
	p {margin:1.5em 0;}
	
	blockquote {font-weight:700;padding:0 100px;}
	
	cite {text-align:right;display:block;}
	
	a {text-decoration:none;color:#000;}
	
		a:link {}
		
		a:visited {}
		
		a:hover	{text-decoration:underline;}
		
		a:active {}


/* ---------------------------- */
/* PAGE ELEMENTS			    */

	div#canvas {
		
	}

	div#container {
		width: 960px;
		margin: 0 auto;
		padding-top: 60px;
		position: relative;
	}
	
	div#content-container {
		margin-top: 10px;
		background: white;
		padding: 30px;
	}		
		/* ------------------------- */
		/* HEADER					 */
		
			div#header {
				height: 275px;
				background: #fff;
				padding: 50px 30px 20px 0;
			}
			
				div#header h1 span {
					position: absolute;
					top: 20px;
					right: 0;
					display: block;
					font-size: 0.5em;
					background: #fff;
					padding: 20px 30px;
					color: #4C591F;
					z-index: 5;
					font-size:1.25em;
				}
				
				
				div#header a#logo_gchc {
					position: absolute;
					top: 8px;
					
				}
			
			div#headerimage {
				position: absolute;
				top: 100px;
				right: 30px;
				z-index: 6;
			}
			
		/* ------------------------- */
		/* NAVIGATION                */
		
			ul#topmenu {
				position: absolute;
				top: 33px;
				left: 220px;
				text-transform: uppercase;
				color: #4C591F;
				font-size:1em;
				font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans',Verdana, sans-serif;
			}
		
				ul#topmenu li {
					display: inline;
					margin: 0;
				}
				
					ul#topmenu li a {
						color: #4C591F;
						
					}

			#nav, #nav ul { /* alle lijsten */
				padding: 0;
				margin: 20px 0 0 20px;
				list-style: none;
				float : left;
				width : 7em;
				font-family: 'Graublau Web','Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans',Verdana, sans-serif;
				font-size:1.4em;
				line-height: 1.5em;
			}
			
			#nav li { /* alle lijst items */
				position : relative;
				float : left;
				margin-bottom : -1px;
				width: 7em;
				background: #fff;
				padding: 0 1em;
			}
			
			#nav li li, #nav li li a { width: 12em; }
			
			#nav li ul { /* second-level lijst */
				position : absolute;
				left: -999em;
				font-size: .8em;
				margin-left: 10em;
				margin-top: -3em;
				padding-top: 1.5em;
			}
			
			#nav ul.start {
				left:auto;
			}
			
			#nav li:first-child ul {
			}
			
			#nav li ul ul { /* third-and-above-level lijst */
				left: -999em;
			}
			
			#nav li a {
				width: 7em;
				display : block;
				text-decoration : none;
				color: #4C591F;
			}
			
			#nav li a:hover, #nav li.active a {
				text-decoration: underline;
				color: #76C253;
			}
			
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
				left: -999em;
			}
			
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
			#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
			}		
			
		/* ------------------------- */
		/* BREADCRUMBS				 */
		

		/* ------------------------- */
		/* WELCOME					 */


		/* ------------------------- */
		/* MAIN CONTENT				 */

			div#content {
				width: 570px;
				margin: 0 0 1.5em 0;
				float: left;
			}
			
			div#content p {
				line-height:1.5em;
			}
			
			div#content a {
				color:#FF6B24;
			}
			
			div#content h1 a {color: #FF6B24;}
		
			div#content h2 a {color: #4C591F; }
			
			div#content h3 a {color: #4C591F; }
		
		/* ------------------------- */
		/* SIDEBAR   				 */
		
			div#aside {
				float: right;
				width: 250px;
			}
		
			div#sidebar {
				-webkit-border-radius: .8em;    /* for Safari */
	   			-moz-border-radius: .8em;       /* for Firefox */
	   			background: #FF6B24;
	   			padding: 20px;
	   			margin-bottom: 40px;
			}

				div#sidebar div#login {
					
				}
					#sidebar ul {
						margin:0 0 1em;
					}
					
					#sidebar a {
						font-weight:bold;
					}
					
					#sidebar h2 {
						color: #fff;
						font-size: 1.5em;
					}
					
					#sidebar form fieldset {
						padding:0;
					}
					
					#sidebar form fieldset label,
					#sidebar form fieldset input {
						margin:0 0 2px;
						width:200px;
					}
					
					#sidebar form fieldset input.submit {
						margin:5px 0 0;
						width:50px;
					}
					
					#sidebar div.forum div.date,
					#sidebar div.forum a,
					#sidebar div.events_main div.date,
					#sidebar div.events_main a {
						float:left;
						word-wrap:break-word;
						width:120px;
					}
					
					#sidebar div.forum div.date,
					#sidebar div.events_main div.date {
						width:90px;
					}
			
			img#hoofdsponsor {
				margin: 0 0 20px 0;
				background: #76c253;
			}
			
			div#sponsors h2 {
				color: #4C591F;
				font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans',Verdana, sans-serif;
			}
			
			#ads {
				margin:10px 0 0 ;
			}
			
			#ads li {
				margin:0 3px;
				height:60px;
				float:left;
				width:294px;
				text-align:center;
			}

		/* ---------------------------- */
		/* NIEUWS BLOG				    */
		
			div#news {
				margin: 0;
				padding: 0 0 20px 0;
			}
			
				div#news ul {
					margin: 0;
				}
			
				div#news li {
					list-style: none;
					margin-bottom: 3em;				
				}
				
				div#news div.author,
				div#news div.msg_date,
				div#news div.msg_time,
				div#news div.date {
					display:inline;
				}
				
				div#news div.author:after {
					content:" | ";
				}
				
				div#news ul.archive li {
					margin:0;
				}
				
				div#news ul.archive li div {
					display:block;
					float:left;
					width:150px;
					line-height:1.5em;
				}
				
				div.msg_footer {margin-bottom: 10px;}
				
				hr.news_hr { background: url(../../images/hr_news.png) repeat-x 0 0; height: 1px; border: none; }
		/* ------------------------- */
		/* SPONSORS		             */
		
			#sponsors {
				background: url(../../images/hr.png) repeat-x 0 0;
				clear: both;
				text-align: center;
				padding: 20px 0 40px 0;
			}
			
		/* ------------------------- */
		/* FORUM					 */
		#forum table {
			width:100%;
		}
		
		#forum table tbody {
			width: 690px;
		}
		
		#forum thead {
			background: #ff6b24;
			color: white;
		}
		
		
		#forum thead tr th {
			padding: 0.5em;
		}
		
		#forum td.subjects {
			width: 45%;
		}
		
		#forum th.author, #forum th.date, #forum td.date {
			white-space:nowrap;
		}
		
		#forum td.author, #forum td.date {
			width: 20%;
		}
		
		#forum td.replies {
			width: 15%;
		}
		
		#forum tbody {
			margin: 0.5em;
		}
		
		#forum tr td {
			padding: 0.2em 0.5em;
			vertical-align: top;
		}
		
		#forum tr.last td {
			border-bottom: 1px dotted #666;
			padding-bottom: 1em;
		}
		
		#forum table tr.category a {
			font-size: 1.2em;
		}
		
		#forum td.subjects {
			padding-left:30px;
		}
		
		#forum tr.category td {
			padding-top:10px;
		}
		
		#forum ul {
			margin:0 0 20px;
		}
		
		#forum li {
			display: inline;
		}
		
		#forum a.button {
			float: right;
			padding: 10px;
		}
		
		#forum table.category td.subjects {
			padding-left: 15px;
		}
		
		#forum div.author  {
			font-weight:bold;
			padding-bottom: 0.3em;
		}
		
		#forum div.date {
			padding:1em 0 0;
			font-style:italic;
		}
		
		#forum div.message  {
			padding:0 0 0.3em 0;
		}
		
		#forum tr.reply td {
			border-top: 1px dotted #666;
			padding: 1em 0;
		}
		
		#forum table.subject td {
			padding: 1em;
		}
		
		#forum table.subject th.author,
		#forum table.subject td.author {
			width:25%;
		}
		
		#forum table.subject th.message,
		#forum table.subject td.message {
			width:70%;
		}
		
		#forum table.subject tbody td {
			border-bottom: 1px dotted #666;
		}

		/* ------------------------- */
		/* EVENTS					 */
		#content div.events_main li {
			list-style:none;
			margin: 0 0 1em;
		}
		
		#content div.events_main ul {
			margin:0;
		}
		
		#content div.events_main div.sponsor {
			margin:0 0 10px;
		}
		
		/* ------------------------- */
		/* GOOGLE MAPS				 */
		div.google {
			width:500px;
			height:250px;
		}
				
		/* ------------------------- */
		/* FOOTER					 */

			#footer {
				margin: 1.5em 0;
				background: #fff;
				padding: 0 30px;
			} 
			
			#footer p {
				color: #000;
				text-align: right;
				float: right;
			}
			
			#footer #bottommenu {
				float: left;
				margin:1.5em 0;
			}
			
			#footer #bottommenu li {
				display: inline;
			}
			
			#footer #bottommenu li a {
				margin:1.5em 0;
				
			}
			
					
		/* ------------------------- */
		/* SITEMAP					 */
		
			#sitemap { padding: 30px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans',Verdana, sans-serif;
				background:transparent url(../../images/transpng.png) repeat; }
				

			#sitemap ul { width: 900px;  }
				#sitemap li { line-height: 20px; border-bottom: 1px solid #60a142;}
				#sitemap li.last { border:none }
					#sitemap li li { float:left; border: none; }
						#sitemap a, #sitemap li li { float:left; }
						#sitemap li a { margin: 0 1em 0 0; color: #000; display: block; width: 100px; }
						#sitemap li li a { color: #fff; width: auto;  }
			
				#sitemap a { color: #fff; }
				#sitemap a:hover { text-decoration: underline; }
	
		/* ------------------------- */
		/* FOTO-ALBUM			     */
		
			#album ul.preview li {
				float:left;
				width:50%;
				list-style-type: none;
				height:262px;
			}
			
			#album ul.preview {
				padding: 0;
				margin: 0;
			}
			
			#album ul.preview h2 {
				margin-bottom:10px;
			}
			
			#photo-album ul, #photo-album ol {
				margin: 0;
			}
			
			#photo-album div.pictures {
				margin: 2em 0 1em 0;
			}
			
			#photo-album div.date {
				margin-bottom:10px;
			}
			
			#photo-album div.pictures li {
				display: inline;
			}
			
			#photo-album div.pictures li img.picture {
				margin: 0 23px 15px 0;
			}
			
			#photo-album div.replies {
				margin:0 0 20px;
			}
			
			#photo-album div.replies li {
				border-bottom: 1px dotted #666;
				padding:15px 0 0;
			}
			
			#photo-album li div.date,
			#photo-album li div.author {
				font-weight:bold;
				float:left;
			}
			
			#photo-album li div.date {
				margin:0 0 0 30px;
			}
			
			#content ol.navigation li {
				list-style:none;
				display:inline;
				padding:3px 5px;
				border:1px solid #000;
				margin:0 5px;
			}
			
			#content ol.navigation {
				margin-bottom: 10px !important;
			}
			
		/* ------------------------- */
		/* GUESTBOOK			     */
		
		#content div.guestbook #f_msg {
			position:absolute;
			left:-9999em;
		}
		
		#content div.guestbook a.compose {
			float:right;
			background:#3E9419;
			color:#fff;
			padding:0.5em 1em;
		}
		
		#content div.guestbook ul {
			clear:right;
			padding:2em 0;
			list-style:none;
		}
		
		#content div.guestbook ul li {
			list-style:none;
			margin:0 0 2em;
		}
		
		#content div.guestbook li div.author {
			float:left;
			width:324px;
			background:#FF6B24;
			color:#fff;
			padding:4px 0 4px 10px;
			height:1em;
		}
		
		#content div.guestbook li div.author a {
			color:#fff;
		}
		
		#content div.guestbook li div.date {
			width:200px;
			float:left;
			background:#FF6B24;
			color:#fff;
			padding:4px 0;
			height:1em;
		}
		
		#content div.guestbook li div.message {
			clear:left;
			padding:10px;
		}