@font-face {
	font-family: 'Genericons';
		src: url('/style/Lettertypes/Genericons.woff') format('woff'),
		url('/style/Lettertypes/Genericons.ttf') format('truetype'),
		url('/style/Lettertypes/Genericons.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body 
{
     margin: 0px;
     padding: 0px;
     font-family: verdana, arial;
     font-size: 14px;
	 color:#565656;
 }

body 
{
	z-index: 1;
	background-color: #d1cbc2; background-image: url("/style/achtergrondgewelf-e1411544608216.jpg"); background-position: center top; background-size: auto; background-repeat: repeat; background-attachment: scroll;
}

body a 
{
	color: #890000;
}
body a:hover{
	color: orange;
}
.kruimelpad {
   display:none;
}
.illustratie .fullsize
{
   display:none;
}
#header, #content
{
	text-align: left;
}	

#header
{
	background-color: #890000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.5)));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.3) 10%, rgba(0, 0, 0, 0.5) 95%);
	border-bottom: 5px solid #000;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 7px;			
				
							z-index:10;
}
#header #totalheadertext {
	margin: 10px auto;
	border-radius: 7px;
				position: relative;
	background: url(/style/cropped-header1.jpg) no-repeat;
				width: 980px;
				height: 155px;
	
}
#header #headertext 
{
	
	padding-left: 40px;
	padding-top: 40px;
	color: #283F5A;
	font-size: 32px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}	
#header #subheadertext
{
	padding-left: 40px;
	color: #283F5A;
	font-size: 28px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-style: italic;	
}
#menu 
{
	text-align: center;
	background: #890000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.5)));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.3) 10%, rgba(0, 0, 0, 0.5) 95%);
	border-bottom: 5px solid #000;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
	margin-bottom: 40px;
	width: 100%;
	position: relative;
	letter-spacing:0.5px;
}

#menu div ul {
	display:inline-block;
	list-style: none;
	margin: 0;
}
* html #menu ul { /* Target IE6 */
display:inline;
}
*+html #menu ul { /* Target IE7 */
display:inline;
}
#menu li {
	display:inline;
	margin: 0;
}

#menu1,#menu2,#menu3
{
        display:inline;
}

#menu ul li
{
	display: inline;
}	

#menu ul li a 
{
	border-left: 1px solid rgba(0, 0, 0, 0.9);
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
	color: #fff;
	line-height:40px;
	font-size: 16px;
	padding: 10px 22px 10px 20px;
	text-decoration: none;
}
#menu1 ul li a.volgnummer4, #menu2 ul li a.first_item, #menu3 ul li a.volgnummer104
{
	border-right: 1px solid black;
}
#menu ul li a.current_item 
{
	font-weight: bold;
}	
#menu li:hover > a
{
	background: #000;
	color: #eee;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
}
#undercontent 
{
	
}	

#supercontent 
{
	float: center;
	width: 980px;
	margin: 10px auto;
	box-sizing: border-box;
	background-color: white;
	padding: 7px;
	border-radius: 7px;
	height:900px;
    clear:both;
}

#supercontent h2 
{
	color: #890000;
    
    border: 1px solid lightgray; 
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
	margin: 12px 0px 2px 0px;
    border-radius: 7px;
	letter-spacing:0.5px;
	font-size: 16px;
}
#supercontent h3 
{
	color: #890000;
    
    border: 1px solid lightgray; 
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
	margin: 12px 0px 2px 0px;
    border-radius: 7px;
	letter-spacing:0.5px;
	font-size: 14px;
}

div.werken div.kop,
div.text div.kop 
{
	color: #990066;
	margin: 12px 0px 12px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
}
#content .intro, #content .canvas_panel, #footer p, #content p
{
	
    border: 1px solid lightgray; 
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
	margin: 0px 0px 1px 0px;
    border-radius: 7px;
	
}
#content .intro p{
	padding:0px;
	border:0px;
	padding-top:20px;
}

#content{
	width: 63%;
	    margin-left: 3%;
	    margin-right: 3%;
	    position:relative;
		float:left;
		background-color: white;
}
#footer{
	width: 25%;
	    margin-left: 3%;
	    margin-right: 3%;
	    position:relative;
	float:right;
	background-color: white;
	color:#565656;
}
#footer a.facebook:before
{
	content: '\f203' ;
	font: normal 20px/1 'Genericons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  letter-spacing: 5px; 
      vertical-align:middle;
   color:#47657a;text-shadow: #47657a 0.1em 0.1em 0.2em;
   line-height: 4px;
   
}
#footer a.google:before
{
	content: '\f206' ;
	font: normal 20px/1 'Genericons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  letter-spacing: 5px; 
      vertical-align:middle;
   color:#47657a;text-shadow: #47657a 0.1em 0.1em 0.2em;
   line-height: 4px;
   
}
#footer a.twitter:before
{
	content: '\f202' ;
	font: normal 20px/1 'Genericons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  letter-spacing: 5px; 
      vertical-align:middle;
   color:lightblue;text-shadow: #47657a 0.1em 0.1em 0.2em;
   line-height: 4px;}

#footer a{
	color: #890000;



 zoom:1;
  text-decoration: none;   
}
#footer a:hover{
	color: orange;
}

.clearfix{
	clear:both;
}
#footer p, #footer h2, #footer h3{
	text-align: right;
	
}
#footer p {
	font-size:smaller;
}
div.kop div.icsicon img
{
height:22px;
border:none;
float:left;
margin-left:-34px;

}

div.panel div.illustratie, 
div.panel div.serie,
div.panel div.liturg,
div.panel div.tijd span.label,
div.uitv img,
div.uitv br
{
display:none
}
 div.uitv
{
display: inline;
border-left: 1px solid black;
padding: 0px 5px;


}
.locatie span.meta, 
div.kop div.datum, 
div.panel div.tijd,
.leesmeer
{
	color: #990000;
}

div.panel div.text p a, div.panel div.mutatie
{
font-style:normal;
font-size: smaller;
}

div.panel div.titel, 
div.panel div.werkpanel div.componist
{
font-weight:bold
}

div.panel div.tijd, div.panel div.weekdag
{
display:inline; 
}

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

div.panel div.text p {
display:inline}

.locatie span.meta {
 color:#990000;
}
 div.kop div{
   display: inline; 
 
 }
 

div.panel div.data {display:block}

div.data div.tijd, div.data div.locatie, div.data div.uitvoerenden {
 display:inline;
 font-weight: normal
}

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


	
}
iframe {
	height:600px;
	width: 100%;
}