* {
	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 {
	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;
}

.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;
	}	
	
	.pers_menu li.divider {
		list-style-type: none;
		font-style: italic;
		font-weight: bold;
		color: #ffffff;
		display: block;
		width: 145px;
		background-color: #0D5BB0;
		padding: 2px 2px 2px 10px;
		margin: 3px 0px 3px -20px;
	}
	/************************************
						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;
	height: 1px;
	width: 1px;
}


.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;
}

/***************************** BEGIN POLL ********************************/
.pollQuestion {
	font-size: 13px;
	font-weight: bolder;
}

.pollCount {
	
}

.content ul.pollResults {	
	padding: 0px;
	margin: 0px;
}

.pollResult {
	display: block;
	margin-top: 3px;
	clear: both;
	width: 600px;
}

.pollResult .timesGiven{
	float: left;
	width: 60px;
}

.pollResult .answer {
	margin-left: 10px;
	float: left;
}

.pollResult input {
	margin: 0px 5px;
}

.voteBtn {
	background-color: #17CBFF;
	padding: 4px 10px;
	color: #ffffff;
	margin-top: 5px;
	font-weight: bold;
}

.pollResult .resultBar {
	clear: both;
	display: block;
	height: 10px;
	border: 1px solid #000000;
	padding: 0px;
	margin: 0px;
}

.resultBar#resultBar1 {
	background-color: #abcdef;
}

.resultBar#resultBar3 {
	background-color: #fedcba;
}

.resultBar#resultBar3{
	background-color: #defabc;
}

.resultBar#resultBar4 {
	background-color: #defabc;
}

.resultBar#resultBar5 {
	background-color: #fe24a3;
}

/***************************** EINDE POLL ********************************/

#exitGallery {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10000;
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
}

#exitGallery a:link, 
#exitGallery a:active, 
#exitGallery a :visited,
#exitGallery a :hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


/*** BEGIN DOCUMENTEN ***/
ul.docs, 
ul.docs li {
	list-style: none;
	clear: both;
}

.docs span {
	margin-left: 5px;
	display: block;
	float: left;
	width: 200px;
	margin-right: 5px;
}

.docs img {
	float: left;
}
/*** EINDE DOCUMENTEN ***/

/*** BEGIN MAILING BOX ***/
#newsletter {
	background-image: url(../img/newsletter.png);
	background-repeat: no-repeat;
	width: 193px;
	height: 120px;
	margin-left: 5px;
	padding: 30px 10px 0px 5px;
	color: #ffffff;
}

span#invitation {
	display: block;
	width: 175px;
	margin-bottom: 5px;
}

span#emailNLlabel {

}

span#emailNLinput input[type="text"] {
	border: 1px solid #ffffff;
	color: #ffffff;
	width: 100px;
	background-color: transparent;
}
span#emailNLbutton input[type="submit"] {
	background-color: transparent;
	border: 1px solid white;
	color: white;
	float: right;
	font-weight: bold;
	margin-right: 14px;
	margin-top: 2px;
	padding: 2px 0px;
	width: 102px;
}
/*** EINDE MAILING BOX ***/

/*** SET PROFIKEPICTURE ***/
.smallSize {
	height: 100px;
	width: auto;
}

.maxSize {
	height: auto;
	width: 100%;
}

.midSize {
	height: 250px;
	width: auto;
}

a {
	cursor: pointer;
}

#profilePic {
	float: left;
	width: 200px;
	margin-right: 20px;
}

#profilePic img {
	width: 100%;
	height: auto;
}

#photoAlbums {
	float: left;
	clear: right;
	width: 400px;
}

.roundedMessage {
	margin: 3px 0px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #FFFFCC;
	border: 2px solid #0D5BB0;
	font-size: 11px;
}

.roundedMessage.error {
	border-color: #dd0000;
}

.roundedMessage.warning {
	border-color: #DD5800;
}

.content li span.knop {
	color: #fff;
}

span.knop {
	margin: 3px 0px;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #2C88EF;
	font-weight: bold;
	border: 2px solid #0D5BB0;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	width: auto;
	cursor: pointer;
}
span.knop:hover {
	background-color: #0D5BB0;
}
/*** EINDE SET PROFILEPICTURE ***/

/*** EINDE SET PROFILE ***/
#profiel  {
	margin-top: 5px;
}

#profiel div {
	display: block;
	float: left;
	width: 235px;
}

#profiel div.roundedMessage {
	width: 85%;
}

#profiel #fotojaren {
	float: left;
	width: 160px;
}

#profiel #pasfoto {
	width: 100%;
	height: auto;
}

#profiel #pasfoto img {
	width: 160px;
	height: auto;
}

#profiel #jaren {
	margin-top: 10px;
}

#profiel #jaren ul {
	margin: 0px;
}

#profiel #jaren li {
	list-style-type: none;
	padding: 3px 5px;
	margin-bottom: 2px;
	margin-left: 0px;
	width: 150px;
}

#profiel #jaren li.meegedaan {
	background-color: #97E8AB;
}

#profiel #jaren li.nietmeegedaan {
	background-color: #F2B3B0;
}

#profiel #evenementen {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -33px;
}

#profiel #gegevens {
	margin-top: -33px;
	clear: right;
}

#profiel h2,
#profiel #jaren h1,
#profiel #editPrivacy h1,
.content section h1 {
	color: #0D5BB0;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 28px;
	clear: both;
}
/*** EINDE SET PROFILE ***/

/*** BEGIN EVENTS PROFILE ***/

div#evenementen #events {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#evenementen #events li {
	background-color: #F2B3B0;
	padding: 3px 15px 3px 5px;
	cursor: pointer;
	width: 210px;
	margin-bottom: 2px;
	display: inline-block;
}

div#evenementen #events li p {
	padding: 0px;
	max-width: 220px;
}

div#evenementen #events li .title {
	font-weight: bold;
	margin-bottom: 5px;
}

div#evenementen #events li.meegedaan {
	background-color: #97E8AB;
}

div#evenementen #events .eExtra {
	display: none;
}

div#evenementen #events .selected .eExtra {
	display: block;
}

div#evenementen #events .selected .eExtra div {
	width: 215px;
}

div#evenementen #events .selected .eExtra div.eventThumbs {
	padding: 5px;
	margin: 5px;
	width: 200px;
	background: rgba(255,255,255,0.5);
}


div#evenementen #events li   .eExtra ul,
div#evenementen #events li   .eExtra ul li {
	background-color: transparent;
	cursor: default;
	margin-left: 5px;
	padding: 0px;
	list-style: square;
}

div#evenementen .eventThumbs img {
	height: 50px;
	width: auto;
}

/*** BEGIN EVENTS PROFILE ***/
div#actionsPerformed {
	clear: both;
	float: none;
	display: block;
	width: 700px;
	margin-bottom: 10px;
	min-height: 1px;
}

#profiel h2 {
	display: block;
}

input[type='radio'] {
	margin-right: 5px;
	vertical-align: middle;
}

#profilesList {
	column-count: 3;
	-moz-column-count: 3; 
	-o-column-count: 3; 
	-webkit-column-count: 3; 
}

#profilesList li {
	padding: 2px 5px;
}

#profilesList li:nth-child(2n) {
	background-color: #dddddd;
}

h4#ownProfileLink {
	width: 100%;
	display: block;
	clear: both;
	margin: 5px 0px;
}

a.adminEditLink {
	display: block;
	float: right;
	clear: right;
}

a.adminEditLink img {
	height: 13px;
	width: auto;
}

#profilesList li.thatsYou {
	background-color: #97E8AB;
}

#socialMedia {
	padding-bottom: 5px;
}
#socialMedia a {
	border: 0px;
}
#socialMedia a img {
	border: 0px;
	height: 30px; 
	width: auto;
}