/* ------------------------------------
generic rules
------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, sans serif;

	color: white;

	background-color: #738ea3;
	background-image: url("images/background2.jpg");
	background-position: bottom right;
	background-attachment: fixed;
	
	padding: 20px 0 20px 0;
}

#eXTReMe
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


div#center
{
	position: relative;
	
	width: 757px;
	
	margin: 0 auto;

	padding-bottom: 119px;	
}

div#banner
{
	position: absolute;

	width: 510px;
	height: 119px;
	
	left: 147px;
	top: 0px;
	
	font-size: 0px;
}

div#menu
{
	position: absolute;
	
	width: 147px;
	height: 521px;

	left: 0px;
	top: 20px;
}


div#adbanner
{
   position: absolute;

   width: 140px;
   height: 426px;

   right: -40px;
   top: 119px;


}

div#content
{
	position: relative;
	
	width: 510px;

	left: 147px;
	top: 119px;

	line-height: 1.2;
}


div#content_top
{
	font-size: 0px;

	height: 15px;

	background-image: url("images/content_top.gif");
	background-repeat: no-repeat;
}

div#content_center
{
	padding: 10px 30px 10px 30px;

	background-image: url("images/content_center.gif");
	background-repeat: repeat-y;
	
	min-height: 400px;
}


div#content_bottom
{
	font-size: 0px;

	height: 14px;

	background-image: url("images/content_bottom.gif");
	background-repeat: no-repeat;
}


div#minheight
{
	float: right;

	width: 1px;
	height: 500px;
}

div#minheight_clear
{
	clear: both;

	height: 1px;

	overflow: hidden;
}

div#content h1
{
	color: white;
	text-align: right;
}

div#content h2
{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 10px;
	
	color: black;
	background-color: #385368;
	background-image: url("images/h2_gradient.png");
	background-repeat: repeat-x;
	
	padding: 0.1em 0.5em 0.1em 0.5em;
	font-size: 1.2em;
}

div#content p
{
	margin-top: 10px;
	margin-bottom: 10px;
}

table.info
{
	width: 400px;
}

ul.specs
{
	font-size: 0.8em;
	padding-left: 15px;
}

ul.diensten
{
	padding-left: 15px;
}

img.systemen
{
	float: right;
}

div#content img
{
	border: 1px solid black;
}

div#content h3
{
	clear: both;
	text-align: right;
}

div#content th
{
	text-align: left;
	padding: 0.1em 0.5em 0.1em 0.5em;
	color: black;
	background-color: #385368;
	background-image: url("images/h2_gradient.png");
	background-repeat: repeat-x;
}


table.onderdelen
{
	margin-top: 30px;
	border-collapse: collapse;
	width: 100%;
}

tr.odd td
{
	background-color: #21384c;
	border-bottom: 1px solid #3c688a;
	border-top: 1px solid #3c688a;
}

table.onderdelen td
{
	font-size: 0.8em;
}

td.prijs
{
	width: 4em;
}

td.input input
{
	width: 3em;
	margin-right: 5px;
}

div#content h4
{
	font-size: small;
}

table input
{
	width: 200px;
}