/* GLOBAL RESET SETTINGS
   ***************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html {height:100%;}
/* PAGE SETTINGS
   ***************************/
body {
	position:relative;
	display:block;
	background:#f3f3f3;
	padding-top:20px;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	color:#190403;
}
#wrap {
	position:relative;
	width:850px;
	margin:auto;
	border:1px solid #c1c0be;
	background:#fff url("../images/bg.gif") no-repeat 0 100%;	
}
.clear {clear:both;}
/* HEADER SETTINGS
   ***************************/
#header {
	position:relative;
	padding-top:60px;
	width:595px;
	float:left;
}
#header h1 a {
	display:block;
	position:absolute;
	top:10px;left:30px;
	text-indent:-9999px;
	overflow:hidden;
	width:117px;
	height:41px;
	background:url("../images/logo.gif") no-repeat;
}
#header h2 {
	display:block;
	text-indent:-9999px;
	width:595px;
	height:190px;
	background:url("../images/splashhome.jpg") no-repeat;
}
#page-home #header h2 {background:url("../images/splashhome.jpg") no-repeat;}
#page-diensten #header h2 {background:url("../images/splashdie.jpg") no-repeat;}
#page-opdrachtgevers #header h2 {background:url("../images/splashopd.jpg") no-repeat;}
#page-weblog #header h2 {background:url("../images/splashweb.jpg") no-repeat;}
#page-contact #header h2 {background:url("../images/splashcon.jpg") no-repeat;}
#header ul {
	position:absolute;
	list-style:none;
	top:0;left:180px;
	height:54px;
	overflow:hidden;
}
#header ul li {float:left;display:inline;}
#header ul li a {
	text-decoration:none;
	display:block;
	padding:12px 14px 24px;
	color:#c1c0be;
}
#header ul li a:hover, #header ul li a:focus {color:#190403;}
.navhom a{background:url("../images/navhom.gif") no-repeat 50% -54px;}
#page-home .navhom a, .navhom a:hover, .navhom a:focus {color:#190403;background:url("../images/navhom.gif") no-repeat 50% 0;}
.navdie a{background:url("../images/navdie.gif") no-repeat 50% -54px;}
#page-diensten .navdie a, .navdie a:hover, .navdie a:focus {color:#190403;background:url("../images/navdie.gif") no-repeat 50% 0;}
.navopd a{background:url("../images/navopd.gif") no-repeat 50% -54px;}
#page-opdrachtgevers .navopd a, .navopd a:hover, .navopd a:focus {color:#190403;background:url("../images/navopd.gif") no-repeat 50% 0;}
.navweb a{background:url("../images/navweb.gif") no-repeat 50% -54px;}
#page-weblog .navweb a, .navweb a:hover, .navweb a:focus {color:#190403;background:url("../images/navweb.gif") no-repeat 50% 0;}
.navcon a{background:url("../images/navcon.gif") no-repeat 50% -54px;}
#page-contact .navcon a, .navcon a:hover, .navcon a:focus {color:#190403;background:url("../images/navcon.gif") no-repeat 50% 0;}
/* CONTENT SETTINGS
   ***************************/
#content {
	position:relative;
	float:left;
	width:559px;
	padding:18px 18px 0;
}
#content h2 {
	color:#730;
	font-size:25px;
	line-height:18px;
	padding-bottom:18px;
	font-weight:normal;
}
#content h3 {
	color:#f74b01;
	font-weight:normal;
	font-size:20px;
	padding-bottom:18px;
}
#content p,
#sidebar p {
	padding-bottom:1.5em;
}
#content a,
#sidebar a {
	color:#f70;
	font-weight:bold;
	text-decoration:none;
}
#content a:hover, #content a:focus,
#sidebar a:hover, #sidebar a:focus  {text-decoration:underline;}
#content ul {
	list-style:inside disc;
	padding-bottom:1.5em;
}
#content img {
	float:left;
	border:1px solid #c1c0be;
	margin:0 18px 12px 0;
}
strong {font-weight:bold;}
/* SIDEBAR SETTINGS
   ***************************/
#sidebar {
	float:right;
	width:255px;
	margin-top:-250px;
}

#weblog {
	height:310px;
	padding:0 18px;
	background:url("../images/weblogbg.gif") repeat-x;
	overflow:hidden;
	margin-bottom:18px;
}
#weblog h3 {
	color:#f30;
	font-size:16px;
	padding-bottom:18px;
	padding-top:40px;
	font-weight:bold;
}
#weblog p {
	height:175px;
	line-height:25px;
	overflow:hidden;
	padding-bottom:0;
}
#weblog .link {height:auto;overflow:visible;}
#weblog .link a {
	color:#f70;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:125px;
	padding:15px 30px 15px 20px;
	background:url("../images/readmore.gif") no-repeat right center;
}
#weblog .link a:hover, #weblog .link a:focus {text-decoration:underline;}
#sidebar h3 {
	color:#f74b01;
	font-weight:normal;
	font-size:20px;
	padding-bottom:18px;
}
#sidebar ul {padding-bottom:1.5em;}
#sidebar img {position:relative;margin:auto;text-align:center;width:180px;padding-bottom:15px;}
fieldset {position:relative;}
legend {display:none;}
label {display:block;position:relative;}
input {
	width:227px;
	border:1px solid #f30;
	padding:2px 4px;
	margin-bottom:12px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:227px;
	border:1px solid #f30;
	padding:2px 4px;
	margin-bottom:12px;
	height:80px;
}
button {
	float:right;
	border:0;
	background:#f60;
	color:#fff;
	padding:2px 14px;
	margin:0 18px 18px 0;
	cursor:pointer;
}
form label em {
font-size:10px;
font-style:italic;
position:absolute;top:0;right:-290px;
}
form label span {
color:#f00;font-weight:bold;
background:#fff;
position:absolute;top:0;left:410px;
width:150px;
}
#sidebar form label em {
font-size:10px;
font-style:italic;
vertical-align:super;
position:absolute;top:0;right:20px;
}
#sidebar form label span {
width:auto;
left:auto;
color:#f00;font-weight:bold;
background:#fff;
position:absolute;top:0;right:20px;
}


#content label {float:left;width:170px;position:relative;}
#content input,
#content textarea {float:left;clear:right}
#content button {float:left;clear:left;margin-bottom:0;margin-left:170px;}
#content fieldset {padding-bottom:18px;}
#content #zipcode {clear:none;width:50px;margin-right:10px;}
#content #city {width:157px;}

/* FOOTER SETTINGS
   ***************************/
#footer {
	text-align:center;
	font-size:10px;
}
#footer span {padding-right:100px;}
#footer a {color:#000;text-decoration:underline;}