/*  General rules */
	
img
{
	display: block;
	border: 0px none white;
	margin: 0;
}

img.border
{
	border:1px solid #fff;
}

img.float
{
	float:left;
	margin-right:10px;
}

	/* layout parameters */

body	
{
	background: #ebdcb1 url(../images/achtergrond2.jpg) repeat-x;
	background-position: 0px 0;
	border: 0;
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	line-height:15px;
	margin:0;
	padding:0;
	text-align:left;
}

.opening
{
	position: absolute;
	top: 245px;
	left:20px;
	width: 910px;
	height:200px;
	overflow:show;
}

.opening img
{
	float:left;
	margin-right:-5px;
	border: 5px solid #ebdcb1;
}

.opening img
{
	border: 0px solid #ebdcb1;
	margin-right:20px;
}

div.kunstzaal
{
	background: transparent url(../images/achtergrond1.jpg) no-repeat;
	position: absolute;
	top: 0;
	left:0;
	height: 700px;
	width:960px;
	padding:0;
	z-index:0;
}

.kunstzaal span
{
	display:none;
}


div.adresregel
{
	position: absolute;
	left:650px;
	top:30px;
	z-index:100;
	color:#088;
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size:12px;
}


div.tekstopening
{
	float:left;
	margin-left:10px;
	z-index:100;
	width:350px;
}

img.foto, img.foto2, img.foto3
{
	position: absolute;
	top: 205px;
	left: 20px;
}

img.foto2
{
	left: 350px;
}

img.foto3
{
	top: 435px;
}


div.adres, div.info, div.museuminfo
{
	position: absolute;
	top: 245px;
	left: 380px;
}

div.info
{
	left:20px;
}

div.museuminfo
{
	left:20px;
	top:245px;
	width:900px;
	z-index:100;
}
div.fotosadres
{
	position: absolute;
	top: 245px;
	left: 400px;
	
}

.museuminfo img, .museumfotos img, .fotosadres img
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div.koppen
{
	position: absolute;
	top: 245px;
	left: 20px;
	width:750px;
	background-color: #eec;
	height: 410px;
	overflow: auto;
	padding:20px;
}

div.fotoboek
{
	position: absolute;
	top: 205px;
	left: 20px;
	width:750px;
	background-color: #eec;
	height: 450px;
	overflow: auto;
	padding:20px;
}


iframe
{
	position: absolute;
	top:245px;
	left: 430px;
	border:0 solid #444;
	width:450px;
	height:450px;
	padding: 0;
	margin: 0;
	overflow:auto;
}

iframe.keuze
{
	position: absolute;
	top:245px;
	left: 260px;
	border:0 solid #444;
	width:690px;
	height:450px;
	padding: 0;
	margin: 0;
}

iframe.keuzegroot
{
	position: absolute;
	top:0;
	left: 240px;
	border:0 solid #444;
	width:450px;
	height:450px;
	padding: 0;
	margin: 0;
}

.beeldenoverzicht, .beeldenoverzicht2, .beeldenoverzicht3, .lijst1, .lijst2, .lijst3
{
	position: absolute;
	top: 245px;
	left: 20px;
	width:400px;
	height: 450px;
	overflow: auto;
	background-color: #eec;
}

.beeldenoverzicht2
{
	left:130px;
	width: 290px;
}


.lijst1
{
	left:20px;
	z-index:100;
	padding:10px;
	width:200px;
	height:430px;
}

.lijst2, .lijst3
{
	left:0px;
	top: 0px;
	z-index:100;
	padding:10px;
	width:200px;
	height:430px;
}


.lijst3
{
	width:600px;
}

.nb
{
	position: absolute;
	top: 205px;
	left: 20px;
	width:800px;
	height: 450px;
}

table
{
	width:270px;
}


td
{
	vertical-align: top;
	padding: 10px 10px 2px 10px;
}


hr
{
	border: 0 solid #fff;
	height:1px;
	background-color:#622;
	margin:15px 0;
}

	/*  Typography */
	
h1, h2, h3, h4, h5, h6	
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-weight: 700;
	margin: 0;
	color:#088;

}
	
h1	
{
    font-size:    18px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height:25px;
}

h2	
{
    font-size:    12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
	color:#622;
}

h3	
{
    font-size:    12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom:5px;
}

p, ul
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 12px;
	color:#622;
	margin:0;
	font-weight: normal;
}



.nb p
{
	color:#fff;
}


small
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 80%;
}	


b
{
	font-weight:700;
}

.lijst p, .lijst2 p
{
	margin-bottom:10px;
}

ul, li
{
	margin:0 0 0 5px;
	padding: 0 0 10px 5px;
	
}


.gedicht
{
	position:absolute;
	left:20px;
	top: 600px;
	z-index:100;
	background-color:#fff;
	width:240px;
	padding:5px;
}

#slide
{
	position:absolute;
	left:565px;
	top:245px;
	width:271px;
	overflow:hidden;
}


	/* General linkology */
	
a
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
}

a:link, a:visited 
{
	color:#622;

}

.adresregel a:link, .adresregel a:visited 
{
	color:#088;

}


a:hover, a:active 
{
	color:#088;
}

.lijst1 a:focus
{
	color:#088;
	-moz-outline:0px none #fff; 
	outline:0px none #fff;
	text-decoration:none;
}

	/* navigatie */

div.navigatie
{
	position: absolute;
	left: 20px;
	top: 93px;
	z-index:1000;
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bbb;
    width: 900px;
    line-height:25px;
}


div.navigatie a:link, div.navigatie a:visited, div.terug a:link, div.terug a:visited, div.extraknop a:link, div.extraknop a:visited
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ebdcb1;
    margin-right: 3px;
	text-decoration: none; 
	border: 1px solid #ebdcb1;
	padding:3px 7px;
	background: #622;
	font-weight: bold; 
}

div.navigatie a:hover, div.navigatie a:active, div.terug a:hover, div.terug a:active, div.extraknop a:hover, div.extraknop a:active
{
	background:#ebdcb1;
	color: #622;
}

.hier
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 3px;
	line-height:16px;
	border: 1px solid #fff;
	padding:3px 7px;
	font-weight: bold; 
}