/* PAGINA ELEMENTEN*/
body  { font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #e9d572 url(beelden/bg.jpg) repeat-x }
p, form, ul, td   { font-size: 11px }
li { margin-top: 5px }
h1   { font-weight: bold; font-size: 14px; border-bottom: 1px solid #fc0; display: block }
h3  { font-style: italic; font-weight: bold; font-size: 12px }
h4 { font-weight: bold; font-size: 11px }

/* HOOFDING ELEMENTEN */
#noten  { background: url(beelden/noten.jpg) no-repeat; position: absolute; z-index: 0; top: 0px; left: 0px; width: 880px; height: 225px; visibility: visible; display: block }
#logo { background-image: url(beelden/anz-logo.gif); position: absolute; z-index: 10; top: 8px; left: 8px; width: 175px; height: 110px; visibility: visible; display: block }
#achtergrond          { background-color: #fff8db; position: absolute; z-index: 10; top: 190px; bottom: 30px; left: 12px; width: 692px; visibility: visible; display: block }
#inhoud     { float: left; z-index: 30; width: 480px }
#zijbalk      { float: left; z-index: 30; width: 200px; height: auto; overflow: hidden }
#zijbalk .marge  { margin: 20px }
#inhoud .marge { margin-top: 20px }
#algemeen  { background: url(beelden/algemeen.gif) no-repeat; position: absolute; z-index: 10; top: 106px; left: 390px; width: 310px; height: 16px; visibility: visible; display: block }
#foto4   { background-image: url(beelden/hoofding/foto4.jpg); border: solid 1px #fc0; position: absolute; z-index: 10; top: 14px; left: 588px; width: 115px; height: 80px; visibility: visible; display: block }
#foto3   { background-image: url(beelden/hoofding/foto3.jpg); border: solid 1px #fc0; position: absolute; z-index: 10; top: 14px; left: 462px; width: 115px; height: 80px; visibility: visible; display: block }
#foto2   { background-image: url(beelden/hoofding/foto2.jpg); border: solid 1px #fc0; position: absolute; z-index: 10; top: 14px; left: 336px; width: 115px; height: 80px; visibility: visible; display: block }
#foto1   { background-image: url(beelden/hoofding/foto1.jpg); border: solid 1px #fc0; position: absolute; z-index: 10; top: 14px; left: 210px; width: 115px; height: 80px; visibility: visible; display: block }
#inhoud_nieuw     { background-color: #fff8db; position: absolute; z-index: 10; top: 190px; left: 12px; width: 682px; visibility: visible; display: block; padding-left: 200px; padding-right: 10px; padding-top: 10px }
html>body #inhoud_nieuw     { background-color: #fff8db; position: absolute; z-index: 10; top: 190px; left: 12px; width: 482px; visibility: visible; display: block; padding-left: 200px; padding-right: 10px; padding-top: 10px }
#zijbalk_nieuw      { background-color: #fff8db; position: absolute; z-index: 30; top: 190px; left: 12px; width: 175px; height: auto; overflow: hidden; padding-left: 10px; padding-top: 10px }
html>body #zijbalk_nieuw      { background-color: #fff8db; position: absolute; z-index: 30; top: 190px; left: 12px; width: 165px; height: auto; overflow: hidden; padding-left: 10px; padding-top: 10px }

/* NAVIGATIE ELEMENTEN */
#navigatie  { background-image: url(beelden/navigatie/navigatie.gif); position: absolute; z-index: 10; top: 124px; left: 12px; width: 692px; height: 20px; visibility: visible; display: block }
#start a   { position: absolute; background-image: url(beelden/navigatie/start-uit.gif); z-index: 30; top: 0px; left: 6px; width: 45px; height: 19px; visibility: visible; display: block }
#start a:hover   { background-image: url(beelden/navigatie/start-aan.gif) }
#partituren a   { position: absolute; background-image: url(beelden/navigatie/partituren-uit.gif); z-index: 30; top: 0px; left: 60px; width: 80px; height: 19px; visibility: visible; display: block }
#partituren a:hover   { background-image: url(beelden/navigatie/partituren-aan.gif) }
#boeken a   { position: absolute; background-image: url(beelden/navigatie/boeken-uit.gif); z-index: 30; top: 0px; left: 148px; width: 90px; height: 19px; visibility: visible; display: block }
#boeken a:hover   { background-image: url(beelden/navigatie/boeken-aan.gif) }
#kalender a   { position: absolute; background-image: url(beelden/navigatie/kalender-uit.gif); z-index: 30; top: 0px; left: 245px; width: 70px; height: 19px; visibility: visible; display: block }
#kalender a:hover   { background-image: url(beelden/navigatie/kalender-aan.gif) }
#zangfeest a   { position: absolute; background-image: url(beelden/navigatie/zangfeest-uit.gif); z-index: 30; top: 0px; left: 325px; width: 75px; height: 19px; visibility: visible; display: block }
#zangfeest a:hover   { background-image: url(beelden/navigatie/zangfeest-aan.gif) }
#nieuwsbrief a   { position: absolute; background-image: url(beelden/navigatie/nieuwsbrief-uit.gif); z-index: 30; top: 0px; left: 412px; width: 90px; height: 19px; visibility: visible; display: block }
#nieuwsbrief a:hover   { background-image: url(beelden/navigatie/nieuwsbrief-aan.gif) }
#links a   { position: absolute; background-image: url(beelden/navigatie/links-uit.gif); z-index: 30; top: 0px; left: 550px; width: 50px; height: 19px; visibility: visible; display: block }
#links a:hover   { background-image: url(beelden/navigatie/links-aan.gif) }
#programma a   { position: absolute; background-image: url(beelden/navigatie/programmas-uit.gif); z-index: 30; top: 0px; left: 516px; width: 88px; height: 19px; visibility: visible; display: block }
#programma a:hover   { background-image: url(beelden/navigatie/programmas-aan.gif) }
#contact a   { position: absolute; background-image: url(beelden/navigatie/contact-uit.gif); z-index: 30; top: 0px; left: 612px; width: 70px; height: 19px; visibility: visible; display: block }
#contact a:hover   { background-image: url(beelden/navigatie/contact-aan.gif) }

/* REGISTRATIE ELEMENTEN */
#registratie, #gebruiker   { font-size: 11px; background-color: #ffe97d; position: absolute; z-index: 15; top: 144px; left: 12px; width: 692px; height: 32px; visibility: visible; display: block }
#registreer   { position: absolute; top: 7px; left: 5px; width: auto; height: auto }
#login   { text-align: right; position: absolute; top: 3px; left: 200px; width: 482px; height: 40px; visibility: visible }
#login input.veld { border: 1px solid #DAAF02; width: 100px; background: #FFF8DB; line-height: 12px; font-size: 10px }
#gebruiker .knop { font-size: 10px;  background-color:	#FFCC00; color: #000000; padding: 0px; height: 17px; margin: 0px; border: 1px solid #DAAF02; }
#gebruiker .naam { position: absolute; top: 2px; left: 10px; width: auto; height: auto }
#gebruiker .krediet { text-align: right; position: absolute; top: 2px; left: 150px; width: auto; height: auto }
#gebruiker .bestel { text-align: right; position: absolute; top: 2px; left: 300px; width: auto; height: auto }
#gebruiker .winkel { text-align: right; position: absolute; top: 2px; left: 400px; width: 100px; height: auto }
#gebruiker .profiel { text-align: right; position: absolute; top: 2px; left: 500px; width: 100px; height: auto }
#gebruiker .uitloggen { text-align: right; position: absolute; top: 2px; left: 580px; width: 100px; height: auto }

/* TABEL PARTITUREN */
table.partituren   { padding: 3px; border: solid 1px #e9d572 }
.partituren td.items    { background-color: #fff; padding: 3px 0px 5px 5px; border-top: 1px solid #e9d572 }
.partituren td.bestel  { background-color: #fff; border-top: 1px solid #e9d572 }
td.titels { margin-bottom: 5px }
.partituren .items .titel   { font-weight: bold }
.partituren .items .componist  { font-style: italic; font-weight: normal }

/* CD-BOEKEN LIJST */
table.cd-lijst   { padding: 3px; border: solid 1px #e9d572 }
.cd-lijst td.cd-nr      { background-color: #fff; padding: 3px 5px 0px; border-top: 1px solid #e9d572 }
.cd-lijst td.cd-titel, .cd-lijst td.cd-titel a , .cd-lijst td.cd-titel a:hover    { color: black; font-weight: bold; background-color: #fff; padding: 3px 0px 0px; border-top: 1px solid #e9d572 }
.cd-lijst td.inhoud     { background-color: #fff; padding: 5px 0px 10px }
.cd-lijst td.kaft { background-color: #fff; margin: 5px; padding: 5px; border-top: 1px solid #e9d572 }

/* CD-BOEKEN DETAIL */
table.cd-detail    { }
.cd-detail td.inhoud       { padding-bottom: 10px }
.cd-detail td.kaft     { padding-bottom: 15px }
.cd-detail td.detail     { padding: 5px 0px 10px }
.bestel-cd a  { color: black; font-weight: bold; text-decoration: none; background-color: #fc0; padding-right: 5px; padding-left: 5px; border: solid 1px #c60 }

/* OPMAAK ELEMENTEN */
#broodkruimels   { color: white; font-size: 10px; position: absolute; z-index: 20; top: 176px; left: 13px; width: 692px; height: auto; visibility: visible; display: block }
#subnavigatie   { margin-bottom: 20px; display: block }
.nav a   { color: black; font-size: 11px; text-decoration: none; background-color: #ffe97d; margin-top: 3px; padding: 2px 0px 2px 5px; border-style: solid; border-width: 1px 1px 1px 20px; border-color: #fc0; width: 160px; display: block }
html>body .nav a { color: black; font-size: 11px; text-decoration: none; background-color: #ffe97d; margin-top: 3px; padding: 2px 0px 2px 5px; border-style: solid; border-width: 1px 1px 1px 20px; border-color: #fc0; width: 134px; display: block }
.nav1 { color: black; font-size: 11px; text-decoration: none; background-color: #ffe97d; margin-top: 3px; padding: 2px 2px 2px 5px; border-style: solid; border-width: 1px 1px 1px 20px; border-color: #fc0; width: 130px; display: block }
.navtitel  { color: white; font-weight: bold; font-size: 12px; text-decoration: none; background-color: #fc0; text-align: center; letter-spacing: 2px; padding: 2px 0px; width: 160px; display: block }
.nav a:hover  { text-decoration: none; background-color: #ffe97d; border-style: solid; border-width: 1px 1px 1px 20px; border-color: #555; display: block }
#broodkruimels a  { color: white; text-decoration: none }
#broodkruimels a:hover { color: red }
#voetnoot   { color: #555; font-size: 10px; margin-top: 50px; padding-top: 5px; border-top: 1px solid #fc0 }

/* DROP MENU STIJLEN*/
#menu .titel  { 
	color: white; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none; 
	background-color: #fc0; 
	text-align: left; 
	letter-spacing: 2px; 
	padding: 0px 0px 0px 0px; 
	width: 160px; 
	display: block; }

#menu .subtitel  { 
	color: white; 
	font-weight: normal; 
	font-size: 11px; 
	text-decoration: none; 
	background-color: #fc0; 
	text-align: left; 
	letter-spacing: 0px; 
	padding: 0px 0px 0px 0px; 
	width: 160px; 
	display: block; }


/* NIEUWSBERICHTEN */
.nieuws   { background-color: white; margin-top: 10px; padding: 5px; border: solid 1px #fc0 }
.nieuws .datum  { font-style: italic; font-size: 10px; text-align: left; margin: 0px; padding: 0px }
.nieuws .titel  { font-weight: bold; font-size: 12px; margin-top: 2px; margin-bottom: 2px }
.nieuws .tekst { font-size: 11px; text-align: left }
.nieuws .meer { font-size: 11px; text-align: right }

/* NIEUWSARCHIEF */
.nieuwsarchief  { margin-top: 10px; padding: 3px }
.nieuwsarchief .datum  { font-style: italic; font-size: 10px; text-align: left; margin: 0px; padding: 0px }
.nieuwsarchief .titel { font-weight: bold; font-size: 12px; margin: 0px; padding: 0px }
.nieuwsarchief .meer { font-size: 11px; text-align: left }

/* ELEMENTEN CD-PAGINA'S */
#cd { }
#cd #titel { font-weight: bold; font-size: 14px; margin-bottom: 10px }
#cd #kaft  { border: 2px #f0f; position: relative; top: 0px; left: 0px }
#cdalgemeen { position: relative; top: 0px; left: 10px; display: block }
#cd #gegevens  { font-size: 11px; position: relative; top: 0px; left: 0px }
#cd #gegevens #prijs  { font-weight: bold }
#cd #gegevens .auteur { position: relative; top: 0px; left: 0px }
#cdalgemeen .bestel { }
#cd #titels  { position: relative; top: 10px; left: 0px }
.auteur { border: 2px #f0f; position: absolute; left: 100px }
#cd-genre { display: block  }

/* KADER TARIEVEN */
table.tarieven { border-top: 1px solid #fc0; border-right: 1px solid #fc0; border-bottom: none; border-left: 1px solid #fc0; width: 480px }
table.tarieven .titel { background-color: #fc0; padding: 2px }
table.tarieven .subtitel { font-weight: bold; background-color: #ffe97d; padding: 2px 2px 2px 4px; border-bottom: 1px solid #fc0 }
table.tarieven .aantal { font-weight: normal; background-color: white; padding: 2px; border-bottom: 1px solid #fc0 }
table.tarieven .prijs { font-weight: normal; background-color: white; padding: 2px; border-bottom: 1px solid #fc0 }

/* KADER KALENDER */
table#tabel-kalender { border-top: 1px solid #fc0; border-right: 1px solid #fc0; border-bottom: none; border-left: 1px solid #fc0; width: 480px }
table#tabel-kalender .titel { background-color: #fc0; padding: 2px }
table#tabel-kalender .item { font-weight: normal; background-color: white; padding: 2px; border-bottom: 1px solid #fc0 }
table#tabel-kalender .maand { font-weight: bold; background-color: #ffe97d; padding: 2px 2px 2px 4px; border-bottom: 1px solid #fc0 }

/* KADER KALENDER DETAIL */
table#kalenderdetail    { background-color: white; margin-top: 10px; padding: 5px; border: solid 1px #fc0; width: 100% }
table#kalenderdetail .titel   { background-color: #ffe97d; text-align: right; padding: 2px 5px;  width: 110px; vertical-align:middle }
table#kalenderdetail .item   { border-bottom: 1px dotted #ffe97d; width: 330px; vertical-align:middle }

/* KADER ACTIVITEIT DETAIL */
table#tabel-activiteit     { background-color: white; margin-top: 10px; padding: 5px; border: solid 1px #fc0 }
table#tabel-activiteit .titel      { background-color: #ffe97d; text-align: right; vertical-align: middle; margin-bottom: 2px; padding: 5px; width: 100px; height: auto; display: block }
table#tabel-activiteit .item   {  }

/* LETTER STIJLEN */
.vet { font-weight: bold }
.fout { color: red; font-weight: bold }
.klein { font-weight: normal; font-size: 10px }
.top { color: #555; font-size: 10px; text-align: right; margin-right: 20px }
.rood { color: #c00 }
.insprong { margin-left: 3em }
.blikvanger    { background-color: #fff; margin-bottom: 20px; border: solid 1px #fc0; width: 98% }
.blikvanger .titel { font-weight: bold; font-size: 12px; background-color: #fc0; padding: 2px; border: solid 1px #fc0; display: block; }
.blikvanger .tekst  { font-size: 10px; padding: 15px 5px 5px }

.zijkader    {
	margin-bottom: 0px;
	width: 98%;
	background-color: #;
	padding-bottom: 5px;
	background-color: #ffe97d;
	border-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-color: #FFCC00;
}
.zijkader .titel {
	xfont-weight: bold;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 2px;
	display: block;
	color: #333333;
	text-align: center;
	font-weight: bold;
	border-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #fc0;
}

.zijkader .tekst  { font-size: 10px; padding: 50px; font-weight: normal;}



/* ELEMENTEN BEELDEN*/
img.textwrap-right { margin-right: 10px; }

/*ZANGFEEST*/
.zangfeest { font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff8d8; background-image: none; }
.zangfeest h2 { color: gray; font-size: 24px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.83em 0; }
.zangfeest a { color: gray; font-size: 12px; text-decoration: none; }
.zangfeest a:visited { color: gray; font-size: 12px; text-decoration: none; }
.zangfeest a:hover { color: purple; font-size: 12px; text-decoration: none; }

/*PAGINA NAVIGATIE*/
table.paginanavigatie {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	border: thin solid #FFCC00;
}
table.paginanavigatie td.eerste a{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #999999;
}
table.paginanavigatie td.volgende a{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #999999;

}
table.paginanavigatie td.pagina a{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #999999;

}
table.paginanavigatie td.pagina {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
table.paginanavigatie td.vorige a{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #999999;

}
table.paginanavigatie td.laatste a{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #999999;

}table.paginanavigatie td.aantal {
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFCC00;
	padding-right: 5px;
	padding-left: 5px;
}