@charset "utf-8";

#valid-html-5 {
						display:none;

	float:right;
	margin-right:10px;
	margin-top:3em;

}


article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/*
	SenCSs bij Kilian Valkhof (modified by Bart de Goeij)
*/

/**
 * SenCSS 0.6 - Sensible Standards CSS framework
 *
 * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information and changelogs.
 * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */
/**
 * Basic reset - By Eric meyer and Paul Chaplin, http://meyerweb.com/eric/tools/css/reset/
 */
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	vertical-align:baseline;
}
body{
	background:#fff;
	color:#000;
	font:90%/1.8em Palatino,'Palatino Linotype',Cambria,Georgia,serif;
	position:relative;
}
textarea{
	font:100%/1.5em Consolas,Monaco,'Andale mono',fixed;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none;
}
:focus{
	outline:1px dotted;
}
/**
 * Baseline and common looks - Sets a vertical rhythm and styles the different elements.
 */
a{
	text-decoration:underline;
}
a:hover,a:focus{
	text-decoration:none;
}
abbr,acronym{
	border-bottom:1px dotted;
	cursor:help;
	font-variant:small-caps;
}
address,cite,em,i{
	font-style:italic;
}
blockquote p{
	margin:0 1.5em 1.5em;
	padding:0.75em;
}
code,kbd,tt{
	font-family:"Courier New", Courier, monospace;
	line-height:1;
	*line-height:1.5;
}
del{
	text-decoration:line-through;
}
dfn{
	border-bottom:1px dashed;
	font-style:italic;
}
dl{
	margin:0 0 1.5em;
}
dt{
	font-weight:700;
}
dd{
	padding-left:1.5em;
}
h1, h2, h3 {
	font-family:Skia,Candara,'Trebuchet MS',Tahoma,sans-serif;
}
h1{
	font-size:2em;
	font-weight:700;
	margin:0 0 0.75em;
}
h2{
	font-size:1.5em;
	margin:0 0 1em;
}
h3{
	font-size:1.1666em;
	margin:0 0 1.285em;
}
h4{
	font-size:1em;
	margin:0 0 1.5em;
}
h5{
	font-size:0.8333em;
	margin:0 0 1.8em;
}
h6{
	font-size:0.666em;
	margin:0 0 2.25em;
}
img{
	display:inline-block;
	vertical-align:bottom;
	border:none;
}
ins{
	text-decoration:overline;
}
ol{
	list-style:inside decimal;
}
p{
	font-weight:300;
	margin:0 0 1.5em;
}
pre{
	font-family:"Courier New", Courier, monospace;
	margin:0 0 1.5em;
}
sub{
	top:0.4em;
	font-size:0.85em;
	line-height:1;
	position:relative;
	vertical-align:baseline;
}
sup{
	font-size:0.85em;
	line-height:1;
	position:relative;
	bottom:0.5em;
	vertical-align:baseline;
}
strong,b{
	font-weight:700;
}
ul{
	list-style:inside disc;
}
ul,ol{
	margin:0 0 1.5em;
	padding:0;
}
li ul,li ol{
	margin:0;
}
li li{
	padding-left:1.5em;
}
/** tables still need 'cellspacing="0"' in the markup 
 */
table{
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 1.5em;
	padding:0;
}
caption{
	font-style:italic;
	text-align:left;
}
tr.alt td{
	background:#eee;
}
td{
	border:1px solid #000;
	padding:0.333em;
	vertical-align:middle;
}
th{
	font-weight:700;
	padding:0.333em;
	vertical-align:middle;
}
form button{
	cursor:pointer;
	display:block;
	font-size:1em;
	height:2em;
	line-height:1.5em;
	margin:0.8em 0 0;
	*margin:1.75em 0 0;
	padding:0 0.5em;
}
form fieldset{
	border:0;
	margin:0 0 1.5em;
	position:relative;
	padding:1.5em 0 0;
}
form fieldset fieldset{
	clear:both;
	margin:0 0 1.5em;
	padding:0 0 0 1.5em;
}
form input{
	border:1px solid #ccc;
	border-bottom-color:#eee;
	border-right-color:#eee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:1em;
	height:2.25em;
	*height:1.5em;
	line-height:1.5em;
	padding:0.29em 0;
	width:100%;
	margin:0 0 0.75em;
}
form input[type=file]{
	height:2.25em;
	padding:0;
}
form textarea{
	border:1px solid #ccc;
	border-bottom-color:#eee;
	border-right-color:#eee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0.29em 0;
	width:100%;
}
form select{
	border:1px solid #ccc;
	border-bottom-color:#eee;
	border-right-color:#eee;
	font-size:1em;
	height:2.25em;
	margin:0 0 0.75em;
	*margin:0 0 0.8em;
	_margin:0 0 1.3em;
	padding:0.2em 0 0;
}
form optgroup {
	font-weight:700;
	font-style:normal;
	text-indent:0.2em;
}
form optgroup + optgroup {
	margin-top:1em;
}
form option{
	font-size:1em;
	height:1.5em;
	padding:0;
	text-indent:1em;
}
form label{
	cursor:pointer;
	display:block;
	height:1.5em;
	*height:auto;
	*line-height:1.4em;
	margin:0;
	padding:0;
	width:100%;
}
form label input{
	background:0;
	border:0;
	height:1em;
	*height:1.5em;
	line-height:1.5em;
	margin:0 0.5em 0 0;
	padding:0;
	width:auto;
}
form legend{
	font-size:1.1666em;
	font-weight:700;
	left:0;
	margin:0;
	padding:0;
}
/**
 * Common classes - Some base classes for pretty typography, asides and messages.
 */
.amp{
	font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;
	font-style:italic;
}
.aside-left{
	clear:left;
	float:left;
	margin:0 1.5em 0 0;
}
.aside-right{
	clear:right;
	float:right;
	margin:0 0 0 1.5em;
}
.quo{
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
}
.lquo{
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
	margin:0 0 0 -0.55em;
}

a {
	color:#000;
}
a:hover {
	color:#800080;
}
abbr {}
	abbr.dont-explain  {
		border:0;
		cursor:inherit;
	}
	.ie-version-lte7 abbr.dont-explain {
		cursor:text;
	}
address {
	font-style:normal;
}
	address a {
		text-decoration:none;
	}
article {
	padding-top:1.5em;
	clear:both;
}
article.kol {
	clear:none;
	padding-top:0;
}

dl{}
.contact dl.vcard {
	margin-bottom:0;
}

footer {
	clear:both;
	font-family:Skia,Candara,'Trebuchet MS',Tahoma,sans-serif;
	text-align:center;
	display:block;
	width:100%;
	color:#FFF;
	line-height:1.2em;
	letter-spacing:.1em;
	margin-top:2em;
}
	footer a {
		color:#FFF;
		text-decoration:none;
	}
	footer a:hover {
		color:#FFF;
	}

	body.browser-ie footer,
	 body.browser-gecko footer,
	 body.browser-webkit footer {
		border: 1px solid #400040;
		background-color: #800080;
		border-radius: 5px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px		
	}
	body.browser-presto footer {
		background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxtYXNrIGlkPSJtIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiByeD0iNyIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHJva2U9IiM0MDAwNDAiIGZpbGw9IiM4MDAwODAiIHN0cm9rZS13aWR0aD0iMiIgbWFzaz0idXJsKCNtKSIgcng9IjciLz48L3N2Zz4=);
	}
	body.browser-ie footer {
		margin-bottom:2em;
		border-style: medium outset;
	}

h1 {
	text-align:center;
	vertical-align:bottom;
	padding-top:30px;
	margin-bottom:50px;
}
h2 {
}

hr {
	border:none;
}

img {}
	img#paard {
		float:left;
	}
	img#toren {
		float:right;
	}
	.contact .vcard img.photo {
		border:outset;
		margin-top:2.5ex;
	}

section {
}

ul {
	color:#800080;
	list-style:disc outside;
}
ul li {
	margin-left:1.3em;
}
ul li span {
	color:#000;
}
	.diensten li {
		margin-bottom:1.5em;
	}



.thinking, .company {
	text-shadow:#bbb 4px 4px 2px;
	font-size:1.9em;
	vertical-align:bottom;
}
#company-name {
	text-decoration:none;
	color:#000;
}
	#company-name .company {
		color:rgb(66,66,66);
	}
	
/*
	HASLAYOUT problem. Setting haslayout fucks ups the text. I remember this filter working well in the
	old days, but I can't get it to work. I will make a few pictures in different fonts, replacing the
	innerHTML of #company-name with a pic, after doing a fontAvailable-check. IE8 may be alright, but I'll
	have to check that.
			body.browser-ie #company-name {
				-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#bbb, offX=4, offY=4, positive=true)";
				filter: progid:DXImageTransform.Microsoft.dropshadow(Color=#bbb, OffX=4, OffY=4, Positive=true);
			}
*/
			body.browser-ie #company-name {
				display:block;
			}

.kol {
	width:47%;
	float:left;
	margin-bottom:1.5em;
}
.kol2 {
	float:right;
}
	body.contact #kol2 {
		padding-top: 3em;
	}

.separate {
	height:3em;
	clear:both;
}

.slogan {
	display:block;
	margin:1em .5ex;
	font-family:Palatino,'Palatino Linotype',Cambria,Georgia,serif;
	font-size:80%;

	font-style:italic;
	font-weight:normal;
	color:#800080;
}

	body.ie-version-lte7 .slogan {
		display:inline-block;
		margin:0;
		padding-bottom:1ex;
	}


.aside-float {
	float:right;
	margin:1ex 0;
	margin-left:2ex;
}
.aside-left {
	float:left;
	margin:0 1ex 1ex 1em;
}

#container {
	width:760px;
	overflow-x:visible;
	margin:1em auto;
}

#page-header {

}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#slidetabsmenu {
	float:left;
	width:100%;
	font-size:100%;

	line-height:normal;
	border-bottom: 1px solid #424242;
	padding-top: 0px;
	padding-left: 0px; 
	margin-bottom: 0px; 
}

* html #slidetabsmenu { /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em;
}

#slidetabsmenu ul {
	list-style-type: none;
	margin:0;
	margin-left: 10px;
	padding:0;
	text-align:center;
	min-width:100%;
}

#slidetabsmenu li {
	display:inline;
	margin:0;
	padding:0;
}

#slidetabsmenu a {
	float:left;
	background:url(i/tab-left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	text-decoration:none;
}

#slidetabsmenu a span {
	float:left;
	display:block;
	background:url(i/tab-right.gif) no-repeat right top;
	padding:11px 26px 4px 23px;
	font-weight:normal ;
	color: #800080;
	text-transform : uppercase; 
	letter-spacing: 0.1em;
	font-family: Skia,Candara,'Trebuchet MS',Tahoma,sans-serif;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {
	float:none;
}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {

}


.homepage #slidetabsmenu .t-homepage a,
.diensten #slidetabsmenu .t-diensten a,
.projectmanagement #slidetabsmenu .t-projectmanagement a,
.contact #slidetabsmenu .t-contact a {
	background-position:0 -125px;
}
.homepage #slidetabsmenu .t-homepage a span,
.diensten #slidetabsmenu .t-diensten a span,
.projectmanagement #slidetabsmenu .t-projectmanagement a span,
.contact #slidetabsmenu .t-contact a span {
	background-position:100% -125px;
	color:#000;
}

/*
					#slidetabsmenu #current a {
						background-position:0 -125px;
					}

					#slidetabsmenu #current a span {
						background-position:100% -125px;
						color: black;
					}
*/
#slidetabsmenu a:hover {
	background-position:0% -125px;
}

#slidetabsmenu a:hover span {
	background-position:100% -125px;
}


.vcard {}

.org, .tags,
 #hcard-Thinking-Company .fn, #hcard-Thinking-Company .email,
 #hcard-Thinking-Company .fax .type,
 #hcard-Paul-Harts .adr, #hcard-Bart-de-Goeij .adr {
	display:none;
}