* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	background-color:#fff;
	color:#630;
	font-family:Verdana;
	font-size:12px;
	color:black;
	text-align:center; /* horizontal centering for IE Win quirks */
	}

#wrapper { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-250px; /* half of container's height */
	float:left;
	}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:550px;
	width:785px; /*origineel: 777px*/
	clear:left;
	background-color:#fff;
	border:1px solid #198344;
	}
	
#greenLine
	{	
	padding:1px;
	background-color:#198344;
	margin-bottom:1px;
	}
	
	
#greyLine
	{
	padding:1px;
	background-color:#E0E0E0;
	margin-bottom:1px;
	}
	
#navcontainer
{
	
	background-image:url("http://www.demaegdt.be/interface/navBg.gif");
	background-repeat:repeat-x;
	height:30px;
}
	
#navcontainer ul
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 4px;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0px;
	color: #3D3D3D;
	
	font-family: Verdana;
	font-size:12px;
	line-height: 18px;
	font-weight:bold;
	/* fixes Firefox 0.9.3 */	
}
	
#navcontainer ul li{
	
	display: inline;
	margin-left:-4px;

}


#navcontainer a
{
	margin:0px;
	color:#3D3D3D;
	text-decoration: none;
	padding-left:14px;
	padding-right:14px;
	border-right:solid 2px #198344;
	padding-bottom:7px;
	padding-top:5px;
}


#navcontainer ul li#active a {color:white; background-color:#198344; }
#navcontainer a:hover { color:white;background-color:#198344; }



#header
{
	background-image:url("http://www.demaegdt.be/interface/header.jpg");
	background-repeat:no-repeat;
	height:173px;
}

#headerForm
{
	background-image:url("http://www.demaegdt.be/interface/headerForm.jpg");
	background-repeat:no-repeat;
	height:173px;
}


#offerte
{
	background-color:#F5F7F6;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}

#content
{
	background-color:#F5F7F6;
	width:330px; 
	height:281px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	line-height:16px;
	float:left;

}

#content a, #offerte a
{
	color:#198344;
	text-decoration:underline;
}

#content a:hover, #offerte a:hover
{
	color:#198344;
	text-decoration:none;
}


#content h1, #offerte h1
{
	color:#198344;
	font-size:18px;
	font-family:Arial;
	font-weight:bold;
	margin-bottom:20px;
}

#content h2, #offerte h2
{
	color:#3DDB7E;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	margin-bottom:20px;
	text-deocration:underline;
}

#content ul
{
	margin-left:20px;
	margin-top:10px;
}

#footer
{
	font-family:Verdana;
	font-size:10px;
	color:#ccc;
	margin-top:6px;
	margin-left:500px;
}

#footer a,#footer a:hover
{
	color:#ccc;
	text-decoration:none
}

#flash
{
	float:left;
	margin-top:+10px;
}

.input 
{
	border-width:1px;
	border-color:#198344;
	border-style:solid;
	margin:2px;
	width:200px;
}

.button
{
	color:white;
	background-color:#198344;
	border-width:1px;
	border-style:solid;
	border-color:#198344;
	padding:2px;
}

.cbo
{
	width:100px;
}