html, body {
     margin: 0px;
     padding: 0px;
     font-family: verdana, arial;
     font-size: 12px;
}

body {
     text-align: center;
     background-color: #E7E7E7;
     color: #454545;
     padding-top: 10px;s
}

body p {
}

body a {
     color: #D52B2C;
     text-decoration: none;
}

#header {
     width: 894px;
     height: 107px;
     margin: 0px auto;
     background-image: url(bg_header.jpg);
     
     text-align: left;
}

#headertext {
     position: absolute;
     margin: 30px 0px 0px 150px;
     font-family: 'trebuchet ms';
     font-size: 26px;
}


#body {
     width: 894px;
     margin: 0px auto;  
     text-align: left;
}

#menu {
     float: left;
     width: 188px;
     font-weight: bold;   
}

#menu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}


#menu li {
line-height: 135%;
}
#menu div#menu_top,  #menu div#menu_bottom {
     padding: 10px 0px 0px 10px;
}

#menu_top a.menu_item {
     color: #454545;
}

#menu div#menu_top {
     background-color: #fff;
     background-image: url(/style/bg_menu_top.jpg);
     background-repeat: repeat-x; 
}

#menu_bottom {
     background-color: #D52B2C;
     background-image: url(../bg_menu.jpg);
     background-repeat: repeat-x; 
}

#menu_bottom a.menu_item {
     color: #FFF;
}

#undercontent{
}

#content{
     float: right;
     position: relative;
     width:  666px;
     background-color: #FFF;    
     padding: 20px;
     line-height: 1.4em; 
}

div.intro div {
	margin-top: 10px;
}

div.intro div a.leesmeer {	
     color: #454545;
     font-size: 11px;		 	
}
div.intro div a.leesmeer:hover {
     color: #D52B2C;
     text-decoration: underline;
}

p.break {
	border: 1px solid #DADADA; 
       margin: 10px 0px;
}

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

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

h1, h2, h3, h4, h5 {
}
.firstheader { 
}
#content h2, #content h3, #content h1{
   margin-top:0px;
   text-transform:uppercase;  
   color:#D52B2C;
}
.panel{ 
	margin-bottom:3ex;
}
.panel .kop{
   color:#D52B2C;
   line-height: 20px;
   font-size: 14px;
   font-weight: bold;
}
.datum { 
    color:#D52B2C; 
}
.meta { 
   margin-top: 1px;
   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;
}
.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 {
   margin-bottom: 1em;
}
.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;
}
div.icsicon a img {
   border: none;   
}
/*.panel {
    border: 1px solid white;
}
.kop {
    border: 1px solid red;
}*/
.panel {
    clear: both;
}
.panel .illustratie {
    float: right;
    bottom: 1px;
    margin-top: 40px;
    margin-right: -42px;
}
 

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