html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 0.9em
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #e6e6f2 url(../images/bg.jpg) repeat-x;
	background-attachment: fixed;
}

	#contents {
		position: absolute;
		top: 0;
		left: 50%;
		width: 792px;
		margin-left: -396px;
		background: url(../images/bg.gif) repeat-y;
	}
		#menu {
			background: url(../images/bgmenu.jpg) no-repeat;
			height: 79px;
		}
			ul#nav {
				list-style: none;
				float: left;
				position:absolute;
				top:62px;
				right:5px;
			}
			
			div>ul#nav {
				top:47px;
			}
			
			ul#nav li {
				float: left;
				padding-left: 4px;
				padding-right: 4px;
				border-left: 1px solid #fff;
				line-height: 15px;
			}
			
			ul#nav li#nav-a {
				border: 0;
			}
			a.nav {
				border: 1px solid #fff;
				display: block;
				text-decoration: none;
			}
			a.nav:hover {
				background: #fff;
				color: #006;
			}
		#header {
			background-color: yellow;
			height: 50px;
			margin: 0;
			padding: 0;
			background: url(../images/midden.jpg) no-repeat;
			height: 135px;
		}
		#submenuholder {
			height: auto;
			width: 170px;
			margin-top: 25px;
			/*
			must be height of footer:
			*/
			margin-bottom: 15px;
			float:left;
		}
			ul#submenu {
				font-weight: bold;
				margin: 0;
				padding: 0;
			}

			ul#submenu li {
				display:block;
				margin:0;
				padding:0;
			}

			ul#submenu li a {
				display:block;
				height: 18px;
				width: 167px;
				text-align:left;
				text-decoration:none;
				color: #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background:#a1a1c7;
				margin-left:1px;
				margin-top:2px;
				padding-left: 5px;
			}
			ul#submenu li.sub a {
				background:#c7c7c7;
			}

			ul#submenu li a:hover {
				background:#000066;
			}
			div#flags {
				top: 10px;
				left: 10px;
				position: relative;
			}
			div#flags img {
				border: 1px solid #ffffff;
				margin-right: 5px;
			}
		#main {
			height: auto;
			margin-left: 179px;
			margin-right: 5px;
			margin-top: 5px;
			width: 600px;
			/*
			must be height of footer:
			*/
			margin-bottom: 30px;
		}
			h1, h2, h3, h4, h5, h6 {
				font-size: 14px;
				font-family: verdana, arial, helvetica, sans-serif;
				margin-bottom: 5px;
			}
			
			h1.kop, h2.kop, h3.kop  {
				background: url(../images/header.gif) no-repeat 0 0;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 18px;
				font-weight: normal;
				text-indent: 23px;
				padding-top: 18px;
				margin-bottom: -2px;
			}
			
			h1 a {
				font-size: 14px;
			}
		#footer {
			position: absolute;
			bottom: 0;
			left: 1px;
			width: 790px;
			height: 15px;
			text-align: center;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			background-color: #010066;
			clear: both;
			font-size: 1em
		}
		
		#footer a {
			text-decoration: none;
			font-size: 0.85em;
			line-height: 18px;
		}
		#showlistTable {
			 border-collapse: collapse;
			 border: 1px solid white;
		}

small a {
	font-size: 10px;
}

td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

div.hidden {
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
}

a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:13px;
	color:white;
}

a:link {
	text-decoration:underline;
}

a:visited {
	text-decoration:underline;
}

a:active {
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
	color:#cccccc;
}

img {
	border:0;
}

p {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

tr.hover {
	background: #a1a1c7;
}

textarea, input {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background-color: #000066;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
}

.error {
	background: #000066 url(../images/error.gif) no-repeat 0 0;
	height: 31px;
	width: 450px;
	border: 1px solid #fff;
	text-indent: 36px;
	line-height: 31px;
	clear: both;
}

div.progress_1, div.progress_2, div.progress_3, div.progress_4, div.progress_5 {
	border: 1px solid #fff;
	width: 22px;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	font-weight: bold;
	float: left;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 15px;
}

div.progress_1_active, div.progress_2_active, div.progress_3_active, div.progress_4_active, div.progress_5_active {
	border: 1px solid #fff;
	width: 22px;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	font-weight: bold;
	float: left;
	background: #fff;
	color: #006;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 15px;
}

img.small_img {
	width: 101px;
}

td.trouwfotos {
	width: 90px;
	margin: 5px;
}

td.trouwfotos  img {
	width: 90px;
}

caption {
	display: none;
}

.hide {
	display: none;
}