/* CSS algemene opmaak in drie kolommen en menu voor vvnk homepage */
/* --------------------- */

/* instellingen body, html en #blok ivm centrering */
body, html {
	width		:100%;
	height		:100%;
}
#blok {
	width		:945px;
	margin-right:auto;
	margin-left	:auto;
}
#blok_fotopagina {
	width		:400px;
	margin-right:auto;
	margin-left	:auto;
}
/* body algemeen */
body {
	behavior: url("css/csshover.htc");
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 90%;
	background: url(../images/vvnk1900.jpg);
}
#logo2 {
	top:10px;
	position:relative;
	width: 130px;
	height: 185px;
}
h2 {
	font-family: Verdana;
	margin: 10px;
	text-align: center;
	font-size: 120%;
	color: black;
	border-top: 0px solid #FF6600;
	padding-top: 0px;
}
h3 { 
	margin: 10px;
	font-size: 110%;
	border-top: 2px solid #FF6600;
	color: black;
	padding-top: 10px;
}
h4 {
	margin: 10px;
	font-size: 110%;
	color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 0px solid #FF6600;
	border-bottom: 0px solid #FF6600;
}
h5 {
	margin: 10px;
	font-size: 100%;
	color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 0px solid #FF6600;
	border-bottom: 0px solid #FF6600;
}
table {
	font-size: 100%;
	border-collapse: collapse;
}
table, td {
	vertical-align: top;
	border-top-width: 3px;
	border-top-color: #FAE0A0;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FAE0A0;
	border-bottom-style: solid;
	margin: 10px;
}
table a {
	text-decoration: none;
}
table a:hover { 
	color: #FF6600;
}
span a:hover {
	color: #FF6600;
}
span a {
	color: blue;
	text-decoration: none;
}
/* --------------------- */
/* menu (linker kolom) */
#menu {
	width: 140px;
	position: relative;
	top: -10px;
}
#menu a { 
	font-weight: bold;
	font-size: 90%;
	color: black;
	text-decoration: none;
	padding: 5px;
}
#menu a:visited { 
	color: black;
}
#menu a:hover { 
	color: #FF6600;
}
#menu ul { 
	position: absolute;
	top: 2em;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px none;
	padding: 0px;
	background: #FAE0A0 none repeat scroll 0% 50%;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
	width: 142px;
	list-style-type: none;
}
#menu li { 
	margin: 0px;
	display: block;
	border: 0px none;
	padding: 0px 0px 0px 0px;
	background: #FAE0A0 none repeat scroll 0% 50%;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
	z-index: 9;
	position: relative;
}
/*#menu li#huidig a { 
	color: #FF6600;
}*/
.home #menu a#home,
.home #voetmenu a#home,
.evenement #menu a#evenement,
.evenement #voetmenu a#evenement,
.kunsthistorisch #menu a#kunsthistorisch,
.kunsthistorisch #voetmenu a#kunsthistorisch,
.kunsttezien #menu a#kunsttezien,
.kunsttezien #voetmenu a#kunsttezien,
.vereniging #menu a#vereniging,
.vereniging #voetmenu a#vereniging,
.literatuur_wandeling #literatuurmenu a#literatuur_wandeling,
.literatuur_wandeling #voetmenu a#literatuur_wandeling,
.archief #menu a#archief,
.archief #voetmenu a#archief,
.links #menu a#links,
.links #voetmenu a#links,
.sitemap #menu a#sitemap, 
.sitemap #voetmenu a#sitemap {
	color: #FF6600;
}
#menu li.folder { 
	border-right-color: #FF6600;
}
#menu li:hover { 
	border: 0px solid gray;
	background: white none repeat scroll 0% 50%;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
	z-index: 15;
}
#menu ul ul { 
	display: none;
	right: -100px;
	position: absolute;
	top: 8px;
}
#menu li:hover ul ul { 
	display: none;
}
#menu li:hover ul { 
	border-left: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	display: block;
	left: 130px;
	width: 250px;
}
#menu li:hover li:hover ul { 
	display: block;
}
#menu a:active { 
	color: blue;
}
/* --------------------- */
/* inhoud (midden kolom) */
#kop {
	width: 100%;
	height: 40px;
}
#kop_bericht {
	width: 300px;
	height: 40px;
}
#inhoud { 
	border-style: none solid none solid;
	border-color: #FF6600;
	border-width: 0px 5px 0px 5px;
	background: white none repeat scroll 0% 50%;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
	width:600px;
}
#inhoud p { 
	padding-left: 10px;
	padding-right: 10px;
}
#inhoud a:hover { 
	color: #FF6600;
}
#inhoud ul {
	list-style: outside none none;
}
#inhoud li {
	background: url(../images/bullet.gif) no-repeat;
	margin: 0 0 0 -30px;
	padding: 0 0 0 30px;
}
li a {
	text-decoration: none;
}
li a:visited {
	color: blue;
}
td a:visited {
	color: blue;
}
p a {
	text-decoration: none;
}
p a:visited {
	color: blue;
}
p.list {
	margin: 0px 0px -1px 0px;
}
p.terug { 
	text-align: right;
	font-style: normal;
	font-variant: small-caps;
	font-size: 90%;
	font-weight: bold;
}
p.copyright { 
	border-top: 1px solid #FF6600;
	padding-top: 10px;
	text-align: center;
	font-size: 85%;
	font-variant: small-caps;
	background-color: #FAE0A0;
}
/* --------------------- */
/* terzijde (rechter kolom) */
#terzijde {
	width: 190px;
	text-align: center;
	font-size: 85%;
}
#terzijde a:hover { 
	color: #FF6600;
}
span.bijschrift {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
}
span.onderschrift {
	font-size: 85%;
}
#eindspacer {
	height: 10px;
	width: 188px;
}
/* --------------------- */
/* specifieke inhoud middenkolom */
/* --------------------- */
/* bestuur en evenementencommissie */
.samenstelling td {
	padding-left: 5px;
	}
span.functie {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #ff6600;
}
span.naam {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	vertical-align: top;
}
span.adres {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
}
/* --------------------- */
/* evenementenarchief */
span.docdatum {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	background-color: White;
	width: 50px;
	text-align: left;
	}
span.document {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background-color: White;
	}
/* --------------------- */
/* evenementen vvnk */
span.geweestkomend {
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	}
span.datum {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
/*	text-align: left;*/
	}
span.evenement {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
/* --------------------- */
/* evenementen tentoonstellingen */
span.museum {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	}
span.website {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	}
span.tentoonstelling {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	}
/* --------------------- */
/* evenementen boekaankondigingen */
.evenementen td {
	padding-left: 5px;
	}
span.titel {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	width: 160px;
	}
span.beschrijving {
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background-color: White;
}
/*--------------------------*/
/* link */
.link td {
	padding-left: 5px;
	background: #FFFFCC;
	border-width: 5px 5px 5px 5px;
	border-style: solid;		
	border-color: white;
	}
span.link {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: black;
}
span.linktekst {
	font-size: 90%;
	font-style: normal;
}
span.nieuw {
	color: #FF6600;
}
span.linkrubriek {
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	color: black;
	}
span.topmenu {
	font-variant: small-caps;
	font-weight: normal;
	font-size: 90%;
}
/* --------------------- */
/* sitemap */
.subhaak {
	width: 13px;
	height: 14px;
}
/*--------------------------*/
/* uitklapteksten */
.vraag {
	margin: 7px;
	font-weight: bold;
	color: black;
	background-color: #FFFFCC;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;	
	border:1px solid #FAE0A0;
	overflow:hidden;
	cursor:pointer;
	}
.zin {
	color: black;
	font-weight: normal;
	}
.antwoord {
	position:relative;
	margin: 7px;
	border:1px solid #FAE0A0;
	background-color: #FFFFEC;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	}
/*
	.antwoordInhoud {	
	position:relative;
	padding:2px;
	}
*/
/* lichtkrant */
.html-marquee {
	height:40px;
	width: 170;
	padding-left: 2px;
	background-color: #ffffcc;
	text-align: left;
	font-size: 90%;
	color: red;
	border-width:1px;
	border-style: solid;
	border-color: red;
}
.html-marquee-1-regel {
	height:20px;
	width: 170;
	padding-left: 2px;
	background-color: #ffffcc;
	text-align: left;
	font-size: 90%;
	color: red;
	border-width:1px;
	border-style: solid;
	border-color: red;
}
/* ------------------------*/
/* literatuur en wandeling */
.html-marquee_wandeling {
	height:30px;
	width: 100%;
	padding-left: 2px;
	background-color: #ffffec;
	text-align: left;
	font-size: 90%;
	color: black;
	border-width:0px;
	border-style: solid;
	border-color: red;
}
.literatuur td {
	background-color: #FAE0A0;
	border-color: #FFFFCC;
	border-width: 3px 0px;
	font-size: 80%;
}
.wandeling td {
	background-color: #FFFFEC;
	border-color: #FAE0A0;
	border-width: 3px 0px;
	font-size: 80%;
}
.boekbesprekingen td {
	background-color: #FAE0A0;
	border-color: #FFFFCC;
	border-width: 3px 0px;
	font-size: 80%;
}
.oproep td {
	background-color: #FFFFCC;
	border-color: #FAE0A0;
	border-width: 3px 0px;
	font-size: 80%;
}
p.table { 
	padding-left: 10px;
	padding-right: 10px;
}
/* tekst doc/pdf reader */
p.download {
	font-size: 75%;
	text-align: right;
	padding-top: 0px;
}
/* opmaak pagina met fotoreportage */
#fotopagina { 
	border-style: none solid none solid;
	border-color: #FF6600;
	border-width: 0px 5px 0px 5px;
	padding: 0px 10px 0px 10px;
	background: white none repeat scroll 0% 50%;
	width:340px;
	font-size: 80%;
}