/*****************************************************************************************************/
/* UNIVERSEEL                                                                                        */
/*****************************************************************************************************/
* {
	font-family: Arial, Verdana, MS Sans Serif, _Sans;
}

img,fieldset {
   border: 0;
}

p, h1, h2, fieldset, form, input, select, table, tr, td {
   margin: 0;
   padding: 0;   
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
   color: #003300;
   font-family: arial;
   font-size: 16px;
}

p {
   font: 12px arial;
}

a {
   color: #006600;
}

div.sidebar {
   margin: 38px;
   padding: 5px;
   margin-top: 32px;
   font-size: 12px;
   border: 1px solid #CCCCCC;
   background: #F9F9F9;
}

hr {
   height: 1px;
   color: #CCCCCC;
   background: #CCCCCC;
   border: 0;
}

div.sidebar input ,
div.sidebar textarea {
   width: 200px;
   font-size: 12px;
   border: 1px solid #999999;
   margin-bottom: 5px;
   padding: 2px;
   color: #666666;
}

button {
   background: url('../images/button_bg.jpg');
   height: 20px;
   border: 1px solid #006600;
   color: white;
   font-variant: small-caps;
   font-weight: bold;
}
/*****************************************************************************************************/
/* HTML, BODY, CONTAINER                                                                             */
/*****************************************************************************************************/
html, body {
   margin: 0;
   padding: 0;
   border: none;
   height: 100%;
   min-height: 100%;
   background-color: #ffffff;
   font-size: 13px;
}
html {
	overflow-y: scroll;
}

/*****************************************************************************************************/
/* ZOEKEN                                                                                            */
/*****************************************************************************************************/
form#frmZoek table {
	border-collapse: collapse;
}

form#frmZoek table tr td {
	border: 1px solid #4B7C9F;
}

form#frmZoek input#txtZoek {
	width: 100%;
	height: 17px;
	border: 0;
	padding-top: 1px;
	font: 12px Arial;
}

/*****************************************************************************************************/
/* GASTENBOEK                                                                                        */
/*****************************************************************************************************/
.gbook_head {
   border-bottom: 1px solid #CCCCCC;
   margin-top: 20px;
   margin-bottom: 5px;
   font-size: 12px;
   color: #999999;
}

.gbook_body {
   padding-left: 40px;
   padding-right: 10px;
   height: auto !important;
   height: 30px;
   min-height: 30px;
   background: url('../images/quot.png') no-repeat; 
}

/*****************************************************************************************************/
/* FOTOGALLERIJ / FOTOALBUM                                                                          */
/*****************************************************************************************************/
.imgAlbumList {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

.imgAlbumBox {
   padding: 5px;
   clear: both;
   height: 42px;
}

.imgAlbumBox img { border: 1px solid black; }
.imgAlbumBox a { display: block; width: 100%; height: 100%; line-height: 40px; }

.imgAlbumBox:hover ,
.imgAlbumBox_hover {
   padding: 4px;
   border: 1px dotted #999999;
   background: #F9F9F9;
   height: 42px;
}

.imgLink { background: #F0F0F0; }
.imgLink a { display: block; border: 1px solid #aaaaaa; line-height: 90px; height: 90px; width: 120px; text-align: center; vertical-align: middle; }

/*****************************************************************************************************/
/* CONTAINER DEFINITIE                                                                               */
/*****************************************************************************************************/
div#container {
position: absolute;
left: 50%;
width: 950px;
margin-left: -475px;
background-color: #FFFFFF;
text-align: left;
}

	div#container div#header_top {
	float: left;
	width: 950px;
	height: 121px;
	background: url('../images/topschets.gif') bottom right no-repeat;
	}

		div#container div#header_top div#header_txt {
		margin-top: 40px;
		margin-right: 110px;
		width: 200px;
		float: right;
		font-size: 11px;
		text-align: right;
		}

	div#container div#header_menu {
	float: left;
	background: url('../images/menu_achtergrond.jpg') no-repeat;
	width: 950px;
	height: 183px;
	text-align: left;
	}

		div#container div#header_menu div#header_image {
		height: 183px;
		}

			div#container div#header_menu div#header_image div#menu {
			float: left;
			margin-top: -182px;
			margin-left: 0px;
			}

				div#container div#header_menu div#header_image div#menu div.menu_item {
				float: left;
				clear: both;
				height: 29px;
				width: 290px;
				margin: 0px;
				padding: 0px;
				}

						div#container div#header_menu div#header_image div#menu div.menu_item a {
						display: block;
						line-height: 29px;

						color: white;
						text-decoration: none;

						margin: 0px;
						padding: 0px;
						padding-left: 50px;
						}

						div#container div#header_menu div#header_image div#menu div.menu_item a:hover,
						div#container div#header_menu div#header_image div#menu div.menu_item a:focus {
						color: #FFEB08;
						text-decoration: none;
						background: url('../images/menu_hover.png') repeat-y;
						}


			div#container div#header_menu div#header_image #menu_corner {
			position: relative;
			top: 0px;
			z-index: 3;
			width: 50px;
			}

	div#container div#submenu {
	float: left;
	width: 295px;
	text-align: left;
	background: url('../images/ondermenu.jpg') right 2px no-repeat;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	}

   .submenu_td {
      padding-left: 50px;
      padding-bottom: 9px;
   }

   .submenu_tdSelected {
      padding-left: 50px;
      font-weight: bold;
      padding-bottom: 9px;
   }

	div#container div#content {
	width: 650px;
	float: right;

	background: url('../images/textvlak.jpg') top right no-repeat;

	top: -139px;
	}


#content_inner {
   margin: 20px 110px 20px 20px;
}

#footer {
   clear: both;
   height: 20px;
   text-align: center;
   position: relative;
   line-height: 30px;
   font-size: 11px;
   color: #AAAAAA;
}

#footer a {
   color: #AAAAAA;
   text-decoration: underline;
}

#footer a:hover {
   color: #006600;
}
#debug {
	
	position: absolute;
	right: 0;
	top: 0;
	border: 2px solid red;
	background-color: yellow;
	color: black;
	width: 200px;
	height: 500px;
	z-index: 9999;
}