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

/*

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

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

*/

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

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

html, body {
	height:100%;
	background-image:url(../../images/content/bg.jpg);
	background-repeat:repeat-y;
	background-position:center center;
	background-attachment:fixed;
	background-color: #bcf5fe;
}

#clear {
	clear:both;
}

/* -------------------------------------------------------------------------------- IE6 MELDING --*/

#ie6melding {
	position:absolute;
	height:20px;
	width:100%;
	top:0px;
	left:0px;
	background-color:#F00;
	z-index:20000;
}

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

#container {
	position:relative;
	width:930px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto -160px; /* the bottom margin is the negative value of the footer's height */
}

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

#menu {
	float:left;
	width:930px;
	height:70px;
	background:#4a4a4a;
}

#menu_bg {
	position:absolute;
	height:70px;
	width:100%;
	top:0px;
	left:0px;
	background:#4a4a4a;
}

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

#header_top {
	float:left;
	width:930px;
	height:257px;
	background-image:url(../../images/content/header.png);
}

#header_content {
	float:left;
	width:908px;
	background-color:#FFF;
	padding: 10px;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
}

#header_bottom {
	float:left;
	width:930px;
	height:20px;
	background-image:url(../../images/content/header_bottom.png);
}

/* -------------------------------------------------------------------------------- LOGO --*/

#logo {
	position:absolute;
	width:217px;
	height:222px;
	top:75px;
	left:0px;
}

/* -------------------------------------------------------------------------------- LINE --*/

hr {
	float:left;
	width:910px;
	color:#FFF;
	border-bottom:1px solid #FFF;
	margin: 10px 10px 10px 10px;
	background-color:#FFF;}


/* -------------------------------------------------------------------------------- LEFT --*/

#left {
	float:left;
	width:170px;
}

#left_content {
	float:left;
	width:150px;
	min-height:250px;
	height:auto !important;
	height:600px;
}

#video {
	width:175px;
	height:30px;
	background-image:url(../../images/content/video_top.png);
}

#nieuwsbrief {
	width:175px;
	height:30px;
	background-image:url(../../images/content/nieuwsbrief_top.png);
}

#rss {
	width:175px;
	height:30px;
	background-image:url(../../images/content/rss_top.png);
}

/* -------------------------------------------------------------------------------- CENTER LEFT --*/

#center-left {
	float:left;
	width:275px;
	margin-left:15px;
	display:inline;
}

#center-left_top {
	float:left;
	width:265px;
	height:24px;
	background-image:url(../../images/content/center-left_top.png);
	padding: 6px 0 0 10px;
}

#center-left_content {
	float:left;
	width:255px;
	min-height:250px;
	height:auto !important;
	height:250px;
	background:#FFFFFF;
	padding: 5px 10px 5px 10px;
}

#center-left_bottom {
	float:left;
	width:275px;
	height:18px;
	background-image:url(../../images/content/center-left_bottom.png);
}

/* -------------------------------------------------------------------------------- CENTER RIGHT	 --*/

#center-right {
	float:left;
	width:218px;
	margin-left:15px;
	display:inline;
}

#center-right_top {
	float:left;
	width:208px;
	height:24px;
	background-image:url(../../images/content/center_right_top.png);
	padding: 6px 0 0 10px;
}

#center-right_content {
	float:left;
	width:198px;
	background:#FFFFFF;
	padding: 5px 10px 5px 10px;
}

#center-right_bottom {
	float:left;
	width:218px;
	height:16px;
	background-image:url(../../images/content/right_bottom.png);
	margin-bottom:10px;
	display:inline;
}

/* -------------------------------------------------------------------------------- CENTER RIGHT	 --*/

#right {
	float:left;
	width:218px;
	margin-left:15px;
	display:inline;
}

#right_top {
	float:left;
	width:208px;
	height:24px;
	background-image:url(../../images/content/right_top.png);
	padding: 6px 0 0 10px;
}

#right_content {
	float:left;
	width:198px;
	background:#FFFFFF;
	padding: 5px 10px 5px 10px;
}

#right_bottom {
	float:left;
	width:218px;
	height:16px;
	background-image:url(../../images/content/right_bottom.png);
}

#social
{
	float: left;
	margin-top: 15px;
	width: 218px;
	height: 95px;
	z-index: 999;
}

#social-top
{
	float: left;
	width: 218px;
	height: 30px;
	background-image: url(../../images/content/social-top.png);
}

#social-center
{
	float: left;
	padding-left: 10px;
	width: 208px;
	height: 45px;
	line-height: 40px;
	background-color: #ffffff;
}

#social-bottom
{
	float: left;
	width: 218px;
	height: 30px;
	background-image: url(../../images/content/social-bottom.png);	
}

/* -------------------------------------------------------------------------------- SPONSORS	 --*/

#sponsors {
	float:left;
	width:930px;
	height:74px;
	margin-bottom:10px;
	display:inline;
}

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

#push {
	height:160px; /* push must be the same height as footer */
}

#footer {
	position:relative;
	height:160px;
	margin:0 auto;
	background:#4a4a4a;
}

#footer_content {
	position:relative;
	width:930px;
	height:160px;
	margin:0 auto;
}

#footerline {
	float:right;
	width:3px;
	height:160px;
	background-image:url(../../images/content/footer_line.png);
}

#contact {
	float:right;
	width:220px;
	height:135px;
	padding:20px 0 5px 10px;
}

#footer_menu {
	float:right;
	width:150px;
	height:12px;
	padding:134px 10px 5px 0;
}

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

input {border:1px solid #7c7c7c;color:#cb5000;}
textarea {border:1px solid #7c7c7c;color:#cb5000;}
#action {border:1px solid #7c7c7c;color:#cb5000;}