/*

Document for M&H GROUP
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ V  V / (_) | |   >  < 
|_____/ \___|\__\__,_|_|_| \_/\_/ \___/|_|  /_/\_\

Copyright 2006 : www.detailworx.nl
Weltevreden 24 G - 3731 AL De Bilt
Tel: 030 - 220 41 81

*/

html, body {
	background:#595857;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, br, form, fieldset, a, div, padding, td {
	margin:0;
	padding:0;
	border:0;
}

/* -------------------------------------------------------------------------------- #CONTAINER --*/

#container {
	position:absolute;
	width:990px;
	margin-top:10px;
	margin-left:-495px;
	left:50%;
}

/* -------------------------------------------------------------------------------- #HEADER --*/

#header_image {
	height:200px;
	width:299px;
	float:left;
}

#logo {
	height:60px;
	width:400px;
	float:left;
	margin-top:140px;
	background:url(../images/logo.gif) no-repeat;
}

/* -------------------------------------------------------------------------------- #NAVIGATIE --*/

#navigatie {
	height:100px;
	width:282px;
	float:left;
	margin-top:100px;
	clear:right;
}

#navigatie ul {
	float:right;
	margin-left:25px;
	list-style-type:none;
	text-indent:9px;
	color:#ffffff;
	border-left:solid 1px #005595;
}

#navigatie ul li{
	margin-bottom:7px;
}

#navigatie ul li a:link {
	color:#ffffff;
	text-decoration:none;
}

#navigatie ul li a:visited {
	color:#ffffff;
	text-decoration:none;
}

#navigatie ul li a:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom:dashed 1px #005595;
	border-top:dashed 1px #005595;
}

#navigatie ul li a:active {
	color:#ffffff;
	text-decoration:none;
}


/* -------------------------------------------------------------------------------- #HORIZONTALE BALK --*/

#horizontale_balk	{
	height:18px;
	width:100%;
	float:left;
	margin-top:4px;
	padding-top:5px;
	background:#005595;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:right;
}

#horizontale_balk li {
	display:inline;
	margin-right:18px;
}

#horizontale_balk a:link {
	color:#ffffff;
	text-decoration:none;
}

#horizontale_balk a:visited {
	color:#ffffff;
	text-decoration:none;
}

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

#horizontale_balk a:active {
	color:#ffffff;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------- #CONTENT --*/

#content { 
	min-height:479px;
	height:auto !important; /* hack for ie */
	height:479px;
	width:100%;
	float:left;
	padding-top:40px;
	padding-bottom:10px;
	background:#ffffff;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#595857;
}

#content a:link {
	color:#595857;
	text-decoration:underline;
}

#content a:visited {
	color:#595857;
	text-decoration:underline;
}

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

#content a:active {
	color:#595857;
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------- #NEWS --*/

#news { 
	width:288px;
	float:left;
	padding-top:16px;
	padding-left:12px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#news h2 {
	margin-bottom:18px;
	text-transform:uppercase;
	color:#ffffff;
	font-size:11px;
	display:block;
	background:#005595;
}

#news h3 {
	margin-bottom:18px;
	text-transform:uppercase;
	color:#005595;
	font-size:11px;
}

#news h4 {
	margin-bottom:15px;
	text-transform:uppercase;
	color:#005595;
	font-size:14px;
	font-weight: bold;
}

#news a:link {
	color:#595857;
	text-decoration:none;
}

#news a:visited {
	color:#595857;
	text-decoration:none;
}

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

#news a:active {
	color:#595857;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------- #TEXT --*/

#text { 
	min-height:410px;
	height:auto !important; /* hack for ie */
	height:410px;
	width:644px;;
	float:left;
	padding-top:16px;
	padding-left:22px;
	border-left:solid 1px #005595;
}

/* -------------------------------------------------------------------------------- #ADRES --*/

#adres { 
	width:100%;
	clear:both;
	text-align:right;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-bottom:20px;
	margin-top:5px;
}

#adres a {
	color:#FFFFFF;
	}
	
#adres a:hover {
	color:#999999;
	}