* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
}

body, html, table, tr {
	height: 100%;
	width: 100%;
}

body {
	background-image: url(../img/bodyBG.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #0750AC;
}

.error,
.message {
	padding:5px;
	background-color: #CC0000;
	font-weight:bold;
	margin-bottom:5px;
	color: #FFFFFF;
	padding-left: 35px;
	min-height: 19px;
	background-image: url(../img/icons/error.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top: 10px;
}

.message {
	background-color: #00cc00;
	background-image: url(../img/icons/flag_green.png);
}

.submit {
	font-weight: bold;
}

.spacer {
	width: 50%;
}

.passLink {
	clear: both;
	float: right;
	margin-right: 5px;
}	
 
.aanmeldP {
	width: 95%;
	text-align: center;
	clear: both;
	margin-left: 7px;
	margin-top: 3px;
}
 
.aanmeldLink {
	display: block;
	border: 1px solid #000000;
	background-color: #00aaff;
	padding: 2px 15px;
	font-weight: bold;
}

.contentTd {
	width: 940px;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	height: 100%;
	background-color:#FFFFFF;
	display:block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

div.mainmenu {
	display: block;
	height: 50px;
	margin-bottom: 3px;
	width: 940px;
	background-color: #17CBFF;
}

div.mainmenu ul {
	list-style: none;
}

div.mainmenu ul li {
	width: auto;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	height: 50px;
	background-color: #17CBFF;
}

div.mainmenu ul li a:link,
div.mainmenu ul li a:active,
div.mainmenu ul li a:visited,
div.mainmenu ul li a:hover { 
	color: #ffffff;
}


div.mainmenu ul li:hover a:link,
div.mainmenu ul li:hover a:visited,
div.mainmenu ul li:hover a:active,
div.mainmenu ul li:hover a:hover,
div.mainmenu ul li a:hover { 
	color: #17cbff;
}

div.mainmenu ul li.selected,
div.mainmenu ul li.selected a:link,
div.mainmenu ul li.selected a:visited,
div.mainmenu ul li.selected a:active,
div.mainmenu ul li.selected a:hover { 
	color: #17cbff;
	background-color:#FFFFFF;
}


div.mainmenu ul li:hover { 
	background-color: #ffffff;
}

/************************************
	     				  menubuttons 
************************************/
div.mainmenu a:link#nieuws,
div.mainmenu a:visited#nieuws,
div.mainmenu a:active#nieuws,
div.mainmenu a:hover#nieuws {
	width: 97px;
	background-image: url(../img/mainmenu/nieuws.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height: 49px;
}

div.mainmenu .selected a:hover#nieuws,
div.mainmenu .selected a:visited#nieuws,
div.mainmenu .selected a:active#nieuws,
div.mainmenu .selected a:link#nieuws,
div.mainmenu li:hover a:link#nieuws,
div.mainmenu li:hover a:visited#nieuws,
div.mainmenu li:hover a:active#nieuws,
div.mainmenu li:hover a:hover#nieuws {
	background-image: url(../img/mainmenu/mo/nieuws.png);
}

div.mainmenu a:link#programma,
div.mainmenu a:visited#programma,
div.mainmenu a:active#programma,
div.mainmenu a:hover#programma {
	width: 180px;
	background-image: url(../img/mainmenu/programma.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height: 49px;
}

div.mainmenu .selected a:hover#programma,
div.mainmenu .selected a:visited#programma,
div.mainmenu .selected a:active#programma,
div.mainmenu .selected a:link#programma,
div.mainmenu li:hover a:link#programma,
div.mainmenu li:hover a:visited#programma,
div.mainmenu li:hover a:active#programma,
div.mainmenu li:hover a:hover#programma {
	background-image: url(../img/mainmenu/mo/programma.png);
}


div.mainmenu a:link#fotos,
div.mainmenu a:visited#fotos,
div.mainmenu a:active#fotos,
div.mainmenu a:hover#fotos{
	width: 108px;
	background-image: url(../img/mainmenu/fotoos.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height: 49px;
}

div.mainmenu .selected a:hover#fotos,
div.mainmenu .selected a:visited#fotos,
div.mainmenu .selected a:active#fotos,
div.mainmenu .selected a:link#fotos,
div.mainmenu li:hover a:link#fotos,
div.mainmenu li:hover a:visited#fotos,
div.mainmenu li:hover a:active#fotos,
div.mainmenu li:hover a:hover#fotos{
	background-image: url(../img/mainmenu/mo/fotoos.png);
}

div.mainmenu a:link#vrijwilligers,
div.mainmenu a:visited#vrijwilligers,
div.mainmenu a:active#vrijwilligers,
div.mainmenu a:hover#vrijwilligers{
	width: 231px;
	background-image: url(../img/mainmenu/vrijwilligers.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height: 49px;
}

div.mainmenu .selected a:hover#vrijwilligers,
div.mainmenu .selected a:visited#vrijwilligers,
div.mainmenu .selected a:active#vrijwilligers,
div.mainmenu .selected a:link#vrijwilligers,
div.mainmenu li:hover a:link#vrijwilligers,
div.mainmenu li:hover a:visited#vrijwilligers,
div.mainmenu li:hover a:active#vrijwilligers,
div.mainmenu li:hover a:hover#vrijwilligers {
	background-image: url(../img/mainmenu/mo/vrijwilligers.png);
}

div.mainmenu a:link#forum,
div.mainmenu a:visited#forum,
div.mainmenu a:active#forum,
div.mainmenu a:hover#forum {
	width: 97px;
	background-image: url(../img/mainmenu/forum.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height: 49px;
}

div.mainmenu .selected a:hover#forum,
div.mainmenu .selected a:visited#forum,
div.mainmenu .selected a:active#forum,
div.mainmenu .selected a:link#forum,
div.mainmenu li:hover a:link#forum,
div.mainmenu li:hover a:visited#forum,
div.mainmenu li:hover a:active#forum,
div.mainmenu li:hover a:hover#forum {
	background-image: url(../img/mainmenu/mo/forum.png);
}

div.mainmenu a:link#contact,
div.mainmenu a:visited#contact,
div.mainmenu a:active#contact,
div.mainmenu a:hover#contact {
	width: 53px;
	background-image: url(../img/mainmenu/contact.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height: 50px;
}

div.mainmenu .selected a:hover#contact,
div.mainmenu .selected a:visited#contact,
div.mainmenu .selected a:active#contact,
div.mainmenu .selected a:link#contact,
div.mainmenu li:hover a:link#contact,
div.mainmenu li:hover a:visited#contact,
div.mainmenu li:hover a:active#contact,
div.mainmenu li:hover a:hover#contact {
	background-image: url(../img/mainmenu/mo/contact.png);
}

div.mainmenu ul li#lastMenuItem {
	padding-left: 7px;
	padding-right: 6px;
}


#sponsoren {
	width: 155px;
	height: 50px;
	display: block;
	background-image:url(../img/mainmenu/sponsors.png);
	background-repeat:no-repeat;
}

#sponsoren:hover,
.selected #sponsoren {
	background-image:url(../img/mainmenu/mo/sponsors.png);
}
/************************************
	     			einde menubuttons 
************************************/

div.header {
	height: 270px;
	background-image:url(../img/header.jpg);
	background-position: center left;
	background-repeat:no-repeat;
	background-color:#E5EDB8;
	margin-bottom: 3px;
}
	
	/************************************
						start of logindiv
	************************************/
	
	.pers_menu .login {
		width: 178px;
		float: right;
		clear: both;
		margin: 5px;

	}
	
	.pers_menu .login .formline {
		float: right;
		margin-top: 3px;
	}
	
	.pers_menu .login div.question {
		float: left;
		width: 100px;
		text-align:right;
		padding-right: 5px;
		font-size: 12px;
	}
	
	.pers_menu .login div.answer {
		float:left;
		width: 50px;
		margin-right: 15px;
	}	
	
	.pers_menu .login div.loginHeader {
		height: 25px;
		width: 100%;
		background-image:url(../img/loginHeader.png);
	}	
	
	.pers_menu .login input {
		width: 60px;
		height: 15px;
		border: 1px solid #000000;
	}
	
	.pers_menu .login .controls {
		clear: both;
		width: 100%;
	}
	
	.pers_menu .controls .submit {
		float: right;
		height: 21px;
		margin: 5px;
		margin-top: 3px;
		margin-right: 3px;
		width: 62px;
		background-color: #FFFFFF;
		color:#000000;
	}
	
	.pers_menu li#pers {
		font-size: 12px;
		font-weight: bold;
		list-style: none;
		margin-left: -25px;
	}	
	/************************************
						end of logindiv
	************************************/

	
	/************************************
						start of searchbar
	************************************/

	div.search {
		clear: both;
		float: right;
		margin-top: 240px;
		margin-right: 5px;
	}

	.search input {
		width: 90px;
		height: 20px;
	}

	.search .submit {
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
		background-color: #17CBFF;
		border: 1px solid #ffffff;
		color: #ffffff;
		height: 20px;
	}
	
	.content .include .search {
		float: left;
	}
	/************************************
						end of searchbar
	************************************/


div.subMenu {
	height: 49px;
	display: block;
}

div.subMenu ul {
	list-style: none;
}

div.subMenu #forParents,
div.subMenu #forKids {
	width: 138px;
	height: 49px;
	display:block;
	cursor:pointer;
	float: left;
	background-image: url(../img/forParents.jpg);
}  

div.subMenu #forKids {
	float: right;
	background-image: url(../img/forKids.jpg);
}

div.subMenu #subMenuPointer,
div.subMenu #subMenuParents,
div.subMenu #subMenuKids {
	float: left;
	height: 49px;
}

div.subMenu #subMenuPointer {
	background-image: url(../img/subMenuPointer.jpg);
	width: 661px;
}

div.subMenu #subMenuParents,
div.subMenu #subMenuKids {
	height: 46px;
	display: none;
	width: 658px;
}

div.subMenu #subMenuParents {
	border-bottom: 3px solid #663399;
	border-right: 3px solid #663399;
}

div.subMenu #subMenuKids {
	margin-left: 3px;
	border-bottom: 3px solid #DF403B;
	border-left: 3px solid #DF403B;
}

div.subMenu ul li {
	width: auto;
	float: left;
	display: block;
}

/************************************
			   parentMenu menubuttons 
************************************/
#informatie {
	width: 150px;
	height: 46px;
	display: block;
	background-image:url(../img/parentmenu/informatie.jpg);
	background-repeat:no-repeat;
}

#informatie:hover {
	background-image:url(../img/parentmenu/mo/informatie.jpg);
}

.selected #informatie {
	background-image:url(../img/parentmenu/sl/informatie.jpg);
	height: 49px;
}

#werkgroep {
	width: 169px;
	height: 46px;
	display: block;
	background-image:url(../img/parentmenu/werkgroep.jpg);
	background-repeat:no-repeat;
}

#werkgroep:hover {
	background-image:url(../img/parentmenu/mo/werkgroep.jpg);
}

.selected #werkgroep {
	background-image:url(../img/parentmenu/sl/werkgroep.jpg);
	height: 49px;
}

#welniet {
	width: 185px;
	height: 46px;
	display: block;
	background-image:url(../img/parentmenu/welniet.jpg);
	background-repeat:no-repeat;
}

#welniet:hover {
	background-image:url(../img/parentmenu/mo/welniet.jpg?bla=1);
}

.selected #welniet {
	background-image:url(../img/parentmenu/sl/welniet.jpg?bla=1);
	height: 49px;
}


#wistudat {
	width: 154px;
	height: 46px;
	display: block;
	background-image:url(../img/parentmenu/wistudat.jpg);
	background-repeat:no-repeat;
}

#wistudat:hover {
	background-image:url(../img/parentmenu/mo/wistudat.jpg);
}

.selected #wistudat {
	background-image:url(../img/parentmenu/sl/wistudat.jpg);
	height: 49px;
}



/************************************
	     einde parentMenu menubuttons 
************************************/
/************************************
			   kidsMenu menubuttons 
************************************/
#spelletjes {
	width: 165px;
	height: 46px;
	display: block;
	background-image:url(../img/kidsmenu/spelletjes.jpg);
	background-repeat:no-repeat;
}

#spelletjes:hover {
	background-image:url(../img/kidsmenu/mo/spelletjes.jpg);
}

.selected #spelletjes {
	background-image:url(../img/kidsmenu/sl/spelletjes.jpg);
	height: 49px;
}

#denkmee {
	width: 189px;
	height: 46px;
	display: block;
	background-image:url(../img/kidsmenu/denkmee.jpg);
	background-repeat:no-repeat;
}

#denkmee:hover {
	background-image:url(../img/kidsmenu/mo/denkmee.jpg);
}

.selected #denkmee {
	background-image:url(../img/kidsmenu/sl/denkmee.jpg);
	height: 49px;
}

#muziek {
	width: 195px;
	height: 46px; 
	display: block;
	background-image:url(../img/kidsmenu/leuk.jpg);
	background-repeat:no-repeat;
}

#muziek:hover {
	background-image:url(../img/kidsmenu/mo/leuk.jpg);
}

.selected #muziek {
	background-image:url(../img/kidsmenu/sl/leuk.jpg);
	height: 49px;
}

#links {
	width: 	109px;
	height: 46px;
	display: block;
	background-image:url(../img/kidsmenu/links.jpg);
	background-repeat:no-repeat;
}

#links:hover {
	background-image:url(../img/kidsmenu/mo/links.jpg);
}

.selected #links {
	background-image:url(../img/kidsmenu/sl/links.jpg);
	height: 49px;
}

/************************************
	     einde kidsMenu menubuttons 
************************************/


/************************************
	     start tabmenu  
************************************/
div.content .tabmenu {
	width: 650px;
	clear: both;
	margin-bottom: 10px;
	height: 22px;
	border-bottom: 1px solid #cecece;
}

div.content .tabmenu ul {
	width: auto;
	display: block;
	clear: both;
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-left: 26px;
}

div.content .tabmenu li {
	display: block;
	float: left;
	margin-left: -1px;
}

div.content .tabmenu li a:hover,
div.content .tabmenu li a:active,
div.content .tabmenu li a:visited,
div.content .tabmenu li a:link,
div.content .tabmenu li a {
	display: block;
	width: auto;
	padding: 3px 10px;
	color: #000000;
	border: 1px solid #cecece;
	border-bottom: 0px;
}

div.content .tabmenu li a:hover {
	background-color: #dfdfdf;
	text-decoration: none;
}

div.content .tabmenu li.sel a {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #0D5BB0;
}

/************************************
	     start tabmenu  
************************************/


div.content {
	width: 690px;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 200px;
	height: auto;
	float: left;
	color: 0D5BB0;
	background-color:#ffffff;
}

div.content p {
	color: 0D5BB0;
}

div.content a:link,
div.content a:visited,
div.content a:hover,
div.content a:active {
	color: #000000;
}


div.rightBar {
	padding-top: 30px;
	float: left;
	width: 205px;
}

div.content h1,
div.content h2,
div.content h3 {
	font-size: 20px;
	line-height: 28px;
	color: #0D5BB0;
	font-weight: normal;
	margin-bottom: 10px;
}

div.content h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.content h3 {
	font-size: 14px;
}

div.clearer {
	clear: both;
}


.content a,
.content a:link,
.content a:hover,
.content a:active,
.content a:visited {
	color: #0D5BB0;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content ul,
.content ol {
	list-style: square;
	color: #0D5BB0;
	font-size: 14px;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content ol {
	list-style: decimal;
}
.content p,
.content li,
.content li span {
	color: #0D5BB0;
}

.content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.content .textContainer {
	width: 650px;
	float: left;
}

.content .imageContainer {
	width: 100%;
	text-align: center;
}

.content .imageContainer a:link,
.content .imageContainer a:hover,
.content .imageContainer a:visited,
.content .imageContainer a:active {
	margin-bottom: 5px;
	display: block;
}

.content .imageContainer img {
	border: 0px;
}


.content .search {
	float: right;
	margin: 0px;
}

.content .search input {
	border: 1px solid rgb(23, 203, 255);
	background-color: #ffffff;
}

.content input.reset,
.content .search input.submit {
	background-color: rgb(23, 203, 255);
	border: 0px;
	height: 19px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 10px;
}	

.content input.reset {
	background-color: #CC0000;
}	

.content .include{ 
	border-top: 1px solid #0D5BB0;
	border-bottom: 1px solid #0D5BB0;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: auto;
}

.content .includeheader { 
	background-color: #0D5BB0;
	width: 100%;
	padding: 0px;
	font-weight: bold;
}


div.content .includeheader a:link,
div.content .includeheader a:visited,
div.content .includeheader a:hover,
div.content .includeheader a:active {
	color: #ffffff;
}




.content .includeheader p{ 
	padding: 3px 5px;
	color: #ffffff;
}

.content  div.year { 
	font-weight: bold;
	font-size: 14px;
	clear: both;
	width: 635px;
	background-color: #0D5BB0;
	color: #ffffff;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 5px;
	padding-left: 10px;
}

.content div.album { 
	border: 1px dotted  #222222;
	padding: 5px;
	float: left;
	/**width: 638px;**/
	width: 311px;
	margin-bottom: 2px;
}

.content div.album.odd { 
	margin-right: 4px;
}

.content  div.thumb { 
	width: 100px;
	float: left;
}

.content  div.thumb  img { 
	width: 100px;
	height: auto;
}

.content  div.description { 
	width: 200px;
	float: left;
	padding-left: 10px;
}
.content  div.description a { 
	font-weight: bolder;
	font-size: 14px;
}


form {
	margin-top: 5px;
	margin-bottom: 5px;
}

.formline {
	clear: both;
	margin-bottom: 2px;
}

.question {
	float: left;
	max-width: 120px;
	width: 120px;
}

.answer {
	float: left;
}

.explanation {
	float: left;
	display: block;
	padding-left: 5px;
	font-weight: lighter;
	font-style: italic;
	color:#666666;
}

.answer input,
.answer select,
.answer textarea {
	border: 1px dotted #17cbff;
	min-width: 150px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: none;
}

.pers_menu .answer input {
	min-width: 55px;
}

.answer textarea {
	margin-bottom: 2px;
}

.required {
	float: left;
	width: 15px;
	height: 15px;
	background-image: url(../img/icons/required.png);
	display: block;
	background-repeat:no-repeat;
}

.controls {
	padding-top: 2px;
	margin-top: 5px;
	display: block;
	clear: both;
}

.controls .submit {
	cursor: pointer;
	margin-left: 120px;
	background-color: #17CBFF;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 10px;
}
/********** start of newsarea **********/
#newsBar {
	float: left;
	width: 200px;
}

#newsMessage {
	float: left;
	margin-left: 5px;
	width: 445px;
}

.oldMessages {
	display: none;
}
/********** start of newsarea **********/

/********** start of personal menu **********/
.pers_menu {
	clear: both;
	margin-bottom: 2px;
}

.pers_menu .header,
.pers_menu .loginHeader  {
	width: 200px;
	height: 36px;
	background-image: url(../img/persMenuHeader.jpg);
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
	margin: 0px;
}

.pers_menu .loginHeader {
	background-image: url(../img/loginHeader.jpg);
}

.pers_menu div.content {
	width: 175px;
	min-width: 3px;
	height: auto;
	display: block;
	background-color: transparent;
	background-image: url(../img/persMenuBg.jpg);
	background-position: left 10px;
	background-repeat: repeat-y;
	float: none;
	clear: both;
	margin:0px;
	margin-left: 5px;
	min-height: 10px;
	top: 0px;
	left: 0px;
	padding: 5px 10px;
	font-size: 12px;
}

.pers_menu .footer {
	background-position: center;
	background-repeat: no-repeat;
	width: 200px;
	display: block;
	float: none;
	clear: both;
	height: 15px;
	background-image: url(../img/persMenuFooter.jpg);
}
/********** end of personal menu **********/

li.add {
	background-image: url(../img/icons/add.png);
	list-style: none;
	padding-left: 20px;
	margin-left: -20px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom: 10px;
}

ul.editList li:hover {
	background-color: #CCCCCC;
}

.questionList {
	display: inline-block;
	width: 275px;
}

.content a.editLink {
	color: #006600;
}

.content a.delLink {
	color: #660000;
}

.eventList {
	width: 250px;

	float: left;
	min-height: 100px;
}

.eventDetails {
	float: left;
	width: 300px;
	padding-left: 10px;
}

.eventList ul {
	list-style: none;
	margin:0px;
}

.eventList li {
	display: block;
	clear: both;
	padding: 2px 5px;
	border-bottom: 1px dotted #9f9f9f;
}

.eventList li.selected {
	background-color: #dedede;
}

.eventDate {
	display: block;
	width: 100%;
	font-style: italic;
}

.eventLink {
	width: 100%;
}

.eventLink a:link,
.eventLink a:hover,
.eventLink a:visited,
.eventLink a:active {
	font-weight: bold;
	color: 
}

.eventDetails {
	padding: 0px;
	padding-left: 10px;
}	

.eventDetails span {
	clear: both;
	display: block;
	margin-bottom: 5px;
}
.eventDetails .period {
	font-style: italic;

}

.volunteerList dt {
	float: left;
	clear: left;
	width: 150px;
	border-bottom: 1px dotted #bfbfbf;
	padding: 3px 5px;
}

.volunteerList dd {
	float: left;
	clear: right;
	border-bottom: 1px dotted #bfbfbf;
	padding: 3px 5px;
}

div.content .volunteerList a.werkgroep {
	color: #00aa00;
}

/*
div.content .volunteerList a.plusser {
	color: #00aa00;
}

div.content .volunteerList a.vrijwilliger {
	color: #003f00;
}*/

div.content .volunteerList a.geen {
	color: #dd0000;
}

div.volunteers {
	clear: both;
}

div.content li.attention a,
div.content li.novolunteer a {
	color: #dd0000;
}

div.content li.plus a{
	color: #dda0a0;
}

div.content li.werkgroep a{
	color: #00bb00;
}

.twitter {
	margin-bottom: 5px;
	margin-top: 5px;
}

.content .twitter  a{
	text-decoration: underline;
}

.content .twitter  a:hover {
	text-decoration: none;
}