/* ======================== General ======================== */
html
{
	min-height: 100%;
	width: 100%;
}

body
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#aaafb3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#aaafb3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #aaafb3); /* for firefox 3.6+ */
	min-height: 100%;
	width: 100%;
}

.container
{
	position: relative;
	border: 1px #000 solid;
}

#Header
{
	position: relative;	
	height: 200px;
	background: #ffffff;
}

#Header > #Logo
{
	position: relative;	
	height: 200px;
	width: 500px;
	background: url('../../img/logo-site.png') left top no-repeat;
	float: left;
}

#Header > #House
{
	position: relative;	
	height: 200px;
	width: 450px;
	background: url('../../img/house.png') right top no-repeat;
	float: left;	
}

#Navigation
{
	position: relative;	
	height: 40px;
	background: #01a4b7;
}

#Navigation > ul
{
	position: relative;	
	padding: 0;
	margin: 0;
	list-style: none;
}

#Navigation > ul > li
{
	position: relative;	
	display: block;
	width: 158px;
	text-align: center;
	float: left;
	font: normal normal bold 16px/40px verdana;
	color: #ffffff;	
}

#Navigation > ul > li > a
{
	position: relative;	
	display: block;
	text-decoration: none;
	font: normal normal bold 16px/40px verdana;
	color: #ffffff;
}

#Navigation > ul > li > a:hover
{
	position: relative;	
	display: block;
	text-decoration: none;
	background: #01b7b5;
	font: normal normal bold 16px/40px verdana;
	color: #ffffff;	
}

#Navigation > ul > li > ul
{
	position: absolute;
	z-index: 99999;
	padding: 0;
	margin: 0;
	list-style: none;
}

#Navigation > ul > li > ul > li
{
	position: relative;	
	display: block;
	width: 158px;
	text-align: center;
	background: #01a4b7;
	font: normal normal bold 12px/40px verdana;
	color: #ffffff;	
}

#Navigation > ul > li > ul > li > a
{
	position: relative;	
	display: block;
	text-decoration: none;
	font: normal normal bold 12px/40px verdana;
	color: #ffffff;
}

#Navigation > ul > li > ul > li > a:hover
{
	position: relative;	
	display: block;
	text-decoration: none;
	background: #01b7b5;
	font: normal normal bold 12px/40px verdana;
	color: #ffffff;	
}

#Navigation > ul > li > ul > li > ul
{
	position: absolute;
	z-index: 99999;
	padding: 0;
	margin: 0;
	list-style: none;
}

#Navigation > ul > li > ul > li > ul > li
{
	position: relative;	
	display: block;
	width: 158px;
	text-align: center;
	background: #01a4b7;
	font: normal normal bold 12px/40px verdana;
	color: #ffffff;	
}

#Navigation > ul > li > ul > li > ul > li > a
{
	position: relative;	
	display: block;
	text-decoration: none;
	font: normal normal bold 12px/40px verdana;
	color: #ffffff;
}

#Navigation > ul > li > ul > li > ul > li > a:hover
{
	position: relative;	
	display: block;
	text-decoration: none;
	background: #01b7b5;
	font: normal normal bold 12px/40px verdana;
	color: #ffffff;	
}

#Body
{
	position: relative;	
	height: 490px;
	background: #ffffff;
	overflow: auto;
}

#Body > #Inner
{
	position: relative;
	padding: 50px 50px 50px 50px;
	font: normal normal normal 14px/16px verdana;
	color: #000000;
}

#Body > #Inner > h2
{
	display: none;
}

#Body > #Inner fieldset
{
	border: #999999 2px solid;
}

#Body > #Inner legend
{
	padding: 5px;
	border: #999999 2px solid;
}

#Body > #Inner .textarea
{
	width: 99%;
	height: 135px;
}

#Body > #Inner .input
{
	width: 100%;
}

#Body > #Inner .knop
{
	padding: 5px;
	background-color: #01a4b7;
	color: #FFFFFF;
	border: #CCCCCC 1px solid;
}

#Body > #Inner .knoppenveld
{
	height: 30px;
	line-height: 30px;
	text-align: right;
}

#Body > #Inner .knoppenveld > a
{
	font: normal normal bold 16px/18px verdana;
	color: #FFFFFF;	
	text-align: center;
	text-decoration: none;
}

#Body > #Inner .knoppenveld > a:hover
{
	background: #01b7b5;
	font: normal normal bold 16px/18px verdana;
	color: #FFFFFF;	
	text-align: center;
	text-decoration: none;
}

#Footer
{
	position: relative;	
	height: 30px;
	background: #ffffff;
	font: normal normal normal 12px/30px verdana;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

#Footer > a
{
	position: relative;	
	font: normal normal normal 12px/30px verdana;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

.clear
{
	clear: both;
	dosplay: none;
}