/*

Document for detailworx .new media design
 _____       _        _ _
|  __ \     | |      (_) |
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ V  V / (_) | |   >  <
|_____/ \___|\__\__,_|_|_| \_/\_/ \___/|_|  /_/\_\

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

*/

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

body {
	background-color:#ffffff;
	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;
}

b {
	color:#FFFFFF;
}

i {
	color:#FFFFFF;
}

/* -------------------------------------------------------------------------------- Pattern --*/

*{
	padding:0;
	border:0;
	margin:0;
}



#topbar {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:3px;
	background-color:#d9dc4b ;
}

#pattern {
	position:absolute;
	width:50%;
	top:50%;
	min-height:48%;
	height:auto !important;
	height:48%;
	padding-left:50%;
	background-color:#0f0f0f;
	border-top:2px solid #d6d6d6;
	border-bottom:2px solid #d6d6d6;
}

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

#top_container {
	position:absolute;
	width:760px;
	height:64px;
	top:50%;
	left:50%;
	margin:-64px 0 0 -380px;
}

#horizontale_balk {
	position:absolute;
	width:551px;
	height:4px;
	margin:35px 0 0 0;
	background:#d9dc4b;
	font-size:0;
}

#top_container .logo {
	float:right;
}

#navigatie {
	margin-top:21px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#navigatie ul li {
	margin-right:15px;
	float:left;
	list-style:none;
}

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

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

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

#bottom_container {
	margin:20px 0 0 -380px;
	width:760px;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#bottom_left {
	width:370px;
	height:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#d9dc4b;
	float:left;
	list-style:inside;
}

h1 {
	font-size:25px;
	color:#ffffff;
}

h2 {
	font-size:16px;
}


#bottom_left ul li a:link, #bottom_left ul li a:visited {
	color:#d9dc4b;
	text-decoration:underline;
}

#bottom_left ul li a:hover, #bottom_left ul li a:active {
	color:#ffffff;
	text-decoration:underline;
}

#bottom_left a:link, #bottom_left a:visited {
	color:#d9dc4b;
	text-decoration:underline;
}

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

#bottom_right {
	width:370px;
	height:350px;
	overflow:hidden;
	float:right;
}

.thumb {
	width:98px;
	height:98px;
	float:right;
	margin:0 0 20px 20px;
}