@charset "utf-8";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 11px;
		line-height: 14px;
		font-family: verdana, arial, sans-serif;
		color: #000000;
		}
	html, body {
		/* \*/ height: 100%; /* IE MAC ignores */
		} 
	body {
		/* \*/ height: 100%; /* IE MAC ignores */
		margin: 0;
		background: #fff;
		min-width: 800px;
		behavior: url("/style/csshover.htc");
		} 
	* html body {
		margin: 0;
	}
	#wrap {
		margin: 0;
		height: 100%;
		text-align: center;
		}
	#middle {
		height: auto;
		width: 800px;
		min-height: 100%; 
		background: white;
		margin: 0 auto;
		text-align: left;
		background-image: url("/images/design/background2.gif");
		background-repeat: repeat-y;
	}
	* html #middle {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	.home #middle {
		background-image: url("/images/design/background.gif");
	}
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	hr {
		background-color: #339933;
		border: 0;
		color: #339933;
		height: 1px;
		margin: 12px 0 14px 0;
	}
	* html hr
	{
		margin: 7px 0 9px 0;
	}
	html>body #minheight{
		float:right;
		width:0px;
		height:800px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	a {
		color: #000000;
	}
	a:hover {
		color: #CC0000;
	}
	#DefaultPage h1 {
		height: 18px;
		line-height: 16px;
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		background-image: url("/images/design/pointer_black.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: #339933;
		padding: 2px 0 0 20px;
		margin-right: 5px;
	}
	#DefaultPage * html h1 {
		height: 20px;
	}
	#DefaultPage .content h1 {
		height: auto;
		background: white;
		color: #CC0000;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 5px;
		padding: 0;
	}
	h2 {
		color: #CC0000;
		font-size: 11px;
		margin-bottom: 5px;
	}
	h3 {
		font-size: 11px;
		margin-bottom: 5px;
	}	
	h4, h5, h6 {
		font-size: 11px;
		margin-bottom: 0px;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
#DefaultPage .content ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}
#DefaultPage .content ul li {
	padding-left: 10px;
	margin: 0 0 5px 0;
	background-image: url("/images/design/pointer_red.gif");
	background-position: 0 4px;
	background-repeat: no-repeat;
}
	blockquote {
		margin-left: 30px;
	}
	.center {
		text-align: center;
	}
	option {
		padding: 0 3px;
	}
	.noscreen {
		display: none;
	}
/** site elements **/
	#header {
		position: relative;
		width: 800px;
		height: 215px;
		background-color: #ffffff;
		background-image: url("/images/design/header.gif");
		background-position: 367px 30px;
		background-repeat: no-repeat;
	}
	#left_column {
		float: left;
		width: 148px;
		margin-bottom: 10px;
	}
	#right_column {
		float: right;
		width: 207px;
		margin-bottom: 10px;
	}
	#content {
		margin-right: 103px;
		margin-left: 151px;
		width: 432px;
		margin-bottom: 10px;
	}
	* html #content {
		margin-right: 0px;
		margin-left: 0px;
	}





	#header_spacer {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 800px;
		height:	25px;
		background: #888888;
		background: #ffffff;
	}
	#header_menu {
		position: absolute;
		left: 367px;
		top: 180px;
		width: 428px;
		height:	30px;
		background: #000;
	}
	#searchform {
		position: absolute;
		left: 218px;
		top: 3px;
	}
	#header_foto_01 {
		position: absolute;
		left: 5px;
		top: 30px;
		width: 357px;
		height:	180px;
		background-image: url("/images/design/header_foto_01.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	#header_foto_02 {
		position: absolute;
		left: 722px;
		top: 103px;
		width: 73px;
		height:	72px;
		background-image: url("/images/design/header_right.gif");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	#header_doelstelling {
		position: absolute;
		left: 367px;
		top: 103px;
		width: 351px;
		height:	72px;
		background-image: url("/images/design/doelstelling.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#cultureel_weetje {
		background-position: 5px 0;
		background-repeat: no-repeat;
		padding: 12px 25px 10px 15px;
		font-size: 10px;
	}
/** horizontal menu **/
	.hmenu
	{
		position: relative;
		border-top: solid 0px blue;
		border-bottom: solid 0px blue;
	}
	.hmenu, .hmenu ul li a
	{
		padding-top: 3px;
		line-height: 23px;
		font-size: 14px;
		padding-bottom: 4px;
	}
	.hmenu ul, .hmenu ul li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.hmenu ul li a
	{
		margin: 0 0 0 0;
		padding-left: 25px;
		padding-right: 30px;
		white-space: nowrap;
		color: #fff;
		text-decoration: none;
		background-image: url("/images/design/pointer_green.gif");
		background-position: 12px 9px;
		background-repeat: no-repeat;
	}
	.hmenu ul li a:hover, .hmenu ul .active a
	{
		color: #339933;
	}
	* html .hmenu ul li, * html .hmenu ul li a
	{
		width: 1%; /* IE/Mac needs this */
		display: inline-block;	/* IE/Mac needs this */
		/* \*/
			width: auto;
			display: inline; 
			position: relative;
		/* reset above hack */
	}
	* html .hmenu, * html .hmenu ul a
	{
		/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
					 IE/Mac will ignore this rule. */
	}
	* html .HMENU
	{
		padding: 0;	
	}
/** vertical menu **/
	.vmenu
	{
		padding: 35px 0 15px 0;
		margin: 0 2px 0 5px;
		background-image: url("/images/design/left_column_background.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: black;
	}
	.vmenu ul, .vmenu ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}
	.vmenu ul
	{
	}
	.vmenu ul li
	{
	}
	.vmenu ul li a
	{
		display: block;
		text-decoration: none;
		padding: 0px 10px 0px 25px;
		font-size: 14px;
		line-height: 28px;
		text-decoration: none;
		color: #fff;
		background-image: url("/images/design/pointer_green.gif");
		background-position: 12px 11px;
		background-repeat: no-repeat;
	}
	.vmenu ul li a:hover, .vmenu ul .active a
	{
		color: #339933;
	}
	* html .vmenu ul li a/* hide from IE5.0/Win & IE5/Mac */
	{
		height: 1%;
	}
	* html .vmenu ul
	{
		position: relative;	/* IE needs this to fix a rendering problem */
	}
/** DefaultPage **/
	#Home {
		margin-left: 0px;
		padding: 0 0 0 0;
		width: 432px;
		background: #ffffff;
	}
	#DefaultPage {
		margin-left: 0px;
		padding: 0 0 0 0;
		width: 432px;
	}
	#DefaultPage .content {
		padding: 10px 15px 10px 10px;
		margin-bottom: 16px;
	}
/** DefaultForm **/
	.DefaultForm {
	}
	.DefaultForm p {
	}
	.DefaultForm fieldset {
		border-width: 0px;
		border-color: white;
		border-style: solid;
		padding: 10px 0;
	}
	.DefaultForm legend {
		font-weight: bold;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		background-color: white;	
	}
	.DefaultForm label {
		float: left;
		width: 120px;
		padding: 0 0 0 0;
		margin: 2px 0;
		clear: left;
		line-height: normal;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		margin: 2px 0;
	}
	.DefaultForm .submit {
		margin-top: 10px;
		padding: 4px;
	}
	.login_error {
		color: blue;
	}
	/** javascript error-handling **/
	.DefaultForm input.error, 
	.DefaultForm select.error, 
	.DefaultForm input.error:focus, 
	.DefaultForm select.error:focus {
		padding-right: 16px; 
		border: 2px solid red; 
		background-image: url(/images/warning_obj.gif); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	.DefaultForm .input01 {
		width: 270px;
	}
	.DefaultForm .input02 {
		width: 100px;
	}
	.DefaultForm .textarea01 {
		width: 270px;
	}
/** FORM FOOTER **/
	.form_footer {
		text-align: right;
	}

/** ITEM LIST **/

	.item_list, .item_list_clearfix {
		position: relative;
		padding-bottom: 0;
		margin-bottom: 6px;
		border-bottom: 1px solid black;
	}
	.item_list_clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: right; 
		visibility: hidden;
	}
	.item_list_clearfix {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .item_list_clearfix {height: 1%;}
	.item_list_clearfix {display: block;}
	/* End hide from IE-mac */
	
	.item_list .lees_meer, .item_list_clearfix .lees_meer {
		text-align: right;
	}

/** ITEM LIST FOOTER **/

	.item_list_footer {
		border-width: 1px 0;
		border-color: #000;
		border-style: solid;
	}

/** MODULE PHOTO **/


	.photoalbum_table {
		width: 400px;
	}
	.photoalbum_table td {
		padding: 0 12px 12px 0;
	}
	#photo_nav_left {
		float: left;
	}
	#photo_nav_right {
		float: right;
	}
	#album_select {
		width: 250px;
	}
/** MODULE AGENDA **/


	#Agenda .datum {
		margin: 0 0 6px 0;	
	}
	#Agenda .samenvatting {
		margin: 0 0 6px 0;	
	}
	#Agenda .lees_meer {
	}
/** MODULE NEWS **/


	#News .datum {
		margin: 0 0 6px 0;	
	}
	#News .samenvatting {
		margin: 0 0 6px 0;	
	}
	#News .lees_meer {
	}
/** MODULE ARTIKEL **/


	#Artikel .datum {
		margin: 0 0 6px 0;	
	}
	#Artikel .samenvatting {
		margin: 0 0 6px 0;	
	}
	#Artikel .lees_meer {
	}
/** MODULE Actie **/


	#Actie .datum {
		margin: 0 0 6px 0;	
	}
	#Actie .samenvatting {
		margin: 0 0 6px 0;	
	}
	#Actie .lees_meer {
	}
/** MODULE VIDEO **/


	#Video .datum {
		margin: 0 0 6px 0;	
	}
	#Video .samenvatting {
		margin: 0 0 6px 0;	
	}
	#Video .lees_meer {
	}
/** MODULE PETITIE **/


	#Petitie .datum {
		margin: 0 0 6px 0;	
	}
	#Petitie .samenvatting {
		margin: 0 0 6px 0;	
	}
	#Petitie .lees_meer {
	}
/** Pagina navigatie **/

	#pagina_navigatie {
		text-align: right;
		margin: 4px 0;
	}
	#pagina_navigatie a {
	}
	#pagina_navigatie .number a {
		border: 1px solid #eeeeee;
		margin: 0px;
		padding: 1px 5px;
	}
	#pagina_navigatie .number_active a {
		border: 1px solid #000000;
		margin: 0px;
		padding: 1px 5px;
		color: #000000;
	}

/** SEARCH FORM **/

	#searchform fieldset {
		position: relative;
		border: 0;
	}
	#searchform #search {
		position: absolute;
		left: 0;
		top: 3px;
		width: 130px;
	}
	#searchform input {
		line-height: normal;
		font-size: 11px;
	}
	#searchform .button {
		position: absolute;
		left: 140px;
		top: 2px;
		width: 65px;
		height: 20px;
		cursor: pointer;
	}



/** TABLE HOMEPAGE **/

.table_home {
	width: 432px;
	background-image: url("/images/design/background_table.gif");
	background-repeat: repeat-y;
}
.table_home .td432 {
	width: 432px;
	background-image: url("/images/design/background_td427.gif");
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.table_home .td216 {
	width: 216px;
	background-image: url("/images/design/background_td211.gif");
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.table_home .kop1 {
	height: 18px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background-image: url("/images/design/pointer_black.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #339933;
	padding: 2px 0 0 20px;
	margin-right: 5px;
}
* html .table_home .kop1 {
	height: 20px;
}
.table_home .td_content {
	margin: 1px 6px 6px 1px;
	padding: 10px 10px;
	background: white;
}
.table_home .td_content p {
	margin-bottom: 6px;
}
.table_home td ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}
.table_home td ul li {
	padding-left: 10px;
	margin: 0 0 5px 0;
	background-image: url("/images/design/pointer_red.gif");
	background-position: 0 4px;
	background-repeat: no-repeat;
}

/** RIGHT COLUMN **/

#right_column .item {
	border-bottom: 1px solid black;
	width: 192px;
	padding: 12px 0;
}
#right_column .kop1 {
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
}
/** SUBSCRIBE MAILING FORM **/

.subscribe_mailing fieldset {
	border: 0;
	margin: 10px 0 0 0;
}
.subscribe_mailing label {
	display: block;
	float: left;
	width: 50px;
	padding: 1px 0 5px 0;
}
.subscribe_mailing input {
	width: 138px;
	margin: 0 0 5px 0;
}
.subscribe_mailing .button {
	cursor: pointer;
}

.meer_lezen {
	margin-top: 6px;
}
.margin_bottom {
	margin-bottom: 6px;
}