/* All rights reserved � 2007, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* de standaard styles om problemen te voorkomen */

*
{
	margin: 0;
	padding: 0;
}
 
hr
{
	display: none;
	clear: both;
}

a img
{
	border : none;
}

a
{
	outline: none;
}

body
{
	background-color : #837F76;
	font-size: 12px;
	line-height: 16px;
	color : #000;
	text-align:center;
	background-image: url(../img/bg_totaal.gif);
	background-repeat: repeat-y;
}

h1
{
	font-size: 20px;
	margin-bottom: 8px;
	color: #837F76;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h2
{
	font-size: 17px;
	margin-bottom: 8px;
	margin-top: 8px;
	color: #3399CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
}


h3
{
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:16px;
}

h4, h5, h6
{
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}

p
{
	margin-bottom: 2px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}

/* einde standaard styles */

a:link{text-decoration: none; color: #a5a67d; }
a:visited{text-decoration: none; color: #9c9d76; }
a:hover{text-decoration: none; color: #333300; }
a:active{text-decoration: none; outline: 0px; color: #a5a67d; }
a:focus {outline: 0px;}

/* basis DIV's start */

#wrapper
{
	background-color:#837F76;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding:0px;
}

.copyrights
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #336699;
}

.disclaimer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}

#container
{
	width:900px;
	height:600px;
	text-align:left;
	margin:20px auto;
}

/* definitie basis elementen */

#left
{
	width:23px;
	height:211px;
	left:0px;
	top:0px; 
	text-align:right;
	vertical-align:top;
	background-position:left;
	background-image:url(../img/fade_links.gif);
	background-repeat:no-repeat;
	float:left;
}

#logobaanwit
{
	width:213px;
	height:600px;
	text-align:right;
	vertical-align:top;
	background-color:#FFFFFF;
	background-image:url(../img/hoekjemenubar.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:left;
}

#logo
{
	width:213px;
	height:211px;
	text-align:right;
	vertical-align:top;
	background-position:left;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
}

#sfeerbeeld
{
	width:664px;
	height:211px;
	float:left;
}

#flash
{
	width:664px;
	height:600px;
	float:left;
}

#content
{
	width:664px;
	float:left;
}

#input
{
	width: 664px;
}

#inputtekst
{
	background-color: #fff;
	float: left;
	width: 464px;
}

#inputsub
{
	float: left;
	width: 200px;	
}

#input.btn
{
	margin-left: 0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	font-family:sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#fff;
	border:2px solid;
	border-top-color:#d1ceb5;
	border-left-color:#d1ceb5;
	border-right-color:#95916e;
	border-bottom-color:#95916e;
}
	
#input.btnhov
{
	background-color:#fff;
	border-top-color:#95916e;
	border-left-color:#95916e;
	border-right-color:#d1ceb5;
	border-bottom-color:#d1ceb5;
}

/* definitie menu's en tekst elementen */

/* hoofdmenu */

#hoofdmenu
{
	background-image:url(../img/bgmenu.gif);
	background-repeat:no-repeat;
	width:213px;
	height:158px;
	padding:2px 10px 7px 10px;
	text-align:left;
	vertical-align:top;
}

.hoofdmenu
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	line-height:17px;
}

.hoofdmenu a:link{text-decoration: none; color:#FFFFFF;}
.hoofdmenu a:visited{text-decoration: none; color:#FFFFFF;}
.hoofdmenu a:hover{text-decoration: none; color:#A29E92;}
.hoofdmenu a:active{text-decoration: none; color:#FFFFFF;}

/* submenu */

#submenu
{
	width:213px;
	padding:7px 10px 7px 10px;
	text-align:left;
	vertical-align:top;
}

.submenu
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	line-height:18px;
}

.submenu a:link{text-decoration: none; color:#000000;}
.submenu a:visited{text-decoration: none; color:#000000;}
.submenu a:hover{text-decoration: none; color:#A29E92;}
.submenu a:active{text-decoration: none; color:#000000;}

/* definitieve bestanden */

#bodyteksten
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	line-height:16px;
	padding:20px 12px 12px 12px;
}

#extrainfotekst
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	padding:20px 12px 12px 12px;
}

.extrainfokoppen
{
	color:#000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif
}

.extrainfotitels
{
	color:#ffffff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	font-weight:bold;
}

/* classes added by wijnand for CMS */
.tekstinfo
{
}

.image
{
	float:right;
}
.imagewall
{
	clear: both;
	margin-bottom:5px;
	margin-top: 5px;
	float: right;
}

/* id`s added by wijnand for CMS */

#tekstmain
{
	width:464px;
	min-height:388px;
	height:388px;
	background-color:#FFFFFF;
	float:left;
	vertical-align: top;
	text-align: left;
}

#blok 
{
	margin: 10px;
	min-height: 20px;
}

#nga
{
bottom: 0px;
}

#tekstveldsub
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.0em;
	line-height: 14px;
}

#tekstveldsub h1
{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 12px;
}

#tekstveldsub h2
{
	color: #fff;
}

#tekstveldsub h3
{
	
}

#tekstveldsub h4, h5, h6
{
	
}

#tekstveldsub p
{
	color: #fff;
}

#tekstveldsub a:link{text-decoration: none; color: #e0e2b5;}
#tekstveldsub a:visited{text-decoration: none; color:#e0e2b5;}
#tekstveldsub a:hover{text-decoration: none; color: #000;}
#tekstveldsub a:active{text-decoration: none; color:#e0e2b5;}

#extrainfoafbeelding
{
	width:180px;
}

/* added by wijnand for CMS kunstuitleen */
#kunst
{
	background-color:#FFFFFF;
	float:left;
}

#kunsttop
{
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #000;	
}

#kunstbody
{
	font: 12px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #000;	
}

.item
{
	width:135px;
	padding:2px;
	background-image: url(../img/fade_uitleen.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-right: 2px;
}

.uitleenthumb
{
	width:132px;
}

.itemname
{
	text-align:center;
	font: 12px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

.beheer
{
	text-align:center;
	background-color: #fff;
	font: 12px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

.tekstbody
{
	text-align: left;
}

.tekstbody p
{
  margin:0px;
}

.tekstsub
{
	text-align: left;
}

.tekstsub p
{
  margin:0px;
}

/* added by wijnand for CMS exposities */

#expositie
{
	background-color:#FFFFFF;
	float:left;
}

#expositietop
{
	font: 16px/22px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

#expositiebody
{
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	vertical-align: top;
	width: 444px;
}

.expositieitem1
{
	width:200px;
	float: left;
	padding:5px;
	background-image: url(../img/fade_uitleen.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}

.expositieitem2
{
	width:200px;
	float: left;
	padding:5px;
	background-image: url(../img/fade_uitleen.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}

.expositieitemx
{
	font: 12px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #000;	
}

.periode
{
	font: 13px/20px Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #7d7d76;
	margin-top: 5px;
	margin-bottom: 5px;
}

.titel
{
	font: bold 14px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

.artiest
{
	font: bold 14px/20px Arial, Helvetica, Geneva, sans-serif;
	color: #9d987f;	
}

.omschrijving
{
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	padding: 10px 0px 10px 0px;
}

.expooverzichtthumb
{
	width:150px;
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;	
	margin: 15px;
}

.expothumb
{
	width:150px;
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	color: #000;	
	margin: 15px;
}

.beheer
{
	background-color: #fff;
	height: 22px;
}

#pagenav
{
	font: 14px/16px Arial, Helvetica, Geneva, sans-serif;
	text-align:left;
}

#pagenavdown 
{
	width:25px;
	height:25px;
	background: #DEE7EF url(../img/pagenavdown.gif) no-repeat top left;
}

#pagenavdownoff
{
	width:25px;
	height:25px;
	background: #DEE7EF url(../img/pagenavdown_off.gif) no-repeat top left;
}

#pagenavup 
{
	width:25px;
	height:25px;
	background: #DEE7EF url(../img/pagenavup.gif) no-repeat top left;
}

#pagenavupoff
{
	width:25px;
	height:25px;
	background: #DEE7EF url(../img/pagenavup_off.gif) no-repeat top left;
}

#pagenavcurpage
{
	width:15px;
	height:25px;
	color:#ff0000;
	background-color: #DEE7EF;
	padding:4px;
}

.pagenavpage
{
	width:15px;
	height:25px;
	color:#000088;
	background-color: #DEE7EF;
	padding:4px;
}

/* downloads pdf */

#downloadbrochure
{
	height: 17px;
	padding-left: 28px;
	padding-top: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	background-color: #fff;
	background-position: left;
	background-image: url(../img/bgpdf_download.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 4px;
}

#downloadbrochure a
{
	font-size: 11px;
	color: #000;
}

#downloadbrochure a:hover
{
	color: #C00;
}

ol
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

ol li
{
	margin-top: 5px;	
}

.formLabel
{
border-color: #999999;
border-style: solid;
border-width: 1px;
padding: 2px;
}

table
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}