/* main.css */
	
html, body {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 100%;
	color: #000;
	background: #fff;
	font-family: "Trebuchet MS", sans-serif;
	}

/* GENERAL */

h1 {
	font-size: 145%;
	color: #222;
	background: transparent;
	line-height: 120%;
	margin: 0 6% 20px;
	font-weight: normal;
	}

h2 {
	color: #6b5121;
	background: transparent;
	margin: 1.4em 6% 0.6em;
	font-size: 120%;
	line-height: 120%;
	}

h3 {
	margin: 1.6em 6% 0.5em;
	font-size: 105%;
	line-height: 140%;
	color: #000;
	background: transparent;
	}

h4 {
	margin: 1.6em 6% 0.5em;
	font-size: 100%;
	line-height: 140%;
	color: #333;
	background: transparent;
	}

p {
	margin: 0 6% 1em;
	}

h2.intro, p.intro {
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
	line-height: 135%;
	margin-bottom: 0.8em;
	color: #6b5121;
	background: transparent;
	}

.preintro {
	font-size: 90%;
	line-height: 130%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	font-style: italic;
	}

ul {
	list-style: none outside;
	margin: 0 6% 1.7em;
	padding: 0;
	}

ol {
	list-style-position: outside;
	margin: 0 6% 1.7em;
	padding: 0 0 0 2.2em;
	}

ul li, body.nieuws ul.bullets li {
	margin: 0;
	color: #000;
	background: url("/img/arrow.gif") transparent 2px 0.3em no-repeat;
	padding: 0.1em 0 0.1em 1.5em;
	}

#extra ul li {
	background-position: 0 0.3em;
	}

ol li {
	padding: 0.1em 0;
	margin: 0;
	}

blockquote, .bron {
	margin: 1em 6%;
	font-family: Georgia, serif;
	font-style: italic;
	color: #333;
	background: #e6e6e0;
	padding: 0.7em 4% 1px;
	}

li blockquote {
	margin: 0;
	}

blockquote p {
	margin: 0 0 1em;
	}
	
li h2, li h3, li h4, li p {
	margin-left: 0;
	margin-right: 0;
	}

.bron {
	font-style: normal;
	}

p.error {
	border: 1px solid #333330;
	color: #000;
	background: #fd6;
	padding: 0.4em 21px;
	}

tr.error th, tr.error td, div.error {
	color: #000;
	background: #fd6;
	padding: 0.2em 0.4em 0.1em;
	border-top: 2px solid #f1f1ea;
	}

tr.error td {
	padding-left: 0;
	}

div.error {
	width: 96%;
	padding: 0.2em 2% 0.1em;
	border: 0;
	}

.future {
	color: #888;
	background: transparent;
	}

table {
	font-size: 80%;
	line-height: 130%;
	margin: 2.28em 0 2.5em 6%;
	border: 1px solid #eeeee6;
	}

td {
	color: #000;
	background: #e0e0d9;
	border: 1px solid #eeeee6;
	padding: 2px 5px;
	vertical-align: top;
	text-align: right;
	}

th {
	color: #333330;
	background: #d0d0c9;
	border: 1px solid #eeeee6;
	padding: 1px 5px;
	vertical-align: top;
	text-align: left;
	}

caption {
	color: #333330;
	background: transparent;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 1em;
	}

.gallery {
	border: 0;
	}

.gallery td, .gallery th {
	border: 0;
	color: #000;
	background: transparent;
	text-align: center;
	padding: 2px 3px;
	font-weight: normal;
	}

.favelets table {
	margin-top: 1.4em;
	font-size: 90%;
	width: 88%;
	}

.favelets td, .favelets th {
	padding: 0.4em 0.8em;
	text-align: left;
	}

.compatibility {
	width: 180px;
	}

.favelets table h3, .favelets table p {
	margin: 0.2em 0 1em;
	}

.favelets #extra li {
	margin-bottom: 1.4em;
	padding-left: 0;
	background-image: none;
	}

.favelets #extra li img {
	margin: 0.8em 0 6px;
	}

#extra td, #extra th {
	text-align: left;
	}

#extra table {
	margin: 0.4em 0 1em;
	font-size: 100%;
	width: 100%;
	}

#extra .system {
	padding: 0.8em 0.5em 0.4em;
	color: #444;
	background: #f6f6f0;
	text-align: center;
	font-weight: normal;
	}

.system img {
	vertical-align: middle;
	margin-right: 4px;
	}

#extra .lft {
	text-align: left;
	}

#extra .rgt {
	text-align: right;
	}

.formulier table {
	font-size: 100%;
	line-height: 130%;
	margin: 0;
	border: 0;
	width: 100%;
	}

.formulier th, .formulier td {
	color: #000;
	background: transparent;
	border: 0;
	vertical-align: middle;
	text-align: right;
	font-weight: normal;
	padding: 0.1em 0.4em 0.1em 0;
	}

.formulier th {
	width: 10em;
	text-align: left;
	}

.formulier td .tekst { 
	width: 100%; 
	}

.doorsturen form th {
	width: 14em;
	}

label em {
	font-size: 85%;
	color: #776;
	background: transparent;
	}

sup {
	line-height: 90%;
	vertical-align: 0.6em;
	font-size: 80%;
	}

img {
	vertical-align: middle;
	border: 0;
	}

#buiten .ext {
	border: 0;
	display: inline;
	padding: 0;
	vertical-align: middle;
	margin: 1px 1px 2px 2px;
	}

#end {
	display: none;
	}

.q {
	font-style: italic;
	}

a:link, a:link em {
	color: #b06030 !important;
	background-color: transparent !important;
	text-decoration: underline;
	}

a:visited, a:visited em {
	color: #606066 !important;
	background-color: transparent !important;
	text-decoration: underline;
	}

a:hover, a:active, a:hover em, a:active em {
	color: #000 !important;
	background-color: transparent !important;
	text-decoration: underline;
	}

.img a {
	display: block;
	}

.statement {
	font-size: 85%;
	}

abbr, acronym {
	font-style: inherit;
	border: 0;
	}

code, kbd, samp {
	font-size: 95%;
	line-height: inherit;
	font-family: Monaco, monospace;
	color: #6b5121;
	background: transparent;
	}

body.doorsturen code {
	font-size: 80%;
	line-height: 100%;
	}

address {
	font-style: normal;
	margin: 0 6% 1em;
	}

#extra address {
	margin: 0 0 1.2em;
	}

.break {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	}

.datum {
	color: #888884;
	background: transparent;
	}

.links {
	float: left;
	margin: 1px 8px 2px 0;
} 
	
.links img, .rechts img {
	margin: 0 0 4px;
	}

.rechts {
	float: right;
	margin: 1px 0 2px 8px;
	}

.links, .rechts {
	line-height: 130%;
	font-size: 80%;
	font-style: italic;
	}

.gecentreerd {
	text-align: center;
	}

p.links, div.links {
	margin-left: 6%;
	}

p.rechts, div.rechts {
	margin-right: 6%;
	}

#binnen .free {
	border-width: 0;
	}

.hoofdstuk {
	margin: 0 0 24px;
	border-bottom: 1px dashed #bbbbb5;
	}

.commentaar {
	clear: both;
	font-size: 90%;
	line-height: 140%;
	padding: 5px 0;
	font-style: italic;
} 
	
.lees-verder {
	clear: both;
	font-size: 95%;
} 
	
	
td.commentaar {
	text-align: left;
	padding: 0.6em;
	font-size: 100%;
	color: #000;
	background: #eeeee7;
	}

#spring {
	position: absolute;
	top: -100em;
	left: 0;
	}

body.faq ol blockquote {
	margin: 0 0 0.4em 0;
	padding: 0;
	
	color: #333330;
	background: transparent;
	
	font-family: sans-serif;
	font-weight: bold;
	font-style: normal;
	}

body.faq ol p, body.faq ol blockquote p {
	
	margin: 0 0 0.4em 0;
	}

.lijst {
	font-size: 85%;
	line-height: 140%;
	padding-left: 2.5em;
	}

	
/* MAIN BLOCKS */

#buiten {
	color: #000;
	position: absolute;
	background: url("/img/bgs/header5.jpg") #fff top left no-repeat;
	padding: 0;
	width: 100%;
	}

body.voorpagina #buiten {
	background-image: url("/img/bgs/header1.jpg");
	}

body.bedrijf #buiten {
	background-image: url("/img/bgs/header2.jpg");
	}

body.portfolio #buiten {
	background-image: url("/img/bgs/header3.jpg");
	}

body.diensten #buiten {
	background-image: url("/img/bgs/header6.jpg");
	}

body.nieuws #buiten, body.contact #buiten {
	background-image: url("/img/bgs/header4.jpg");
	}

body.post #buiten {
	background-image: url("/img/bgs/header5.jpg");
	}

#logo {
	color: #000;
	background: url("/img/logo-bg.jpg") transparent top right no-repeat;
	margin: 0;
	height: 139px;
	text-align: right;
	}

#binnen {
	color: #000;
	background: url("/img/innerwrap.jpg") #eeeee7;
	border-bottom: 1px solid #666;
	border-top: 1px solid #fff;
	}

#inhoud {
	font-size: 95%;
	line-height: 135%;
	padding: 35px 0 1px;
	color: #222;
	background: url("/img/bgs/body5.jpg") transparent top left no-repeat;
	float: left;
	width: 68%;
	 
	}

body.voorpagina #inhoud {
	background-image: url("/img/bgs/body1.jpg");
	float: none;
	width: 100%;
	}

body.bedrijf #inhoud {
	background-image: url("/img/bgs/body2.jpg");
	}

body.portfolio #inhoud {
	background-image: url("/img/bgs/body3.jpg");
	}

body.diensten #inhoud {
	background-image: url("/img/bgs/body6.jpg");
	}

body.nieuws #inhoud, body.contact #inhoud {
	background-image: url("/img/bgs/body4.jpg");
	}

body.post #inhoud {
	background-image: url("/img/bgs/body5.jpg");
	}

/* VOORPAGINA */

#focus {
	
	margin: 0 5% 20px 4%;
	color: #000;
	background: url("/img/home/focus-tile.jpg") red;
	}

#bg {
	color: #000;
	background: url("/img/home/focus-bg3.jpg") #f1f1ea bottom right no-repeat;
	/*background: url("/img/home/focus-blog.jpg") #f1f1ea bottom right no-repeat;*/
	border: 1px solid #ccc;
	}

#focus h1 {
	margin: 0 0 12px;
	}

#focus .intro {
	font-size: 95%;
	line-height: 120%;
	margin: 0 300px 20px 5%;
	}

#focusicons {
	margin: 0 0 12px 5%;
	}

#focusicons a {
	display: block;
	}

#focusicons img {
	margin: 0 7px 0 0;
	}

#boodschap {
	color: #444;
	background: transparent;
	padding: 10px 0 0;
	margin: 0 5% 10px 4%;
	clear: both;
	}

.kort-nieuws {
	font-size: 90%;
	line-height: 140%;
	color: #333;
	background: transparent;
	margin: 30px 0 0;
	}

.kort-nieuws h2 {
	
	padding: 0;
	font-size: 115%;
	line-height: 130%;
	margin: 0 0 0.5em 0;
	font-weight: bold;
} 
	
.kort-nieuws p {
	margin-left: 0;
	margin-right: 0;
	}

a.meer {
	padding-left: 2px;
	}

.meer img {
	vertical-align: middle;
	}

.blok1 {
	width: 27%;
	float: left;
	margin: 0 4% 10px;
	}

.blok2 {
	width: 27%;
	float: left;
	margin: 0 2% 10px;
	}

.blok3 {
	width: 27%;
	float: right;
	margin: 0 4% 10px 2%;
	}

.waarschuwing {
	clear: both;
	border: 2px solid #ccccc0;
	padding: 0 1em;
	margin: 30px 0 0;
	}

.omleiding {
	clear: both;
	margin: 30px 6%;
	font-size: 85%;
	line-height: 130%;
	}

.omleiding p, .omleiding h3, .omleiding ul {
	margin-left: 0;
	margin-right: 0;
	}

/* FORMS */

form {
	margin: 20px 6%;
	width: 88%;
	}

#extra form {
	width: 100%;
	margin: 25px 0 0 !important;
	}

form h2 {
	font-size: 100%;
	line-height: 120%;	
	margin: 0.5em 0;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #ccc;
	}

fieldset {
	margin: 0;
	border: 0;
	padding: 0 0 0.8em;
	}

input, textarea {
	font-family: sans-serif;
	font-size: 90%;
	line-height: 120%;
	vertical-align: middle;
	}

.aanvulling {
	font-size: 80%;
	color: #555550;
	background: transparent;
	}

form p, form div div div div div {
	clear: both;
	margin: 0 0 0.5em; 
	width: 100%;
	}

textarea {
	width: 100%; 
	}

.tekst, textarea {
	margin: 1px 0 4px;
	border-width: 1px;
	border-color: #000;
	padding: 0.1em;
	}

input.submit {
	margin: 0 0 0.3em;
} 

div.submit {
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 6px;
	clear: both;
	}

#extra form div div div div {
	margin-bottom: 0;
	padding-bottom: 6px;
	}

.box {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	color: #000;
	background: #f1f1ea;
	}

.ne, .nw, .se, .sw {
	position: relative;
	}

.nw {
	left: -1px;
	top: -1px;
	color: #000;
	background: url("/img/box/nw.gif") top left no-repeat;
	}

.ne {
	left: 2px;
	color: #000;
	background: url("/img/box/ne.gif") top right no-repeat;
	}

.se {
	top: 2px;
	color: #000;
	background: url("/img/box/se.gif") bottom right no-repeat;
	}

.sw {
	left: -2px;
	padding: 12px 20px;
	color: #000;
	background: url("/img/box/sw.gif") bottom left no-repeat;
	}

#focus .ne {
	background-image: url("/img/box/ne-h.gif");
	}

#focus .se {
	background-image: url("/img/box/se-h.gif");
	}

#focus .sw {
	padding: 12px 3%;
	}

#inhoud form .sw {
	padding: 1.2em 4% 12px;
	}
	
/* doorsturen style */
td.ds-display {
	font-size: 80%;
	text-align: left;
	background: #F8F8F5;
	padding: 4px 0 0 8px;
	}

	
.box th {
	vertical-align: top;
	}

.info {
	color: #444;
	font-size: 90%;
	line-height: 130%;
	margin: 0.4em 6% 0.4em 1.2em;
	width: 35%;
	float: right;
	}

.info .sw {
	padding: 1px 4px;
	}

.info p, .info ul {
	padding: 0.8em 0;
	margin-top: 0;
	margin-bottom: 0;
	}

/* EXTRA */

#extra {
	color: #333330;
	background: transparent;
	float: right;
	width: 26%;
	padding: 0 0 30px 0;
	font-size: 85%;
	line-height: 135%;
	margin: 16px 5% 0 0;
	}

body.casestudy #extra {
	color: #000;
	background: url("/img/innerwrap.jpg") #eeeee7;
	margin-right: 0;
	position: absolute;
	top: 140px;
	right: 5%;
	}

#extra h2, .kolom1 h2, .kolom2 h2 {
	font-size: 110%;
	line-height: 120%;
	margin: 25px 0 8px;
	color: #222;
	background: transparent;
} 

.kolom1 h2, .kolom2 h2 {
	margin-top: 20px;
	}

#extra .img, .kolom1 .img, .kolom2 .img {
	border-bottom: 1px solid #ccc;
	color: #444440;
	background-color: #e6e6e0;
	}

.kolom1 ul, .kolom2 ul {
	margin: 0.5em 0;
	}

#binnen .box h2 {
	margin-top: 4px;
} 
	
#extra h3 {
	margin: 0 0 0.8em;
	}

#extra p, #extra ul, #extra ol {
	margin: 0 0 1em;
	}

ul ul, #extra ul ul {
	margin: 0.4em 0;
	}

div.medewerker {
	margin: 0 0 2.3em;
	}

div.medewerker h2 {
	font-size: 100%;
	line-height: 120%;
	padding: 15px 0 0;
	background-image: none;
	margin: 4px 0 0;
	color: #6b5121;
	background: transparent;
	}

div.medewerker h3 {
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 0.4em;
	}

.portret {
	float: left;
	margin: 0 -6px -2px 0;
	}

.portret img {
	position: relative;
	top: -15px;
	left: -10px;
	}

div.medewerker p {
	clear: both;
} 
	
/* NIEUWS */

body.nieuws li {
	
	padding: 0.1em 0;
	background-image: none;
} 
	
body.nieuws ul h2 {
	font-size: 100%;
	}

/* DIENSTEN */

.kolom1 {
	font-size: 85%;
	line-height: 135%;
	width: 41%;
	margin: 0 3% 0 6%;
	float: left;
	padding: 0 0 10px 0;
	}

.kolom2 {
	font-size: 85%;
	line-height: 135%;
	width: 41%;
	margin: 0 6% 0 2%;
	float: right;
	padding: 0 0 10px 0;
	}

form .kolom1 {
	width: 47%;
	margin-left: 0;
	}

form .kolom2 {
	width: 47%;
	margin-right: 0;
	}

.kolom1 p, .kolom2 p {
	margin-left: 0;
	margin-right: 0;
	}

body.diensten.waarom #inhoud li {
	margin-bottom: 20px;
	}

/* PORTFOLIO */

.projectlijst {
	list-style: none outside;
	margin: 30px 0 0;
	padding: 0;
	}

.projectlijst li {
	font-size: 85%;
	line-height: 130%;
	float: right;
	width: 40%;
	padding: 0;
	margin: 0 8% 32px 0;
	
	text-align: center;
	background-image: none;
	}

.projectlijst .eerste {
	clear: both;
	float: left;
	margin-right: 0;
	margin-left: 6%;
	}

.projectlijst li img {
	display: block;
	margin: 0 auto 6px;
	}

#extra h2.cs {
	
	background-image: none;
	padding: 0;
	color: #000;
	background: transparent;
} 
	
#extra h2.cs img {
	display: block;
	margin: 0 0 12px;
	}

.klantenlijst {
	list-style: none outside;
	margin: 0.5em 0;
	padding: 0;
	}

.klantenlijst li {
	padding: 0;
	background-image: none;
	}

.klantenlijst h3 {
	margin: 0 0 0.8em;
	font-size: 100%;
	line-height: 130%;
	color: #6b5121;
	background: transparent;
	}

.soort {
	font-weight: normal;
	color: #000;
	background: transparent;
	}

.q {
	font-family: Georgia, serif;
	font-style: italic;
	}

#extra .klantenlijst p {
	margin-left: 0.7em;
	line-height: 130%;
	}

#extra .box h3 {
	margin: 0 0 0.6em;
	}

/* NAVIGATION */

#navigatie {
	height: 22px;
	width: 100%;
	margin: 0;
	position: absolute;
	top: 139px;
	left: 0;
	border-top: 1px solid #bcbab5;
	color: #000;
	background: url("/img/bevel.gif") transparent top left repeat-x;
	}

#navigatie h2 {
	visibility: hidden;
	}

#navigatie ul {
	position: absolute;
	top: -24px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none outside;
	height: 23px;
	color: #fff;
	background: url("/img/bgs/menu7.jpg") #606066 left top no-repeat;
	width: 438px;
	}
/*
body.voorpagina #navigatie ul {
	background-image: url("/img/bgs/menu7.jpg");
	}

body.bedrijf #navigatie ul {
	background-image: url("/img/bgs/menu2.jpg");
	}

body.portfolio #navigatie ul {
	background-image: url("/img/bgs/menu3.jpg");
	}

body.diensten #navigatie ul {
	background-image: url("/img/bgs/menu6.jpg");
	}

body.nieuws #navigatie ul, body.contact #navigatie ul {
	background-image: url("/img/bgs/menu4.jpg");
	}

body.post #navigatie ul {
	background-image: url("/img/bgs/menu5.jpg");
	}
*/
#navigatie li {
	width: 72px;
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px solid #cccac5;
	border-right: 1px solid #cccac5;
	font-size: 85%;
	text-align: center;
	background-image: none;
	}

#navigatie li strong {
	display: block;
	}

#navigatie li a {
	text-decoration: none;
	display: block;
	color: #fff;
	background-color: transparent;
	}

#navigatie li a:focus {
	color: #fff;
	background-color: #72737d;
	}

#navigatie li a:hover, #navigatie li a:active {
	color: #000 !important;
	background-color: #666 !important;
	}

#navigatie li strong a:hover {
	color: #b06030 !important;
	background-color: transparent !important;
	}

/* voet */
	
#voet {
	clear: both;
	padding: 6px 4% 18px;
	font-size: 80%;
	line-height: 170%;
	margin: 0;
	}

/* tvhw */
	
.testen #inhoud h3 {
	margin-top: 1em;
	border-top: 1px solid #ccc;
	padding: 1em 0 0 0;
	}

.testen #inhoud em {
	color: #666;
	}

/* weblog */

.bericht {
	margin: 0 0 2.6em;
	}

.bericht cite {
	font-style: normal;
	}

.bericht-meta {
	margin: -0.7em 6% 2em;
	font-size: 85%;
	line-height: 120%;
	clear: both;
	padding: 0.4em 0 0;
	}

.bericht-meta cite {
	font-style: italic;
	}

#credit {
	font-size: 90%;
	line-height: 120%;
	font-style: italic;
	}

#reactielijst {
	
	}

#reactielijst li {
	padding: 0;
	background-image: none;
	margin: 0.6em 0;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #dcdccc;
	border-bottom: 1px solid #dcdccc;
	}

#reactielijst .auteur {
	font-size: 85%;
	line-height: 140%;
	margin: 0.6em 3% 0.6em 6%;
	color: #665;
	background: transparent;
	}

.bericht-meta cite,
#reactielijst .auteur cite {
	font-style: normal;
	}

#reactielijst .reactienummer {
	font-style: italic;
	text-decoration: none;
	position: absolute;
	top: 0.2em;
	left: 0;
	z-index: 100;
	font-size: 1050%;
	color: #e0e0d0;
	background: transparent;
	}

.reactie {
	color: #222;
	background: transparent;
	padding: 0;
	margin: 0 3% 0.6em 6%;
	font-style: normal;
	font-family: "Trebuchet MS", sans-serif;
	}

.reactie p { margin: 0; }

.wie,
.reactie {
	position: relative;
	z-index: 300;
	}

#reageer form {
	margin-top: 0;
	}

#reageer .kolom1,
#reageer .kolom2 {
	font-size: 100%;
	line-height: 130%;
	}

#reageer input.tekst {
	width: 100%;
	}

#reageer textarea {
	height: 9em;
	}

.nieuws .meer {
	white-space: nowrap;
	font-size: 80%;
	padding: 0 12px 0 0;
	font-weight: bold;
	background-image: url("/img/meer.png");
	background-position: 100% 0.35em;
	background-repeat: no-repeat;
	}

.nieuws .meer:visited {
	background-image: url("/img/meer-visited.png");
	}

.oud .meer {
	padding: 0;
	background-image: none;
	}