/* Info over versie en auteur toevoegen */
/* */

/* -------- ALGEMEEN ------------ */

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

.sprites {background-image:url(/opmaak/CSSsprites.png);}

html,
body {
	background:#000 url(/opmaak/header02.jpg) repeat-x left top;
	color:#fff; 
	font: normal 0.9em Garamond, Georgia, "Times New Roman", serif;
	line-height:150%;
	letter-spacing:1px;}
ul { list-style: none;}

a,
a:hover,
a:visited,
a:active {
	font-size: 1em;
	text-decoration:none;
	color:#ff822e;}
a:hover {
	color:#fff;}
a[rel='intern'],
a[rel='intern']:hover,
a[rel='intern']:visited,
a[rel='intern']:active {
	background:url(/opmaak/transparant_oranje.png);
	padding:2px 4px;}
	
.wrapper {
	margin:0 auto;
	width:960px;}
	
div#content {
	background: url(/opmaak/vlekken.png) no-repeat left top;
	position:absolute;
	height:100%;
	width:100%;}

p {
	text-indent: 1.5em;
	padding-bottom:10px;}
	
/* -------- NAVIGATIE ------------ */

div#navigatie {
	text-transform: uppercase;
	margin:10px 0 50px 0;
	height:30px;
	padding:5px 0; 
	background:url(/opmaak/transparant.png);
	display:block;
	text-align:center;
	color:#FF822E;}
div#navigatie ul.logo {
	list-style-type:none;
	float:left;}
div#navigatie ul.menu {
	list-style-type:none;
	float:right;}
div#navigatie li {
	margin:0;
	float:left;
	padding:5px 10px;}
div#navigatie li.logo {
	padding:0;}

/* -------- INHOUD ------------ */

#head {
	border:0;
	height:55px;
	*height:65px;}

h1 {
	font-size:34px; 
	padding:4px 10px 4px 10px;
	letter-spacing:4px;
	background:url(/opmaak/transparant.png);
	display:inline;
	line-height:120%;
	*line-height:150%;}

div#iconen {
	position:relative;
	margin:-15px 0 0 0;
	padding:0 0 0 0;}
div#iconen span.vlekje {
	width:100px;
	height:100px;
	display:block;
	position:absolute;
	margin:0 0 0 1000px;
	background:url(/opmaak/vlekje.png);}
div#iconen ul {
	list-style-type:none;}
div#iconen li {
	margin:0;
	float:right;
	padding:0 0 0 0;}
div#iconen span {
	display:none;}
div#iconen a {
	margin:0;
	padding:0 1px;
	display:block;
	width:25px;
	height:25px;}
div#iconen a.rss {
	background-position:-2px -29px;}
div#iconen a:hover.rss {
	background-position:-83px -30px;}
div#iconen a.linkedin {
	background-position:-2px -2px;}
div#iconen a:hover.linkedin {
	background-position:-83px -3px;}
div#iconen a.flickr {
	background-position:-2px -84px;}
div#iconen a:hover.flickr {
	background-position:-83px -84px;}
div#iconen a.vimeo {
	background-position:-2px -111px;}
div#iconen a:hover.vimeo {
	background-position:-83px -111px;}
div#iconen a.twitter {
	background-position:-2px -56px;}
div#iconen a:hover.twitter {
	background-position:-84px -57px;}

h3 {
	font-size:1em;
	background-color:#ff822e;
	width:100%;
	display:inline;
	padding:2px 4px 2px 4px;
	background:url(/opmaak/transparant_oranje.png);}

.clients h3,
.services h3 {
	float:left;}

div.inner_wrapper {
	background:url(/opmaak/transparant.png);
	display:block;	
	float:left;
	width:100%;
	margin:0px auto;
	position:relative;
	padding:0;}

div.left {
	float:left;
	width:640px;
	position:relative;
	overflow:hidden;
	padding:10px;
	text-align:justify;}

p.profiel_pic {
	width:150px;
	padding:0;
	margin:10px 0 0 0;
	float:left;}
p.profiel_pic img {
	width:150px;
	margin:0 0 0 -20px;
	padding:0;}
p.profiel_tekst {
	padding:10px;
	margin:10px 0 0 170px;
	background:url(/opmaak/transparant_oranje.png);
	text-indent: 0em;}
p.contact_tekst,
p.form_thanks {
	position:relative;
	padding:10px;
	margin:10px 0 10px 0;
	background:url(/opmaak/transparant_oranje.png);
	text-indent: 0em;}
p.contact_tekst span {
	position:relative;
	display:block;
	width:150px;
	float:left;}
p.contact_tekst strong {
	position:relative;
	display:block;
	float:left;
	clear:right;
	width:400px;}

p.nieuws_pic {
	width:250px;
	padding:0;
	margin:10px 0 0 0;
	float:left;}
p.nieuws_pic img {
	width:250px;
	margin:0 0 0 -20px;
	padding:0;}
p.nieuws_tekst {
	padding:10px;
	margin:10px 0 0 270px;
	background:url(/opmaak/transparant_oranje.png);
	text-indent: 0em;}


form {
	width:100%;
	height:100%;}

input#name,
input#mail {
	color:#a53d1c;
	margin-bottom:10px;
	padding:2px;
	background:url(/opmaak/transparant_oranje.png);
	width:309px;
	font: normal 20px Garamond, Georgia, "Times New Roman", serif;
	border:1px dotted #a53d1c;}
input#name {
	margin-right:10px;}

textarea {margin-bottom:10px;
	color:#a53d1c;
	background:url(/opmaak/transparant_oranje.png);
	padding:2px;
	font: normal 20px Garamond, Georgia, "Times New Roman", serif;
	width:633px;
	border:1px dotted #a53d1c;}

input#button1,
input#button2 {
	background:url(/opmaak/transparant_oranje.png);
	font: normal 20px Garamond, Georgia, "Times New Roman", serif;
	padding:2px;
	border:1px dotted #a53d1c;
	float:left;
	width:314px;
	color:#a53d1c;}
input#button1 {
	margin-right:10px;}

input#button1:hover,
input#button2:hover,
input#name:focus,
input#mail:focus,
textarea:focus {
	background:#a53d1c;
	color:#000;}

p.project {
	padding:10px;}
p.project span.project_border {
	width:100%;
	height:140px;
	display:block;
	position:relative;}
p.project span.project_border span.project_left {
	float:left;
	clear:right;
	width:300px;}
span.project_left span {
	position:relative;
	font-size:1.1em;
	width:100%;
	padding:0;
	margin:0;}
span.project_left span a {
	display:block;
	text-align:right;
	margin:-40px 0 0 0;}
span.project_left span.label {
	position:absolute;
	font-size:12px;
	padding:2px 4px;
	margin:10px 0 0 0;
	background-position: -3px -168px;	
	width:80px;
	height:29px;
	text-align:center;
	color:#000;
	font-weight:bold;
	*margin: 10px 0 0 -20px; /* IE 7 and below */}
span.project_left img {
	margin-left:20px;}

p.project span.project_border span.project_right {
	width:300px;
	float:right;
	font-size:1em;
	text-indent: 0em;
	text-align:left;
	color:#a53d1c;}
span.project_right span {
	position:relative;
	display:block;
	width:70px;
	float:left;}
span.project_right strong {
	color:#fff;
	position:relative;
	display:block;
	float:left;
	clear:right;
	width:200px;}


div.right {
	float:left;
	width:270px;
	position:relative;
	overflow:hidden;
	padding:10px 20px 10px 10px;
	text-align:right;}

div.right div.latest_project span {
	display:block;
	position:relative;
	font-size:0.7em;
	width:100%;
	padding:0;
	margin:-45px 0 0 0;}
div.right div.latest_project {
	margin:10px 0 0 0;}
div.right div.latest_project span.label {
	position:absolute;
	font-size:12px;
	padding:2px 4px;
	margin:10px 0 0 0;
	background-position: -3px -168px;	
	width:80px;
	height:29px;
	text-align:center;
	color:#000;
	font-weight:bold;
	*margin: 10px 0 0 -20px; /* IE 7 and below */}

ul.service li,
ul.client li { 
	font-style: italic; }
div.services,
div.clients {
	text-align:left;
	float: left;}
ul.client,
ul.service {
	float:left;
	margin: 10px 10px 0 0;
	width: 190px;
	text-align:left;}
ul.service {width:125px;}	

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

div#footer {
	position:relative;
	font-size: 0.9em;
	clear:both;
	height:30px;
	padding:5px 5px;  
	background:url(/opmaak/transparant.png);
	display:block;
	text-align:center;
	color:#a53d1c;
	top:20px;}
div#footer ul.footer_menu {
	list-style-type:none;}
div#footer li {
	margin:0;
	float:right;
	padding:4px 0 4px 10px;}
div#footer li.copyright {
	float:left;
	padding:4px 0;}

div#footer li:before {
	content: ": ";}
div#footer li.copyright:before {
	content: "";}

div#footer a {
	font-size: 1em;
	color:#a53d1c;}
div#footer a:hover {
	color:#ff822e;}

span.help_2008 {
	background-position:-2px -276px;	
	width:73px;
	height:59px;
	margin: -10px 0 0 -10px;
	padding:0;
	position:absolute;}
span.help_bkee {
	background-position:-2px -202px;	
	width:80px;
	height:74px;
	margin: 40px 0 0 300px;
	padding:0;
	position:absolute;}
span.help_bkee {
	background-position:-2px -202px;	
	width:80px;
	height:74px;
	margin: 40px 0 0 300px;
	padding:0;
	position:absolute;}