/* CSS Document */

a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#zoeken {
	width:861px;
	margin:0 0 5px 0;
	height:30px;
	line-height:30px;
	background-color:#c2c2c2;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#zoeken label {
	padding: 0 10px 0 20px;
}
#zoeken input {
	width:300px;
}
#zoeken select {
	margin-right:10px;
}
#zoeken a {
	color:#000;
	text-decoration:none;
}
#zoeken a:hover {
	text-decoration:underline;
}

/* overzicht */
#overzicht {
	float:left;
	background:#fff8ca url(../images/bg-jongerengroep.jpg) 0 0 no-repeat;
	width:655px;
	margin:0 0 10px 0;
	overflow:hidden;
}
#overzicht p {
	padding:0 0 0 10px;
	margin:20px 0 0 0;
}
#map {
	margin:10px 10px 10px 10px;
}
#btn-meldhemaan {
	display:block;
	margin:20px 10px 10px 10px;
	background:url(../images/btn-meldhemaan.jpg) 0 0 no-repeat;
	width:629px;
	height:66px;
}
#btn-meldhemaan span {
	display:none;
}
#overzicht h1 {
	font-size:15px;
	font-weight:bold;
	color:#c1f5f8;
	margin:0;
	padding:10px 0 0 10px;
}
#overzicht h2 {
	font-size:14px;
	padding:0;
	margin:20px 0 0 30px;
}
#overzicht table {
	padding:0;
	margin:10px 10px 0 30px;
}
#overzicht td {
}
#overzicht .plaats {
	width:150px;
}
#overzicht .naam {
	width:400px;
	margin-left:10px;
	color:#000;
	text-decoration:none;
	overflow:hidden;
	font-weight:bold;
}
#overzicht a {
	color:#000;
	text-decoration:none;
}
#overzicht a:hover {
	text-decoration:underline;
}
#map a {
	color:#0B96D0;
}
#overzicht .aantal {
	display:block;
	float:left;
	width:50px;
}
#nummertjes {
	clear:both;
	margin-top:20px;
}
#nummertjes a {
	color:#000;
	text-decoration:none;
}
#nummertjes a:hover {
	text-decoration:underline;
}
/* groepvdmaand */
#groepvdmaand-blok {
	display:block;
	float:left;
	width:655px;
	background:#fff8ca url(../images/bg-jongerengroep.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
#groepvdmaand-blok h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#c1f5f8;
	padding-left:20px;
	margin:0;
	padding:0 0 0 20px;
	line-height:40px;
}
/* gewone groep */
#groep-blok {
	display:block;
	float:left;
	width:655px;
	background:#fff8ca url(../images/bg-jongerengroep.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
#groep-blok h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#c1f5f8;
	padding-left:20px;
}
#fotoenagenda {
	float:left;
	width:210px;
	height:800px;
	margin:15px 10px 10px 15px;
	overflow:hidden;
}
#foto {
	background:url(../images/bg-foto.jpg) 0 0 no-repeat;
	width:210px;
	height:170px;
}
#foto img {
	width:183px;
	height:114px;
	margin:14px;
}
#foto ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
#foto li {
	float:left;
}
#foto li span {
	display:none;
}
#mail a {
	display:block;
	background:url(../images/btn-mail.jpg) 0 0 no-repeat;
	width:33px;
	height:25px;
}
#website a {
	display:block;
	background:url(../images/btn-website.jpg) 0 0 no-repeat;
	width:32px;
	height:25px;
}
#hyves a {
	display:block;
	background:url(../images/btn-hyves.jpg) 0 0 no-repeat;
	width:32px;
	height:25px;
}
#google {
	width:210px;
	height:300px;
	margin:10px 0;
}
#leden {
	margin:10px 0;
	width:210px;
	overflow:hidden;
}
#leden ul {
	list-style:none;
	margin:10px 0 0 0px;
	padding:0;
}
#leden li {
	display:block;
	float:left;
	width:100px;
	height:110px;
	padding:0;
	margin:0px 0 0 4px;
	overflow:hidden;
	font-size:11px;
}
#leden img {
	border:none;
	width:90px;
	height:90px;
}
#informatie {
	float:left;
	margin:15px 0 0 0;
	background:#fff url(../images/bg-informatie-top.jpg) 0 0 no-repeat;
	width:409px;
}
#informatie-bottom {
	float:left;
	margin:0 0 10px 0;
	background:#fff url(../images/bg-informatie-bottom.jpg) 0 bottom no-repeat;
	width:409px;
	height:15px;
}
#informatie h4 {
	font-size:12px;
	margin:0;
	padding:20px 20px 10px 20px;
}
#meer h3, #samen h3 {
	margin:0;
	padding:20px 20px 10px 20px;
	font-size:13px;
}
#informatie p,#meer p, #samen p {
	margin:0;
	padding:0 20px;
	font-size:12px;
}
#meer {
	float:left;
	background:#bdffbf url(../images/bg-meer-top.jpg) 0 0 no-repeat;
	width:409px;
	font-size:14px;
	overflow:hidden;
}
#meer-bottom {
	float:left;
	margin:0 0 10px 0;
	width:409px;
	height:15px;
	background:#bdffbf url(../images/bg-meer-bottom.jpg) 0 bottom no-repeat;
}
#btn-mail-green {
	display:block;
	background:url(../images/btn-mail-green.jpg) left -5px no-repeat;
	padding:2px 0 0 30px;
	height:30px;
	color:#000;
	text-decoration:none;
}
#btn-mail-green:hover {
	text-decoration:underline;
}
#btn-mail-green span {
	display:none;
}
#samen {
	float:left;
	background:#c9e3fb url(../images/bg-samen-top.jpg) 0 0 no-repeat;
	width:409px;
	font-size:14px;
	overflow:hidden;
}
#samen-bottom {
	float:left;
	margin:0 0 10px 0;
	width:409px;
	height:15px;
	background:#c9e3fb url(../images/bg-samen-bottom.jpg) 0 bottom no-repeat;
}
#jongerengroepen-blok {
	float:right;
	height:275px;
	background-image:url(../images/bg-jongerengroepen.jpg);
}
#jongerengroepen-blok img {
	margin:35px 0 5px -5px;
}
#groep-blok {
	display:block;
	float:left;
	width:660px;
	background:#fff;
	margin:0;
	padding:0;
	overflow:hidden;
}
#ikookbutton {
	clear:both;
	display:block;
	margin:0px 0px 10px 0px;
	float:right;
	width:200px;
	height:50px;
	background:url(../images/btn-ikbenlid.gif) 0 0 no-repeat;
}
#ikookbutton span {
	display:none;
}
#loginbutton {
	display:block;
	margin:10px 20px 0 20px;
	float:left;
	width:100px;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	color:#000;
	background-color:#FFFFFF;
	border:1px solid #888;
}
#loginbutton:active {
	margin:8px 21px 0 18px;
	border-width:2px;
}
/* formulier */
#form {
	width:860px;
	background:#fff8ca url(../images/bg-top.jpg) 0 0 no-repeat;
	overflow:hidden;
	margin-bottom:3px;
}
#form h1 {
	font-size:12px;
	color:#fff;
	line-height:40px;
	padding:0 20px 0 20px;
	margin:0;
}
#form .melding {
	display:block;
	margin:10px 0 10px 20px;
	color:#CC0000;
}
#links {
	float:left;
	width:430px;
}
#form fieldset {
	border:none;
	margin:0 0 30px 0;
	padding:0 0px 0 20px;
	overflow:hidden;
}
#form legend {
	display:block;
	font-weight:bold;
	white-space:normal;
	width:380px;
	margin:10px 0 10px 0;
	color:#000;
	padding:0;
}
#form legend span {
	margin-left:6px;
	font-weight:normal;
}
#form ul {
	padding:0;
	margin:0;
	list-style:none;
}
#form li {
	margin-bottom:2px;
	clear:left;
}
#form li.verplicht label {
	background:url(../images/verplicht.jpg) right center no-repeat;
}
#form label {
	display:block;
	float:left;
	width:150px;
}
#form input,#form select {
	width:200px;
	font-family:"Lucida Grande";
	font-size:11px;
}
#form textarea {
	width:380px;
	height:150px;
	font-family:"Lucida Grande";
	font-size:11px;
}
#captcha {
	display:block;
	clear:right;
	border:1px solid #888;
}
#onleesbaar {
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#000;
	margin:0 0 20px 150px;
}
#onleesbaar:hover {
	text-decoration:underline;
}
span.verplicht {
	padding-left:10px;
	background:url(../images/verplicht.jpg) 0 0 no-repeat;
}
.verzendbutton {
	display:block;
	margin:10px 20px 0 0;
	float:right;
	width:100px;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	color:#000;
	background-color:#FFFFFF;
	border:1px solid #888;
}
.verzendbutton:active {
	margin:9px 21px 0 0;
	border-width:2px;
}
#form p {
	padding:20px;
}
/* rechterbalk */
#rechterbalk {
	margin:0 0 0 4px;
	padding:0;
	overflow:hidden;
	float:left;
}
#rechterbalk .infoblokje {
	width:201px;
	background:#f2f2f2 url(../images/bg-rechts-top.jpg) 0 0 no-repeat;
	overflow:hidden;
}
#rechterbalk .infoblokje h1 {
	font-size:12px;
	color:#fff;
	margin:0;
	padding:0 15px;
	line-height:30px;
}
#rechterbalk ul {
	margin:10px 15px;
	padding:0;
	list-style:none;
}
#rechterbalk a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#rechterbalk a:hover {
	text-decoration:underline;
}
#rechterbalk form {
	margin:10px;
}
#rechterbalk .leesverder {
	display:block;
	margin:0 0 0 30px;
}
#rechterbalk img {
	width:180px;
	height:130px;
	margin:10px;
}
.bottom {
	background:url(../images/bg-rechtsbottom.jpg) 0 bottom no-repeat;
	width:201px;
	height:26px;
	margin-bottom:5px;
}