@charset "utf-8";

body {
	background: #fff;
	padding: 20px 30px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Tahoma, clean, sans-serif;
	font-size: 9pt;
	color: #000;
}

/* basisstijlen */

#header,
#middenstuk,
#middencontent-outer, 
#middencontent,
#middencontent-inner,
ul,
ol,
table {
	background: transparent;
	width: auto;
	height: auto;
	border: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	color: #000;
	float: none;
	overflow: visible;
}

#header {
	clear: both; 
	margin-bottom: 30px;
}

#header h1 {
	width: 610px;
	height: 110px;
	margin: 0 0 20px -20px;
}

#header h1 img {
	display: block;
	margin: 0;
	width: 610px;
	height: 110px;
}

#header h2#inleiding {
	font-size: 1.5em;
	line-height: 1.5em;
}

#header object,
#header embed {
	width: 0 !important;
	height: 0 !important;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "Helvetica Neue", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Arial, Tahoma, clean, sans-serif;
	font-size: 2.8em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
}

h2 {
	font-family: "Helvetica Neue", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Arial, Tahoma, clean, sans-serif;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}

h3 {
	font-family: "Helvetica Neue", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Arial, Tahoma, clean, sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.6em 0;
	padding: 0;
}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 0 0.8em 1px;
	padding: 0;
}

label {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
}

table, 
td,
th {
	padding: 0.3em;
	border: 0;
	border-collapse: collapse;
	background: transparent;
	font-size: 1em;
	color: #000;
}

table {
	margin: 0.5em 0 0.5em 0;
	font-size: inherit;
	font-size: 100%;
}

th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 1.2em;
}

tr {
	page-break-inside: avoid;
}

td {
	font-size: 1.2em;
}

td p {
	font-size: 1em;
	margin: 0;
	padding-left: 0.1em;
}

a {
	font-weight: bold;
	text-decoration: underline !important;
	color: #000 !important;
	border: 0;
}

a[href^="http:"]:after,
a:link[href^="http://"]:after,
a[href^="http://"]:visited:after {
	content: " (" attr(href) ") ";
}

#portfolio-links a[href^="http:"]:after,
#portfolio-links a:link[href^="http://"]:after,
#portfolio-links a[href^="http://"]:visited:after {
	content: "";
}

abbr, acronym {
	border: 0;
}

ul {
	margin: 0.6em 1.2em 1.2em 2.4em !important;
	padding: 0;
	width: auto;
}

ul ul {
	margin-left: 1.3em;
}

ul li {
	padding: 0 0 0 0.6em;
	margin: 0 0 0.6em 0;
	font-size: 1.2em;
	width: auto;
}

ul li li {
	list-style-type: circle;
}

ol {
	margin: 0.6em 1.2em 1.2em 3em;
	padding: 0;
	width: auto;
} 

ol li {
	padding: 0;
	margin: 0 0 0.6em 0;
	font-size: 1.2em;
	width: auto;
	width: auto;
}

ul li li,
ol li li {
	font-size: 1em;
}

img {
	border: 0;
	margin: 0 0.5em 0.5em 0.5em;
}

img.rand {
	border: 2px solid #ccc;
}

hr { 
	background: #ccc; 
	color: #ccc;
	width: 100%;
	height: 2px;
	margin: 2em 0;
	padding: 0;
	border: none;
}

#middencontent .testimonials p {
	font-style: italic;
}

#middencontent ul.screenshot-list {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}

#middencontent ul.screenshot-list li {
	width: 100px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	text-align: center;
}

#middencontent ul.screenshot-list li a:after {
	content: "" !important;
}

#middencontent .uitklapbalk {
	display: block !important;
}

#wslide,
#wslide-parent-wrap,
ul#wslide-parent,
ul#wslide-parent li {
	position: relative !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	clear: both !important;
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	font-size: 1em;
	line-height: 1em;
}

ul#s3sliderContent {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

ul#s3sliderContent li {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
}

ul#s3sliderContent li img {
	width: 610px;
	height: 277px;
}

ul#s3sliderContent li span {
	display: block;
	padding: 0 0 5px 0;
	overflow: hidden;
	font-size: 1em;
	text-align: center;
}

.testimonials {
	position: relative !important;
	display: block !important;
	opacity: 1 !important;
}

.testimonials-bubble-outer p,
.testimonials-bubble-inner p {
	font-style: normal !important;
}

.testimonials-bubble-inner p:before,
.testimonials-bubble-inner p:after {
	content: '"' !important;
}

a.offerte-button,
a.offerte-button span.faux,
a.offerte-button div.faux {
	display: inline;
	position: relative;
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	background: none;
	text-align: inherit;
	text-indent: 0;
}

#leesmeer a {
	font-size: 1.4em;
	line-height: 1.2em;
}

/* elementen niet tonen */

#footer,
#goog-wm,
#gototop,
#header h1 a,
#header h2#meer-informatie,
#homepage-img,
#identity-img,
#inleiding-carousel,
#kruimelpad,
#MapBuilderMap,
#menu-outer,
#middencontentonder,
#middencontentonder-inner,
#middencontentonder-outer,
#mobiel-img,
#preload,
#proces-img,
#screenshot,
#skipnav,
#toc,
#topnav,
#wslide-menu,
.a2a_menu,
.a2a_menu_border,
.hide,
.highslide-caption,
.highslide-container,
.highslide-maincontent,
.testimonials,
.uitklapbalk-img,
.uitklapbalk-tekst h4,
form,
h1#keywords,
h3 div.faux,
h4.accordion-openclose,
p.grotere-versie,
p.JS,
span.accordprefix,
span.accordsuffix,
span.datum {
	display: none !important;
}

/* sIFR */

#middencontent .sIFR-flash {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

#middencontent .sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	height: auto !important;
}