/*

* DC style sheet for CSS2-capable browsers.
* 
* Copyright (C) 2009, DC <dcworks.nl>
* 
* Programmed by Maarten Mieras <maarten@dcworks.nl>.

*/
/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	vertical-align: top;
}

em {
	font-style:italic;
}

ol, ul {
	list-style: none;
}

a {
   outline: none !important;
   outline-width: 0 !important;
   color: #333333;
   text-decoration: none;
}

a:visited {
   outline: none !important;
   outline-width: 0 !important;
   color: #333333;
   text-decoration: none;
}

a:hover {
   outline: none !important;
   outline-width: 0 !important;
   color: #00a1e4;
   text-decoration: none;
}

body{
	width: 100%;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	background: #333;
}

img {
	border:0;
	display:block;
}

#wrapper{
	position: relative;
	float: left;
	margin:0;
	padding:0;
	width: 890px;
	left:50%;
	margin-left:-445px;
}

#header{
	width: 890px;
	height: 120px;
	float:left;
	margin:40px 0px 40px 0px;
}

#content{
	width: 890px;	
	float:left;
}

#wrapper #content #contLeft {
	float:left;
	width:440px;
	height:330px;
	background-color:#000000;
}

#content #contLeft .contHeader{
	margin:-10px 0 0 10px;
	width:348px;
	height:40px;
	overflow:hidden;
}

#content #contLeft .txt{
	margin:10px;
	line-height:1.4em;
}

#content #contLeft .txt .big{
	font-size:14px;
	font-weight:bold;
}

#content #contLeft .txt .small{
	font-size:14px;
	margin:10px 0 10px 0;
}

#content #contLeft .txt .smaller{
	font-size:13px;
	color:#666666;
	margin:10px 0 0 0;
}

a.fotobutton{

	background:#FF5200;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 0;
}

a:hover.fotobutton{

	background:#FFFFFF;
	color:#FF5200;
	padding:5px;
	margin:10px 0 0 0;
}

#wrapper #content #contRight {
	float:left;
	width:440px;
	height:330px;
	background-color:#000000;
	margin:0 0 0 10px;
}

#content #contRight .contHeader{
	margin:-10px 0 0 10px;
	width:348px;
	height:40px;
	overflow:hidden;
}

#content #contRight .txt{
	margin:10px;
	line-height:1.4em;
}

#content #contRight .txt .big{
	font-size:18px;
	font-weight:bold;
}

#content #contRight .form .naam{
	margin:10px;
	width:440px;
	font-weight:bold;
	
}

.geel{
	color:#FCEE21;
}

.yw{
	color:#00A9AC;
}

.rjr{
	color:#FF5200;
}


/* FORM */
.form{
	width:430px;
}

input {
	color: #000000;
	background: #FFFFFF;
	border: 0px solid #FFFFFF
}

.row {
	margin-left:-10px;
	width:440px;
	float:left;
	height:60px;
}

.formsmall{
	position:relative;
	float:left;
	width:190px;
	height:20px;
	margin:0 0 0 20px;
}

.formfieldbig{
	float:left;
	width:400px;
}

.smallform {
	width:190px;
	height:20px;
	padding:5px;
	font-size:16px;
	font-weight:bold;
}

.bigform{
	width:400px;
	height:20px;
	padding:5px;
	font-size:16px;
	font-weight:bold;

}

.submit input {
	color: #FFFFFF;
	background: #515151;
	border: 1px solid #515151
}

.formtxt{
	margin:0px 0px 5px 0px;
}

.voorwaarden {
	float:left;
	margin:5px 10px 0 10px;
	width:440px;
}

.voorwaarden p{
	font-size:12px;
	font-style:italic;
	color:#666666;
	margin:2px 0 0 5px;
}
.checkbox {
	float:left;
}

.send {
	margin:10px 0 0 5px;
	font-size:16px;
	font-weight:bold;
}

/* LINKS */
#projecten {
	float:left;	
	width:890px;
	background:#000000;
	margin:20px 0 0 0;
}

#projecten p{
	margin:10px;
	font-weight:bold;
}


#links{
	margin:10px 0 0 -10px;
	height:100px;
	width:890px;
	overflow:hidden;
	float:left;
}

.product-logo {
	background:#000;
	width:100px;
	margin:0 0 0 11px;
	float:left;
}

.imagelink:hover {
	border:5px solid #FFFFF;

}