/*******************************************************************************
***RUIMTELIJKE POSITIONERING VAN DE VERSCHILLENDE ELEMENTEN VAN DE AVFTEMPLATE**
*******************************************************************************/

    /***** DEFINIERING VAN DE BODY-TAG ******/

body {background-color:#EC1919;}


    /****** DEFINIERING VAN DE GLOBALE DIV EN DE CONTENT DIV ******/
    
div.printtable{

position:absolute;top:-40px;left:0px;

}

div.printtableb{

position:absolute;top:-30px;left:0px;

}



    /**** RUIMTELIJKE POSITIONERING VAN DE AVFHEADER EN ZIJN ELEMENTEN ****/
    
div.avfheader{
   position: absolute; top:0; left:0; width:750px;height:104px; background-color:#EC1919;
}
div.avfheaderlogin{
  position:absolute; top:65px; left:330px;font-family:arial regular,helvetica, sans-serif;font-size:12px;color:#ffffff;
}
div.avfheaderlogo{
  position: absolute; top:35px; left:518px; width:55px; height:54px; background-image:url(avftemplateimages/avflogo.gif);
}
    /**** ruimtelijke positionering van het avfmenu ****/
    

div.kop{
  position: absolute; top:74px; left:94px; z-index:2;width:139px;height:110px;background-image:url(avftemplateimages/kop.gif);
}
div.naambalkje{
  position:absolute; top:118px; left:202px;z-index:2;width:467px;height:25px;background-image:url(avftemplateimages/naambalkje.gif);
}

/****************** ruimtelijke ordening van het menu *************************/

div.afvmenu{
  position: absolute; top:46px; left:78px; z-index:1; width:134px; height:395px;background:#e0dbd0;border-width:0;padding: 0;
}

div.avfmenutekstb{
    position: absolute; top:185px; left:78px;width:134px;height:395px;z-index:2;border-width:10px;padding:0px;visibility:visible;
}

    /****************** RUIMTELIJKE ORDENING VAN HET WITTE TEKSTBLAD *********************/

div.avfwit{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:4500px; background:#ffffff;
}
div.avfhome{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:1100px; background:#ffffff;
}
div.avflinks{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:1700px; background:#ffffff;
}
div.avfcontact{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:1200px; background:#ffffff;
}
div.avflid{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:1000px; background:#ffffff;
}

div.avfledenlijst{
  position: absolute;top:105px; left:92px; z-index:0; width:615px; height:100000px; background:#ffffff;
}
div.avfvrijwillig{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:900px; background:#ffffff;
}
div.avfact{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:1100px; background:#ffffff;
}
div.avfpubradio{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:1900px; background:#ffffff;
}

div.avftekstwit{
  position: absolute;top:105px; left:92px; z-index:0; width:567px; height:3650px; background:#ffffff;
}

div.avftekst{
position: absolute;  top:184px; left:264px; z-index:2; width:340px; height:600px; background:#ffffff;
}

div.avftekstbis{
position: absolute;  top:184px; left:214px; z-index:2; width:380px; height:auto; background:#ffffff;
}

div.avftekst2{
position:
}
        /**************** POSITIONERING HET TWEEDE DEEL VAN HET  MENU ******************/

div.avfmenubis{
  position: absolute; top:488px; left:78px; z-index:1; width:134px; height:90px;background:#e0dbd0;
}

div.avfgratis{
  position: absolute; top:498px; left:177px; z-index:2;font-family:arial regular, helvetica, sans-serif;font-size:9px;
  color:#000000;
}

div.avfezine{
  position:absolute; top:504px; left:80px; z-index:2;font-family:arial regular, helvetica, sans-serif;font-size:30px;
  color:#ff3000;
}

div.avfrodebalk{
  position: absolute; top:539px; left:78px; z-index:2; width:134px; height:21px;background-image:url(avftemplateimages/roodbalkje.gif);
}

div.avfemail{
  position: absolute; top:565px; left:80px; z-index:2;font-family: arial regular, helvetica, sans-serif;font-size:10px;
  color:#000000;
}

div.avfvermeylen{
   position: absolute; top:602px; left:111px;z-index:2;
}


a.avfvermeylen{
  display: block;
   width: 66px;
   height:71px;
   border-width:0px;
   border-style:solid;
   background-image:url(avftemplateimages/kopvermeylena.jpg);

}
a.avfvermeylen:hover{
  display: block;
   width: 66px;
   height:71px;
   border-width:0px;
   background-image:url(avftemplateimages/kopvermeylenb.jpg);

}

    /*************************RUIMTELIJKE ORDENING VAN HOME *********************************/

div.home{
position: absolute; left:254px;top:184px;width:360px;height:1000px; z-index:1;

}

.toggleopacity:hover  img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

.toggleopacityimg {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}




    /*******RUIMTELIJKE ORDENING ACTIVITEITEN*************************************************************/

div.avfactiviteit{
position: absolute;  top:184px; left:244px; z-index:2; width:340px; height:600px; background:#ffffff;
font-family:arial regular, helvetica,sans-serif;
   font-size:10px;
}

    /***************************RUIMTELIJKE ORDENING VRIJWILLIGERSWERK*************************************/

div.avfvrijwil{
  position: absolute; top:171px; left:263px;width:193px;height:158px;z-index:2;
   background-image:url(avfvrijwilimages/vrijwil.jpg);

}

div.avfvrijwiltekst{
position: absolute; top:348px; left:264px;width:340px;height:600px;z-index:2;
}

/*************RUIMTELIJKE ORDENING AVFONDS ***************************/

div.avfmussche{
  position:absolute;top:2295px;left:77px;width:136px;height:200px;z-index:3;
  background-image:url(avfondsimages/mussche.jpg);
  
}
div.avfvermeylentoussaint{
  position:absolute;top:2295px;left:215px;width:311px;height:200px;z-index:3;
  background-image:url(avfondsimages/vermeylentoussaint.jpg);
}
div.avfherreman{
  position:absolute;top:2295px;left:528px;width:146px;height:200px;z-index:3;
  background-image:url(avfondsimages/herreman.jpg);

}
div.avfbijschrift{
  position:absolute;top:2505px;left:95px;z-index:3;
  font-family:arial regular, helvetica,sans-serif;
   font-size:9px;
   line-height:10px;

}
div.avfondsvervolg{
  position: absolute; top:2520px; left:264px;width:340px;height:1000px;z-index:2;
  background:#ffffff;
}
.pijltje a
{
   width: 29px;
   height:29px;
   padding:0px;
   margin: 0px;
   border:0px;
   text-decoration:none;
   /* en uiteraard de achtergrondkleur */

}
.pijltje a:hover
{
   /* nu enkel de achtergrondkleur aangeven voor het :hover effect */

   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
}
.pijltje a:active
{
   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
}

        /********************* PUBLICATIE/RADIO ******************************/
div.jaar2010{
position:absolute;top:250px;left:239px;width:25px;height:74px; z-index:1;
background-image:url(avfdngimages/jaar2010.gif);
}

div.jaar2009
{position:absolute;top:368px;left:239px;width:25px;height:74px; z-index:1;
background-image:url(avfdngimages/jaar2009.gif);
}
div.jaar2008
{position:absolute;top:482px;left:239px;width:25px;height:74px; z-index:1;
background-image:url(avfdngimages/jaar2008.gif);
}
div.jaar2005{position:absolute;top:482px;left:239px;width:25px;height:74px; z-index:1;
background-image:url(avfdngimages/jaar2005.gif);
}
td.cover{background-color:#E0DBD9;width:74px;height:107px;border:0px;

}
td.cover:hover{background-color:#E0DBD9;width:74px;height:107px;border:2px;border-color:#bc0200;

}
td.cover:active{background-color:#E0DBD9;width:74px;height:107px;border:0px;border-color:
}
#jaarknop{ font-family:arial regular, helvetica,sans-serif;
   font-size:13px;}
   


/******************** DEFINIERING RADIO********/

table.radio{

font-family:arial regular,helvetica,sans-serif;
font-size:10px;
text-align:left;
}

a.radiolink {
font-family:arial regular,helvetica,sans-serif;
font-size:10px;
color:#EC1919;
text-decoration:underline;

}
a.radiolink:hover{
font-family:arial regular,helvetica,sans-serif;
font-size:10px;
color:#EC1919;
text-decoration:underline;


}
a.radiolink:active{
font-family:arial regular,helvetica,sans-serif;
font-size:10px;
color:#EC1919;
text-decoration:underline;

}

a.radiolink:visited{
font-family:arial regular,helvetica,sans-serif;
font-size:10px;
color:#EC1919;
text-decoration:underline;

}

 div.avfwandelendejood{
   position:absolute;top:1327px; left:172px;width:82px;height:125px;z-index:3;
   background-image:url(avfimages/avfwandelendejood.jpg);
 }

    /**** LETTERTYPERING VAN HET MENU EN DE BIJHORENDE LINKS + ANDERE LINKS IN HET DOCUMENT ****/
    
div.menu{

 /* eerst geven we de cel een hoogte en een breedte */
   position: relative; left:0px;
   width: 134px;
   height: 20px;
   /* en we zetten de padding op 0 zodat we geen randjes zien */
   padding: 0;
   border-width:0;
   font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   
   text-decoration:none;
}
div.actiefmenu{

   position: relative; left:0px;
   width: 124px;
   height: 10px;
   /* en we zetten de padding op 0 zodat we geen randjes zien */
   padding: 5px;
   border-width:0;
   font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   
   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
   text-align:left;
   vertical-align:middle;

}

.menu a
{
   /**** de link wordt een block element zodat we de breedte en hoogte aan kunnen passen ****/
   
    color: #BC0200;
    display: block;
    
   /**** breedte en hoogte op 100% zodat hij zijn 'moeder'-object (de div  in dit geval) zal opvullen ****/
   
   width: 124px;
   height:10px;
   padding:5px;
   margin: 0px;
   font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   text-decoration:none;
   /* en uiteraard de achtergrondkleur */
  
}
.menu a:hover
{
   /* nu enkel de achtergrondkleur aangeven voor het :hover effect */

   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
}
.menu a:active
{
   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
}

div.submenu{
   position: relative;left:0px;
   width: 124px;
   height: 15px;
   /* en we zetten de padding op 0 zodat we geen randjes zien */
   padding: 0;
   border-width:0;
   font-family:arial regular, helvetica,sans-serif;
   font-size:10px;
   line-height:1px;
   text-decoration:none;
}
div.actiefsubmenu{
  position: relative; left:0px;
   width: 124px;
   height: 10px;
   /* en we zetten de padding op 0 zodat we geen randjes zien */
   padding: 5px;
   border-width:0;
   font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
   text-align:left;
   vertical-align:middle;}

.submenu a
{
   /* we zorgen er voor dat de link zich als een block element gaat gedragen zodat we de breedte en hoogte aan kunnen passen */

    color: #000000;
    display: block;

   /**** breedte en hoogte op 100% zodat hij zijn 'moeder'-object (de div  in dit geval) zal opvullen ****/

   width: 124px;
   height:5px;
   padding:5px;
   margin: 0px;
   font-family:arial regular, helvetica,sans-serif;
   font-size:10px;
   line-height:3px;
   text-decoration:none;
   /* en uiteraard de achtergrondkleur */

}
.submenu a:hover
{
   /* nu enkel de achtergrondkleur aangeven voor het :hover effect */

   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
}
.submenu a:active
{
   color: #ffffff;
   background-color: #BC0200;
   text-decoration:none;
}
/******************** definiëring linken verwante sites links *********/
a.links:link
{
  color:#000000;
  background-color:#ffffff;
  text-decoration:underline;
}

a.links:hover{
  color:#000000;
  background-color:#ffffff;
  text-decoration:underline;
}
a.links:active
{
  color:#000000;
  background-color:#ffffff;
  text-decoration:underline;
}
a.links:visited{
color:#000000;
  background-color:#ffffff;
  text-decoration:underline;

}

/******************** definiëring link vrijwilnota*********/
a.vrijwil:link
{
  color:#0083D7;
  background-color:#ffffff;
  text-decoration:underline;
}

a.vrijwil:hover{
  color:#0083D7;
  background-color:#ffffff;
  text-decoration:underline;
}
a.vrijwil:active
{
  color:#0083D7;
  background-color:#ffffff;
  text-decoration:underline;
}
a.vrijwil:visited{
color:#0083D7;
  background-color:#ffffff;
  text-decoration:underline;

}


a span.contactform
{
 color: #38BACA;
}
a.contactform:link{
  font-family:arial regular, helvetica,sans-serif;
  font-size:11px;
  line-height:10px;
  color:#0083D7;
  text-decoration:underline;
}

a.contactform:hover{
  font-family:arial regular, helvetica,sans-serif;
  font-size:11px;
  line-height:10px;
  color:#0083D7;
  text-decoration:underline;
}
a.contactform:active{
  font-family:arial regular, helvetica,sans-serif;
  font-size:11px;
  line-height:10px;
  color:#0083D7;
  text-decoration:underline;
}
a.contactform:visited:{
  font-family:arial regular, helvetica,sans-serif;
  font-size:11px;
  line-height:10px;
  color:#0083D7;
  text-decoration:underline;
}


a.proefnummerlink:link{
    color:#EC1919;
    font-family:arial regular, helvetica,sans-serif;
    font-size:11px;
    line-height:10px;
    text-decoration:underline;
}
a.proefnummerlink:hover{
   color:#EC1919;
   font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   text-decoration:underline;
}
a.proefnummerlink:active{

    color:#EC1919;
    font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   text-decoration:underline;
}
a.proefnummerlink:visited{

    color:#EC1919;
    font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:10px;
   text-decoration:underline;
}
a.admin:link{color:#bc0200;
             font-family:arial regular, helvetica,sans-serif;
             font-size:13px;
             line-height:15px;
             text-decoration:none;
           }

a.admin:hover{color:#EC1919;
             font-family:arial regular, helvetica,sans-serif;
             font-size:13px;
             line-height:15px;
             text-decoration:none;
             }
a.admin:active{color:#EC1919;
             font-family:arial regular, helvetica,sans-serif;
             font-size:13px;
             line-height:15px;
             text-decoration:none;
           }
a.admin:visited{color:#EC1919;
             font-family:arial regular, helvetica,sans-serif;
             font-size:13px;
             line-height:15px;
             text-decoration:none;
           }

a.login:link{
font-family:arial regular,helvetica, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;
}
a.login:hover{font-family:arial regular,helvetica, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;

}
a.login:active{font-family:arial regular,helvetica, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;

}
a.login:visited{font-family:arial regular,helvetica, sans-serif;font-size:12px;color:#ffffff;text-decoration:none;

}
a.webding:link{font-family:Webdings;fontsize:12px;color:#EC1919;text-decoration:none;}

    /********************* definiëring van de alinea's , opsommingen *************/
    
    
p.arial18{
   font-family:arial regular, helvetica,sans-serif;
   font-size:18px;
   line-height:15px;
   text-decoration:none;
}
p.arial13{
   font-family:arial regular, helvetica,sans-serif;
   font-size:13px;
   line-height:15px;
   text-decoration:none;
}
p.arial12{
   font-family:arial regular, helvetica,sans-serif;
   font-size:12px;
   line-height:15px;
   text-decoration:none;
}
p.arial11{
   font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:15px;
   text-decoration:none;
}
p.arial10{
   font-family:arial regular, helvetica,sans-serif;
   font-size:10px;
   line-height:15px;
   text-decoration:none;
}
ul.opsomming{
  font-family:arial regular, helvetica,sans-serif;
   font-size:11px;
   line-height:15px;
   text-decoration:none;

}
ul{font-family:arial regular, helvetica,sans-serif;
   font-size:12px;
   line-height:15px;
   text-decoration:none;
   padding: 0;
   margin: 0;
   margin-left:15px;

}


.donkerrood{color:#bc0200;}
.lichtrood{color:#EC1919;}
.lichtblauw{color:#0083D7;}
.wit{color:#ffffff;}
.mauve{color:#B24D79;}


/****** definiering van formulieren en fieldset,legend,label,input ********/

.error {
        color:#EC1919;
        font-family:arial regular, helvetica,sans-serif;
        font-size:11px;
        line-height:15px;
        text-align:left;
        font-weight: bold;}
        
fieldset{

  text-align:left;
  font-family:arial regular, helvetica,sans-serif;
  font-size: 11px;
  margin:10px;
  padding:10px;
  border-width:1px;
  border-color:#0083D7;
  border-style:solid;
}
legend{
  font-family:arial regular, helvetica,sans-serif;
  font-size: 12px;
  color: #ff3000;

}
span.invoerveld{
  display: block;

}
label{
  
  
  margin: 0;
  font-family:arial regular, helvetica,sans-serif;
  font-size: 10px;
  line-height:15px;
  text-align:left;
  width:40%;
  color:#000000;
  
}
input {

	border: 1px;
	font-family:arial regular, helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align:center;
	background-color: #e0dbd0;
}
table.invoerveld{
  width:340px;
  height:600px;
  margin: 0;
  font-family:arial regular, helvetica,sans-serif;
  font-size: 11px;
  line-height:15px;
  text-align:left;
  color:#ffffff;
}
textarea.invoerveld{
  width:325px;
  height:99px;
  border:0px;
  padding:1px;
  overflow:auto;
  color:#ffffff;
  background:#38BACA;
  }

div.knop{
  width:71px;
  height:17px;
  border: 1px solid black;
  font-family:arial regular, helvetica,sans-serif;
  font-size: 10px;
  color:#000000;
  background-color:#f1efee;
  text-align:center;
}
a.knop{
  text-decoration:none;
}

/***********************DISPLAYERS RADIO-UITZENDINGEN**************************/
div.avfupload{
position: absolute;  top:184px; left:264px; z-index:2; width:340px; height:230px; background:#ffffff;
}
div.avfnewform{
position: absolute;  top:418px; left:264px; z-index:2; width:340px; height:200px; background:#ffffff;
}
div.avfradioadminleeg{position: absolute;  top:166px; left:274px; z-index:3;

}
/**********************DISPLAYERS ACTIVITEITEN********************************/

/**********************DISPLAYERS LOGIN****************************************/

div.avfloginadminfout{position: absolute;  top:166px; left:274px; z-index:3;

}
div.printtable{position:relative:top:-50px,left:0px;width:595px;height:842px;background:#e0dbd0;}

