/******************* begin: main structure ***********************/
body {  
        background: #ffffff;
        color: #000000;
        font-family: arial, helvetica, sans-serif; 
}
img { 
    border: 0px none;
}
#menu{
	color:#000000;
	font-weight:bold;
	font-size:smaller;
}
#menu a, #menu a:link, #menu a:visited {
	color:#000000;
	text-decoration:none;
	background:inherit;
}
#menu a:hover { text-decoration:underline; }
#leftmenu, #rightmenu{
	background: #ffffff;
	border: solid 2px #5a5194;
}
#pasfoto-s {
}
#header div {
	left: 3%;
	right: 3%;
	position: relative;
	width:94%;
   background: #ffffff;
	color:white; 
}
/* We want first element from content aligned with the pictures */
#content > *:first-child { margin-top: 0px; }
/******************* end: main structure *************************/

/*****************************************************************/
span.rubriek{display:none;}
/* De titel van paneeltjes */
.titel{
   font-size:larger;
/*   font-weight:bold;*/
/*   font-variant:small-caps;*/
   margin:0px;
}
/* De auteur/datum */
.uid {
   color:#000000;
   background:  transparent;
   font-size:x-small;  
  }
/* Het bewerk-knopje */
.edit{
	font-size:smaller;
        /*font-style:italic;*/
        color:#000000;
        background:  transparent;
        text-align:right;
	float:right;
	height:14px;width:14px;
}
/* Het 'mening?'-knopje */
.nwcomment{
/*	font-size:smaller;
        color:#000000;
	font-variant:small-caps;
*/
        background:  transparent;
        text-indent:2em;
	padding-top:1em;
}
/*
.commentpanel .nwcomment a img {
   width:60px
   height:27px;
}*/
/* De commentaar vakjes */
.commentpanel{
	margin: .5ex .2em 0ex; 
	padding: 0px .25ex;
	border: 1px solid white;
}
/* De tekst in de commentaar vakjes */
.commenttext{
	/*font-family:serif;*/
}
/* De linkjes met 'plaats nieuw bericht', etc */
.nieuw{
	font-variant:small-caps;
	font-weight:bold;
}
/* De kopjes van formuliertjes */
th.form{
	vertical-align:top;
}


/*****************************************************************/
/* Dit zijn de paneeltjes midden op de begin pagina en
 * de paneeltjes op de rest van de pagina's 
 */  
.panel{ 
/*	margin-bottom:3ex;*/
   	background:#FFFFFF;
 	padding: .3em .6em .6em;
  	border: 1px solid #b5b5b5;
	margin-bottom: 2em;
   	width:auto;
}
/* Paneel met commentaar in een paneel */
.panel .commentpanel {         
  background: #f1f1f1;
  border: 1px solid #000000;
  font-size: smaller;
  padding: .2em .4em .3em .4em;
}
.panel .commentpanel .uid {
/*	float:right;*/
	  color:#000000;
}
.panel .artikel .text {
   padding: .5em 0em;
}
/* Het balkje (kopje) in elk paneel */
.panel .kop{
    background: #FFFFFF;
    vertical-align:middle;
/*    padding:3px 3px;*/
}
/* De naam/datum in het kopje */
.panel .kop .uid {	  
	color:#000000;
	float: right;
	position:relative;
	top:5px;
}
/* De titel in het kopje*/
.panel .kop .titel { 
/*  background:#ef0404;*/
  color:#000000;
 }
/* De rubriek voor de titel in het kopje */
.panel .kop .rubriek{
  color:#000000;  
}
/* Het 'bewerk'-knopje in de kop */
.panel .kop .edit { 
  padding-left:4px;
}
.odd {
/*    float:left;*/
}
.even {
/*    float:right;*/
}
.panel .artikel img {
    max-width: 100%;
    height: auto;
}
/*****************************************************************/
/* Dit zijn de paneeltjes rechts op de begin pagina 
 */  
.smallpanel{
   margin-bottom:3ex;
   background: #f1f1f1;
   padding: 4px 4px 4px 4px;
   font-size:smaller;
   font-weight: 500;
   color:#000000;
   border: 1px solid #7f7f7f;
   left:.2em; right:.2em; width:auto;
}
/* Het uitleg paneeltje */
.uitleg {
   background: #d6d6d6;
   font-size:x-small;
}
.smallpanel a, .smallpanel a:link, .smallpanel a:visited {
	color:#000000; /*#ACE6E6;*/
}
/* De kopjes van ... */
.smallpanel .kop { 
  background: #d6d6d6; /*#b71212;*/
  color:#000000;
  border: 1px outset #cf8226;
  margin-bottom: .3ex;
  padding: 2px;
 }
/* De naam/datum in het kopje */
.smallpanel .kop .uid { 
  color:#000000; 
  font-size:xx-small;
  float:right;
 }
/* De titel in de kopjes */
.smallpanel .kop .titel { 
  font-weight:bolder;
  /*font-variant:normal;*/
  /*text-shadow: 0.2em 0.2em;*/
}
.smallpanel .kop .rubriek{
  color:#000000;  
}
/* De rest van de tekst (alles behalve kopje) */
.smallpanel .body { 
}
/* Vakje met commentaar in ... */
.smallpanel .commentpanel { 
  background: #FFFFFF;/*#8989D9;*/
    
}
/* De naam/datum in vakje met commentaar in de linker paneeltjes */
.smallpanel .commentpanel .uid { 
  color:#000000;
}
.smallpanel img {
    max-width: 100%;
    height: auto;
}
/*****************************************************************/
/*
A:focus { outline-color: invert;
	 outline-style: solid;
	 outline-width:2px; 
	} 
*/	


/* Algemene, nuttige classes */

.nowrap {white-space:nowrap;}
a.trans, .camouflage { 
	 color:inherit;
         text-decoration:inherit;
         background-color:transparent;
         font-weight:inherit;
         font-size:inherit;
         font-family: inherit;
}
.camouflage {
   background-color:transparent;
   border: 0px none white;
}
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;
   /* border:solid black 1px;*/
}
/*div.link{
    border:solid #00e119 1px;
}*/


.tmprb{
	font-size:50%;
	color:gray;
}

a:hover, a:link, a:visited, a {
   text-decoration: none;
   color: #768aa5; /*#a1a1a1;*/
}
   
a:hoover {
   text-decoration: none;
}