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;
}
address,caption,cite,code,dfn,th,var,b {
	font-style:normal;
	font-weight:400;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:400;
	display:block;
}
q:before,q:after {
	content:'';
}
html {
	height:100%;
	font-size:62.5%;
	
}
.hidden {display:none;}
/********* Menu SETTINGS */
.menu 
{
	font-weight:bold;
	font-size:10pt;
	 font-family:Arial;
}

/********* PAGE SETTINGS */
body
{
	background: url("../resources/images/bck2.jpg");
	position: relative;
	height: 100%;
	min-height: 586px;
	font: 1.2em/1.5em Georgia, "Times New Roman" , Times, serif;
	color: #6B4E63;
}
#wrap {
	position:relative;
	height:582px;
	top:5px;
	width:100%;
	overflow:visible;
	background:#FFF url("../images/easter-egg.png") no-repeat 50% 1px;
}
.largescreen #wrap {
	top:43%;
	margin-top:-291px;
}
.hasjs #wrap {
	position:fixed;
	overflow:hidden;
}
* html .hasjs #wrap {
	position:absolute;
	margin-top:4px;
	top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	height:592px;
}
.content {
	height:582px;
	width:3160px;
	overflow:visible;
	cursor: url("../resources/images/openhand.cur"), -moz-grab;
}
.martijnbackground 	{background:#FFF url("../images/bg.jpg") no-repeat 0 19px;}

/********* PRELOAD IMAGES */
title { background:url("../images/loader_blackbg.gif") no-repeat; }
title { background:url("../images/loader_whitebg.gif") no-repeat; }
title { background:none; }
/********* CONTROLS SETTINGS */
.dragbutton {
	text-indent:-999999px;
	background:url("../images/dragbg.png") no-repeat 0 -35px;
	width:35px;
	height:35px;
	cursor: url("../resources/images/openhand.cur"), -moz-grab;
	position:absolute;
	overflow:hidden;
	z-index:21;
	top:0;
}
.dragbutton:hover,
.dragbutton:focus {background-position:0 0;}
.clickleft,.clickright {
	width:24px;
	height:493px;
	display:block;
	text-decoration:none;
	line-height:606px;
	color:#FFF;
	font-weight:700;
	font-size:60px;
	background:#FF99FF url("../images/clickleft.gif") no-repeat 6px center;
	text-align:center;
	position:absolute;
	top:19px;
	z-index:20;
	outline:none;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
* html .clickleft,
* html .clickright {padding-top:4px;height:491px;}
.clickright
{
	right: 0;
	background: #FF99FF url("../images/clickright.gif") no-repeat 12px center;
}
.clickright:focus,
.clickleft:hover,
.clickleft:focus,
.clickright:hover {opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
/********* HEADER SETTINGS */
.header {
	width:100%;
	background:#FFF;
	height:69px;
	position:fixed;
	left:0;
	bottom:auto;
	z-index:4;
	top:545px;
}
.hasjs .header {
	position:absolute;
	top:auto;
	bottom:0;
}
* html .hasjs .header {top:540px;bottom:auto;}

.header h1 a {
	position:absolute;
	text-indent:-9999px;
	height:60px;
	width:200px;
	background:url("../images/logo.png") no-repeat 0 0;
	left:13px;
	top:15px;
	overflow:hidden;
}
.header ul {
	float:left;
	margin-top:24px;
	margin-left:220px;
	border-left:1px solid #6b6b6b;
	height:30px;
	line-height:30px;
}
* html .header ul {margin-left:95px;}
.header ul a {
	float:left;
	margin-left:23px;
	text-decoration:underline;
	color:#FF66FF;
	line-height:1.1em;
	padding-top:6px;
}
.header p a{float:none;margin-left:0;color:#FFF;text-decoration:none;}
body .header ul a:hover, body .header ul a:focus, .header p a:hover, .header p a:focus
{
	text-decoration: none;
	border-bottom: 1px solid #FF0066;
	border-bottom-color: #FA05B7;
}
.header p {
	color:#fff;
	float:right;
	display:inline;
	line-height:20px;
	margin-right:27px;
	text-align:left;
	width:395px;
	margin-top:16px;
	background:url("../images/description-leftline.gif") no-repeat 0 0;
	padding-left:20px;

}
.header p.adr{padding-left:220px;} /* Lars: 230px original */
.header form fieldset {
	position:absolute;
	right:30px;
	top:30px;
}
.header form input {
	border:0;
	width:183px;
	height:18px;
	line-height:18px;
	margin-right:8px;
	vertical-align:bottom;
	padding:2px;
}
.header form button {
	text-indent:-999px;
	border:0;
	background:url("../images/search.gif");
	width:62px;
	height:22px;
	overflow:hidden;
	cursor:pointer;
}
/********* CONTENT SETTINGS */
.person {
	position:relative;
	float:left;
	left:780px;
	width:368px;
	height:606px;
	top:38px;
	overflow:visible;
}
.person div {
	width:338px;
	height:566px;
	position:absolute;
	z-index:3;
	/*preload all people*/
	background:url("../images/girl.png") no-repeat top right;
	background:url("../images/girl.png") no-repeat top center;
	background:url("../images/girl.png") no-repeat top right;
	background:none;
}
.person .roy 		{background:url("../images/girl.png") no-repeat right;}
.person .martijn 	{background:url("../images/girl.png") no-repeat center;}
.person .peter 		{background:url("../images/girl.png") no-repeat right;}
.person .joost 		{background:url("../images/girl.png") no-repeat right;}

.person a {
	height:46px;
	display:block;
	outline:0;
	background:url("../images/switch.gif") no-repeat top right;
	position:absolute;
	right:310px;
	bottom:156px;
	text-decoration:none;
	color:#fff;
	line-height:1.1em;
	z-index:3;
	cursor:pointer;
}

/* Namecard beside person */
.person a span {
	background:#FFF;
	margin-right:66px;
	padding-top:5px;
	padding-left:10px;
	margin-top:1px;
	height:40px;
	display:block;
	float:right;
}
* html .person a span {margin-right:33px;margin-top:1px;padding-top:5px;}

.person b {padding-top:1px;display:block;}
.person a:hover,
.person a:focus {background-position:right -47px;outline:0;}
.person a strong {
	font:20px/1em Georgia, "Times New Roman", Times, serif;
	color:#A4156F;
	padding-top:1px;
	padding-bottom:2px;
	margin-left:-2px;
}
.person #author {
	position:absolute;
	right:0;
	top:37px;
	background:#FFF;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	line-height:24px;
	padding:0 35px 0 8px;
	color:#fff;
	outline:none;
}
.person #author a {
	text-decoration:underline;
	color:#FF0066;
}
.person #author a:hover,
.person #author a:focus {text-decoration:none;border:0;}

#photoauthor {
	position:absolute;
	right:0px;
	top:30px;
	background:#FFF;
	opacity:0.7;
	line-height:24px;
	padding:0pt 33px 1pt 8px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#photoauthor p {color:#fff;display:none;}
#photoauthor p a  {
	color:#FF66FF;
	background:url("../images/linkbg2.gif") repeat-x left bottom;
	text-decoration:none;
}
#photoauthor p a:hover,
#photoauthor p a:focus {border-bottom:1px solid #FF66FF;background:none;}
/* PORTFOLIO SETTINGS ******/
.portfolio {
	position:relative;
	float:left;
	left:-87px;
	height:425px;
	top:64px;
	overflow:hidden;
	
}
.portfolio h2
{
	position: absolute;
	bottom: 0;
	left: 0;
	font: 20px/38px Georgia, "Times New Roman" , Times, serif;
	color: #730F4E;
	height: 38px;
	width: 100%;
	padding-left: 15px;
	background: #FFF;
}
* html .portfolio h2 {margin-left:12px;bottom:-4px;}
.portfolio h2 sup {
	color:#B14EAA;
	font-size:13px;
}
.portfolio ul {margin-left:-12px;}
.portfolio ul li {
	float:left;
	margin-left:12px;
}
.portfolio ul li:last-child {
	margin-right:0;
}
.portfolio ul li ul li {
	float:none;
	width:182px;
	height:118px;
	background:#FFF;
	margin-bottom:10px;
	margin-right:0;
}
.portfolio a img {display:block;}
.portfolio a:hover img,
.portfolio a:focus img{
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/* BLOG STUFF ***/
.blog {
	position:relative;
	float:left;
	left:-292px; 
	width:780px;
	height:360px;
	top:64px;
	overflow:visible;
}
* html .blog {
	left:-292px !important; 
}

.blog h2
{
	position: relative;
	font: 20px/38px Georgia, "Times New Roman" , Times, serif;
	color: #A4156F;
	height: 38px;
	width: 325px;
	padding-left: 15px;
	background: #FFF;
}
.blog h2 sup {
	color:#B14EAA;
	font-size:13px;
}
.blog h2 a {
	position:absolute;
	right:15px;
	top:10px;
	font-size:12px;
	font-weight:normal;
	line-height:1.25em;
	color:#B14EAA;
}
.blog .blogitem {
	width:310px;
	background:url("../images/blogitembg.gif") no-repeat 0 0;
	margin-top:10px;
	height:117px;
	padding:15px;
	float:left;
}
.blog .mainblogitem {
	float:right;
	margin-top:0;
	height:323px;
	overflow:0;
	background:url("../images/blogmainbg.gif") no-repeat 0 0;
	margin:-38px 90px 0 0;
}
* html .blog .mainblogitem {margin-right:45px;}
.blog .speach {
	position:absolute;
	background:url("../images/speach.png") no-repeat 0 0;
	width:91px;
	height:33px;
	top:120px;
	right:0px;
}
.blog .blogitem h3 {
	font:23px/25px Georgia, "Times New Roman", Times, serif;
	padding-bottom:6px;
	font-style:italic;
}
.blog .blogitem h3 a {
	color:#FFF000;
	text-decoration:none;
}

.blog .blogitem p {
	color:#4f4f4f;
	font-size:12px;
	line-height:19px;
	padding-bottom:3px;
}
.blog .newsletter { /* Lars: dit heb ik aangepast, niet slaan Kilian */
	position:absolute;
	top:230px;
	margin-left:-15px;
	width:310px;
	padding:15px;
	line-height:20px;
	z-index:1;
}
.blog .newsletter p {padding-bottom:0;}
.blog .newsletter h3 {
font-size:20px;
font-style:normal;
}
.blog .more {
	width:300px;
	background:#fff;
	margin-top:9px;
	height:18px;
	padding:8px 15px;
}
.blog .more a {
	display:block;
	float:left;
}
.blog .more a.olderblogs {
	text-indent:-9999px;
	overflow:hidden;
	background:url("../images/moreblogs.png") no-repeat 0 0;
	width:29px;
	height:18px;
	margin-right:6px;
	border:0;
}
.blog .more a.newerblogs {
	text-indent:-9999px;
	overflow:hidden;
	background:url("../images/moreblogs.png") no-repeat -29px 0;
	width:29px;
	height:18px;
	margin-right:6px;
	border:0;
}
.blog .blogitem p.popup,.story p.popup, .blogsidebar p.popup, .blogheader p.popup, .homeblogstory p.popup {
	line-height:27px;
	color:#FFF;
	background:url("../images/dotted.gif") repeat-x left bottom;
	display:inline;
	position:relative;
	cursor:help;
	padding-bottom:0;
	z-index:20;
}
p.popup em {
	font-style:normal;
}
.popup span {
	display:none;
	position:absolute;
	width:302px;
	overflow:hidden;
	background:#FFF;
	z-index:99;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor:auto;
	line-height:1.5em;
	color:#fff;
	padding:10px 19px 15px;
	right:-340px;
	top:-180px;
}
* html .popup span {right:-200px;z-index:99;}

.blogsidebar .popup span,
.right .popup span {
	right:auto;
	left:-340px;
}
.popup:hover span,.popup:focus span {
	display:block;
}
.popup span strong {
	font:20px/18px Georgia, "Times New Roman", Times, serif;
	color:#FF0066;
	width:215px;
	padding-top:6px;
	background:#FFF;
	display:block;
}
.popup span em {
	background:#FFF;
	width:215px;
	margin-bottom:0.8em;
	color:#fff;
	font-style:normal;
	display:block;
}
/* over-ons gedeelte */
#over-ons{
	position:relative;
	left:0px;
	top:64px;
	height:425px;
	width:725px;
	overflow:hidden;
}
#over-ons .main-overons {
	width:700px;
	padding:25px 0 25px 25px;
	height:324px;
	background:#fff url("../images/overons-bg.gif") repeat-x 0 100%;
	overflow:hidden;
}
.main-overons p{
color:#4f4f4f;
}
#over-ons h2 {
	position:absolute;
	bottom:0;
	left:0;
	font:20px/38px Georgia, "Times New Roman", Times, serif;
	color:#A4156F;
	height:38px;
	width:100%;
	padding-left:15px;
	background:#FFF;
}
#over-ons .header-overons {
	height:75px;
	border-bottom:1px solid #dbdbdb;
	width:672px;
}
#over-ons h3 {padding-bottom:5px;font-style:italic;}
#over-ons .col {
	width:325px;
	float:left;
	margin-right:25px;
	padding-top:20px;
	line-height:20px;
}
#over-ons .col p {padding-bottom:1em; text-align:justify; }
#over-ons .interns {
	background:#cbcbcb;
	padding:11px 15px 0;
}
#over-ons .interns h4 {
	font:21px/25px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	padding-bottom:5px
}
/********* OVERLAY SETTINGS */
.overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	filter:Alpha(opacity=0);
	z-index:80;
}
* html .overlay {
	position:absolute;
	top:0;
	left:0;
	top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
}
.textoverlay 
{
	position:absolute;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	top:3000px;
	z-index:81;
	padding-bottom:40px;
	left:50%;
	margin:22px auto 20px;
}
/* SUBPAGES */
body.subpage {
	background:#eee;
}

.close a
{
	position: absolute;
	z-index: 99;
	right: 0;
	top: 34px;
	width: 20px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: #FFF url("../images/close.gif") no-repeat 0 0;
}
.close a:hover, .close a:focus
{
	background: #FF66ff url("../images/close.gif") no-repeat -20px 0;
	outline: 0;
}
* html .close a{right:20px;}

/* Blogpages */
.blogoverlay {
	width:810px;
	margin-left:-405px;
	padding-right:20px;
}
#main {
	margin:auto;
}
.blogpage 
{
	color:#4f4f4f;
	clear:both;
	width:734px;
	background:#fff;
	overflow:hidden;
	padding:0 38px 38px;
}
.blogpage h2
{
	font:20px/75px Georgia, "Times New Roman", Times, serif;
	color:#A4156F;
}
.blogheader {
	position:relative;
	height:89px;
	background:#FFF;
	margin-bottom:40px;
	margin-left:-38px;
	padding:0 116px 0 38px;
}
.blogheader h2 {
	font:25px/89px Georgia, "Times New Roman", Times, serif;
	color:#A4156F;
	float:left;
}
.blogheader h2 a {
	font:25px/89px Georgia, "Times New Roman", Times, serif;
	color:#FF0066;
	text-decoration:none;
}
.blogheader p.rss {
	position:absolute;
	right:40px;
	top:35px;
	background:url("../images/rss.png") no-repeat 0 0;
	width:51px;
	height:21px;
	border:0;
}
.rss span {
	display:none;
	position:absolute;
	top:-20px;
	right:-20px;
	width:298px;
	background:#FFF url("../images/rss.png") no-repeat 266px 19px;
	z-index:99;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor:auto;
	line-height:1.5em;
	color:#fff;
	padding:19px;
	border:1px solid #636363;
}



* html .rss span {	background:#FFF url("../images/rss.png") no-repeat 283px 19px;}
.rss span strong {
	font:20px/18px Georgia, "Times New Roman", Times, serif;
	color:#FF0066;
	width:215px;
	padding-top:6px;
	padding-bottom:1em;
	background:#FFF;
	display:block;
}
.rss span b {
	margin-bottom:0.8em;
	color:#fff;
	font-style:normal;
	display:block;
}
.rss span b a {color:#FF0066;}
.story {
	width:450px;
	float:left;
}
* html .story {
	margin-top:17px;
	clear:both; 
}
.story h3,
h3.bloghometitle {
	font-size:25px;
	padding-bottom:1em;
	line-height:1.1em;
	color:#FFF;
	font-style:italic;
}
h3.bloghometitle {margin-left:42px;padding-bottom:0;}
.mostrecent {
	padding-top:3em;
	font-weight:bold;
}
.story .writer-details { margin-bottom:1.3em; }
.story p {
	padding-bottom:1.3em;
	text-align:justify;
}
img.portfolioimage,
img.alignright,
img.alignleft {
	float:right;
	border:1px solid #8f8f8f;
	margin-left:1em;
	margin-right:39px;
	margin-top:5px;
}
img.alignright,
img.alignleft {margin-right:0;}
.blogsidebar {
	width:220px;
	top:121px;
	position:absolute;
	right:66px;
}
* html .blogsidebar {
	right:86px;
}  
.story ul { list-style:disc; list-style-position:inside; padding-bottom:1.1em; }
.story ul li { margin-bottom:4px; }
.story ol { list-style-position:inside; padding-bottom:1.1em; }
.story ol li { margin-bottom:4px; }

.blogsidebar h3 {
	font-size:20px;
	line-height:1.2em;
	padding:1em 0 0;
	font-style:italic;
}
.blogfooter {
	clear:both;
}
a.bloglogo {
	float:right;
	border:0;
}
p.tags {
	line-height:33px;
	width:420px;
	background:#eefab2;
	word-spacing:0.5em;
	margin-bottom:25px;
	float:left;
	padding:0 15px;
}
p.tags a {
	word-spacing:normal;
}
.blogoverlay .moreblog {
	background:#e1e1e1;
	width:420px;
	float:left;
	padding:15px;
	height:94px;
}
.blogoverlay .moreblog ul {
	padding-left:10px;
	line-height:22px;
}
.simple {
	width:200px;
	height:400px;
}
/* portfoliopages */
.portfoliooverlay {
	width:882px;
	margin-left:-441px;
	padding-right:20px;
}
.portfoliopage {
	width:882px;
	margin:auto;
	clear:both;

}
.portfoliocontent {
	width:596px;
	float:right;
}
.subrowpages .portfoliocontent {
	position:relative;
	float:right;
	margin-bottom:50px;
	overflow:hidden;
	top:auto;
	right:auto;
	background:#fff;
}
.subrowpages {
	margin-bottom:50px;
	clear:both;
	position:relative;
	zoom:1;
}
.subrowpages .close {position:absolute;}
.subrowpages .close a {right:-538px;	background:#fff url("../images/close.gif") no-repeat 0 0;}
.subrowpages .close a:hover,
.subrowpages .close a :focus {
	background:#b4d504 url("../images/close.gif") no-repeat -20px 0;
	outline:0;
}
.portfolioheader {
	background:#FFF;
	padding:43px 39px 50px;
	position:relative;
}
.portfolioheader h2 {
	position:relative;
	font:30px/40px Georgia, "Times New Roman", Times, serif;
	color:#FF66FF;
	height:52px;
	width:380px;
	padding-left:9px;
}
.portfolioheader h2 span {
	display:block;
	color:#fff;
	font:12px/19px Georgia, "Times New Roman", Times, serif;
}
.portfolioheader .website {
	color:#FF0066;
	position:absolute;
	right:33px;
	top:55px;
	background:url("../images/external.gif") no-repeat top right;
	padding-right:15px;
	border:0;
}
.portfolioheader .website a {
	color:#FF66FF;
	background:url("../images/linkbg2.gif") repeat-x left bottom;
}
.portfolioheader .website a:hover,
.portfolioheader .website a:focus {border-bottom:1px solid #FF66FF;background:none;}
.portfoliocontent h3 {
	color:#FFF;
	font:25px/30px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:30px 39px;
}
.portfoliopage p {
	padding:0 39px 1.5em;
}
.expertises {
	float:right;
	display:inline;
	background:#eefab2;
	width:155px;
	margin-right:39px;
	margin-left:25px;
	line-height:20px;
	padding:14px;
}
.expertises p {
	padding:0 0 0.5em;
}
.relatedblog {
	background:#cbcbcb;
	line-height:25px;
	margin:0 39px 25px;
	padding:18px 12px;
}
.relatedblog p {
	padding:0;
}
.relatedblog ul {
	padding-left:10px;
}
.portfoliopage .portfoliologo {
	border-bottom:0;
	display:block;
	margin:0 39px 45px;
}
.portfoliopage .portfoliologo img {
	display:block;
}
.portfoliomenu {
	width:182px;
	position:fixed;
	top:113px;
	background:#FFF;
	padding-bottom:15px;
	margin-left:65px;
}
.largescreen .portfoliomenu {top:25%;}
* html .portfoliomenu {	top:expression(60+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); }
.portfoliomenu h2 {
	text-align:center;
	background:#fff;
	height:128px;
	line-height:128px;
}
.portfoliomenu h2 img {
	vertical-align:middle;
}
.portfoliomenu ul {
	line-height:25px;
	padding:15px 20px;
}
.portfoliomenu a,
.portfoliomenu .previous a {
	color:#FF66FF;
	background:url("../images/linkbg2.gif") repeat-x left bottom;
}
.portfoliomenu a:hover,
.portfoliomenu a:focus,
.portfoliomenu .previous a:hover,
.portfoliomenu .previous a:focus {
	border-bottom:1px solid #FF66FF;
	background:none;
}
.portfoliomenu .previous {
	margin-left:20px;
	padding-left:14px;
	border:0;
	text-decoration:underline;
	background:url("../images/previous.gif") no-repeat left center;
}
.portfoliomenu .previous:hover,
.portfoliomenu .previous:focus {
	text-decoration:none;
}
fieldset,img,abbr,acronym,a img {
	border:0;
}
.header ul li,.blogheader ul li {
	float:left;
	display:inline;
}
.header ul a
{
	line-height: 16px;
	text-decoration: none;
	border-bottom: 1px solid #DCBBDD;
}
.header ul a:hover,
.header ul a:focus {
	border-bottom:1px solid;
	text-decoration:none
}

.blog a:hover,
.blog a:focus,
.blogpage a:hover,
.blogpage a:focus,
.interns a:hover, 
.interns a:focus {
	border-bottom:1px solid;
	text-decoration:none;
	background:none;
}
.header form legend,.header form label,body.subpage h1 {
	display:none;
}
.blog .moreblog p,.blog .moreblog ul,.blogoverlay .moreblog p {
	color:#FFF;
}
.blog a, .blogpage a, .portfoliopage a, .interns a
{
	color: #660066;
}
.blog h3 a {background:none;}
.blogpage #sidebar a {
	color:#FFF;
	text-decoration:none;
	background:none;
}
.blogfooter a.bloglogo:hover {text-decoration:none;}
.portfoliopage .portfoliomenu a { 	color:#FF66FF;}

.portfoliopage .portfoliomenu li a,
html body .blogpage .blogheader a {
	color:#FF66FF;
	background:url("../images/linkbg2.gif") repeat-x left bottom;
	border-bottom:1px solid #FFF}
.portfoliopage .portfoliomenu li a:hover,
.portfoliopage .portfoliomenu li a:focus,
html body .blogpage .blogheader a:hover,
html body .blogpage .blogheader a:focus{
	border-bottom:1px solid #FF66FF;
	background:none;
}

.blogoverlay .blogoverlay,.portfoliooverlay .portfoliooverlay {
	margin-left:0;
}
#main {height:100%;overflow:auto;}
/*newsletter page*/
.newsletterheader {height:264px;}
.newsletterheader h2 {
	float:none;
}
.newsletterheader form  {
	background:#434343;
	padding:16px;
	float:left;
	width:220px;
	margin-right:15px;
	color:#fff;
	padding-top:26px;
}
.newsletterheader form.ingeschreven {
	background:url("../images/ingeschreven.gif") no-repeat 0 0;
	height:100px;
}
.newsletterheader form.ingeschreven strong {display:none;}

.newsletterheader form.uitgeschreven {
	background:url("../images/uitgeschreven.gif") no-repeat center center;
	height:75px;
}
.newsletterheader form.uitgeschreven strong {display:none;}

.newsletterheader form legend span {
	font:italic 19px/25px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	position:relative;
	display:block;
	top:-10px;
}
.newsletterheader form label {
	width:83px;
	float:left;
	margin-bottom:9px;
	clear:left;
}
.newsletterheader form input {
	width:137px;
	height:20px;
	border:0;
	margin-bottom:9px;
}
.newsletterheader form button {
	border:0;
	background:url("../images/newsletterbutton.gif") no-repeat 0 0;
	color:#beca81;
	width:157px;
	height:22px;
	display:block;
	cursor:pointer;
	padding-bottom:2px;
}
.newsletterheader img {
	position:absolute;
	right:17px;
	top:42px;
}

.routeheader 
{
	
	height:378px;
}
.routeheader h2 {padding-bottom:0;}
.routeheader p {
	clear:left;
}
.routeheader ul {clear:left;position:relative;right:auto;top:auto;padding:1em 0 1.5em;overflow:auto;}
.routeheader ul li {
	float:left;
	clear:left;
	color:#fff;
	display:block;
	padding-right:14px;
	margin-bottom:0.2em;
}
.routeheader form  {
	background:#434343;
	padding:16px;
	float:left;
	width:225px;
	margin-right:15px;
	margin-top:15px;
	color:#fff;
	clear:left;
}
.routeheader form legend {display:none;}
.routeheader form label {
	width:83px;
	float:left;

}
.routeheader form input {
	width:137px;
	height:20px;
	border:0;
	margin-bottom:9px;
}
.routeheader form button {
	border:0;
	background:#7d9403 url("../images/routebutton.gif") no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	color:#beca81;
	width:130px;
	height:22px;
	display:block;
	cursor:pointer;
	font-size:11px;
	padding-bottom:2px;
}
.routeheader .routeimage {
	position:absolute;
	right:0;
	top:37px;
	width:495px;
	height:372px;
	background:url("../images/routeimagebg.gif") no-repeat 0 0;
	padding:10px 0 0 0;
}
.routeheader .routeimage iframe {width:425px;height:350px;border:0;margin-left:28px;}

.contactheader p {padding-bottom:1.5em;width:233px}

.contactheader a {color:#FF66FF;background:url("../images/linkbg2.gif") repeat-x left bottom;}

.contactheader .contactimage {
	position:absolute;
	right:120px;
	top:25px;
	width:340px;
	height:400px;
	background:url("../images/contact.jpg") no-repeat 0 0;
}
/* popupoverlay */
.popupoverlay {
	position:absolute;
	z-index:82;
	left:50%;
	top:45%;
	width:400px;
	margin-left:-200px;
	background:#FFF url("../resources/images/loader_blackbg.gif") center center no-repeat;
	cursor:move;
	min-height:250px;
} 
.popupoverlay h4 {
	font:20px/18px Georgia, "Times New Roman", Times, serif;
	color:#FF0066;
	width:215px;
	padding:15px 15px 0 15px;
	display:block;
}
.popupoverlay p {
	padding:6px 15px 10px;
	color:#fff;
}
.popupoverlay  img {display:block;border:0;border-top:1px solid #646464;}
.popupoverlay .close {padding:0;background:none;margin:0;}
.popupoverlay .close a {
	position:absolute;
	z-index:99;
	right:-20px;
	top:34px;
	width:20px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background:#fff url("../images/close.gif") no-repeat 0 0;
}
.popupoverlay .close a:hover,
.popupoverlay .close a:focus {
	background:#b4d504 url("../images/close.gif") no-repeat -20px 0;
	outline:0;
}
div.comments {
	background:#e1e1e1;
	width:auto;
	padding:31px 39px;
	color:#FFF;
	margin-bottom:26px;
	margin-top:1em;
}
div.comments h4 {
	font:21px/29px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	margin-bottom:20px;
}
#commentlist {font:12px/20px Arial, Helvetica, sans-serif;}
#commentlist li {clear:both;padding-bottom:1em;}
.commentauthor {padding-bottom:0.6em;display:block;}
.comment-meta {
	float:right;
	width:80px;
	padding:0 0 1em 30px;
}
.comment-content {
	width:335px;
}

#commentformbox{
	font:12px/20px Arial, Helvetica, sans-serif;
	clear:both;
	width:368px;
	margin:0 auto;
	border-top:1px solid #c6c6c6;
	padding-top:26px;
}
#commentformbox p {padding-bottom:0;}
#commentformbox label {

	float:left;
	clear:left;
	width:110px;
}
#commentformbox label strong{font-weight:normal;}
#commentformbox input {
	border:1px solid #c6c6d2;
	background:#fff;
	width:250px;
	padding:2px;
	margin-bottom:9px;
}
#commentformbox textarea {
	border:1px solid #c6c6d2;
	background:#fff;
	width:362px;
	padding:2px;
	font:12px/21px Arial, Helvetica, sans-serif;
	height:144px;
	margin-top:14px;
}

#commentformbox #submit {
	border:0;
	background: url("../images/addcomment.gif") no-repeat 0 0;
	color:#fff;
	text-align:center;
	width:114px;
	height:20px;
	margin:20px 0 33px;
	cursor:pointer;
	font-size:1em;
	padding:0 0 5px;
}

html body .blogpage .blogheader li {
	background:url("../images/external.gif") no-repeat top right;
	padding-right:15px;
}
/* blog home */

.homeblogwrap {
	margin-left:-42px;
	}
.homeblogstory {
	width:310px;
	float:left;
	display:inline;
	background:#e7e7e7 url("../images/homeblogbgbottom.gif") no-repeat left bottom;
	padding:17px 17px 46px;
	margin-left:42px;
	margin-bottom:12px;
}
.homeblogstory h3 {
	display:block;
	margin-left:-17px;
	margin-top:-17px;
	padding:17px 10px 17px 17px;
	width:317px;
	background:#e7e7e7 url("../images/homeblogbgtop.gif") no-repeat 0 0;
}
.homeblogstory h3 a {
	color:#FFF;
	text-decoration:none;
	font:italic 23px/25px Georgia, "Times New Roman", Times, serif;
	margin-bottom:1em;
	background:none;
}
.homeblogstory .writer-details {padding:6px 0;}

.navigation { 
	position:relative;
	clear:both;
	padding-left:42px;
	overflow:auto;
	padding-bottom:17px;
}
.navigationbottom {top:-10px;}
.navigation .alignleft {
	float:left;
	padding-left:15px;
	background:url("../images/arrowleft.gif") no-repeat left center;
}
.navigation .alignleft a,
.navigation .alignright a {
	float:left;
	border-bottom:1px solid #fff;
}
.navigation .alignright a {float:right;}
.navigation .alignleft a:hover,
.navigation .alignleft a:focus,
.navigation .alignright a:hover,
.navigation .alignright a:focus {border-bottom:1px solid;}
.navigation .alignright {
	float:right;
	width:200px;
	text-align:right;
	padding-right:15px;
	background:url("../images/arrowright.gif") no-repeat right center;
}
.navigation .single {margin-left:-42px;}
* html .navigation .single {margin-left:-21px}
.homeblogfooter {
	height:79px;
	width:auto;
	background:#FFF;
	overflow:hidden;
	color:#fff;
	clear:both;
}
.homeblogfooter img {float:left;margin-right:26px;}
.homeblogfooter p {padding-top:18px;width:500px;zoom:1;position:relative;float:left;}
.homeblogfooter a {color:#FF0066;}
.textwidget {margin-top:30px;}
.blogpage #sidebar .textwidget a {color:#B14EAA;background:transparent url("../images/linkbg1.gif") repeat-x left bottom;}
.blogpage #sidebar .textwidget a:hover,
.blogpage #sidebar .textwidget a:focus {background:none;} 
.relatedposts {margin-bottom:45px;}
.story .pagetitle {margin-left:42px;padding-bottom:0;}
.left {clear:left;}
.alignright {float:right;margin-left:1em;margin-bottom:1em;margin-top:5px;}
.alignleft {float:left;margin-right:1em;margin-bottom:1em;margin-top:5px;}
/* tempstyles */
.blogsidebar {padding-top:69px;}
.meta {padding-bottom:2em}

html body .blogitem {margin-top:108px;}
.portfoliopage .meta,
.portfoliopage .relatedblog {display:none;}

.header-overons h3 {font-size:36px;line-height:1}
.header-overons p {font-size:21px;}
.portfoliopage .portfoliologo {margin:20px 39px 39px;}

/* sociable */
div.sociable { margin:0 0 63px 0; }
html body div.sociable a {background:0;padding-right:0;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
.sociable span {
	display: block;
	padding-bottom:1em;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


.AttachmentItem
{
	font-family: Arial, Helvetica, sans-serif;
	margin:50px;
	display:block;
	float:left;
	
}
.AttachmentItem img
{
	
	display: block;
	text-align:left;
}
.AttachmentItem h3
{
		font-weight: bold;
	padding-top: 20px;
	display: block;
	text-align:left;
}
.AttachmentItem p
{
	
	display: block;
	text-align:left;
}
.CPSIA
{
	font-family: Arial, Helvetica, sans-serif;
	margin:50px;
	display:block;
	float:left;
}
.CPSIA h3
{
	font-weight: bold;
	padding-top: 20px;
	display: block;
	text-align:left;
}



.fancy
{
	margin:0px;
}