@charset "utf-8";

/* BODY ELEMENT
============================================*/
body,
html
{
	width:			100%;
	height:			100%;
	margin: 		0;
	padding:		0;
}
/* BODY ELEMENT
============================================*/
body
{
	font-family: 	"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size:		12px;
	color: 			#333;
	background: 	#D2D8DF;
	overflow-x:		hidden;
}
/* PAGE ELEMENTS
============================================*/
a
{
	font-size:		12px;
	text-decoration: underline;
	color:			#2C344F;
}
p
{
	color: 			#333;
}
input,
textarea,
select
{
	border: 		1px solid #677991;
	font-family: 	"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size:		12px;
}
.input
{
	height: 		16px;
	width: 			200px;
}
input.inputbestuur
{
	border:			none;
	background:		none;
	text-align:		left;
	text-decoration: underline;
	color:			#2C344F;
	cursor: pointer;
}
input.inputbestuur:hover
{
	cursor: pointer;
}
.textarea
{
	width: 			200px;
	height: 		100px;
}
img
{
	border: 		1px solid #677991;
}
.blauw
{
	font-size:		13px;
	color:			#2C344F;
	font-weight: 	bold;
}
.noborder
{
	border: 		none;
}
.bottommargin
{
	margin:			0 0 10px 0;
}
ul
{
	padding: 		0;
	margin: 		0 0 0 12px;
	list-style:		circle;
}
/* MAIN MENU
============================================*/
#mainmenu ul
{
	position: 		absolute;
	width:			122px;
	height:			255px;
	margin: 		4px 0 0 21px;
	padding:        7px 25px 15px 25px;
	list-style:		none;
	background: 	url(../images/pic_bg-mainmenu.jpg) no-repeat;
	z-index:		100;
}
#mainmenu li a
{
	text-decoration: none;
	font-size: 		12px;
	color: 			#333;
}
#mainmenu li a:hover
{
	font-weight:	bold;
}
	/* ACTIVE LINK BOLD
	============================================*/
	#home li.home
	{
		font-weight:	bold;
	}
	#contact li.contact
	{
		font-weight:	bold;
	}
	#waarspelenwe li.waarspelenwe
	{
		font-weight:	bold;
	}
	#benodigdheden li.benodigdheden
	{
		font-weight:	bold;
	}
	#spelregels li.spelregels
	{
		font-weight:	bold;
	}
	#geschiedenis li.geschiedenis
	{
		font-weight:	bold;
	}
	#clubinbeeld li.clubinbeeld
	{
		font-weight:	bold;
	}
	#info li.info
	{
		font-weight:	bold;
	}
	#training li.training
	{
		font-weight:	bold;
	}
	#toernooi li.toernooi
	{
		font-weight:	bold;
	}
	#bestuur li.bestuur
	{
		font-weight:	bold;
	}
	#erelid li.erelid
	{
		font-weight:	bold;
	}
/* AJAX POPUP
============================================*/
#bestuurmail
{
	position:		absolute;
	width: 			315px;
	min-height: 	300px;
	display:		none;
	top: 			350px;
	left: 			250px;
}
#bestuurmail .titlecontainer
{
	width: 			315px;
	height:			30px;
	background:		#677991 url(../images/pic_gradient-top.jpg) top repeat-x;
}
#bestuurmail .title
{
	position: 		absolute;
	top: 			9px;
	left: 			10px;
	color:			#FFFFFF;
}
#bestuurmail .closepopup
{
	position: 		absolute;
	right: 			9px;
	top: 			7px;
	width:			16px;
	height:			16px;
}
#bestuurmail .content
{
	background: 	#FFF;
	border: 		1px solid #677991;
	padding:		10px;
}
/* ROUTE
============================================*/
#route
{
	margin: 10px;
}
#route iframe
{
	border: 		1px solid #677991;
}
/* LAYOUT
============================================*/
#nonfooter
{
	position: 		relative;
	width: 			1000px;
	min-height:		100%;
	margin: 		0 auto;	
	border-left:	1px solid #FFF;
	border-right:	1px solid #FFF;
}
#footer
{
	position: 		relative;
	height:			25px;
	width: 			1000px;
	margin: 		0 auto;
	margin-top:		-25px;
	clear: 			left;
	background: 	url(../images/pic_gradient-bottom.jpg) top repeat-x;
}	
#topbar
{
	height:			25px;
	width: 			1000px;
	border-bottom:	1px solid #FFF;
	background: 	url(../images/pic_gradient-top.jpg) top repeat-x;
}
#visual
{
	height:			152px;
	width: 			1000px;
	background: 	url(../images/pic_visual.jpg) center no-repeat;
}
#content
{
	min-height:		365px;
	width: 			1000px;
	padding:		0 0 25px 0;
	background: 	url(../images/pic_bg-raster.jpg) top repeat-x;
}
#fotobalk
{
	position: 		relative;
	padding:		4px 0 0 236px;
}
#home #hometekst
{
	width: 			438px;
	min-height:		206px;
	float:			left;
	padding:        5px 25px 0 40px;
	margin:			18px 0 0 170px;
	background:		url(../images/pic_bg-content-home.jpg) top center no-repeat;
}
#home #hometekstfooter
{
	width: 			503px;
	height:			16px;
	margin-left:	-40px;
	background:		url(../images/pic_bg-content-home-footer.jpg) no-repeat;
}
#home #agenda
{
	width: 			234px;
	min-height:		190px;
	float:			left;
	padding:        5px 25px 0 25px;
	margin:			20px 0 0 31px;
	background:		url(../images/pic_bg-content-home-agenda.jpg) top center no-repeat;
}
#home #agendafooter
{
	width: 			284px;
	height:			16px;
	margin-left:	-25px;
	background:		url(../images/pic_bg-content-home-agenda-footer.jpg) bottom center no-repeat;
}
#cleardiv
{
	clear: 			both;
}
/* VERVOLG CONTENT
============================================*/
#contact #innercontent_top,
#bestuur #innercontent_top,
#geschiedenis #innercontent_top,
#benodigdheden #innercontent_top,
#spelregels #innercontent_top,
#toernooi #innercontent_top,
#trainingen #innercontent_top,
#erelid #innercontent_top,
#info #innercontent_top,
#clubinbeeld #innercontent_top,
#waarspelenwe #innercontent_top
{
	width: 			818px;
	height: 		5px;
	margin:        	18px 10px 0 170px;
	background: 	url(../images/pic_bg-content-vervolg-top.jpg) bottom center no-repeat;
}
#contact #innercontent,
#bestuur #innercontent,
#geschiedenis #innercontent,
#benodigdheden #innercontent,
#spelregels #innercontent,
#toernooi #innercontent,
#trainingen #innercontent,
#erelid #innercontent,
#info #innercontent,
#clubinbeeld #innercontent,
#waarspelenwe #innercontent
{
	width: 			743px;
	min-height:		319px;
	margin:        	0 10px 0 170px;
	padding: 		10px 25px 10px 50px;
	background: 	url(../images/pic_bg-content-vervolg-middle.jpg) center repeat-y;
}
#contact #innercontent_bottom,
#bestuur #innercontent_bottom,
#geschiedenis #innercontent_bottom,
#benodigdheden #innercontent_bottom,
#spelregels #innercontent_bottom,
#toernooi #innercontent_bottom,
#trainingen #innercontent_bottom,
#erelid #innercontent_bottom,
#info #innercontent_bottom,
#clubinbeeld #innercontent_bottom,
#waarspelenwe #innercontent_bottom
{
	width: 			818px;
	height: 		10px;
	margin:        	0 10px 0 170px;
	background: 	url(../images/pic_bg-content-vervolg-bottom.jpg) top no-repeat;
}