/* ------------------------------------ *
 CSS - op een scherm van 1000px x 600px
 woensdag 28 juli 2008 21:30:05
Jorg Dautzenberg
 * ------------------------------------ */

body,h1,h2 table,p {
  font-family: verdana, Geneva, Arial, helvetica,sans-serif;
  font-size: 9pt;
  color: #676767;
  text-align: left;
}


ul {color: #000000;}
#noodoplossing {color: #000000;}
h1{
   font-size: 15px;
   color: #BF0000;
   text-align: left;
   font-weight: 1000;
}

h2{
   font-size: 12px;
   color: #BF0000;
   text-align: left;
   font-weight: 100;
}


a:link  {
    color: #000000;
    text-decoration: none;
    }

a:visited {
    color: #000000;
    text-decoration: none;
    }

a:active {
    color: #FF950C;
    text-decoration: none;
    }

a:hover {
    color: #FF950C;
    text-decoration: none;
    }

#banner{
   position: absolute;
   width: 1000px;
   height: 150px;
   top: 50%; 
   left: 50%;
   margin-top: -275px;
   margin-left: -500px;
   }

/* categorie balkjes*/
#totaal{
   position: absolute;
   width: 30px;
   height: 35px;
   top: 50%; 
   left: 50%;
   margin-top: -175px;
   margin-left: 325px;
   }

#muziek{
   position: absolute;
   width: 30px;
   height: 35px;
   top: 50%; 
   left: 50%;
   margin-top: -175px;
   margin-left: 355px;
   }

#cabaret{
   position: absolute;
   width: 30px;
   height: 35px;
   top: 50%; 
   left: 50%;
   margin-top: -175px;
   margin-left: 385px;
   }

#toneel{
   position: absolute;
   width: 30px;
   height: 35px;
   top: 50%; 
   left: 50%;
   margin-top: -175px;
   margin-left: 415px;
   }

#anders{
   position: absolute;
   width: 30px;
   height: 35px;
   top: 50%; 
   left: 50%;
   margin-top: -175px;
   margin-left: 445px;
   }

/* foto's */

#fotogroot{
   position: absolute;
   width: 667px;
   height: 500px;
   top: 50%; 
   left: 50%;
   margin-top: -265px;
   margin-left: -490px;
   }

#fotoklein{
   position: absolute;
   width: 300px;
   height: 225px;
   top: 50%; 
   left: 50%;
   margin-top: -120px;
   margin-left: -490px;
   }

/* tekst velden*/

#middenvlak{   /*hier wordt gif ingeladen om in ie6 een minimale oppervlakte te maken*/
   position: absolute;
   width: 360px;
   min-height: 360px;
   top: 50%; 
   left: 50%;
   margin-top: -125px;
   margin-left: -60px;
   background-color: #FFFFFF;
   }

#middentekst{
   position: absolute;
   width: 330px;
   min-height: 330px;
   top: 50%; 
   left: 50%;
   margin-top: -95px;
   margin-left: -30px;
   }
/* genrevlak en genre datum vormen balkje met kleurcodering van soort voorstelling*/
#genrevlak{
   position: absolute;
   min-width: 30px;
   min-height: 30px;
   top: 50%; 
   left: 50%;
   margin-top: -125px;
   margin-left: -60px;
   }
#genredatum{
   position: absolute;
   min-width: 300px;
   min-height: 20px;
   top: 50%; 
   left: 50%;
   margin-top: -117px;
   margin-left: -15px;
   background-color: #FFFFFF;
   font-size: 16px;
   color: #696969;
   text-align: left;
   }

#weblink{  /* voor eventuele weblink naar externe site voorstelling*/
   font-size: 12px;
   color: #BF0000;
   text-align: center;
   position: absolute;
   min-width: 420px; /* waar de foto ophoudt en over gaat in textvlak */
   top: 50%; 
   left: 50%;
   margin-top: 240px;
   margin-left: -480px;
   }

#ginelli{ /* logo van ginelli*/
   position: absolute;
   min-width: 127px;
   min-height: 51px;
   top: 50%; 
   left: 50%;
   margin-top: 184px; /* bottom gelijk aan #fotogroot */
   margin-left: 335px; /* gecentreerd tov catergoriebalkjes */
   }



#menu{ /* menu voor gastenboek huur, contact etc*/
   position: absolute;
   font-size: 15px;
   color: #3f3f3f;
   text-align: center;
   position: absolute;
   width: 150px;
   min-height: 200px;
   top: 50%; 
   left: 50%;
   margin-top: -25px;
   margin-left: 325px;
   }


#tekst{ /* korte beschrijving van de voorstelling onder kleine foto */
   position: absolute;
   width: 300px;
   min-height: 525px;
   top: 50%; 
   left: 50%;
   margin-top: -120px;
   margin-left: -490px;
   }

#agenda { /* opmaak middenpagina met agenda naast kleine foto*/
   visibility: visible;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 450px;
   height: 360px;
   overflow: auto;
   overflow-x:hidden;
   margin-top: -120px;
   margin-left: -160px;
   font-size: 8pt;
   color: #FFFFFF;
   }

#maand { /* opmaak maandaanduiding in de agenda*/
   font-size: 10pt;
   color: #EE1111;
   text-align: center;
   font-weight : bold;
   background-color: #ffcccc;
   }

#nieuws {
   position: absolute;
   width: 70px;
   height: 20px;
   top: 50%; 
   left: 50%;
   margin-top: -175px;
   margin-left: 0px;
   background-color: #FFFF00;
   color: #000000;
   font-size: 12pt;
   }

#winnaar{color:#000000;}/*slordige manier om tekst agenda voor winnaars zwart te maken*/


}