/*
Achtergrond Body:
Donkerrood  #cd0000

Achtergond kolommen
donker-donkerrood #800000

Achtergrond LOGO
donkerrood #9d0000

achtergrond schuifmenu
donkerder geel #ffcd00

Volgende (=?)
meer naar Oranje #e39700

Achtergrond Maand
hard (naar zwart) rood #b30000

DJS-blauw: #002469
afgeleid (lichter): #013cac


*/


body            { 
color: #002469;
font-size: 0.9em;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-weight: normal;
line-height: 150%;
/*background-color: #cd0000;*/
background-color: #727272;
word-spacing: 110%;
margin: 0;
border: 0 
}

#container {
margin: 0 auto;
width: 910px;
}


/*========================*/
a.concert:link       { 
color: #800000;
font-variant: small-caps;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
text-align: center;
letter-spacing: 0.05em;
}

a.concert:visited       { color: #800000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.5em;
 text-decoration: none;
 text-align: center ;
 letter-spacing: 0.05em;
 }

a.concert:hover              { color: #727272;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.5em;
 text-decoration: none;
 text-align: center ;
 letter-spacing: 0.05em;
 }

a.concert:active { color: #800000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.5em;
 text-decoration: none;
 text-align: center;
 letter-spacing: 0.05em;
 }
 
a:link       { 
color: #FFF;
font-variant: small-caps;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
text-align: center;
letter-spacing: 0.05em;
}

a:visited       { color: #FFF;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center ;
 letter-spacing: 0.05em;
 }

a:hover              { color: #cd0000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center ;
 letter-spacing: 0.05em;
 }

a:active { color: #800000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.5em;
 text-decoration: none;
 text-align: center;
 letter-spacing: 0.05em;
 }

/*====*/
a.blauw:link { color: #002469;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center;
}

a.blauw:visited { color: #002469;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center }

a.blauw:hover { color: #800000;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center }

/*====*/
a.ttip:link { color: #002469;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center;
}

a.ttip:visited { color: #002469;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center }

a.ttip:hover { color: #ed0000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center }

/*====*/
a.menumaand:link { color: #ffffff;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center;
}

a.menumaand:visited { color: #fff;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center }

a.menumaand:hover  { color: #cd0000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center }

a.menumaand:active {color: #fff;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center}

/*====*/
a.tekst:link      { color: #fff;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 1.3em;
 line-height: 100%;
 text-decoration: none;
 text-align: center }

a.tekst:visited   { color: white;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 100%;
 text-decoration: none;
 text-align: center }

a.tekst:hover    { color: white;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 100%;
 text-decoration: none;
 background-color: #e6a700;
 text-align: center }

/*====*/
a.voorkant:link  { color: white;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.3em;
 text-decoration: none;
 text-align: center }

a.voorkant:visited  { color: white;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.3em;
 text-decoration: none;
 text-align: center }

/*====*/
a.maand:link { color: #b30000;
 }

a.maand:visited { color: #b30000;
 }

a.maand:hover { color: white;
 }

a.maand:active { color: #b30000;
 }

/**/
a.maand_kleiner:link { color: #b30000;
 font-size: 0.9em;
 }

a.maand_kleiner:visited { color: #b30000;
 font-size: 0.9em;
 }

a.maand_kleiner:hover { color: white;
 font-size: 0.9em;
 }

a.maand_kleiner:active { color: #b30000;
 font-size: 0.9em;
 }

/*========================*/

.geel { color: #fd0;
 }


.bijschrift { font-size: 0.7em;
 }






#linker img { background-color: transparent;
 margin: 4px 8px 8px;
 border: solid 1px  #002469 }

.geenrand img{ border-width: 0;
 }

#rechter img { background-color: transparent;
 margin: 4px 8px 8px;
 border: solid 1px  #002469 }

/*--------------------------------------------*/
.hoogte { height: 300px;
 }

.prop {float:right;
  width: 1px;
 }

.clear {clear:both;
 height:1px;
   overflow:hidden;
  }

#vlaklinks    { position: absolute;
 z-index: 0;
 top: 16px;
 left: 19px;
 width: 201px;
 height: 100%;
 visibility: visible;
 display: block }

#vlakrechts     { position: absolute;
 z-index: 0;
 top: 16px;
 left: 219px;
 width: 700px;
 height: 110%;
 visibility: visible;
 display: block }

#logo      { background-color: #9d0000;
 position: relative;
 z-index: 30;
 left: 0px;
 width: 100%;
 height: 79px;
 visibility: visible;
 float: left;
 display: block  }

#maand          { position: relative;
 z-index: 30;
 top: 40px;
 left: 5px;
 width: 182px;
 visibility: visible;
 float: left;
 display: block   }

#schuifmenu          { background-color: #424242;;
 position: absolute;
 z-index: 50;
 top: 0px;
 left: 0px;
 width: 199px;
 height: 100%;
 margin: 0;
 padding:0;
 visibility: visible;
 display: block; }

#linker   { background-color: #d2d2d2;
 position: absolute;
 z-index: 90;
 top: 80px;
 left: 8px;
 width: 45%;
 visibility: visible;
 min-height: 100%;
 padding-right: 5px;
 padding-left: 5px;
 border: solid 2px #002469;
 font-weight: bold;
 }


#linker_TMP   { background-color: #424242;
 position: absolute;
 z-index: 90;
 top: 50px;
 left: 8px;
 width: 90%;
 visibility: visible;
 min-height: 100%;
 border: solid 2px white;
 }


#rechter    { background-color: #d2d2d2;
 position: absolute;
 z-index: 50;
 top: 80px;
 left: 49%;
 width: 45%;
 visibility: visible;
 min-height: 100%;
 padding-right: 5px;
 padding-left: 5px;
 border: solid 2px #002469;
 display: block ;     
 font-weight: bold;
 }

#adres  { position: absolute;
 top: 5px;
 left:19px;
  visibility: visible;
 display: block }

#volgende         { background-color: #e39700;
 position: absolute;
 z-index: 30;
 top: 165px;
 left: 23px;
 width: 183px;
 height: 34px;
 visibility: visible;
 display: block }

#menumaand        { position: relative;
 z-index: 30;
 top: 70px;
 left: 5px;
 width: 182px;
 height: 334px;
 visibility: visible;
 float: left;
 padding-top: 10px;
 display: block   }

#fotorechts   { position: absolute;
 z-index: 40;
 top: 56px;
 left: 92%;
 width: 100px;
 height: 100px;
 visibility: visible;
 display: block }

#site {position:absolute;
left:5px;
bottom:15px;
font-size: 80%;
color: #fff;
}

/*============================================*/

a.voorkant:hover      { color: white;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.3em;
 text-decoration: none;
 text-align: center }

a:active      { color: white;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center }

a.wit:active { color: white;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 1.1em;
 text-decoration: none;
 text-align: center }

a.ttip:active { color: navy;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center }

a.menumaand:active { color: #ed0000;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 0.8em;
 text-decoration: none;
 text-align: center }

a.tekst:active   { color: white;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 100%;
 text-decoration: none;
 text-align: center }

a.voorkant:active   { color: silver;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.3em;
 text-decoration: none;
 text-align: center }

p     { color: #002469;
 font-size: 0.9em;
 letter-spacing: 0 }

.adres_rechts  { color: white;
 font-weight: bold;
 font-size: 14px;
 line-height: 110%;
 font-family: "Trebuchet MS", Lettertypenaam, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 text-decoration: none;
 text-align: right;
 padding-top: 5%;
 padding-right: 5% }

.adres   { color: white;
 font-size: 14px;
 font-family: "Trebuchet MS", Lettertypenaam, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 font-weight: bold;
 line-height: 110%;
 text-decoration: none;
 letter-spacing: 0 }



.achtergrondkleur  { background-color: #727272 }

H1  { font-size: 1.8em;
 line-height: 1.5em }

H2 { font-size: 1.3em;
 line-height: 1.2em }

H3 { font-weight: bold;
 font-size: 1em }

P.datum { color: #fcfec6;
 font-size: 1.2em;
 line-height: 1.4em;
 }

.parkeervak    { background-color: #d2d2d2;
 margin: 1em;
 padding: 1em }

.maand  { color: #fff;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 2.5em;
 line-height: 100%;
 text-decoration: none;
 text-align: center }

.witterand     { text-align: center;
 letter-spacing: 105%;
 margin: 2px;
 padding: 3px;
 border: solid 2px  #002469; }

.dia_o_k2 { font-variant: small-caps;
 text-decoration: none;
 text-align: center }

.dia_o_kgeel { color: yellow;
 font-variant: small-caps;
 text-decoration: none;
 text-align: center }

.pijlen       { text-align: center;
 margin-top: 0px;
 padding-top: 3px;
 padding-bottom: 3px }

.menustaand   { line-height: 1em;
 background-color: #d2d2d2;
 text-align: center;
 margin: 2px;
 padding: 6px 3px 6px 6px }

.geelvlak   { background-color: #424242; }

.roodbruin  { background-color: #ffffff; }

.grootvak { padding-top: 2%;
 padding-right: 5px;
 padding-left: 10% }

.roodvak   { background-color: #424242; }

.wit {
color: #fff;
}

.blauw {
color: #002469;
}

.tooltip_h  { color: black;
 font-size: 0.7em;
 line-height: 1.5em;
 text-decoration: none;
 background-color: #ffcd00;
 padding: 6px;
 border: solid 2px black;
 visibility: hidden }

a { }

adress { color: white;
 font-size: 0.7em }

hr { color: white;
 font-style: normal;
 text-decoration: none;
 width: 80%;
 height: 2px }

.afbeelding_van { font-size: 0.6em;
 font-weight: 300;
 text-decoration: none;
 }

 /*UIT EMBEDDED STIJL */
 
 #vlakboven         { background-color: #9d0000; position: absolute; z-index: 60; top: 0; left: 11%; width: 77%; height: 132px; visibility: visible; display: block }
#vlakbeneden      { background-color: #626262; position: absolute; z-index: 60; top: 137px; left:11%; width: 76%; height: 82%; visibility: visible; display: block }

#menu        { text-align: center; margin-top: -12px; margin-left: -300px; position: absolute; z-index: 120; top: 90%; left: 50%; width: 600px; height: 27px; visibility: visible; display: block }
#fotostaand             { position: absolute; z-index: 90; top: 0px; left: 88%; width: 13%; height: 100%; visibility: visible; display: block }

	
#fotoliggend         { background-color: #626262; position: absolute; z-index: 90; top: 137px; left: 0px; width: 87%; height: 137px; visibility: visible; display: block }
#fotoconcerten        { background-color: #626262; position: absolute; z-index: 90; top: 137px; left: 0px; width: 87%; height: 137px; visibility: hidden; display: block }
#fotowiezijnwij        { background-color: #626262; position: absolute; z-index: 90; top: 137px; left: 0px; width: 87%; height: 137px; visibility: hidden; display: block }
#fotolinks         { background-color: #626262; position: absolute; z-index: 90; top: 137px; left: 0px; width: 87%; height: 137px; visibility: hidden; display: block }
#fotobandinfo        { background-color: #626262; position: absolute; z-index: 90; top: 137px; left: 0px; width: 87%; height: 137px; visibility: hidden; display: block }
#logo_voorblad  { position: absolute; z-index: 100; top: 5px; left: 3%; width: 290px; height: 106px; visibility: visible; display: block }

#oranjelinks                 { background-color: #424242; position: absolute; z-index: 50; top: 137px; left: 0px; width: 11%; height: 81%; visibility: visible; display: block }
#oranjelinksboven  { background-color: #424242; position: absolute; z-index: 55; top: 0px; left: 0px; width: 11%; height: 132px; visibility: visible; display: block }
#totaal          { background-color: #a2a2a2;  position: absolute; z-index: 2; top: 3%; left:4%; width: 95%; height:82%; visibility: visible; display: block }
#achtergrondrechts     {  position: absolute; z-index: 90; top: 137px; left: 0px; width: 91px; height: 81%; visibility: visible; display: block }
#achtergrrechts2  { position: absolute; z-index: 112; top: 0px; left: 0px; width: 100px; height: 354px; visibility: visible; display: block }
#tijdelijk { z-index: 50;position: absolute; top: 85%; left: 30%; visibility: visible; display: block }
#wereld	{ z-index: 50;position: absolute; top: 85%; left: 60%; visibility: visible; display: block }
#jubileum { text-align: center; padding: 5px; background-color: #e2e2e2; width: 150px; left: 23px; top: 251px; position: absolute; z-index: 500; visibility: visible; border-color: #dc0000 #9d0000 #9d0000 #dc0000; border-style: solid; border-width: 2pt 3pt 3pt 2pt; }

/* BANDINFO ----------------------------
*/


#menu_bandinfo         { text-align: center; margin-top: -12px; margin-left: -300px; position: absolute; z-index: 120; top:80%; left: 50%; width: 600px; height: 27px; visibility: visible; display: block }

#uitsnede      { border: #800000; position: relative; z-index: 130; top: 0px; left: 5px; width: 200px; height: 167px; visibility: hidden; display: block }
#uitsnede2        { border: #800000; position: relative; z-index: 130; top: 150px; left: 5px; width: 331px; height: 154px; visibility: hidden; display: block }
#uitsnede3         { border: #800000; position: relative; z-index: 130; top: -75px; left: 500px; width: 333px; height: 143px; visibility: hidden; display: block }
#bandlink   { position: absolute; z-index: 120; top: 235px; left: 25%; width: 498px; height: 48px; visibility: visible; display: block }


/* Wie zijn wij ------------------------------
*/
	
#vlakboven_vervolg          { background-color: #424242; position: absolute; z-index: 60; top: 0px; left: 11%; width: 77%; height: 132px; visibility: visible; display: block }
#vlakbeneden      { position: absolute; z-index: 60; top: 137px; left:11%; width: 76%; height: 100%; visibility: visible; display: block }

#menu_vervolg          { z-index: 120; top: 97px; left: 5%; width: 100%; height: 27px; visibility: visible; display: block }

#logo_vervolg    { background-color: #9d0000;
 position: relative;
 z-index: 30;
 left: 0px;
 width: 100%;
 height: 79px;
 visibility: visible;
 float: left;
 display: block  }

#oranjelinks                  { position: absolute; z-index: 50; top: 137px; left: 0px; width: 11%; height: 100%; visibility: visible; display: block }
#oranjelinksboven   { position: absolute; z-index: 55; top: 0px; left: 0px; width: 11%; height: 132px; visibility: visible; display: block }


#menulinks        { position: absolute; z-index: 90; top:75px; left: 12px; width: 120px; visibility: visible; display: block }

#tekstvak     { color: white; position: absolute; top: 10px; left: 96px; width: 400px;; visibility: visible;  }
#tekstvak p {
color: white;
}


/* Info_b ------------------------------------
*/

#bandmenu     { position: absolute; z-index: 90; top: 166px; left: 12px; width: 120px; visibility: visible; display: block }
#kosten         { background-color: #ff0; position: absolute; z-index: 150; top: 1517px; left: -194px; width: 190px; visibility: hidden; display: block }


/* links ---------------------------
*/

#tekstvak1      {  position: absolute; top: 10px; left: 10%; width: 35%; height: 100%; visibility: visible; display: block }
#tekstvak2     { background-color: #a2a2a2; position: absolute; top: 10px; left: 53%; width: 34%; height: 100%; visibility: visible; display: block }