@charset "utf-8";

/*
main elementen
color:#1f1f1f;
*/

body {margin:0px; padding:0px; background-color:#c6c6c6; background-image:url(_img/back.gif); background-repeat:no-repeat; background-position:0 0; background-attachment: 
	fixed; font-family:verdana; color:#000000; font-size:11px;}
#titel{position:absolute; background-image:url(_img/fronttitel.png); background-repeat:no-repeat; width:380px; height:95px; left:50%; margin-left:90px; margin-top:14px;}
#content{position:relative; width:818px; min-height: 300px; top:140px; left:50%; margin-left:-420px;background-color:#FFFFFF; padding:10px;; border:solid 1px #1f1f1f;}
#right{top:10px; margin-left:205px; width:600px;}
#left {position: absolute; margin-top:152px; left:50%; margin-left:-410px; width:200px; z-index:9;}
#border {position: absolute; margin-top:152px; left:50%; margin-left:-215px; width:1px; height:250px; border-right:1px solid #CCCCCC; z-index:9;}
#footer{position:relative; width:820px; height:15px; top:135px; left:50%; margin-left:-420px; margin-bottom:20px; background-color:#000000; padding:0 10px 0 10px;}
#backk{position:absolute; width:820px; height: 120px; left:50%; margin-left:-420px; background-color:#000000; padding:10px; background-image:url(_img/zaalban.jpg);}
#mailing{position:absolute; background-color: #CCCCCC; width: 180px; border: none ;padding: 5px 0 5px 5px ; z-index:10;}
#soon{position:absolute; background-color: #CCCCCC; width: 180px; border: none ;padding: 5px 0 5px 5px ; z-index:10; margin-top: 130px}



/************
  HOOFDMENU
*************/

#menu 
{
  position:absolute; 
  background-repeat: no-repeat;
  width:840px; 
  height:30px; 
  top:80px; 
  left:50%; 
  margin-left:-443px;
}

#menu ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 39px;
  left: 31px;
}

#menu li
{
  height: 15px;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}

#menu a
{
  height: 15px;
  display: block;
  text-indent: -9999em;
  background-image: url(_img/links.png);
  outline: none;
}

#home a
{
  width: 88px;
  background-position: 0 0;
}

#home a:hover
{
  background-position: 0 15px;
}

#agenda a
{
  width: 88px;
  background-position: -88px 0;
}

#agenda a:hover
{
  background-position: -88px 15px;
}

#contact a
{
  width: 128px;
  background-position: -176px 0;
}

#contact a:hover
{
  background-position: -176px 15px;
}

#media a
{
  width: 88px;
  background-position: -304px 0;
}

#media a:hover
{
  background-position: -304px 15px;
}

#info a
{
  width: 84px;
  background-position: -392px 0;
}

#info a:hover
{
  background-position: -392px 15px;
}

#reserveren a
{
  width: 128px;
  background-position: -478px 0;
}

#reserveren a:hover
{
  background-position: -478px 15px;
}


/***********
  SUBMENU
************/
#left ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#left li
{
  margin: 0;
  padding: 0;
}

#left a
{
  display: block;
  background-color: #000000;
  width: 170px;
  height: 15px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  border-bottom: 1px solid #FFF;
  padding-left: 15px;
  padding-top: 4px;
}

#left a:hover
{
  background-color: #666666;
}

#right h1
{
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  margin-bottom: 15px;
}


/***********************
  MAILINGLISTFORMULIER
************************/

#inschrijven
{
  float: left;
  margin-top: 10px;
}

.mail
{
  width: 120px;
}

.mailwarning
{
  color: #FF0000;
  display: block;
  margin-left: 5px;
  background-image: url(_img/mailwarning.gif);
  background-repeat: no-repeat;
  padding-left: 17px;
}

.vet
{
  font-weight: bold;
}

.mailinfo
{
  display: block;
  margin-left: 5px;
  background-image: url(_img/mailinfo.gif);
  background-repeat: no-repeat;
  padding-left: 17px;
}

/***********
  ALGEMEEN
************/
h3
{
  margin: 0;
  padding: 0;
  font-size: 11px;
}

h2
{
  color:#FFFFFF;
  background-color:#000000;	
  font-size:9px;
  width:165px;
  margin: 0;
  padding: 5px;
  margin-bottom:10px;
}

h4
{
  font-size:12px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

h4
{
  font-size:12px;
  margin: 0 0 0 0;
  font-weight: bold;
}

h5
{
  font-size:14px;
  margin: 0 0 0 0;
  font-weight: bold;
  display: block;
  /* background-color: #222222;
  color:#EEEEEE; */
  padding: 2px;
}

#right a
{
  color: #333;
}

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


/* ADMIN */

.warning
{
display: block;
background-color: #FF0000;
color: #FFFFFF;
padding-left: 30px;
width: 300px;
height: 19px;
padding-top: 5px;
background-image: url(_img/warning.gif);
background-repeat: no-repeat;
}

.beheerinfo
{
display: block;
background-color: #00CC00;
color: #FFFFFF;
padding-left: 30px;
width: 300px;
height: 19px;
padding-top: 5px;
background-image: url(_img/vinkje.gif);
background-repeat: no-repeat;
}

td
{
  padding-right: 10px;
}


/**************
  LOGINSCHERM
***************/
#loginscherm
{
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #999;
  width: 300px;
  padding: 10px;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -100px;
}

#loginscherm h1
{
  background-color: #000000;
  color: #FFFFFF;
  font-size: 10pt;
  text-transform: uppercase;
  margin: 0;
  display: block;
  font-weight: normal;
  width: 310px;
  margin-left: -10px;
  margin-top: -10px;
  padding: 5px;
  margin-bottom: 15px;
}

.loginwarning
{
  color: #FF0000;
  display: block;
  height: 15px;
  background-image: url(_img/loginwarning.gif);
  background-repeat: no-repeat;
  padding-left: 17px;
}

/***************
  IMAGE SLIDER
****************/

#slider 
{  
  height:  399px;  
  width:   600px;    
  margin:  0; 
  border: 1px solid #333;
  display: none;
} 

.sub
{
  float: left;
}

#laden
{
  display: block;
  color: #FFFFFF;
  background-color: #000000;
  padding: 5px;
  font-size: 8pt;
  text-transform: uppercase;
  width: 270px;
  margin-left: 155px;
  margin-top: 150px;
  margin-bottom: 150px;
}

#sliderinfo
{
  display: none;
}

.foto_info
{
 font-size: 7pt;
 font-style: italic;
 color: #999999;
}

/***********
  TABELLEN
************/
.form
{
  text-align: right;
  vertical-align: top;
}

th
{
  text-align:left;
  background-color: #000000;
  color: #FFFFFF;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.verwijderlijst tr:hover
{
  background-color: #CCCCCC;
}


/*****************
  FORMVALIDATION
******************/

.verplicht
{
  position: relative;
  color: #FF0000;
  vertical-align: top;
  top: 5px;
  left: 3px;
}


/*****************
  VERWIJDERKNOP
*****************/

.verwijder a
{
  display: block;
  background-image: url(_img/verwijder.gif);
  text-indent: -9999em;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  background-position: 0 0;
}

.verwijder a:hover
{
  background-position: 0 10px;
}


/*****************
  BEVESTIGKNOP
*****************/

.goedkeuren a
{
  display: block;
  background-image: url(_img/goedkeuren.gif);
  text-indent: -9999em;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  background-position: 0 0;
}

.goedkeuren a:hover
{
  background-position: 0 10px;
}


/*
*   AGENDA
*/
.agendattl
{
color:#000; 
background-color: #FFF; 
display:block;
width: 50px;
height: 62px;
border: 1px solid #000; 
text-align: center;
float: left;
}

.agendattl .dag
{
  display: block;
  font-weight: bold;
  font-size: 22px;
  margin-top: 10px;
}

.agendattl .maandenjaar
{
  font-size: 10px;
  display: block;
  width: 100%;
  background-color: #FF0000;
  color: #FFFFFF;
  height: 15px;
  font-weight: bold;
  padding-top: 5px;
  margin-top: -7px;
  border-bottom: 1px solid #000;
}

.info_event
{

  height: 65px;
  float: left;
  width: 510px;
  padding-left: 20px;
  color: #000;
  line-height: 185%;
}

.info_event strong
{
  font-size: 12px;
}

.artiest
{
  background-color: #DDD;
  padding: 10px;
  padding-left: 20px;
  line-height: 150%;
}

.organisatie_geg
{
  padding: 10px;
  padding-left: 20px;
  line-height: 150%;
  padding-top: 110px;
}

.truuk
{
  visibility: hidden;
}

.agenda_titel
{
  text-transform: uppercase;
}

.agenda_bands
{
  text-transform: uppercase;
}

ol li
{
	margin-bottom: 5px;
}