@charset "utf-8";

/***********************************************************
 * File: metamorfoze.css
 * Project: Metamorfoze | Koninklijke Bibliotheek
 *
 * Copyright: (c) 2009 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: #020202; 
	font: 12px/18px Arial, Helvetica, sans-serif; 
	background-color: #031052; 
	text-align: center;
	margin: 0;
}	
a {
	color:#cc3300;
	outline:none;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}
td {
	font: 12px/18px Arial, Helvetica, sans-serif; 
}
H1, H2, H3, H4, H5 {
	color: #020202;
	font: 14px/18px Arial, Helvetica, sans-serif;
	margin: 0px;
	font-style:normal;
	font-weight:bold;
} 
H1 {
	font: 14px/19px Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

H2 {
	font: 13px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
H3 {
	font: 12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
H5  {
	font-weight:normal;
}
	
#wrapper {
	background:#fff url(../images/bg_wrapper.gif) left top repeat-y;
	border: #fff 0px solid;
	padding: 0px; 
	margin: 0px auto; 
	width: 970px;
	text-align: left;
	height:auto;
}
#kop {
	height:140px;
	width: 970px;
	clear:both;
}
#koptop {
	height:42px;
	width: 970px;	
	clear:both;
	background:#fff url(../images/bg_kop_top.gif) left top no-repeat;
}
#gohome {
	float: left;
	height:42px;
	width: 755px;
	cursor:pointer;
}
#menurechtsboven {
	float: left;
	padding-top: 12px;
	padding-left:50px;
	height:30px;
	width: 165px;
}
#menurechtsboven a {
	font: 11px/18px Arial, Helvetica, sans-serif; 
	color:#FFF;
	text-decoration:none;
	padding-right: 14px;
}
#menurechtsboven a:hover {
	text-decoration:underline;
}
#onder {
	width: 970px;
	min-height: 480px;	
	_height: 480px;	
	clear:both;
}
#menu {
	float:left;
	width:225px;
	padding-left:24px;
	padding-top: 24px;
	min-height: 400px;
	background-image:url(../images/bg_menu.gif);
	background-position:24px top;
	background-repeat:no-repeat;
	margin-bottom: 20px;	
}
#menu a {
	text-indent: 21px;
	color:#161515;
	text-decoration:none;
	display:block;	
}
#menu a:hover, #menu a.selected {
	color:#cc3300;
	text-decoration:underline;
	background-image:url(../images/bg_menuitem_ov.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#menu a.selected {
	text-decoration:none;
}
#menu1{margin-top:0px;}
#menu2{ margin-top:35px;}
#menu3{ padding-top:40px; background-image:url(../images/bg_menu3.gif); background-position:left top; background-repeat:no-repeat;}

#menu2 a.c051a85:hover { background-image:url(../images/bg_051a85_ov.gif); text-decoration:none; color:#FFF;}
#menu2 a.kop051a85, #menu2 a.kop051a85:hover { background-image:url(../images/bg_051a85_kop.gif); text-decoration:none; color:#FFF; margin-bottom:6px;}
#menu2 a.cc3300:hover { background-image:url(../images/bg_cc3300_ov.gif); text-decoration:none; color:#FFF;}
#menu2 a.kopcc3300, #menu2 a.kopcc3300:hover { background-image:url(../images/bg_cc3300_kop.gif); text-decoration:none; color:#FFF; margin-bottom:6px;}
#menu2 a.c669900:hover { background-image:url(../images/bg_669900_ov.gif); text-decoration:none; color:#FFF;}
#menu2 a.kop669900, #menu2 a.kop669900:hover { background-image:url(../images/bg_669900_kop.gif); text-decoration:none; color:#FFF; margin-bottom:6px;}
#menu2 a.ff9900:hover { background-image:url(../images/bg_ff9900_ov.gif); text-decoration:none; color:#FFF;}
#menu2 a.kopff9900, #menu2 a.kopff9900:hover { background-image:url(../images/bg_ff9900_kop.gif); text-decoration:none; color:#FFF; margin-bottom:6px;}
#menu2 a.c0066cc:hover { background-image:url(../images/bg_0066cc_ov.gif); text-decoration:none; color:#FFF;}
#menu2 a.kop0066cc, #menu2 a.kop0066cc:hover { background-image:url(../images/bg_0066cc_kop.gif); text-decoration:none; color:#FFF; margin-bottom:6px;}


#submenu { background-image:url(../images/bg_submenu.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:15px;}

#submenu a:hover, #submenu a.selected, #submenu a:active {
	color:#cc3300;
	background-image: url(../images/bg_submenuitem_ov.gif);
	text-decoration:underline;
}
#submenu a {
	outline:none;
}
#submenu a.selected {
	text-decoration:none;
}
#contentdeel {
	margin-left:50px;
	width: 650px;
	float:left;
}
#kruimels {
	padding-top:10px;
	height:32px;
	width: 650px;
	float:left;
	clear:both;
	color:#cc3300;
	font-size:11px;	
}
#kruimels a {
	text-decoration:none;
}
#kruimels a:hover {
	text-decoration:underline;
}
#middeldeel  {
	height:auto;
	width: 650px;
	float:left;
}
#tekstdeel {
	float:left;
	width: 480px;
	margin-bottom: 20px;	
}
#logo {
	float:left;
	margin-left:30px;		
	width: 115px;	
}

#tekstdeel.sitemap a.nivo1 {
	text-decoration:none;
}
#tekstdeel.sitemap a.nivo2 {
	text-decoration:none;
	padding-left: 38px;
	background-image:url(../images/bg_nivo2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000;
}
#tekstdeel.sitemap a.nivo3 {
	text-decoration:none;
	padding-left: 76px;
	color:#000;
}
#tekstdeel.sitemap a.nivo4 {
	text-decoration:none;
	padding-left: 114px;
	color:#000;
	font-style:italic;
}
.faq {
	line-height: 27px;
}
.normaal {
	line-height: 18px;
}
.deindex {
	font-size: 14px;
	line-height: 24px;
	width: 400px;
}
.schuin {
	font-style:italic;
	padding-left: 7px;
}
.vet {
	font-weight:bold;
}
/* lijsten */
	
ul {
 	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	text-align: left; 
	border-right-width: 0px;
}
ul li {
    padding-right: 0px; 
	list-style-image:url(../images/li.gif);
	list-style-position:outside;
	padding-left: 0px; 
	margin: 0px; 
	padding-top: 0px;
}

ul ul li {
	list-style:url(../images/li2.gif) outside square; 
}
ul ul {
		padding-left: 15px;
}
ol {
 	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	text-align: left; 
	border-right-width: 0px;
}
ol li {
    padding-right: 0px; 
	padding-left: 0px; 
	margin: 0px; 
	padding-top: 10px;
}