@font-face {
	font-family: 'Almendra';
		src: url('/style/Lettertypes/AlmendraSC-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

img { 
    border: 0px none;
}
html, body 
{
     margin: 0px;
     padding: 0px;
     font-family: verdana, arial;
     font-size: 14px;
	 color:#565656;
 }
#header{
	position:absolute;
	top:0px; left: 0px; right: 0px;
	width:100%; 
	height:200px;
}
#header {
   background-color:#255F95;
}
#headertext {
   color:#8B8B8B;
   font-size:x-large;
   font-weight: normal;
   position:absolute;
   top: 165px;
   width:100%;
   margin-left:20%; margin-right:20%;
   z-index:5;
}
#headertext #quote {
	font-weight: bold;
	font-size:larger;
	font-family: 'Almendra','Palatino Linotype', 'Book Antiqua', Palatino, serif;
	color:#C5BEB1
	
}
#headergrijs {
   background-color: #255F95;
   background-image:url("/images/basiliekkoor.jpeg");
   background-repeat:no-repeat;
   background-position:top;
   background-size: 100%;

   width:100%;
   height:75%;
   position:absolute;
   top:0px;
   z-index:3;
}
#menu{ 
   position:absolute;
   z-index:10;
   top: 200px; left:0%; right:75%; 
   /*width: 25%; -3em*/
   min-width:100px;
   color:#21558A;
   text-align:right;
   background-color:#B4B5AF;
   padding: 40px  1.5em 0px 1.5em;
   line-height: 150%;
/*   white-space:normal;*/
}
#menu a, #menu a:link, #menu a:visited {
   text-decoration:none;
   background:inherit;
   color: #21558A;
}
#menu a:hover { text-decoration:underline;  }
.menu_item{clear:right;}
#menu a.current_item {color:#8E0000;}

#menu ul {
list-style-type: none; display:inline
}
#menu1, #menu2, #menu3, #menu4 {
padding: 0px 0px 1em 0px
}
#menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul {
padding: 0px 0px 0px 0px
}

/*#undermenu{
   position:absolute;
   z-index:5;
   top: 100px; left:0em; right:75%;
   width: 25%;
   min-width:100px
}*/
#content{
   position:absolute;
   top:200px; left:25%; right:0px; 
   min-height:100%;
   /*height:100%;*/
   /*bottom:0px;*/
   z-index:10;
   background-color:#ffffff;
   /*   
   background-image:url("/images/arma_christi-fade.jpg");
   background-repeat:no-repeat;
   background-position:top right;
   background-attachment: fixed;
   */
   padding: 50px 30% 2% 1.5em;
   margin-right:0%;
   clear:both;
}
#content #tekst {
	width:60%;
	padding-right:70%;
	padding-left: 2%;
}
#content img{
	width:100%;
}
#content img.margerechts{
 width: 60% ; 
       float: right;
    position: relative;
    bottom: 1px;
	left: 10px;
    margin-right: -65%;}


/* Erg lelijke hack die om het gebrek aan min-height ondersteuning
   in IE en KHTML heenwerkt.*/
#undercontent{
   position:absolute;
   top:200px; left:25%; right:0px; /*bottom:0px;*/
   height:100%;
   z-index:5;
   background-color:#ffffff;
   /*background-image:url("/images/arma_christi-fade.png");
   background-repeat:no-repeat;
   background-position:top right;
   background-attachment: fixed;
   */
}
#content {
}
/* body, as a fallback for html browsers */
body, html {
    font-family: verdana, sans-serif;
    color: #000000;
    font-size:small;
    background-color:#B4B5AF;
    margin:0px; 
}

/******************************************************/

a { color: #000000; }

}
button {
   font-size:smaller;
}
audio
{
    width:200px;
    margin:1em 0px 1em;
}
h1, h2, h3, h4, h5 {
}
.firstheader { 
}
#content h2, #content h3, #content h1{
   margin-top:0px;
   text-transform:uppercase;  
   color:#255F95;

}

#evenementen .panel{ 
	margin-bottom:3ex;
        /*background-color:#c7e1f9;*/
	border-left: 7px solid #ccc6ba;
	padding-left: 5%;
}
.panel .kop{
   color:#8E0000;
}

#nieuws .panel .kop{
	font-size:x-large;
}
.datum { color:#8E0000; 
     }

  
}
.sum {
   margin-top:1em;
}
.publ_datum {
   font-size:smaller;
}
.leesmeer{
   font-size:smaller;
   color:#8E0000;
   white-space:nowrap;
}
.bron {
    font-size:x-small;
}
/* De kopjes van formuliertjes */
th.form{
   vertical-align:top;
   text-align:left;
   font-size:smaller;
}
.submit-block {
    text-align:right;
}
.break { margin-top:6ex; }

.componist{
   font-weight:bold;
}
.text, .werken { margin: 1em 0em;}
.werkpanel {margin-top:0.5em;}
.mutatie {font-size:smaller;}
.uitv {
   width: 150px;
   float: left;
}
.foto, .afbeelding {
   margin-bottom: 1em;
}
.foto img{
    width: 300px;
}
.text img{
    width: 400px;
}
.ring_nav {
   font-size:smaller;
   color:#8E0000;
   /*font-weight:bold;*/
}
a.ring_nav2 {
   color:#8E0000;
   /*font-weight:bold;*/
}

.toelichting {
   color: gray;
   font-size: smaller;
}
div.icsicon {
   float:right;
   position:relative;
   top:3px;
   margin-right: 3em
}
/*.panel .decor {
    clear: both;
}*/
.panel .illustratie {
    float: right;
    position: relative;
    bottom: 1px;
    margin-top: -1em;
    margin-right: -12em;
    margin-left: 3em
}
.panel .illustratie img {
    bottom: 0px;
}
iframe {
	height:600px;
	width: 100%;
}
/*****************************************************************/
/*****************************************************************/
/*
A:focus { outline-color: invert;
	 outline-style: solid;
	 outline-width:2px; 
	} 
*/	


/* Algemene, nuttige classes */

.nowrap {white-space:nowrap;}
a.trans{ color:inherit;
         text-decoration:inherit;
         background:inherit;
         font-weight:inherit;
         font-size:inherit;
         font-family: inherit;
}
/*a.trans:hover{font-size:larger;}*/
a.uline{ color:inherit;
         text-decoration:underline;
         background:inherit;
         font-weight:inherit;
         font-size:inherit;
         font-family: inherit; 
}
a.uline:hover { text-decoration:none;}
/* Een onclick-attr maakt */
div.link:hover {
    cursor:pointer;
}


div.data div.weekdag, div.panel div.mutatie, div.panel div.illustratie, div.serie, div.kop div.icsicon, a.toelichting, span.label
{
display:none
}


.locatie span.meta {
 color:#8E0000;
}
 div.kop div.{
  
 
 }

 .kruimelpad
 {
    display: none;
 }
.illustratie .fullsize
{
   display:none;
}

 div.canvas-panel{
	 display:block;
	line-height:10em;
 }
 div.canvas {
	 display:block;
 }
div.panel div.data {display:inline;}	

div.data div.tijd, div.data div.locatie {
 display:inline;
 font-weight: normal
}
div.panel div.text{
	font-style:italic;
	display: block 
}
#nieuws div.panel div.text{
	font-style:normal;
}

/*
div.panel div.text br {display:none}
*/

div.uitvoerenden {font-weight: normal;
	display:inline;
}
div.data div.uitvoerenden span.meta{
	display:none;
}
/*#footer{
	background-color:blue;
	height:100px;
	padding:10px;
	border-top:1px solid #ABABAB;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background-image:url("/images/apostelbalkfooter.png");
	z-index:12;
}