html {min-width: 800px;}

body {
  margin:0;
  padding:0;
  font-family: Verdana, helvetica, arial, default;
  color:#333;
  line-height:1.3em;
  font-size:100.1%;
  background:#141414 url('/assets/templates/verwijl/images/bgtile.gif');
  text-align:center
}

img {border-width:0; display:inline;}
@media all {a:link img, a:visited img { border: none }}

#wrapper {
  margin:0px auto 0px auto;
  width:798px;
  border-left:1px dotted #999;
  border-right:1px dotted #999;
  text-align:left;
  background:#fff;
}


#wrapper2 {
  margin:0px auto 0px 0px;
  width:798px;
  border-left:1px dotted #999;
  border-right:1px dotted #999;
  text-align:left;
  background:#fff;
}

#logo {
  height:146px;
  background:#fff url('/assets/templates/verwijl/images/logo.jpg');
}

#logo a#link_home {
  margin:22px 0 0 17px;
  width:198px;
  height:106px;
  float:left;
  border-bottom:none;
}

ul#mainnav {width:800px; height:24px; padding:0; position:relative; background:#5b5f62 url('/assets/templates/verwijl/images/mainnav.gif') no-repeat 1px 0;; margin-left:-1px; margin-right:0; margin-top:0; margin-bottom:0}
ul#mainnav li {list-style-type:none; list-style-image:url('none'); margin:0; padding:0; position:absolute; top:0}
ul#mainnav li, ul#mainnav li a {height:24px; display:block;}
ul#mainnav li a, ul#mainnav li a:visited {text-indent:-9999px; border:none;}

ul#mainnav li#n_thuis   {left:1px; width:132px;}
ul#mainnav li#n_essays  {left:134px; width:132px;}
ul#mainnav li#n_voorts  {left:267px; width:132px;}
ul#mainnav li#n_wijlen  {left:400px; width:132px;}
ul#mainnav li#n_colofon {left:533px; width:132px;}
ul#mainnav li#n_contact {left:666px; width:132px;}

ul#mainnav li#n_thuis   a:hover {background:#fff url('/assets/templates/verwijl/images/mainnav.gif') no-repeat 0px -24px;}
ul#mainnav li#n_essays  a:hover {background:#fff url('/assets/templates/verwijl/images/mainnav.gif') no-repeat -133px -24px;}
ul#mainnav li#n_voorts  a:hover {background:#fff url('/assets/templates/verwijl/images/mainnav.gif') no-repeat -266px -24px;}
ul#mainnav li#n_wijlen  a:hover {background:#fff url('/assets/templates/verwijl/images/mainnav.gif') no-repeat -399px -24px;}
ul#mainnav li#n_colofon a:hover {background:#fff url('/assets/templates/verwijl/images/mainnav.gif') no-repeat -532px -24px;}
ul#mainnav li#n_contact a:hover {background:#fff url('/assets/templates/verwijl/images/mainnav.gif') no-repeat -665px -24px;}

a:link,
a:visited {color: #000;}
a:hover {color:#633; border-color:#633;}

#kolom0 {
  float:left;
  width:162px;
  margin:0px 10px 26px 20px;
  background:#fff;
  display:inline;
}

* html #kolom0 {overflow:hidden;}

#subnav {background:#f1f1f1; border:1px dotted #999;}
#subnav .col {padding:10px; font-size:0.6em; line-height:1.1em;}

#kolom1 {
  float:left;
  width:645px;
  margin:0px 0px 26px 20px;
  background:#fff;
  font-size:0.7em;
  display:inline;
}



#standaard #kolom1 {width:473px; margin-left:0;}

#kolom1 #pagina {background:#f1f1f1; border:1px dotted #999;}
#kolom1 #pagina .col {padding: 20px;}

#koloma {
  float:left;
  width:645px;
  margin:0px 0 26px 20px;
  background:#fff;
  font-size:0.7em;
  display:inline;
}



#standaard #koloma {width:590px; margin-left:0;}

#koloma #pagina {background:#f1f1f1; border:1px dotted #999;}
#koloma #pagina .col {padding:20px}

#kolom2 {
  float:right;
  width:120px;
  font-size:0.6em;
  color: #999;
  line-height: 1.0em;
  background:#fff;
  display:inline;
}

#kolom2 a:link,
#kolom2 a:visited {color: #999; border-bottom:none;}
#kolom2 a:hover {color:#633;}

#kolom2 .col {text-align:left; width:80px; padding:5px 20px 5px 20px;}

.titel {background:#8b918d; border-bottom:1px dotted #f1f1f1; font-size:0.8em; font-family: tahoma; padding-left: 12px; font-weight: bold;}

.titelcontent {background:#8b918d; border-bottom:1px dotted #f1f1f1; font-size:0.9em; font-family: tahoma; padding-left: 20px; font-weight: bold;}


#footer {
  text-align:right;
  padding: 10px 190px 26px 0px;
  clear:both;
  float:none;
  font-size:.7em;
  color:#555;
  background:#fff;
}

#essayquote {
  clear:both; 
  width: 210px; 
  margin: 0px 1.2em 0px 1.2em; 
  text-align:left;
  font:16px/1.9em "Helvetica Neue", Helvetica, Arial, default;
  color:#C99;
  float:left;
}

#essayquote2 {
  clear:both; 
  width: 210px; 
  margin: 0px 1.2em 0px 1.2em; 
  font:16px/1.9em "Helvetica Neue", Helvetica, Arial, default;
  font-weight:normal;
  color:#C99;
  float:right;
}

h3 {margin:0; padding-left:20px; font-weight:normal; font-size:1.05em; color:#000;}
#subnav h3 {padding-left:10px;}
h4 {margin:0 0 .25em; font-size:1.05em;}

p {margin: 0 0 1em;}
p.nospace {margin:0;}

h2 {
  color:#c99;
  font:20px/1.3em "Helvetica Neue", Helvetica, Arial, default;
  font-weight:normal;
  width:600px;
  margin:26px 0 1.3em 20px;
  float:left;
}

* html h2 {width:634px; margin-left:10px;}

p#payoff {
  text-align:center;
  color:#633;
  font-weight:bold;
  padding:7px 26px 1px 26px;
  float:right;
  font-size:.8em;
}

p.midden img {display:block; margin-left:auto; margin-right:auto;}
p.rechts {float:right; padding:0; margin:4px 0 8px 8px;}
p.links {float:left; padding:0; margin:4px 8px 8px 0;}

p.eerste {font-weight:bold;}
p.eerste:first-letter {font-size:2em;}

p.meta {font-size:.85em; text-align:right;}

p.lijntjes {text-align:center; color:#ccc; padding:5px 0 5px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0; margin-top:10px;}

blockquote {color:#444; background:#f6eeee; font-size:1em; padding:1em 1.4em 1em 1.4em; margin:1.9em 1.9em 1.9em 1.9em; border: 1px dotted #c99;}
blockquote p  {font-style:normal;}

blockquote.cat {color:#444; background:#fff; font-size:1em; padding:1em 1.4em 1em 1.4em; margin:1.9em 1.9em 1.9em 0.5em; border: 1px dotted #c99;}
blockquote p  {font-style:normal;}


#slak {background:url('/assets/templates/verwijl/images/slak.gif') no-repeat; width:200px; position:relative; z-index:500; background-repeat:no-repeat}
#slak p {width:150px; padding:140px 5px 0 5px; line-height:1.1em; font-size:.7em; padding-bottom: 5px;}

fieldset {border-width:0; border:none;}

form {padding:0; margin:0;}
input, textarea, select {font-family: Verdana, Arial, Sans-Serif; font-size:11px; padding:0px;}
input.button {float:right;}

.break {float:none; clear:both; height:0px;}



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('/assets/templates/verwijl/images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/assets/templates/verwijl/images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('/assets/templates/verwijl/images/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #bottomNavZoom{ width: 34px; float: right;  padding-left:15px; padding-bottom: 0.7em;	} /* Added by Bas */
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

 #ajaxSearch_form {
            color: #000;
            width: auto;
        }
        #ajaxSearch_input {
            border-left:1px solid #c3c3c3; border-right:1px solid #ddd; border-top:1px solid #7c7c7c; border-bottom:1px solid #ddd; width: auto;
            display: inline;
            height: 17px;
            background: #fff url('images/input-bg.gif') repeat-x top left;
            vertical-align: top; margin-left:0; margin-right:3px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0
        }
        #ajaxSearch_submit {
            display: inline;
            height: 22px;
            line-height: 22px;
        }
        #ajaxSearch_output {
            border: 1px solid #444;
            padding: 10px;
            background: #fff;
            display: block;
            height: auto;
            vertical-align: top;
        }
        .ajaxSearch_paging {
    
        }
        .AS_ajax_result {
            color: #000;
            margin-bottom: 3px;
        }
        .AS_ajax_resultLink {
            text-decoration: underline;
        }
        .AS_ajax_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }