/* ----------------------------------------------------------------------------------
   WSC Merelbeke
   CSS by Pixelcake
   copyright 2008
   ---------------------------------------------------------------------------------- */



/* COLOR
   ----------------------------------------------------------------------------------
   Main text: #5b574f
   Links: #983333
   Links Hover: #bd3e3e
   Background sidebar: #9e9785
   Background content: #b6b0A1
   Footer text: #6c6452
   Header wit: #F9F8F5
*/


/* STRUCTURE
   ----------------------------------------------------------------------------------
   General
   Header
   Navigation
   Content
   Search results
   Snelnavigatie
   Footer 
*/











/* =General 
   ---------------------------------------------------------------------------------- */


* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;	
}

body {
	line-height: 1;
	width: 800px;
	margin: auto;
}

/* =Header 
   ---------------------------------------------------------------------------------- */

html {
	background: #b6b0a1 url(img/bg-1.gif) repeat-x 0 0;
}

#accessibility {
	display: none;
}

#head {
	background: url(img/logo.gif) no-repeat 44px 0;
	width: 312px;
	height: 271px;
	padding: 0 15px 0 0;
	float: left;
}

#head h1, #head h2 {
	display: none;
}



#inleiding {
	margin: 0 0 43px 0;
}

#inleiding p {
	margin: 100px 0 0 53px;
	font: 18px/26px Helvetica, Arial, sans-serif;
	color: #f9f8f5;
}

#inleiding a {
	display: block;
	margin: 35px 0 0 0;
	font: 12px Arial, sans-serif;
	color: #983333;
}

#inleiding a:hover {
	color: #bd3e3e;
}



/* =Navigation 
   ---------------------------------------------------------------------------------- */

#nav {
	list-style: none;
	margin: 0 0 0 61px;
	width: 691px;
	height: 47px;
	overflow: hidden;
}

#nav li {
	float: left;
}
















#nav li ul#sub-clubinfo {
	position: absolute;
	width: 240px;
	left: -999em;
	list-style: none;
}

#nav li:hover ul#sub-clubinfo {
	padding: 7px;
	left: auto;
	top: 45px;
	background: #35271f;
}

#nav li.sfhover ul#sub-clubinfo {
	padding: 7px;
	left: auto;
	top: 45px;
	margin: 0 0 0 -90px;
	background: #35271f;
}


#nav li:hover ul#sub-clubinfo li, #nav li.sfhover ul#sub-clubinfo li {
	display: block;
	clear: both;
}




#nav li:hover ul#sub-clubinfo a, #nav li.sfhover ul#sub-clubinfo a {
	color: #fff;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

}

#nav li:hover ul#sub-clubinfo a:hover, #nav li.sfhover ul#sub-clubinfo a:hover {
	color: #699a2d;
}















#nav li ul#sub-organisaties {
	position: absolute;
	width: 10em;
	left: -999em;
	list-style: none;
}

#nav li:hover ul#sub-organisaties {
	padding: 7px;
	left: auto;
	top: 45px;
	background: #35271f;
}

#nav li.sfhover ul#sub-organisaties {
	padding: 7px;
	left:auto;
	top: 45px;
	margin: 0 0 0 -110px;
	background: #35271f;
}


#nav li:hover ul#sub-organisaties li, #nav li.sfhover ul#sub-organisaties li {
	display: block;
	clear: both;
}




#nav li:hover ul#sub-organisaties a, #nav li.sfhover ul#sub-organisaties a {
	color: #fff;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none; 

}

#nav li:hover ul#sub-organisaties a:hover, #nav li.sfhover ul#sub-organisaties a:hover {
	color: #699a2d;
}







































li#home2 a {
	padding: 47px 0 0 0;
	width: 82px;
	background: url(img/nav1.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#home2 a:hover {
	background-position: 0 -47px;
}



li#bestuur a {
	padding: 47px 0 0 0;
	width: 95px;
	background: url(img/nav2.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#bestuur a:hover {
	background-position: 0 -47px;
}



li#activiteiten a {
	padding: 47px 0 0 0;
	width: 114px;
	background: url(img/nav3.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#activiteiten a:hover {
	background-position: 0 -47px;
}


li#agenda a.testo {
	padding: 47px 0 0 0;
	width: 92px;
	background: url(img/nav4.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#agenda a.testo:hover {
	background-position: 0 -47px;
}


li#fotos a {
	padding: 47px 0 0 0;
	width: 83px;
	background: url(img/nav5.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#fotos a:hover {
	background-position: 0 -47px;
}


li#organisaties a.testo {
	padding: 47px 0 0 0;
	width: 122px;
	background: url(img/nav6.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#organisaties a.testo:hover {
	background-position: 0 -47px;
}


li#sponsors a {
	padding: 47px 0 0 0;
	width: 103px;
	background: url(img/nav7.gif) top left no-repeat;
	float: left;
	overflow: hidden;
	height: 0px; 
	height /**/:47px; /* for IE5/Win only */
}

li#sponsors a:hover {
	background-position: 0 -47px;
}


/* =Content 
   ---------------------------------------------------------------------------------- */

#container {
	width: 800px;
	margin: 0px auto;
	background: url(img/bg-3.gif) no-repeat 440px 5px;
}

#content{
	clear: both;
	background: url(img/bg-2.gif) no-repeat top left;
	padding: 0 0 0 43px;
	width: 395px;
	float: left;
}

#content img {
	padding: 11px 0 0 0;
}

#content h2#categorie {
	margin: 22px 0 2px 0;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #251b15;	
}


h1.entry-title {
	width: 370px;
	height: 18px;
	margin: 22px 0 2px 0;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #251b15;
	text-decoration: none;
}

h1.entry-title a {
	color: #251b15;
	text-decoration: none;
}

h3.entry-title, h3.entry-title a {
	width: 370px;
	margin: 22px 0 2px 0;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #251b15;
	text-decoration: none;
}

h3.entry-title a:hover {
	color: #4e3d24;
}

p.published {
	width: 370px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #5b574f;
}

.entry-content {
	width: 370px;
	margin: 15px 0 25px 0;
}

.entry-content p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #251b15;
	margin: 0 0 10px 0;
}



.tags {
	width: 371px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #251b15;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #979080;
}

#tijdnav {
	margin: 0 0 60px 0
}

.hfeed a, #tijdnav a {
	color: #983333;
	font-family: Arial, Helvetica, sans-serif;
}

.hfeed a{
	color: #983333;
}

.hfeed a:hover {
	color: #bd3e3e;
}

#tijdnav a {
	color: #983333;
	font: 12px Arial, Helvetica, sans-serif;
}

#tijdnav a:hover {
	color: #bd3e3e;
	font: 12px Arial, Helvetica, sans-serif;
}



/* =Search results
   ---------------------------------------------------------------------------------- */

h2#zoekresultaat {
	font: 14px/18px Arial, Helvetica, sans-serif;
	margin: 12px 0 0 0;
	padding: 0 10px 3px 0;
	width: 360px;
	border-bottom: 1px solid #5b574f;
}

p.entry-summary {
	width: 360px;
	margin: 7px 0 7px 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #251b15;
}

p.small a {
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	width: 355px;
}
  

/* =Snelnavigatie
   ---------------------------------------------------------------------------------- */

#snelnavigatie {
	float: left;
	width: 360px;
	height: 1%;
	margin: 5px 0 0 0;
}

#snelnavigatie p {
	padding: 3px 5px 12px 23px;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #2b251f;
	background: #9e9785;
}

#snelnavigatie a {
	background: #9e9785;
	color: #983333;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 0 0 0 23px;
	padding: 0 0 0 10px;
	background: url(img/list.gif) no-repeat center left;
}

#snelnavigatie a:hover {
	color: #bd3e3e;
	background: url(img/list2.gif) no-repeat center left;
}

h3#rss {
	width: 93px;
	height: 18px;
	background: url(img/h3-1.gif) no-repeat 0 0;
	margin: 12px 0 5px 0;
}

h3#zoek {
	width: 93px;
	height: 18px;
	background: url(img/h3-2.gif) no-repeat 0 0;
	margin: 12px 0 5px 0;
}

h3#rss span, h3#zoek span {
	display: none;
}

#snel_1 {
	padding: 0 0 10px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #888171;
}

#snel_2 {
	background: #transparant;
	margin: 0 10px 500px 10px;
	border-bottom: 1px solid #888171;
}

#snel_2 form input {
	border: 1px solid #60584f;
}

#snel_2 form input:focus {
	border: 1px solid #3b312a;
	background: #f3f0e7;
}

div.image_index {
	width: 350px;
}


/* =Footer
   ---------------------------------------------------------------------------------- */

#foot {
	clear: both;
	margin: 50px 0 0 39px;
	padding: 0 5px 5px 5px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #6c6452;
}

#foot a {
	font: 12px Arial, sans-serif;
	color: #983333;
}

#foot a:hover {
	color: #bd3e3e;
}