/*

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

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

*/

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

html, body {
	background-color:#1d1d1d;
	height:100%;
}

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

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

#container {
	position:absolute;
	width:724px;
	padding:0 18px 0 18px;
	min-height:100%;
	height:auto!important;
	height:100%;	
	left:50%;
	margin-left:-380px;
	background:#fff url(../images/bg_grad.gif) repeat-y;
}

/* -------------------------------------------------------------------------------- HEADER --*/
#header {
	width:724px;
	height:176px;
	position:absolute;
	margin-top:13px;
	background:url(../images/header.jpg) no-repeat;
}

#header_bg {
	width:724px;
	height:297px;
	background:url(../images/header_bg.gif) no-repeat;
}

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

#navigatie_bg {
	position:absolute;
	min-height:100%;
	height:auto!important;
	height:100%;	
	width:174px;
	margin-left:18px;
	background:#020202 url(../images/navigatie_bg.gif) no-repeat;
}

#menu {
	margin-top:13px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:174px;
}

#menu ul li {
	position:relative;
	float:none;
	list-style:none;
	width:100%;
	text-indent:15px;
	display:block;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#373737;
	line-height:25px;
}

#menu li ul {
	position:absolute;
	left:174px;
	width:235px;
	top:0;
	display:none;
	text-align:left;
	background:url(../images/menu_li_ul.gif) repeat-x;
}

#menu li ul a:link, #menu li ul a:visited, #menu li a:link, #menu li a:visited  {
	color:#373737;
	text-decoration:none;
}

#menu li ul a:hover, #menu li ul a:active, #menu li a:hover, #menu li a:active {
	color:#000;
	text-decoration:none;
}

#menu ul li a {
	display:block;
	text-decoration:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float:left; height:1%; }
* html #menu ul li a { height:1%; }
/* End */

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu li:hover, #menu li.over { 
	background:url(../images/menu_li_hover.gif) repeat-x;
}

#menu li:hover ul, #menu li.over ul { 
	display:block;
}

.vpl {
	margin-left:15px;
}

/* -------------------------------------------------------------------------------- Content --*/

#content {
	width:495px;
	height:auto;
	margin:0 0 0 210px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	word-spacing:3px;
	line-height:20px;
	text-align:justify;
}

#content h1 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#383539;
	margin:0 0 16px 0;
}

#content h2 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#383539;
	margin:30px 0 0 0;
}

#content a:link, #content a:visited {
	text-decoration:underline;
	color:#666666;
}

#content a:hover, #content a:active {
	text-decoration:underline;
	color:#000000;
}

#content ul {
	margin:20px 0 20px 40px;
	color:#333333;
}

#content li ul {
	margin:3px 0 3px 20px;
	color:#333333;
}

#content ul a:link, #content ul a:visited {
	text-decoration:none;
	color:#666666;
}

#content ul a:hover, #content ul a:active {
	text-decoration:none;
	color:#333333;
}


/* -------------------------------------------------------------------------------- Bestel form --*/
#bestel_form {
	margin:0;
	padding:0;
	font-size:9px;
}

#bestel_form .titel {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#bestel_form .omschrijving {
	width:180px;
	font-weight:bold;
}

#bestel_form .eenheid {
	width:50px;
	font-weight:bold;
}

#bestel_form .prijs {
	width:60px;
	font-weight:bold;
}

#bestel_form .letop {
	width:100px;
	font-weight:bold;
}

#bestel_form .aantal {
	width:50px;
	font-weight:bold;
}

#bestel_form .aantal_input{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	width:43px;
	text-align:center;
}

#bestel_form .select_input{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	float:right;
	width:90px;
	margin-right:5px;
}

#bestel_form table {
	margin-top:30px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
}

#bestel_form tr td {
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	padding:2px;
}

/* -------------------------------------------------------------------------------- Detailworx --*/

#detailworx {
	height:20px;
	width:20px;
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:370px;
}


/* -------------------------------------------------------------------------------- Adres gegevens --*/

#adres_container {
	width:144px;
	margin:5px 0 0 15px;
	border-top:#cccccc 1px solid;
	padding-top:25px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
}

/* -------------------------------------------------------------------------------- POPUP BOX --*/
#box	{
	position:absolute;
	width:300px;
	height:100px;
	background-color:#ffffff;
	border:1px solid #FF0000;
	left:50%;
	top:150px;
	margin-left:-150px;
	z-index:1000;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	color:#FF0000;
	text-align:center;
	font: bold 14px/32px Verdana, Arial, Helvetica, sans-serif;
}