@font-face {
    font-family: Lucida Sans;
    font-style:  normal;
    font-weight: normal;
    src: url(file:///D:\WWW\VUORKEST\fonts\LUCIDAS3.eot);
  }
  @font-face {
    font-family: Lucida Sans;
    font-style:  normal;
    font-weight: 700;
    src: url(file:///D:\WWW\VUORKEST\fonts\LUCIDAS2.eot);
  }
  @font-face {
    font-family: Lucida Sans;
    font-style:  oblique;
    font-weight: normal;
    src: url(file:///D:\WWW\VUORKEST\fonts\LUCIDAS1.eot);
  }
  @font-face {
    font-family: Lucida Sans;
    font-style:  oblique;
    font-weight: 700;
    src: url(file:///D:\WWW\VUORKEST\fonts\LUCIDAS0.eot);
  }



body  {
	font-family : Lucida sans, Verdana,sans-serif;
	color : black ;
	background-color: #e2ecf6 ;
	font-size : small;
	list-style-type : none;
	margin : 0;
	line-height : 140%;
}
.main {
	background-color: #e2ecf6;
	padding: 1cm;
	padding-top: 0.5em;
	padding-bottom: 1em;
	}

.logo {
	color: #e0841e;
	font-family : Lucida sans, Verdana,sans-serif;
	font-size : 20pt;
}
	
input, textarea, select, option {
	font-family : Lucida sans, Verdana,sans-serif;
	font-size : x-small;
	border-style: ridge;
}
input.button {
	border-style : outset ;
	background-color : #e0841e ;
	color : #e2ecf6;
	border-color : #e0841e ;
	font-size : x-small;
}
input.aanvink {
	border-style : none ;
}



h1	{
	line-height:	1.5em;
	margin-top: 1em;
	margin-bottom: .7em;
	font-weight: bold;
	font-size: large;
	text-align:	left;
	color: #e0841e;
}

h2	{
	line-height:	1.2em;
	padding-top: 0,5cm ;
	padding-bottom: 0,1cm ;
	margin-top: 1.5em;
	margin-top: 0 em;
	margin-bottom: .1em;
	font-weight: bold;
	font-size: medium;
	text-align:	left;
	color: #e0841e;
}

h3	{
	padding-top: 0,5cm ;
	padding-bottom: 0,1cm ;
	margin-bottom: .1em;
	margin-top: 1.5em;
	color: #e0841e;
	font-style: italic;
}
.kleur	{
	color: #e0841e;
}

.blue {
	color: #e0841e;
}

.euro {
	font-family: sans-serif ;
}

A {
	color: #e0841e;
	text-decoration: underline;
}
A:visited {
}
A:active {
	font-weight: bold;
}
A:hover {
	color: #f49423;
}

LI {
	margin-top:.5em;
	indent : 10 ;
	text-indent : 0 ;
}
LI LI {
	margin-top:.25em;
}	

LH {
	color: #e0841e;
}
DT {
	margin-bottom:.5em;
}

DD {
	margin-bottom:.5em;
}

td {
	padding-right:.5em;
}

table{
	margin: 10px;
	border: 0;
	padding: 10;
}

.topline {
	border-top: #e0841e solid thin
}

.borderedtable {
	border: #e0841e solid 1pt
}


.page {
	width="760"
}
	
.top {
	font-style: italic;
	font-size : 20pt;
	background-color: black;
	color: #f49423;
	height: 1cm;
	padding: 6pt;
	margin: 0;
	valign: top;
}
  
/* Komende classes worden gebruikt in (o.a.!) de gastenboeken en de mededelingenborden */
  
.darkrow {
      background-color: #565d63;
}

.lightrow {
      background-color: #96a0ac;
}
  
.menu a {
      color:black;
      font-weight:bold;
      margin:10px 0px 30px 0px;
}

.menu a:hover {
      background-color:black;
      color:#e2ecf6;
      text-decoration:none;
      padding:2px 15px 3px 15px;
      border:solid 1px black;
}

.allpages {
      
 }
  
 .adminbuttons a {
      padding:1px 10px 1px 10px;
      border:1px outset black;
      color:#e2ecf6;
      background-color:black;
      text-decoration:none;
      font-weight:bold;
}
  
.adminbuttons a:hover {
      border:1px inset black;
      color:black;
      background-color:#e2ecf6;
}

  
  
  /* Komende classes worden in de navigatieframe (links) gebruikt. */

.navigationbody {
	background-color:  black;
	color: #f49423;
	padding: 6pt;
}
  
.navigation {
	font-size : x-small;
	background-color:  black;
	color: #f49423;
	width: 75%;
	padding-top: 3pt;
	line-height: 150%;
}



A.menu {
	color: #f49423;
	text-decoration: none;
}
 
 A.menu:visited {
}
A.menu:active {
	font-weight: bold;
}
A.menu:hover {
	color: black;
	background-color: #f49423;
}


/* Komend-classes worden gebruikt in het programma overzicht; 
   dezelfde classes maar dan zonder 'komend' worden in het programmaoverzicht (geschiedenis) gebruikt
 */

.KomendStuk {
	font-style : italic;
	font-weight : bold;
	padding-left : 10;
	line-height: 140%
}

.KomendStukJaartal {
	font-style : italic;
	font-weight:normal;
	line-height: 140% ;
	font-size : smaller ;
}

.KomendComponist {
	font-weight : bold;
	line-height: 140%
}

.KomendComponistJaartal{
	line-height: 140%;
	font-weight: normal ;
	font-size : smaller ;
}

.StukOpmerking {
	font-style : italic;
	padding-left : 10
}

.Komendconcerten {
	padding-top : 20;
	font-style : italic ;
}
.KomendConcertZaal {
	padding-top : 20;
	line-height : 140%  ;
}
.KomendConcertOpmerking {
	font-style : italic ;
}
.KomendConcertDatum{
	padding-top : 20;
	line-height : 140%  ;
}

.Stuk {
	font-style : italic;
	padding-left : 10
}

.StukJaartal {
	font-style : italic;
}

.Componist {
}

.ComponistJaartal {
}

.concerten {
	padding-top : 20;
	padding-bottom : 7 ;
	font-size : x-small ;
	font-style : italic ;
}
.ConcertZaal {
	font-size : x-small ;
}
.ConcertOpmerking {
	font-size : x-small ;	
	font-style : italic ;
}
.ConcertDatum {
	font-size : x-small ;	
}

.ProgrammaOpmerking {
	font-style : italic;
	padding-left : 10
}


.olv {
	padding-left : 10
}

.mmv {
	width : 60 ;
}

.ism {
	width : 60 ;
}