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

/*

Document for Detailworx
 _____       _        _ _                         
|  __ \     | |      (_) |                        
| |  | | ___| |_ __ _ _| |_      _____  _ ____  __
| |  | |/ _ \ __/ _` | | \ \ /\ / / _ \| '__\ \/ /
| |__| |  __/ || (_| | | |\ 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%;
	color:#FFF;
	background-color:#FFF;
}

#clear {
	clear:both;
}

a:link {
	color: #929093;
	text-decoration: none;
	font:14px/18px "Century Gothic", "Franklin Gothic", Verdana, Helvetica, Arial;
}
a:visited {
	text-decoration: none;
	color: #929093;
	font:14px/18px "Century Gothic", "Franklin Gothic", Verdana, Helvetica, Arial;
}
a:hover {
	text-decoration: none;
	color: #000;
	font:14px/18px "Century Gothic", "Franklin Gothic", Verdana, Helvetica, Arial;
}
a:active {
	text-decoration: none;
	color: #000;
	font:14px/18px "Century Gothic", "Franklin Gothic", Verdana, Helvetica, Arial;
}

#footer a:link {
	color: #FFF;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #FFF;
}
#footer a:hover {
	text-decoration: none;
	color: #000;
}
#footer a:active {
	text-decoration: none;
	color: #000;
}

a { 
  outline: none; /* remove ff dotted border */
}

.text {
	margin-top:6px;
}

h1 {
	color: #929093;
	font:14px/18px "Century Gothic", "Franklin Gothic", Verdana, Helvetica, Arial;
	font-weight:normal;
}

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

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

#stage {
	position:absolute;
	height:230px;
	top:40%;
	margin-top:-125px
}

#left {
	float:left;
	width:230px;
	height:230px;
	background-image:url(../../images/webdesign-utrecht-detailworx.jpg);
	background-repeat:no-repeat;
	display:inline;
}

#center {
	float:left;
	width:230px;
	height:230px;
	padding:10px 0 0 0px;
	margin-left:100px;
	display:inline;
}

#right {
	float:left;
	width:230px;
	height:230px;
	padding:10px 0 0 0px;
	margin-left:40px;
	display:inline;
}


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

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

#footer {
	position:relative;
	height:173px;
	margin:0 auto;
	background-image:url(../../images/footer_bg.jpg);
	background-repeat:repeat;
	font:15px/18px "Century Gothic", "Franklin Gothic", Verdana, Arial;
}

#contact {
	float:left;
	margin-top:28px;
	margin-left:28px;
	text-align:right;
}

#footer_contactform {
	float:right;
	width:400px;
	margin:40px 10px 0 0;
	display:inline; /* ie6 hack */
}

.algemenevoorwaarden {
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}

#footer_contactform textarea {
	clear:both;
	width:345px;
	height:77px;
	border:1px solid #d16d18;
	overflow:hidden;
}

#footer .textfield {
	float:right;
	width:148px;
	height:16px;
	margin:-18px 53px 5px 0;
	padding:0 0 3px 3px;
	border:1px solid #d16d18;
	display:inline; /* ie6 hack */
}

#footer label {
	font-size:16px;
	width:150px;
	height:20px;
}

#submitbuttonbelow {
	background: url(../../images/sendbutton.png) no-repeat left top;
	height: 15px;
	width: 44px; 
	margin-top:5px;
	border:none;
	cursor:pointer;
}

#vacature {
	position:absolute;
	left:0px;
	top:0px;
}