body {
margin: 0;
padding: 0;
background-image: url(pics/OmManiPadmeHum-klein1.jpg);   
background-repeat: no-repeat; 
background-position: top center; 
}

#wrapper {
width: 100%;
float: left;
margin-right: -230px;                                    /* De breedte van de rechter col van de website.*/
margin-top: 5px; /*66px; */
}

#header{
height: 117px;              /*115px;*/
padding: 0; 
font-family: georgia, geneva, sans-serif;
font-size: 1em;
color: #990000;
}

#rechts{                       /* Rechter Khorlo wiel */
position: absolute;
top: 0px;
right: 1px;
width: 115px;
height: 115px;
padding: 0;
margin: 0;
}

#intro p{
      margin: 0 0 8px 8px;
}


                                           /*//// Dit is het begin voor de css voor de middencols. /////*/

#left{                                      /* De linker col in het midden.*/
      float: left;
      width: 49%;
      margin: 0 0;
      padding: 0 0;
     }
     
#right{                                    /* De rechter col in het midden.*/
       float: right;
       width: 49%;
       margin: 0 0;
       padding: 0 0;
       }

.le{  
      background-color: #FFF;        /*fdd;*/  
      float: left;
      margin: 2px 0px 2px 2px;
      padding: 0 2px 0 4px;
      border-top: 1px solid #DADADA; width: 100%; 
      border-right: 1px solid #DADADA;
      border-bottom: 1px solid #DADADA; width: 100%;     
      border-left: 1px solid #DADADA; 
      }

.ri{   
       background-color: #FFF;       /*fdd;*/   
       float: left;    /*  right; */
       margin: 2px 0 2px -5px;
       padding: 0 0 0 5px;
       border-top: 1px solid #DADADA; width: 100%;  
       border-right: 1px solid #DADADA;
       border-bottom: 1px solid #DADADA; width: 100%;     
       border-left: 1px solid #DADADA;
       }

.les{  
      background-color: #9781EF;  
      float: left;
      margin: 2px 0px 2px 3px;
      padding: 0 0 0 4px;
      border-top: 1px solid #DADADA; width: 100%; 
      border-right: 1px solid #DADADA;
      border-bottom: 1px solid #DADADA; width: 100%;     
      border-left: 1px solid #DADADA; 
      }

.ris{   
       background-color: #9781EF;   
       float: left;    /*  right; */
       margin: 2px 0 2px -5px;
       padding: 0 0 0 5px;
       border-top: 1px solid #DADADA; width: 100%;  
       border-right: 1px solid #DADADA;
       border-bottom: 1px solid #DADADA; width: 100%;     
       border-left: 1px solid #DADADA;
       }
   
                          /*Credits: Dynamic Drive CSS Library */
                                                             
.thumbnail{
position: relative;
z-index: 0;
outline-style:none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
outline-style:none;
}

.thumbnail span{ 
position: absolute;
z-index: 51;
background-color: #FFFFD5;  
padding: 5px;
left: -1000px;
border: 1px dotted #990000; 
visibility: hidden;
color: black;
text-decoration: none;
outline-style:none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
outline-style:none;
}

.thumbnail:hover span{ 
visibility: visible;
top: 12px; /* 0; */
left: -2px; /* 60px; */ 
outline-style:none;
}

.zwart{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
}

.rood{
font-family: geneva,georgia,helvetica,sans-serif;
font-size: 1em; color:   #007D00; /*groen*/      /* #FF0000; */
}

.groen{
font-family: geneva,georgia,helvetica,sans-serif;
font-size: 1em; color: #FF0000; 
}

.pas{
font-family: geneva,georgia,helvetica,sans-serif;
font-size: 0.7em; color:#FF0000;
}

.logo{
font-family: geneva, georgia, sans-serif;
font-size: 0.8em; color: #808080;
}

.blauw{
font-family: geneva,georgia,helvetica,sans-serif;
font-size: 0.9em; color:#0404FF;
}

.bestel{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.8em;
color: #990000;
}
                                      /*///// Dit is het einde voor de css voor de shop.///// */



#cloud {                                                /*Begin cloud*/
    /*width: 874px;
    height: 94px;*/
    margin: 7px 7px;
    padding: 24px;
    line-height: 1.9em;
    border: 1px solid #DADADA; 
   /* background-color: #EBEBEB; /* #E6EDE0; */
}

#cload a:hover {
    background-color: #9b0000;
    color: #990000;
}

 .s{
    font-family: georgia, geneva, helvetica, sans-serif;
    font-size: 0.7em; color: #747474;
 }

.m{
    font-family: georgia, geneva, helvetica, sans-serif;
    font-size: 1em; color: #909090;
}

.l{
     font-family: georgia, geneva, helvetica, sans-serif;
     font-size: 1.2em; color: #A4A4A4;
}

.xl{
     font-family: georgia, geneva, helvetica, sans-serif;
     font-size: 1.5em; color: #909090;
}

.xxl{
     font-family: georgia, geneva, helvetica, sans-serif;
     font-size: 1.8em; color: #A4A4A4;
}                                                           /*Einde cloud*/
                                      
.tranen{
font-family: helvetica, geneva, sans-serif;
font-size: 0.9em;
color: #ff0000;
}                                      
                                      
.header{
margin: 0 4em 0 10em;
}

.floatheaderl{
float: left;
margin: -4px 0 0 0;
border: 1px solid; color: #fff;
}

.floatheaderr{
float: right;
margin: -4px 1px 0 0;
border: 1px solid; color: #fff;
}

.float{              
float: left;
margin: 4px 0.8em 4px 4px;
border: 1px solid; color: #990000;
}

.floatb{
float: left;
margin: 4px 0.8em 4px 4px;
border: 1px solid; color: #0033FF;
}

.floatnb{
float: left;
margin: 4px 0.8em 4px 4px;
border: 0px solid;
}

.floatr{
float: right;
margin: 2px 2px 4px 4px;
border: 1px solid; color: #990000;
}

.floatkarma{
float:right;
margin: 2px 4px;
border: 4px solid; color: #000;
}

.floatrinchen{
float: right;
margin: 2px 4px 4px 4px;
border: 4px solid; color: #000;
}

.floatanneke{
float: left;
margin: 2px 4px 4px 4px;
border: 4px solid; color: #000;
}

.floatrnb{
float: right;
margin: 2px 2px 4px 4px;
border: 1px solid; color: #ffffff;
}

.nb{
border: 1px solid; color: #ffffff;
}

.clear{
clear: both;
margin: 0em 0.1em;
}

.clearwit{                            /*hr wit maken met clear functie */
clear: both;
border: 1px solid; color: #fff;
margin: -4px 0px 0px 0px;
}

.rand{
margin: 4px 4px 4px 4px;
border: 1px solid; color:#990000;
}

.border{
border-bottom: 1px solid; color: #990000;
}

.noborder{
border: 0px solid; color: #fff;
}

.top{
border: 0px solid; color: #fff;
margin: 2px 0;
}

.count{
margin: -20px 2px 0px 7px;
}

.belg{
font-family: geneva, helvetica, sans-serif;
font-size: 1em; 
color: #990000;
}

#sponsor{
width: 456px;
height: 100%;
}

.bordersponsor{
margin: 2px 2px;
border-top: 4px solid; color: #A65E73;
border-right: 40px solid; color: #A65E73;
border-bottom: 4px solid; color: #A65E73;
border-left: 4px solid; color: #A65E73;
}

.bordersponsor1{
margin: 2px 2px;
border-top: 4px solid; color: #A65E73;
border-right: 187px solid; color: #A65E73;
border-bottom: 4px solid; color: #A65E73;
border-left: 4px solid; color: #A65E73;
}

hr{
border: 1px dotted;  /*1px solid;*//*werkt ook in IE6&7*/
color: #990000;
margin: 0em;
}

/* tekst opmaak */
h1, h2, h3, h4, h5, h6 {
font-family: georgia, geneva, helvetica, sans-serif;
color: #990000;
}

h1{
font-size: 1.4em;
}

h2{
font-size: 1.4em;
margin: 0.2em 0 0 0;                /*0.4em 8em 0em 8em;*/
}

h5{
margin: 7px 0 1px 0;
}

h6{
  font-family: georgia, geneva, helvetica, sans-serif;
  font-size: 1.1em;  color: #990000;
  margin: 4px 0 4px 0;
  padding: 0;
}

.pers{
font-size: 1.3em;
margin: 4px 0;
}

p{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.8em;
color: #000;
margin: 0 0 2px 0;
line-height: 1.3em;
}

acronym,.verklaring {                   /*geen abbr, wordt niet gezien door ie*/
border-bottom: 1px dotted #990000;      /*span met class (verklaring) ipv abbr voor IE*/
margin: 0 2px 0 2px;
cursor: help;
}

.verantwoording{
font-family: geneva, georgia, helvetica, sans-serif;
font-size: 0.6em;
color: #3300CC;
}

.prijs{
color: #B00000;
}

#side1 p{                           /* om de tekst te plaatsen*/
margin: 4px 2px 4px 4px;  
}

.groter{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 1em;
color: #000;
}

.kleiner{
font-family: helvetica, sans-serif;
font-size: 0.7em; color: #808080;
}

.klein{
font-family: geneva, georgia;
font-size: 0.7em; color: #990000;
}

#naam p{
font-family: geneva, sans-serif;
font-size: 1em; color: #990000;
}

.losar{
font-family: geneva, georgia, sans-serif;
font-size: 1.1em; color:#990000;
}

.donatie{
font-family: georgia, geneva, sans-serif;
font-size: 1em; color: #990000;
}

.indent{
margin: 1em 3em 0 3em;
}

.indent2{
margin: 0.5em 0 0.5em 2.5em;
}

.wolk{
margin: -25px 0 -7px 0;
}

.krant{
margin: 7px 0 7px 0;
}

a:link, a:visited, a:active{ 
text-decoration: none;
outline-style:none;
color: #3300CC;  
/*background-color: transparant; */
}

a:hover{                        /* voor de linker col */
text-decoration: underline;
}

.adbox{
background-color:  #fff;     /* FDD; */
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.9em;
color: #000; 
border-top: 1px solid #DADADA; 
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;     
border-left: 1px solid #DADADA; 
margin: 4px 0;
padding: 2px 2px;
}

/*
.adbox{
background-color: #ffffff; /*#E5E5E5;*//*
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.7em;
color: #000; 
border-top: 1px solid #DADADA; 
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;     
border-left: 1px solid #DADADA;                                                 
margin: 4px 0;
padding: 4px 4px 4px 4px;      
}                            */

.mp3{
margin: /*84px*/ 4px 0 0 14px;         /*aangepast voor candle for tibet*/
}

.media{                                          /* media blz */
font-family: georgia, geneva, sans-serif;
font-size: 0.9em;
color: #000;
border-bottom: 1px dotted #808080;
/*border-left: 1px dotted #808080;*/
/*padding: 0px 0px 0px 4px;*/
}

.media2{
margin: 1px 4px 0px 0px;
}

.h{
margin: 7px 0px 1px 0px;
}

.bold{
font-weight: bold;
}

.highlite{
font-weight: bold;
background-color: #9999CC;
color: #990000;
}

td{
font-family: georgia, geneva, sans-serif;
font-size: 0.9em;
color: #990000;
}

#links{
   width: 100%;
   height: 100%;
   text-align: left;
   margin: 0 0 0 0;  /* 0 0 0 -35px; */ /* Hierdoor schuift de list 35 px op naar links en sluit mooi aan. */ 
   padding: 0;
   font-family: georgia, Sylfaen, sans-serif;
   font-size: 0.7em;
}

#links li{
   border: 1px solid; color: #000;
}

.links{
   width: 100%;
   height: 100%;
}

ol li a{
   width: 128px;
   height: 28px; 
   margin: 0 0;
   padding: 7px 2px 1px 2px;
   list-style: none;
   text-align: center;
}

ol li{
list-style: none;
}

.links li a{
width: 208px;  /* 408px; */
height: 48px;   /* 88px; */
margin: 2px 2px;
border: 1px solid; color: #000000;
}

.li{
border: 1px solid; color: #B77D8E;  
}

.black{
border: 1px solid; color: #000000;
margin: 4px;
}


.financieel{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.9em;
color: #000;
}
/* einde tekst opmaak */


#content {               /* linker en midden div samen */
margin-right: 220px;     /*208px;     /* Hierdoor ontstaat de rechter col van de website. */
}


/* midden tekst */

#main {
margin-left: 176px; /*220px;*/       /* De ruimte voor de linker col van de website.*/
height: 100%;         /* is blijkbaar nodig voor IE6 *//* niet voor FF */
padding: 2px 4px;
border-left: 1px solid; color: #990000;
border-right: 1px solid; color: #990000;
}

#donatie {
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.8em;
color: #000; 
padding: 4px 0 4px 0;
}

#anbi{
width: 50px;
height: 40px;
}

#von{
width: 60px;
height: 40px;
}

.markt{
   margin: 0 0 0 4px;
}

.markt img{
   border: 1px solid #000;
   margin: 2px 1px 2px 1px;
}

#verslag img{
margin: 1px;
border: 1px solid; color: #000;
}

#vacatures{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 1em;
color: #000;
}

.vacatures{
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 1em;
color: #000;
}

/* einde midden tekst */

/* linker col */
#side1 {
font-family: georgia, geneva, helvetica, sans-serif;
font-size: 0.8em;
position: fixed; 
      /*z-index: 1; */
top: 154px;
left: 4px;
right: auto; /* kan maar moet niet. *//* float left is voldoende.*/
width: 144px;   /*164px;*/ /*200px;*/
float: left; 
padding:  0;
margin: 0;
}
        
/* einde linker div */  /* einde content div */

/*nav*/
ul{
list-style: none;
margin: 0;
padding: 0;
}

li{
margin: 0;
padding: 0;
font-family: georgia, geneva ,verdana;
font-size: 1em;
}

li a{
display: block;
text-decoration: none;
padding: 2px 5px 2px 5px;
margin-top: 1px;
                                   /*border-top: 1px solid  #FFF; */
border-right: 1px solid  #990000; 
border-bottom: 1px solid #990000; 
                                   /*border-left: 1px solid #FFF; */
width: 124px;
}

li a:link, li a:visited{
background: #9999CC;     
color: #0033FF; 
font-weight: bold;
}

li a:hover, li a:active{
background: #990000; 
color: #FFF;
font-weight: bold;
}

li li a:link, li li a:visited{
background: #9999FF; 
color: #0033FF; 
font-weight: normal;
}

li li a:hover, li li a:active{
background: #990000; 
color:    #FFF;
font-weight: normal;
}

ul ul{
margin: 0 0 0 25px;
}
/* einde nav*/

/* rechter div de inhoud van de rechter col */                         
#side2 {
width: 207px;  
margin:  135px 1px 0px 0px;                /*145px 1px 0px 0px; */
padding: 0px 0px 0px 0px;
float: right;
}
/* einde rechter div */


#footer {
font-family: georgia, geneva, sans-serif;
font-size: 0.9em;
color: #9D0000;
clear: both;
border-top: 1px solid #990000;
padding: 4px 0 5px 0;
}