@charset "utf-8";
/* CSS Document */

/*

Document for Trigon B.V.
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ V  V / (_) | |   >  < 
|_____/ \___|\__\__,_|_|_| \_/\_/ \___/|_|  /_/\_\

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

*/

/* -------------------------------------------------------------------------------- BODY --*/

html, body {
	background:#c7dedc;
}

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

h2 {
	font-size:16px;
	font-weight:bold;
}

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

#container {
	position:relative;
	width:760px;
	min-height:820px;
	height:auto!important;
	height:820px;
	left:50%;
	margin-left:-380px;
	background-image:url(../images/nieuw/bg_main.gif);
}

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

#header {
	width:760px;
	height:178px;
	background:url(../images/nieuw/header_2.jpg);
}

/* -------------------------------------------------------------------------------- MENU --*/

#menu {
	position:absolute;
	width:170px;
	height:300px;
	top:198px;
	left:25px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#menu a:link, #menu a:visited {
	text-decoration:none;
	color:#ffffff;
}

#menu a:hover, #menu a:active {
	text-decoration:underline;
	color:#ffffff;
}

#menu li {
	list-style:none;
}

.menuafstand {
	margin-top:20px;
}

/* -------------------------------------------------------------------------------- WINKEL --*/

#winkel {
	position:absolute;
	width:255px;
	height:23px;
	top:178px;
	right:0px;
	background:url(../images/nieuw/winkel.gif);
	font:small-caps 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px 0px 0px 60px;
}

a.divlink, a.divlink:link {
	display:block;
	width:100%; /*width needs to be specified to work in IE*/
	height:100%; /*height needs to be specified to work in IE*/
	/*Other browsers expand the link to full width and height.*/
	/*line-height:0;*/
	/*font-size:0;*/
}

#winkel a:link {
	text-decoration:none;
	color:#FFFFFF;
}

#winkel a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

#winkel a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

#winkel a:active {
	text-decoration:none;
	color:#FFFFFF;
}

/* -------------------------------------------------------------------------------- MAIN --*/

#main {
	margin-left:210px;
	padding-top:50px;
	width:530px;
	display:block;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
}

/* -------------------------------------------------------------------------------- FOOTER --*/

#footer {
	width:747px;
	height:15px;
	background-color:#E31818;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	position:relative;
	left:50%;
	bottom:0px;
	border-left:13px solid;
	margin-left:-380px;
	border-left-color:#FFFFFF;
	padding-top:3px;
}

#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#ffffff;
}

#footer a:hover, #footer a:active {
	text-decoration:underline;
	color:#ffffff;
}

/* -------------------------------------------------------------------------------- FORM --*/

.infoForm {
	padding:15px;
	width:500px;
	height:auto;
	margin-top:5px;
	color:#000000;
	text-align:left;	
}

.infoForm label {
	float:left;
	width:195px;
	text-align:left;
	margin-right:10px;
	color:#000000;
}

.infoForm input {
	margin-top:2px;
    border:1px solid #cccccc;
	color:#000000;
	float:left;
}

.infoForm textarea {
	margin-top:5px;
    border:1px solid #cccccc;
	color:#000000;
	float:left;
}

/* Alleen voor IE 5 en IE 6 */
* html .infoForm input {
	margin-top:1px;
	color:#000000;
	background-color:#ffffff;
	float:left;
}