img { 
    border: 0px none;
}
#header{
	position:absolute;
	top:0px; left: 0px; right: 0px;
	width:100%; 
	height:100px;
}
#header {
   background-color:#ac0900;
}
#headertext {
   color:#ffffff;
   font-size:x-large;
   font-weight:bold;
   position:absolute;
   bottom:-.9ex;
   left:25%;
   z-index:2;
}
#headergrijs {
   background-color: #ccc6ba;
   background-image:url("/images/bannerschnitger.jpg");
   background-repeat:no-repeat;
   background-position:top;

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

#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:100px; left:25%; right:0px; 
   min-height:100%;
   /*height:100%;*/
   /*bottom:0px;*/
   z-index:10;
   background-color:#ffffff;
   background-image:url("/images/faderechts.jpg");
   background-repeat:no-repeat;
   background-position:top right;
   background-attachment: fixed;
   padding: 130px 30% 0em 1.5em;
  
}
/* Erg lelijke hack die om het gebrek aan min-height ondersteuning
   in IE en KHTML heenwerkt.*/
#undercontent{
   position:absolute;
   top:100px; left:25%; right:0px; /*bottom:0px;*/
   height:100%;
   z-index:5;
   background-color:#ffffff;
   background-image:url("/images/faderechts.jpg");
   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:#ccc6ba;
    margin:0px; 
}

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

a { color: #000000; }
button {
   font-size:smaller;
}

h1, h2, h3, h4, h5 {
}
.firstheader { 
}
#content h2, #content h3, #content h1{
   margin-top:0px;
   text-transform:uppercase;  
   color:#ac0900;

}
.panel{ 
	margin-bottom:3ex;
        /*background-color:#c7e1f9;*/
	border-left: 7px solid #ccc6ba;
	padding-left: 1em;
}
.panel .kop{
   color:#ac0900;
   font-weight:bold;
/*   font-size:larger;*/
}
.datum { color:#ac0900; 
     }
.meta {
/*   color:#ac0900;*/
   font-weight:bold;
  
}
.sum {
   margin-top:1em;
}
.publ_datum {
   font-size:smaller;
}
.leesmeer{
   font-size:smaller;
   color:#ac0900;
   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;
}
.ring_nav {
   font-size:smaller;
   color:#ac0900;
   /*font-weight:bold;*/
}
a.ring_nav2 {
   color:#ac0900;
   /*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
}
.panel .illustratie img {
    bottom: 0px;
}

/*****************************************************************/
/*****************************************************************/
/*
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;
}