/******************* begin: main structure ***********************/
body {  
        background: #ffffff; 
        color: #000000;
        font-family: arial, helvetica, sans-serif; 
}
img { 
    border: 0px none;
}
#menu{
	color:#ffffff;
	/*font-weight:bold;*/
	font-size:smaller;
}
#menu a, #menu a:link, #menu a:visited {
	 /*	color:#5a5194;*/
      color:#ffffff;
      text-decoration:none;
      background:inherit;
}
#menu a:hover { text-decoration:underline; }
#leftmenu, #rightmenu{
	background: #0066B2 ; 
	border: solid 2px #ffffff;
	padding: 3px;
}
#pasfoto-s img {
   max-width: 67px; /*100%;*/
}
/* Why isn't this in structure.css? */
#header div {
   left: 3%;
   right: 3%;
   position: relative;
   width:94%;
   background: #0066B2;
   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 auteur/datum */
.uid {
   color: #6c8cb7;
   background:  transparent;
   font-size:x-small;  
  }
/* Het bewerk-knopje */
.edit{
        color:#4e6584;
        background:  transparent;
        text-align:right;
	float:right;
	height:16px;width:16px;
}
/* Het 'mening?'-knopje */
.nwcomment{
        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 linkjes met 'plaats nieuw bericht', etc */
.nieuw{
	font-variant:small-caps;
	font-weight:bold;
}
/* De kopjes van formuliertjes */
th.form{
	vertical-align:top;
}
th.filter{
   text-align:left;
}
/*****************************************************************/
/* Dit zijn de paneeltjes rechts op de begin pagina en
 * de paneeltjes op de rest van de pagina's 
 */  
.panel{ 
   margin-bottom:3ex;
/*   background-color:#DFC3A7;*/
   /*padding: .3em 3px .6em;*/
   border: 1px solid #0066B2;
   width:auto;
}
.panel .artikel {
   padding: .2em .3em;
   color: #754105;
}
.panel .text {
   padding: .3em;
}
/* Paneel met commentaar in een paneel */
.panel .commentpanel {         
  background:#e3ebf2;
  border: 1px solid #0066B2;
}
.panel .commentpanel .text {
   font-size:smaller;
}
.panel .commentpanel .uid {
  color: #999999; /*#ffece9 ;*/
}
/* Het balkje (kopje) in elk paneel */
.panel .kop{
    background: #0066B2;
    padding:3px 3px;
}
/* De naam/datum in het kopje */
.panel .kop .uid {	  
   color:#ffece9 ;
   font-size:x-small;  
   float: right;
}
/* De titel in het kopje*/
.panel .kop .titel { 
/*  background:#ef0404;*/
  color:#ffffff;
  font-size:larger;
  font-weight:bold;
  /* font-variant:small-caps;*/
  margin:0px;
}

/* De rubriek voor de titel in het kopje */
.panel .kop .rubriek{
  color:#ffece9 ;  
}
/* 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 links op de begin pagina 
 */  
.smallpanel{
   margin-bottom:3ex;
   /*background-color:#0066B2;*/
   /*color: #ffffff;*/
   color: #754105;
   border: 1px solid #cf8226;
   font-size:smaller;
   font-weight: 500;
}
/* Het uitleg smallpaneeltje */
.uitleg {
   font-size:x-small;
   padding: 4px;
   background:#cf8226; 
   color: #ffffff;
}

.smallpanel a, .smallpanel a:link, .smallpanel a:visited {
	color: #c8aa67; /*#FFECBF; /*#ACE6E6;*/
}
/* De kopjes van ... */
.smallpanel .kop { 
  background:#cf8226; /*#b71212;*/
  color:#5a5194;
  /*border: 1px outset #cf8226;*/
  margin-bottom: .3ex;
  padding: 4px;
 }
/* De naam/datum in het kopje */
.smallpanel .kop .uid { 
  color:#ffffff;  
  font-size:xx-small;
  float:right;
 }
/* De titel in de kopjes */
.smallpanel .kop .titel { 
  font-weight:bolder;
  font-size:larger;
  margin:0px;
  /*font-variant:normal;*/
  /*text-shadow: 0.2em 0.2em;*/
}
.smallpanel .kop .rubriek{
  color:#ffece9 ;  
}
/* De rest van de tekst (alles behalve kopje) */
.smallpanel .body { 
   padding: .4em;
}
.smallpanel .text{
   padding: .4em 0px;
}
/* Vakje met commentaar in ... */
.smallpanel .commentpanel { 
  background-color:#f6e7d6; /*#aa5d00;/*#8989D9;*/
    
}
/* De naam/datum in vakje met commentaar in de linker paneeltjes */
.smallpanel .commentpanel .uid { 
  color:#857767; 

}

.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;
}

@media screen and (max-width: 800px) { 
   #menu { top: 5px;}
   #rightmenu, #leftmenu {
	   position: relative; 
	   left:auto;
	   right:auto;
	   display: inline;
	   border-width: 0px;
   }
   #header div { visibility: hidden; }
 }

@media screen and (max-width: 600px) { 
   #leftcol { visibility: none;}
   #rightcol { visibility: hidden;}

}