/***********************************************************
 * File: scvn.css
 * Project: Stichting Collectie Van Noordwijk 
 *
 * Copyright: (c) 2007-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: #FFFFFF; 
	font: 11px/16px Arial, Helvetica, sans-serif; 
	background:#a10439 url(../images/bg.gif) left top repeat;
	background-color: #a10439;
	text-align: left;
	margin: 0;
	padding: 0;
}
h1, h2 {
	font-size:1px;
	color: #a10439;
	margin:0;
	padding:0;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}
img {
	border: none;
}
a {
	color:#ffffff;
	text-decoration:none;
}
#wrapper {
	background:#a10439 url(../images/bg.gif) left top repeat;
	border: #fff 0px solid;
	padding: 0px; 
	margin-left: 0px ; 
	width: 1970px;
	text-align: left;
	height: 620px;
	margin-top: 168px;
}
#header {
	width: 794px;
	height: 105px;
	position: absolute; left: 0px; top: 0px;
}
#menu {
	/* padding-left: 30px; */
	width: 900px;
	height: 63px;
	position: absolute; left: 30px; top: 105px;
}
#menu a {
	background-image:url(../images/bgmenuitem.gif);
	background-position:left +3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top:10px;
	height: 23px;
	float:left;
	outline:0;
}
#menu a:hover, #menu a:active, #menu a:focus {
	background-image:url(../images/bgmenuitem_ov.gif);
}	
#keuze1, #keuze2, #keuze3, #keuze4, #keuze5 {

}
#tekst1,#tekst2,#tekst2a,#tekst3,#tekst4,#tekst5 {
	position:absolute;
	left:31px;
	top:138px;
	width:650px;
	padding-left: 10px;
	padding-right: 62px;
	height:430px;
	padding-top: 13px;
	z-index:100;
	visibility: hidden;
	background-color: #1d000a;
	/*-moz-border-radius: 0 10px 10px 10px;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	line-height: 19px;
	font-size:12px;
	overflow:hidden;
}
#tekst1 {
	left:30px;
	padding-left: 0px;
	width:685px;
	padding-right: 42px;	
}
#tekst2 {
	width:658px;
}
#tekst2a {
	width:668px;
	padding-left: 0px;
	padding-right: 62px;
	height:430px;
	padding-top: 15px;
}
#tekst3 {
	width:730px;
	padding-left: 0px;
	padding-right: 0px;
	height:430px;
	padding-top: 0px;
}
#tekst4 {
	width:695px;
	padding-right: 22px;	
}	
#tekst5 {
	width:667px;
	padding-right: 50px;
	text-align:right;
	/*-moz-border-radius: 10px 0 10px 10px;	*/
}
ul {
 	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 242px; 
	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: url(../images/li.gif) outside disc;
	padding-left: 0px; 
	margin: 0px; 
	padding-top: 0px;
}
input.field {border: none;
	height: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 10px;
	background-color:#FFFFFF;
	font-weight:bold;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: .99;
	-khtml-opacity: .99;
	opacity: .99;
}
input.knop {
	background-color: white;
	font-weight:bold
}

/* horizontale scroll */

#scrlrechts {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 20px; top: 150px;
  z-index: 2;
  width: 200px;
  height: 100px;
  border:#FFF 0px dotted;
  padding-top: 250px;
  padding-left: 17px;
}
#scrlrechtsklein {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 0px; top: 235px;
  z-index: 10000;
  width: 80px;
  height: 110px;
  border:#5ff999 0px dotted;
  padding-left: 17px;
}
#scrllinks {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; 
  left: 20px; 
  top: 150px;
  z-index: 2;
  width: 200px;
  height: 100px;
  border:#FFF 0px dotted;
  padding-top: 250px;
  padding-left: 17px;
}
#scrllinksklein {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 235px;
  z-index: 10000;
  width: 80px;
  height: 110px;
  border:#5ff999 0px dotted;
  padding-left: 17px;
}
body > div#scrllinks, body > div#scrllinksklein, body > div#header, body > div#menu, body > div#scrlrechts, body > div#scrlrechtsklein {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

body > div#tekst1,body > div#tekst2,body > div#tekst2a,body > div#tekst3,body > div#tekst4,body > div#tekst5 {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
/* zoom foto's*/
.photo {width:1750px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:1750px; height:auto; position:relative; z-index:50;}

.photo ul.topic  li
{display:inline; width:85px; height:106px; float:left; border:0px solid #fff; margin:1px;}

.photo ul.topic  li a
{display:block; width:80px; height:106px; cursor:pointer; float:left; text-decoration:none; background:#444; border:0px solid #888;}

.photo ul.topic  li a img
{display:block; width:80px; height:106px; border:0px solid #eee;}

.photo ul.topic  li a:hover, 
.photo ul.topic  li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic  li a:hover img, 
.photo ul.topic  li a:hover img 
{position:absolute; left:-4px; top:-5px; width:88px; height:117px; border-color:#fff;}