* { padding: 0; margin: 0; }
body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000;
  background: #fff;
  padding: 0;
  margin: 0;
}
.clearer { clear: both; }

img { border: none; }

#main {
  width: 870px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#header {
  padding: 0 0 0 210px;
  margin: 30px 0 10px 0;
}
#header h1 {
/*   background: url(images/Pieter-logo.jpg) center left no-repeat; */
  background: url(images/Logo_website_Pieter.jpg) center left no-repeat;
  height: 70px;
  margin: 0 0 0 17px;
}
#header h1 span { display: none; }


#sidebar {
  width: 220px;
  float: left;
  padding: 35px 0 0 0;
}
div.menu a {
  font-size: 18px;
  color: #555;
  font-weight: bold;
  margin: 0 10px 0px 0;
  text-decoration: none;
  font-family: "Century Gothic", "Avant Garde", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
div.menu .active a,
div.menu a:hover {
  color: #000;
}
div.menu div {
  margin: 0 50px 0 0;
  text-align: right;
}
div.menu .beeldbank {
  margin: 10px 50px 0 0;
}

#content {
  width: 640px;
  float: right;
  min-height: 500px;
  color: #555;
  font-family: verdana, tahoma, arial;
  line-height: 2em;
  font-size: 11px;
}
#content .portfolio { margin: 0 0 0 5px !ie; }
html>body #content .portfolio { margin: inherit; }
#content h2 {
  color: #555;
  font-family: "Century Gothic", "Avant Garde", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin: 0 0 10px 0;
  font-size: 16px;
}

#content .Home img {
  position: absolute;
  border: none;
  height: 408px;
  width: 615px;
  visibility: hidden;
  margin: 40px 0 0 0;
}
#content .Home .extracontent {
   padding: 430px 0 0 0;
  text-align: center;
}
#content .newsarticlelist {
  margin: 0 0 5px 0;
  clear: both;
  height: 120px;
}
html>body #content .newsarticlelist { height: auto; min-height: 120px; }
#content .newsarticlelist img {
  float: right;
  height: 85px;
  margin: -15px 5px 0 5px;
  border: none;
}
html>body #content .newsarticlelist img {
  margin: 5px 5px 0 5px;
  *margin: -15px 5px 0 5px;
}
/*body:last-child .newsarticlelist img {
  margin: 20px 5px 0 5px;
}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #content .newsarticlelist img {
	margin: 5px 5px 0 5px;
  }
}
#content .newsarticlelist h3,
#content .newsarticlelist p {
  display: inline;
  font-family: verdana, arial;
  font-size: 11px;
   margin: 0;
  color: #555;
}
#content .errorbox {
  margin: 35px 0 0 0;
}
#content a {
  color: #666;
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}
#content .newsarticlelist {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eaeaea;
}
#content .newsarticlelist .newsarticlecredit {
  margin: 0 150px 0 0;
  height: 25px;
}
#content .newsarticlelist .newsarticledate {
  float: left;
  font-size: 9px;
}
#content .newsarticlelist .newsarticlereadmore {
  float: right;
  text-decoration: underline;
}
#content .newsarticlelist .newarticlelisttextlimit {
  display: none;
  *display: block; /* enable for IE7 */
  float: right;
  width: 135px;
  height: 5px;
}
@-moz-document url-prefix() {
#content .newsarticlelist .newarticlelisttextlimit { display: block; } /* enable for FF */
}
#searchcontent {
  margin: 35px 0 0 0;
}

#albums {}
#albums .album,
#images .image {
  margin: 9px 10px 0 0;
  float: left;
}
html>body #images .image {
  margin: 4px 10px 0 0;
  margin: 9px 10px 0 0 !ie;
}
.searchimages .image .imagethumb {
   margin: 0 0 5px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #images .image {
	border-bottom: 6px solid #fff;
  }
}

div.imgnav {}
div.imgnav .imgprevious {
  position: absolute;
  float: left;
  margin: 300px 0 0 -615px;
  width: 60px;
  opacity: 0.2;
}
html>body div.imgnav .imgprevious {
  margin: 300px 0 0 0;
  margin: 300px 0 0 -618px !ie;
}
div.imgnav .imgnext {
  position: absolute;
  float: right;
  margin: 300px 0 0 -57px;
  width: 60px;
  opacity: 0.2;
}
html>body div.imgnav .imgnext {
  margin: 300px 0 0 559px;
  margin: 300px 0 0 -50px !ie;
}

#images .image img {   border: none; }

.gallerylist {
  list-style-type: none;
  margin: 0px 5px 0 0;
  padding: 0 0 10px 0;
  text-align: center;
}

.gallerylist li {
  text-align: center;
  display: inline;
}
.gallerylist li a,
.gallerylist li.active {
  font-size: 18px;
  color: #555;
  font-weight: bold;
  text-decoration: none;
  font-family: "Century Gothic", "Avant Garde", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin: 0 20px;
}
.gallerylist li.active {
  color: #000;
}
body #content .gallerylist li a:hover {
  color:#000;
  text-decoration: none;
}
.newsitem img {
  float: right;
  margin: 5px;
}

ul.pagelist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.pagelist li { float: left; margin: 0 0 0 5px; }
ul.pagelist li.prev,
ul.pagelist li.next {
  width: 33%;
  float: left;
  text-align: center;
}
ul.pagelist li.next { float: right; }
ul.pagelist li.current a { color: #000; font-weight: bold; }

ul.disabled_nav { display: none; }

.portfoliosingleimage { 
  text-align: center;
  float: left;
  width: 615px;
  margin: 40px 0 0 0;
}

/*div.imgnav .imgprevious { text-align: right; }
div.imgnav .imgnext { text-align: left; }*/

#admin {
  position: absolute;
  top: 0;
  right: 0;
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/** SIFR **/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.hiddencontent { display: none; }