/******************* begin: main structure ***********************/
body {  /*font-size: medium;*/
        background: #ffffff;
        color: #000000;
        font-family: arial, helvetica, sans-serif; 
}
img { 
    border: 0px none;
    /* Erg elegante hack om alpha channels aan de praat te krijgen in IE.
     * Het maakt helaas van deze stylesheet niet geldige css2.
     */
    behavior: url("/style/pngbehavior.htc");
}
#header{
	position:absolute;
	top:0px; left: 0px; right: 0px;
	width:100%; height:270px;
	text-align:center;
}
#header img{
	/*height:100%;*/
	/*width:auto;*/
	}
#menu{
	position:fixed;
	width: 100%; height: 2.5ex;
	bottom:3px; left:0px; right:0px;
	z-index:10;
	color:#cc0000;
}
#menu a, #menu a:link, #menu a:visited {
	font-size:small;
	color:#cc0000;
	text-decoration:none;
	background:inherit;
}
#menu a:hover{ text-decoration:underline; }
/*
Damn! Doesn't work in *any* IE
#menu a:after{ content: " |"; }
#menu a:before{ content: " "; }
#menu a:first-child:before{ content: "| "; }
*/
#leftmenu, #rightmenu{
	background: #ffffff;
	padding: 2px;
	border: 1px solid #cc0000;
        position:absolute;
	white-space:nowrap;
	}
#rightmenu{ right:1em; top:0px; left:auto; }
#leftmenu{ left:1em; top:0px; right:auto; }
#body{
	position:absolute;
	top:280px; left:.5em; right:.5em;
	width:auto;
}
#footer{
	position:relative;
	margin-top:3em;
	width:100%;
/*	left:-10%;*/

}
#footer  img { border: 0px none; }
#footer #w3c {float: right;}
#footer #contact {float: left;}
/*** moet in andere file **/
#rightcol{
        position:absolute;
	top:0px; left:35%; right:.5em;
	width:auto;
}
#leftcol{
        position:absolute;
        top:0px; left:.5em; right:68%;
        width:auto;
/*        background:grey;*/
/*        border:solid red 2px;*/
}
#midcol{
	position:absolute;
	left:10%;
	width:80%;
}
/******************* end: main structure *************************/

/*****************************************************************/
/* De titel van paneeltjes */
.titel{
        font-size:larger;
        font-weight:bold;
        font-variant:small-caps;
	margin:0px;
}
/* De auteur/datum */
.uid { 
	color: #6c8cb7;
        background:  transparent;
	font-size:x-small; 
	white-space:nowrap;
 }
/* Het bewerk-knopje */
.edit{
	font-size:smaller;
        color:#4e6584;
/*	background:inherit;*/
	float:right;
	height:16px; width:16px;
}
/* Het 'mening?'-knopje */
.nwcomment{
/*	font-size:smaller;
        color:#4e6584;
	font-variant:small-caps;
*/
        background:  transparent;
        text-indent:2em;
	padding-top:1em;
}
/* 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 rechts op de begin pagina en
 * de paneeltjes op de rest van de pagina's 
 */  
.panel{ 
	margin-bottom:3ex;
        background-color:#c7e1f9;/*#93acd8;*/
        padding: .3em 3px .6em;
	border: 2px outset #c7e1f9;
        /*clear:left;*/
}
	   
/* Paneel met commentaar in een paneel */
.panel .commentpanel {         
  background:#d0e4ef;
}
/* Het balkje (kopje) in elk paneel */
.panel .kop{
    background: #4896b4;
    padding:3px 3px;
}
/* De naam/datum in het kopje */
.panel .kop .uid {	  
/*	color:#6c8cb7;*/
	color:#ffece9 ;
        background:  transparent;
	font-size:x-small;
        float:right;
        }
/* De titel in het kopje*/
.panel .kop .titel { 
/*  background:#ef0404;*/
  color:#ffffff;
 }
/* 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;
}
.panel img {
  max-width:100%;
}

/*****************************************************************/
/* Dit zijn de paneeltjes links op de begin pagina 
 */  
.smallpanel{
    margin-bottom:3ex;
    background-color:#4a7287;
    padding: 4px 4px 4px 4px;;
    font-size:smaller;
    font-weight: 500;
    color: #ffffff;
    border: 2px outset #4a7287 ;
}
/* De kopjes van ... */
.smallpanel .kop { 
  background:#b71212;
  color:#ffffff;
  border: 1px outset #b71212; /*#ef0404;*/
  margin-bottom: .3ex;
  padding: 2px;
 }
/* De naam/datum in het kopje */
.smallpanel .kop .uid { 
  color:#ffffff ; 
 }
/* De titel in de kopjes */
.smallpanel .kop .titel { 
  color: #ffffff;
  font-weight:bolder;
  /*font-variant:normal;*/
  /*text-shadow: 0.2em 0.2em;*/
}
/* De rest van de tekst (alles behalve kopje) */
.smallpanel .body { 
  margin-right:.7em; 
}
/* Vakje met commentaar in ... */
.smallpanel .commentpanel { 
  background-color:#4896b4;
    
}
/* De naam/datum in vakje met commentaar in de linker paneeltjes */
.smallpanel .commentpanel .uid { 
  color:#ffece9 ;
}
.smallpanel .body .link img{
    max-width:100%;
    height:auto;
    width:12em;
}
.uitleg{
      padding: 3px;
      font-size:x-small;
}

/* Het bliksem icoontje */
#bliksem {height:1.2ex;width:auto;}

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


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