@charset "utf-8";

/** common **/

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, helvetica, verdana, sans-serif;
	}

html, body {
	background: #000;
	color: #000;
	height: 100%;
	} 
body {
	height: 100%;
	margin: 0 20px;
	min-width: 960px;
	} 
* html body {
	margin: 20px;
}

#wrap {
	background-image: url("/images/design/white.gif"); 
	background-repeat: repeat-y;
	background-position: right;
	margin: -20px 0;
	position: relative;
	height: 100%;
	width: 100%;
	min-width: 700px;
	}
* html #wrap {
	height: 100%;
	margin: 0;
}
#middle_outer {
	background-image: url("/images/design/left.gif"); 
	background-repeat: repeat-y;
	position: relative;
	height: auto;
	min-height: 100%; 
	margin: 0 auto;
	margin-top: 0px;
}
* html #middle_outer {
	height: 100%; 
	}
#middle_outer:after { 
    content: "."; 
    display: block; 
    height: 0; 
    overflow: hidden; 
    clear: both; 
    visibility: hidden; 
    } 
#top {
	position: absolute;
	background-color: #000;
	top: 20px;
	left: 0px;
	height: 20px;
	width: 100%;
	min-width: 730px;
	overflow: hidden;
	z-index: 10; 
	}
* html #top {
	display: none;
	top: 0px;
	border-top: 0px;
}
#menu_top {
	position: absolute;
	background-image: url("/images/design/jan.gif"); 
	background-repeat: no-repeat;
	top: 136px;
	left: 0px;
	height: 95px;
	width: 236px;
	z-index: 12; 
}
* html #menu_top {
	top: 96px;
}
#footer {
	position: absolute;
	background-image: url("/images/design/footer.gif"); 
	background-repeat: repeat-x;
	bottom: -1px;
	left: 0px;
	height: 26px;
	width: 100%;
	min-width: 730px;
	overflow: hidden;
	z-index: 10; 
}
#footer_left {
	position: absolute;
	background-image: url("/images/design/footer_left.gif"); 
	background-repeat: repeat-x;
	top: 0px;
	left: 0px;
	height: 26px;
	width: 248px;
	overflow: hidden;
	z-index: 10; 
}
#footer_right {
	position: absolute;
	background-image: url("/images/design/footer_right.gif"); 
	background-repeat: no-repeat;
	background-position: right;
	top: 0px;
	left: 0px;
	height: 26px;
	width: 100%;
	overflow: hidden;
	z-index: 10; 
}

#header {
	position: absolute;
	background-image: url("/images/design/header.gif"); 
	background-repeat: repeat-x;
	top: 40px;
	left: 0px;
	height: 96px;
	width: 100%;
	min-width: 730px;
	overflow: hidden;
	z-index: 10; 
}
* html #header {
	top: 0px;
}
#menu {
	position: absolute;
	top: 250px;
	left: 0px;
	width: 235px;
	z-index: 100; 
}
* html #menu {
	top: 210px;
}
#header_left {
	position: absolute;
	background-image: url("/images/design/header_left.gif"); 
	background-repeat: repeat-x;
	top: 0px;
	left: 0px;
	height: 96px;
	width: 248px;
	overflow: hidden;
	z-index: 10; 
}
#header_right {
	position: absolute;
	background-image: url("/images/design/header_right.gif"); 
	background-repeat: no-repeat;
	background-position: right;
	top: 0px;
	left: 0px;
	height: 96px;
	width: 100%;
	overflow: hidden;
	z-index: 10; 
}
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}




#content {
	background-image: url("/images/design/white.gif"); 
	background-repeat: repeat-y;
	background-position: right;
	color: white;
	padding-top: 160px;
	padding-bottom: 40px;
	padding-left: 270px;
	padding-right: 20px;
}
* html #content {
	padding-top: 104px;
}

.right {
	text-align: right;
}







hr {
	background-color: #ffffff;
	border: 0;
	color: #ffffff;
	height: 2px;
	margin: 10px 0 10px 0;
}
* html hr
{
	margin: 5px 0 5px 0;
}



a {
		color: #6699CC;
		text-decoration: none;
	}
	a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	h1 {
		font-size: 16px;
		margin-bottom: 18px;
		color: #6699CC;
	}
	h2 {
		font-size: 14px;
		margin-bottom: 10px;
		color: #6699CC;
	}
	h3 {
		font-size: 13px;
		margin-bottom: 2px;
		color: #6699CC;
	}
	h4, h5, h6 {
		font-size: 13px;
		margin-bottom: 2px;
		color: #6699CC;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
	.center {
		text-align: center;
	}
	option {
		padding: 0 3px;
	}
/** site elements **/
	#content {
	}
	* html #content {
	}
/** horizontal menu **/
	.hmenu
	{
		position: relative;
		top: 149px;
		border-top: solid 0px blue;
		border-bottom: solid 0px blue;
	}
	.hmenu, .hmenu ul li a
	{
		padding-top: 3px;
		line-height: 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 -1px 0 0;
		padding-left: 10px;
		padding-right: 10px;
		border-left: solid 1px #000;
		border-right: solid 1px #000;
		white-space: nowrap;
		color: #000000;
		background: white;
	}
	.hmenu ul li a:hover, .hmenu ul .active a
	{
		color: red;
		background: #f1f1f1;
	}
	* 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 ul, .vmenu ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}
	.vmenu ul
	{
		border: solid 0px #000;
		border-bottom-width: 0;
	}
	.vmenu ul li
	{
		border-bottom: solid 0px #000;
	}
	.vmenu ul li a
	{
		display: block;
		text-decoration: none;
		font-weight: bold;
		padding: 2px 10px 2px 75px;
		color: #ffffff;
	}
	.vmenu ul li a:hover
	{
		text-decoration: underline;
	}
	.vmenu ul .active a
	{
		background-image: url("/images/design/pointer.gif"); 
		background-repeat: no-repeat;
		background-position: 2px 5px;
	}
	* 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 **/
	#DefaultPage {
		position: relative;
		padding: 0 0 0 0;
		width: 660px;
		min-height: 300px;
	}
	* html #DefaultPage {
		position: relative;
		padding: 20x 0 0 0;
		width: 660px;
		height: 300px;
	}
/** DefaultForm **/
	.DefaultForm {
	}
	.DefaultForm p {
		margin-left: 100px;
	}
	.DefaultForm fieldset {
		border-width: 0px 0;
		border-color: #6699CC;
		border-style: solid;
		padding: 0;
		margin-bottom: 2px;
	}
	.DefaultForm legend {
		font-weight: bold;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		background-color: white;	
	}
	.DefaultForm label {
		float: left;
		width: 100px;
		padding: 0 0 0 0;
		margin: 2px 0;
		clear: left;
		line-height: normal;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		margin: 2px 0;
		border: 2px solid #6699CC;
	}
	.DefaultForm .submit {
		margin-top: 10px;
		padding: 0 4px;
		color: #6699CC;
		border: 2px solid #6699CC;
		background: #000;
		cursor: pointer;
	}
	.DefaultForm .submit:hover {
		color: #6699CC;
		border: 2px solid #6699CC;
		background: #fff;
		cursor: pointer;
	}
	/** 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;
	}
/** FORM FOOTER **/
	.form_footer {
		text-align: right;
	}

/** ITEM LIST **/

	.item_list, .item_list_clearfix {
		position: relative;
		padding-bottom: 6px;
		margin-bottom: 6px;
		border-bottom: 0px solid #333;
	}
	.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_hr {
		background-color: #777;
		border: 0;
		color: #777;
		height: 1px;
		margin: 5px 0 5px 0;
	}
	* html .item_list_hr
	{
		margin: 0px 0 0px 0;
	}


/** ITEM LIST FOOTER **/

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

/** MODULE PHOTO **/


	.photoalbum_table {
		
	}
	.photoalbum_table td {
		padding: 5px;
	}
	#photo_nav_left {
		float: left;
	}
	#photo_nav_right {
		float: right;
	}

/** 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;
	}
/** Guestbook **/
	.guestbook_author {
		color: #777;
		text-align: right;
		margin-top: 5px;
	}
	.guestbook_nav {
		position: absolute;
		top:2px;
		right: 0px;
	}
/** Optredens **/
	.optreden_date {
		font-weight: bold;
		float: left;
		width: 120px;
	}
	.optreden_desc {
		margin-left: 120px;
	}
	.optreden_nav {
		position: absolute;
		top:2px;
		right: 0px;
	}
/** News **/
	.news_nav {
		position: absolute;
		top:2px;
		right: 0px;
	}
	.news_date {
		color: #777;
		text-align: right;
	}
	.news_date2 {
		color: #777;
	}