@charset "utf-8";
/* CSS Document */

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #000000;
	overflow: hidden;
}

div#container-all {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}


	div#background {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 10;
	}
	
		div#background div#wall {
			width: 100%;
			height: 369px;
		}
	
			div#background div#wall td#left {
				background-image: url(../img/wall-yellow.jpg);
				background-position: center;
				background-repeat: no-repeat;
				background-color: #ab6d20;
			}
			
	
			div#background div#wall td#right {
				background-image: url(../img/wall-blue.jpg);
				background-position: right;
				background-repeat: no-repeat;
			}
			
		div#background div#planks {	
			width: 100%;
			height: 432px;
			background-image: url(../img/planken.jpg);
			background-repeat: repeat-x;
			background-position: center;
			
		}

div#container-website {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 20;
}



/* CONTENT VLAK */


/* CONTAINER ELEMENTS */

div#content-overflow {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 60;
	overflow: auto;
	text-align: center;
	top: 0;
	left: 0;
}

	div#container-content {
		width: 980px;
		height: auto;
		margin: 0 auto 0 auto;
		display: table;
		min-height: 100px;
		text-align: left;
	}
			
		div#container-contentblocks {
			width: 558px;
			height: auto;
			margin: 10px 0 0 260px;
			position: absolute;
			z-index: 65;
		}

		div#container-contentblocks-kaart {
			width: 558px;
			height: auto;
			margin: 10px 0 0 260px;
			position: absolute;
			z-index: 65;
		}		
			
		div#container-contentblocks-guestbook {
			width: 558px;
			height: auto;
			margin: 10px 0 0 260px;
			position: absolute;
			z-index: 65;
		}		

			div.block-content {
				width: 558px;
				height: auto;
				text-align: left;
				font-size: 12px;
				color: #ffffff;
				line-height: 16px;
			}
			
				div.block-content div.block-content-top {
					width: 558px;
					height: 25px;
					font-size: 0px;
					background-image: url(../img/bg_block-content-top.png);
					background-position: bottom left;
				}	
				
				div.block-content div.block-content-content {
					width: 558px;
					height: auto;
					background-image: url(../img/bg_block-content.png);
				}		
				
					div.block-content div.block-content-content-spacing {
						padding: 0 30px 0 30px;
						width: 498px;
					}
				
					div.block-content div.block-content-content-spacing-kaart {
						padding: 0 30px 0 30px;
						width: 498px;
					}		

						div.block-content div.block-content-content-spacing-kaart ul {
							margin: 0;
							padding: 0;
							list-style-type: none;
							display: table;
						}

							div.block-content div.block-content-content-spacing-kaart ul  li {
								margin: 0;
								padding: 0;
								float: left;
								width: 240px;
								height: auto;
								margin: 10px 0 0 0;
							}

								div.block-content div.block-content-content-spacing-kaart ul  li a {
									text-decoration: none;
									display: block;
								}
							
									div.block-content div.block-content-content-spacing-kaart ul  li a img {
										border: 0;
									}							

				div.block-content div.block-content-content p {
					margin: 0;
					padding: 5px 0 5px 0;
				}	


				div.block-content div.block-content-content table.contacttable p {
					margin: 0;
					padding: 0;
				}					
				
				div.block-content div.block-content-content a {
					color: #ffffff;
					text-decoration: underline;
				}		

					div.block-content div.block-content-content a:hover {
						color: #cda721;
						text-decoration: underline;
					}				
					
				div.block-content div.block-content-foot {
					width: 558px;
					height: 25px;
					font-size: 0px;
					background-image: url(../img/bg_block-content-foot.png);
					background-position: top left;					
				}	
				




	div#container-website div#container-website-small {
		width: 980px;
		height: auto;
		margin: 0 auto 0 auto;
		display: table;
	}
	
/* LOGO - MENU */	
	
div#container-logomenu {
	height: auto;
	width: 228px;
	position: absolute;
	z-index: 90;
}	
	
/* LOGO */	
	
div#container-logomenu div#logo {
	height: 86px;
	width: 227px;
	margin: 30px 0 20px 0;
}	

/* LOGO */	
	
div#container-logomenu div#logo-kaart {
	height: 86px;
	width: 227px;
	margin: 30px 0 20px 0;
}	



/* BACK */	
	
div#container-logomenu div#back {
	height: 46px;
	width: 173px;
	margin: 0 0 20px 20px;
}	

/* MENU */

div#container-logomenu div#menu {
	width: 226px;
	height: auto;
	clear: both;
}
		
	div#container-logomenu div#menu div#menu-top {
		height: 12px;
		width: 226px;
		font-size: 0px;
		background-image: url(../img/bg_menu-top.png);
	}		
		
	div#container-logomenu div#menu div#menu-content,
	div#container-logomenu div#menu div#menu-kaart-content {
		height: auto;
		width: 226px;
		background-image: url(../img/bg_menu.png);
	}	
		
		div#container-logomenu div#menu div#menu-content ul,
		div#container-logomenu div#menu div#menu-kaart-content ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}	
			
			div#container-logomenu div#menu div#menu-content ul li,
			div#container-logomenu div#menu div#menu-kaart-content ul li {
				padding: 2px 0 2px 11px;
				width: 203px;
				margin: 0;
				height: auto;
			}	

				div#container-logomenu div#menu div#menu-content ul li a,
				div#container-logomenu div#menu div#menu-kaart-content ul li a {
					margin: 0;
					color: #ffffff;
					text-decoration: none;
				}				
								
	div#container-logomenu div#menu div#menu-foot {
		height: 12px;
		width: 226px;
		font-size: 0px;
		background-image: url(../img/bg_menu-foot.png);
	}	
	
/* MIDDLE */


div#container-elements {
	width: 607px;
	height: auto;
	position: absolute;
	z-index: 50;	
}

	div#container-elements div#door-left {
		width: 105px;
		height: 837px;
		background-image: url(../img/bg_door-left.png);
	}
	
	div#container-elements div#empty {
		width: 397px;
		height: auto;
	}
	
	div#container-elements div#door-right {
		width: 105px;
		height: 837px;
		background-image: url(../img/bg_door-right.png);
	}
		
div#images {
	width: 571px;
	height: 802px;
	position: absolute;
	z-index: 40;
	margin: 0 0 0 18px;
}

	div#images div#image-overlay {
		width: 571px;
		height: 802px;
		background-image: url(../img/image-overlay.png);
		position: absolute;
		z-index: 42;
	}
	

	div#images div#image-file,
	div#images div#image-file-fade {	
		width: 571px;
		height: 802px;
		position: absolute;
		z-index: 41;
		text-align: center;
		background-color: #000000;	
	}	
		
		div#images div#image-file script,
		div#images div#image-file-fade script {	
			width: 571px;
			height: 802px;
		}		
	
/* RIGHT */
	
div#musicplayer {
	width: 30px;
	height: 25px;
}	

div#painting {
	width: 132px;
	height: 161px;
	background-image: url(../img/schilderij.png);
	margin: 50px 0 0 0;
	clear: both;
}	


div#logo_kw {
	width: 90px;
	height: 90px;
	margin: 50px 0 0 20px;
	clear: both;
	z-index: 90;
	background-image: url(../img/kw_logo.png);
}	

	div#logo_kw a {
		width: 90px;
		height: 90px;
		background-image: url(../img/kw_logo.png);
		background-repeat: no-repeat;
		display: block;
		text-decoration: none;
		z-index: 95;
	}	
	
	div#logo_kw a:hover {
		width: 90px;
		height: 90px;
		background-image: url(../img/kw_logo_hover.png);
		background-repeat: no-repeat;
		display: block;	
		z-index: 90;
	}		

div#fontsize {
	position: absolute;
	z-index: 90;
	
}	

div#container-webdeveloper {
	width: 110px;
	height: 30px;
	background-image: url(../img/bg_webdeveloper.png);
	position: fixed;
	bottom: 0;
	margin: 0 0 20px 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	z-index: 90;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;	
}

* html div#container-webdeveloper {
	position: absolute;
	z-index: 90;	
	bottom: 0;
	margin: 0 0 20px 0;
	background: none;
}

* html div#container-webdeveloper a {
	background: none;
	color: #ffffff
}

* html div#container-webdeveloper a:hover {
	background: none;
}

	div#container-webdeveloper a {
		width: 110px;
		height: 30px;
		background-image: url(../img/bg_webdeveloper.png);
		display: block;
		text-decoration: none;
		color: #e69898;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}	

		div#container-webdeveloper a:hover {
			width: 110px;
			height: 30px;
			background-image: url(../img/bg_webdeveloper-hover.png);
			display: block;
			text-decoration: none;
			color: #ffffff;
			filter:alpha(opacity=100);
			-moz-opacity:1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;
		}			
	
/* FORMS */
	
table  {
	font-size: 100%;
}

table.contenttable  {
	margin: 0;
	padding: 0;
}

table.contenttable tr.tr-even td{
	font-weight: bold;
}

table.contenttable tr.tr-odd td{
	font-style:italic;
	padding: 0 0 10px 0;
}

table.contenttable td.td-0 {
	width: 430px;
}
	
input.inputfield {
	width: 290px;
	background-color: #ffffff;
	border: 0;
	padding: 3px;
	margin: 3px 0 3px 0;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
}


textarea.inputfield {
	width: 290px;
	height: 118px;
	background-color: #ffffff;
	border: 0;
	padding: 3px;
	margin: 3px 0 3px 0;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
}

select {
	width: auto;
	height: auto;
	background-color: #ffffff;
	border: 0;
	padding: 3px;
	margin: 3px 0 3px 0;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
}

input.button {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 26px;
	background-image: url(../img/bg_button.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}

	input.button:hover,
	input:hover.button {
		cursor: pointer;
	}
	

/* KOPPEN */

div.block-content  h1 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
}


div.block-content  h2 {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
}

div.block-content  a img {
	border: 1px solid #580000;
}
	
a {
	outline: none;
}	
	
/* OPSOMMING */

ul.csc-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 14px;
}	

	ul.csc-menu li {
		padding: 0 0 5px 0;
		margin: 0;
	}	
	
/* GUESTBOOK */


div.addnewentry {
	width: 200px;
	height: 26px;
	background-image: url(../img/bg_newentry.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	margin: 0 0 0 19px;
}

	div.addnewentry a {
		color: #ffffff;
		text-decoration: none;
		display: block;
	}
	
div.tx-guestbook-result {
	margin: 0 0 0 19px;
	font-size: 11px;
	color: #ffffff;
	width: 520px;
	text-align: right;
}

div.note-admin {
	width: 498px;
	height: auto;
	background-color: #800600;
	border: 1px solid #510000;
	margin: 10px 0 0 0;
}

	div.note-admin div.note-admin-spacing {
		padding: 5px;
		width: 488px;
	}
	
div.tx-veguestbook-pi1 label {
	width: 130px;
	display: table;
}
	
div.tx-veguestbook-pi1 div.cijfer {
	font-size: 40px;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

div.tx-veguestbook-pi1 div.onderwerp {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight: bold;
}

div.tx-veguestbook-pi1 div.bericht {
	margin: 5px 0 0 0;
}

div.tx-veguestbook-pi1 div.info {
	margin: 15px 0 0 0;
	font-size: 10px;
}


/* NEWS */

div.news-list-item-text {
	display: table;
	width: 100%;
}

div.tx_ablinklist_listView_link-info-details,
div.news-list-morelink {
	clear: both;
	width: 100px;
	height: 22px;
	background-image: url(../img/bg_readmore.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	margin: 10px 0 0 0;
	float: right;
}

	div.block-content div.block-content-content div.tx_ablinklist_listView_link-info-details a,
	div.block-content div.block-content-content div.news-list-morelink a {
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	
	
/* AB LINKLIST - CATLIST ================ */	

div.tx-ablinklist-pi1 {
	width: 100%;
}

div.tx_ablinklist_listView_links {
	width: 100%;
}

div.tx-ablinklist-pi1  div.tx_ablinklist_listView_categoryPath {
	margin: 0 0 10px 0;
}
	
div.tx-ablinklist-pi1  div.tx_ablinklist_listView_addLink {
	margin: 15px 0 0 0;
	color: #5f5f5f;
}

	div#content-spacing div.tx-ablinklist-pi1 div.tx_ablinklist_listView_addLink a {
		color: #5f5f5f;	
	}
	
div.tx-ablinklist-pi1  div.tx_ablinklist_listView_category {
	padding: 2px 0 2px 0;
}
	
/* AB LINKLIST - SINGLE CAT LINK ================ */	

div.tx-ablinklist-pi1 div.tx_ablinklist_listView_link {
	display: table;
	height: auto;
	width: 100%;
}

	div.tx-ablinklist-pi1 div.tx_ablinklist_listView_link-spacing {
		height: auto;
		width: 498px;
		padding: 10px;
	}

div.tx-ablinklist-pi1 div.tx_ablinklist_listView_link-image {
	width: 150px;
	height: auto;
	float: left;
	margin: 0 0 6px 0;	
}

div.tx-ablinklist-pi1 div.tx_ablinklist_listView_link-info {
	width: 320px;
	height: auto;
	float: left;
	margin: 0 0 6px 10px;
	display: table;
}

div.tx-ablinklist-pi1 div.tx_ablinklist_listView_link-info div.tx_ablinklist_listView_link-info-teaser {

}

div.tx-ablinklist-pi1 div.tx_ablinklist_listView_link-info div.tx_ablinklist_listView_link-info-details {
	margin: 10px 0 0 0;
}
	

/* AB LINKLIST - SINGLE LINK ================ */		


div.tx-ablinklist-pi1 div.tx_ablinklist_singleView_categoryPath {
	margin: 0 0 10px 0;
}
	
div.tx-ablinklist-pi1 div.tx_ablinklist_singleView_link-info-link {
	margin: 0 0 20px 0;	
	font-weight: bold;
}

div.tx-ablinklist-pi1 div.tx_ablinklist_singleView_link-info-back {
	margin: 10px 0 0 0;	
}	

/* KERST */

div.block-content-content li.menu_38 {
	background-image: url(../img/kerstbal.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div.block-content-content li.menu_38 img {
	margin: 0 0 0 30px;
}

div#kerstbal {
	width: 73px;
	height: 136px;
	background-image: url(../img/kerst_front.png);
	position: absolute;
	top: 0;
	margin: 75px 0 0 0;
	display: inline;
}

	div#kerstbal a {
		width: 73px;
		height: 136px;
		background-image: url(../img/kerst_front.png);
		border: 0;
		outline: none;
		display: block;
		text-decoration: none;
	}
	
div.csc-textpic-imagewrap2 {
	display: table;
	width: 100%;
}

div.csc-textpic-imagewrap2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	div.csc-textpic-imagewrap2 ul li {
		margin: 0;
		padding: 0;
	}

div.csc-textpic-imagerow2 {
	float: left;
	margin: 0 5px 1px 0;
}	

div.csc-textpic-imagerow2 img {
}