﻿@charset "utf-8";

/***********************************************************
 * File: basisbib.css
 * Project: Basisbibliotheek 
 *
 * Copyright: (c) 2008 Hippo Software. All rights reserved
 *            <http://www.hipposoftware.nl>
 *
 * Author: Bert Bulder <mailto:bertb@hipposoftware.nl>
 *         Brouwersgracht 48, 1013 GX Amsterdam, 020-6255344
 *
***********************************************************************/
body  { 
	color: #000000; 
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif; 
	background: #e2e5e1 url(../images/bg_body.gif) center top repeat-y;
	text-align: center;
	margin: 0;
}	
p {
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}
td {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif; 
}
td a {
	color:#000000;
}	
H1, H2, H3, H4, H5 {
	color: #000;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-style:normal;
	font-weight:bold;
} 
H1 {
	font-size: 14px;
	color: #ad9464;
}
H1 a {
	text-decoration:none;
	color: #ad9464;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
		}		
#wrapper {
	background-color: #f5efde;
	border: #fff 0px solid;
	padding: 0px; 
	margin: 0px auto; 
	width: 970px;
	text-align: left;
	min-height: 620px;
	_height: 620px;
}
#dbnlbalk {
	width: 970px;
	height: 20px;
	background:#FFFFFF url(../images/dbnlbalk.gif) left top no-repeat;	
}
#kop {
	width: 970px;
	text-align: left;
	height: 41px;
	background:#FFFFFF url(../images/bg_kop.gif) left top no-repeat;
}
#containertje {
	margin: 0px; 
	padding:0; 
	overflow: hidden;
}	
#zoek {
	margin: 0px; 
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(../images/bg_zoek.gif);
	background-repeat: no-repeat;
	width: 970px; 
	/*padding-left:255px;*/
	height: 175px;
	padding-top: 15px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	* height: 175px;
	* padding-top: 12px;
}
#opvuller {
	padding: 0px;
	margin: 0px;
        float: left;
	width: 255px;
	height: 124px;
	cursor:pointer;
}
#zoek1, #zoek2 {
	width: 170px;
}
#zoek1 {
        float: left;
	width: 420px;
}
#zoek1 a {
	color:#7f632d;
	text-decoration: none;
}
#zoek1 a:hover {
	text-decoration: underline;
}
#zoek2{
	float: left;
	padding-left: 60px;
	padding-top: 2px;
}

#nav_b { 
	width:970px; 
	clear:both; 
	height:25px; 
	background:#FFFFFF url(../images/nav.gif) left top no-repeat;
}	
#toggle {
	width: 245px;
	height: 17px;
	cursor: pointer;
}
.button {
	margin-bottom: 4px;
}
.toonzoek {
	width: 245px;
	height: 17px;
	background-image:url(../images/zoek_toon.gif);
}
.verbergzoek {
	width: 245px;
	height: 17px;
	background-image:url(../images/zoek_verberg.gif);
}
.aktief {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	cursor: pointer;
}
.inaktief {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity: .20;
	-khtml-opacity: .20;
}
.zevenenvijftig {
	width: 25px;
	position:relative; 
	overflow:hidden; 
	float:left;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=57);
	-moz-opacity: .57;
	-khtml-opacity: .57;
	}
.honderd {
	width: 72px;
	position:relative; 
	overflow:hidden; 
	float:left;	
	}	
#content {
	padding-left:25px;
	padding-top: 20px;
	padding-bottom: 37px;
	min-height: 420px;
	_height: 420px;	
}
.metlogo {
	background: #f7efde url(../images/bg_metlogo.gif) left top no-repeat;
}
.metplaatje img {
	width: 220px;
}
#detekst {
	width: 510px;
	margin-left: 11px;
}
.groot {
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
}
#links {
	width: 220px;
}
#rechts {
	width: 715px;
	margin-left: 10px;
	float: right;
	text-align:left;
}
#overzicht td {
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 12px;
}
#overzicht td a {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif; 
	font-style:italic;
	color:#000000;
}	
#overzicht td a.zonder {
	text-decoration: underline;
}
#overzicht td a.met {
	text-decoration: underline;
}
a.head2 {
    display: block;
    font-weight: bold;
    margin-top: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
    margin-bottom: 0em;
	padding-left: 11px;
	color:#000000;
}
a.head3 {
    display: block;
    line-height: 108%;
	padding-top: 3px;
	padding-bottom: 3px;	
    margin-top: 0em;
    margin-bottom: 0em;
	padding-left: 11px;	
	color:#000000;	
}
.wit {
	background-color:#FFFFFF;
}
#footer {
	background-color:#ad9464;
	position:fixed;
	bottom: 0;
	width: 970px;
	margin-top: 10px;
	height: 23px;
	padding-left: 0px;
	font: 80%/148% Verdana, Arial, Helvetica, sans-serif;
	z-index: 99999;	
}
form {
	padding:0;
	margin: 0;
}
select {
	border: #d92a12 1px solid;
	background-color: #f7fae0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
}
input.field {
	border: none;
	background-color: transparent;
	color:#100f0f;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;	
	height: 18px;
	width: 150px;
	margin-bottom: 3px;	
	padding-left: 3px;
}
textarea {
	border: #d92a12 1px solid;
	background-color: #f7fae0;
}
input.button {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: #FFFFFF;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
#subnav_b {
	font-familiy: Verdana, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	color:#7f632d;
	height: 50px;
	border-top: 1px solid #7f632d;
	clear: both; 
	background-color:#f5efde;
	padding-top: 15px;
}
#subnav_b a {	
	color:#7f632d;
	text-decoration: none;
}
#subnav_b a:hover, a:active {
        color:#000000;
}
#subnav_b a.selected {
        color:#000000;
}

div#clear
{
	clear:left;
}
div#nav
{
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif;
}
div#nav, #mainnav ul li.spacer
{
	background-color:#F5EFDE !important;
}
div#broodwrapper { display:none;}


a.anchor
{
	overflow:hidden;
	padding-top:60px;
	margin-top:60px;
}

