/* ================================ +
            UITGIDS 2009
+ ================================ */

/* 
** Made by: PARKERS: Ines Gall, Erik Veltman
** Email:  info@studioparkers.nl
** Website:  www.studioparkers.nl
*/


/* ================================ +
               STANDAARDS
+  ================================ */

/* start RESET DEFAULT styles */
* { margin:0; padding:0; border:0px; }
*:focus { outline: 0; }
a {text-decoration:  underline; color:#552222;}
a:hover {color:#ee4422;}
html, body {height:100%}
/* end RESET DEFAULT styles */

img { border:0px; }  

ul { list-style:none; overflow:hidden; }

.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

h1 {
  font-size:16px;
  margin-bottom:7px;
}

h2 {
  font-size:14px;
  margin-bottom:2px;
}

.terug {
  display:          block;
  font-size:        13px;
  margin-bottom:    10px;
  xmargin-top:      -10px;
  margin-left:      7px;
  xtext-decoration: none;
  xfont-weight:     bold;
}


/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

body { 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:   12px;
  line-height: 17px;
  color:       #552222;
}


#page {
	margin:	0 auto;
	width:	996px !important;
	width:	997px;
}

#container {
  position:     relative;
  margin-left:  0 auto;
	margin-right: 0 auto;
  width:        982px;
  text-align:   left;
}

#header {/* titel en logo */
  display:    block;
  width:      975px;
  height:     100px;
  background: url('../images/title_abonnementen.gif') no-repeat 0px 0px;
}

#header_print {
  display: none;
}

#content {
  position:         absolute;
  top:              140px;
  width:            965px; /*was 945*/
  background-color: #f7e5e8;
  padding:          20px 5px 20px 5px;
}

#kolom-breed {
  position:     relative;
  width:        700px;
  float:        left;
  overflow:     hidden;
  margin-right: 15px;
}

#kolom-smal {
  position:      relative;
  xposition:      fixed;
  xleft:        775px;
  width:        240px;
  float:        left;
  overflow:      hidden;
  }
  
#kolom-smal li {
  float:        left;
  display:      inline;
  margin-right: 5px
}

/* menu optie 'Uw bestelling' boven rechterkolom */
#kolom-small .menu {height:48px;background: url('../images/nav_formulier.gif') no-repeat 0px -610px;cursor:pointer;}
#kolom-small .menu_inactief {height:48px;background: url('../images/nav_formulier.gif') no-repeat 0px -610px;cursor:pointer;}

#kolom-adres {
  position:      relative;
  width:        925px;
  margin:        0 8px;
  padding:      20px 10px;
  background-color:  #f1d4d9;
}
  
#medeuitgangers {
  position:      relative;
  width:        924px;
   min-height:      220px;
  margin:        0 8px;
  padding:      20px 10px;
  border-top:      1px dashed #552f25;
  border-bottom:    1px dashed #552f25;
  background:      url('../images/title_medeuit.gif') no-repeat 10px 20px;
  }
  
#locatiewensen {
  position:       relative;
  width:         780px;
  margin:         10 8px;
  padding:       20px 10px;
  xborder-top:    1px dashed #552f25;
  xborder-bottom: 1px dashed #552f25;
  border: solid 2px red;
  }

#algemeen {
  position:      relative;
  width:        800px;
   min-height:   160px;
  margin:        0 8px;
  padding:      20px 10px;
  float:        left;
}  

/* form elementen */

input, select, textarea {
  font-family:  Arial,Helvetica;
  font-size:    1.0em;
  }

.keuzeaantal {
  width:       95px;
   font-weight:   normal;
  margin-bottom:  3px;
}

.rangaantal {
  width:      80px;
  height:      18px;
   font-weight: normal;
}

.enquete {
  width:       200px;
  height:       20px;
   font-weight: normal;
  padding-left: 5px;
}

/* Kleuren */
.rozedonker {
  background-color:  #f1d4d9;
  }

.grijs    {
  color:        #999999
}
.active    {
  color:       #552222;
}
  
.header {
color:  #ffffff;
font-weight:bold;
font-size:  16px;
}  

.bg_bruin {
background-color:    #552222;
padding:2px;
}

.message {
color:#ee4422;
padding-top:7px;
}
  
  
/* serieoverzicht */
ul.serie {
  height:100%;
  padding-bottom:15px;
}

.serie li{
  float:left;
}  

.serie li.img{
  margin:15px 15px 0 5px;
  width:200px;
  height:150px;
  overflow:hidden;
}  

.serie h2 a {
  display:   block;
  font-size:    17px;
  font-weight:  bold;
  margin-bottom:5px;
  margin-top:  3px;
  text-decoration: none;
}

.serie li.intro{ /* korte versie voor serieoverzicht */
  width:340px;
  padding-top:15px;
}  

.serie li.label{ 
  width:100px;
  margin:25px 0 0 25px;
  line-height:15px;
}  

.serie li a.label2{ 
  display:block;
  width:85px;
  background-color:#ee4422;
  color:#ffffff;
  text-decoration: none;
  font-weight:bold;
  padding:3px 5px;
}  

.bekijk {
  font-weight:bold;
  display:block;
  margin-top:3px;
}

.serie li.tekst{/* brede versie voor uitgebreide tekst, staat ook geen label meer rechts */
  width:410px;
  margin-bottom:15px;
}  

.serie li.tekst h2 {
  margin-top:  15px;
  font-size:  17px;
  font-weight:bold;
}


/* space voor tekst 'bestelling overzicht rechtsboven' */
#spaceblok {
  margin-top: 20px;
  height: 300px;
}
/* seriedetail vast */  
  
.serie li.imggroot {
  padding:15px 10px 0 10px;
  width:255px;
}  

.serie li.imggroot img{
  width:250px;
}  
  
#kolom-breed h1 {
  padding:15px 0 15px 10px;
  font-size:  20px;
  font-weight:normal;
}
  
.serie select{
  width: 100px;
  border:1px solid #998888;
  color: #552222;
}  

.serie .pulldownklein{
  width: 35px;
  border:1px solid #998888;
  color: #552222;
}  

.voorstelling {/* tabel van de keuze voorstellingen */  
  background-color:#ffffff;
  border-top: 1px dotted #552222;
  width:100%;
  border-bottom:10px solid white
}  

.beschrijving {/* ingeklapte beschrijving van een productie */  
  width:390px;
  height:88px;
  padding-top:15px;
  overflow:hidden;
}

.beschrijving_lang {/* uitgeklapte beschrijving van een productie  */  
  width:390px;
  height:auto;
  padding-top:15px;
  overflow:hidden;
}

.beschrijving_films {/* filmpagina gids altijd uitgeklapt  */  
  width:390px;
  height:auto;
  padding-top:15px;
  overflow:hidden;
}

.imgklein {
  width: 150px;
  padding-top:15px;
  }
  
.ruimte {/* meest rechter kolom bij keuze serie leeg  */  
  width:  90px;
  }  
    
.ruimte_groot {/* meest rechter kolom bij vaste serie datum, locatie begintijd  */  
  width:  120px;
  }  
  
.lineheight {
  line-height:22px;
}    
  
  
.ranggekozen {
  font-size:    1.1em;
  font-weight:  bold;
} 

/* titles, headers and typo */

.title-rang {
  width:        90px;
  height:        35px;
  background:   url('../images/title_rang.gif') no-repeat 0px 0px;
  float:        left;
}

.title-personen {
  width:        115px;
  float:        left;
}

.title-gegevens {
  background:     url('../images/title_gegevens.gif') no-repeat 0px 0px;
  height:        30px;
}  
  
.title-wens {
  background:     url('../images/title_wensen.gif') no-repeat 0px 0px;
  height:        30px;
}  
  
.title-medeuit {
  background:     url('../images/title_medeuit.gif') no-repeat 0px 0px;
  height:        30px;
}  
  
.title-bestelling {
  background:     url('../images/title_bestelling.gif') no-repeat 0px 0px;
  height:        30px;
}  
  
.title-bestelling2 {
  width:        220px;
  background:     url('../images/title_bestelling.gif') no-repeat 0px 0px;
  height:        30px;
  float:        left;
}    
  
.title-codepersoon {
  background:     url('../images/title_codepersoon.gif') no-repeat 0px 0px;
  height:        30px;
  }  
  
  
/* title images voor gids2 template */
.title-bestelcode {
  width:        130px;
  height: 35px;
  float:        left;
  }
.title-voorstelling {
  width:        375px;
    height: 35px;
  float:        left;
  }
.title-uitklap {
  width: 160px;
   height: 35px;
  float:  right;
  }
/* einde title images voor gids2 template */
  
/* title images voor gids2 2009 */
.titel_bestelcode {
  font-size:  12px;
  font-weight:  bold;
  width:  80px;
  height: 20px;
  float:  left;
  padding-left: 10px;
}
.titel_titel {
  font-size:  12px;
  font-weight:  bold;
   width:  280px;
  height: 20px;
  float:  left;
}
.titel_lijst {
  font-size:  12px;
  font-weight:  bold;
  width:  270px;
  height: 20px;
  float:  left;
  margin-left: 7px;
  text-align: right;
}

.titel_lijst a {
  text-decoration:none;
  color:#ee4422
}

.titel_lijst a:hover {
  text-decoration:underline;
  color:#552222;
}

.title-wensenkort {
  height:        30px;
}      
    
.spaceholder {
  height:        35px;
}  
  
.wijziglink a {
  width:            120px;
  float:            right;
  text-align:        right;
  margin-top:        5px;
  margin-right:      30px;
  text-decoration:  underline;
}    

/* GIDS2 keuzelijsten */
#gids2keuzelijst li {
  padding-top:  8px;
  min-height:    27px;
  xborder: solid 1px black;
}
  
/* keuze vinkje (bestelcode/titel) */
#gids2keuzelijst .seriecheck {
  float:  left;
  margin: 5px 4px 4px 10px !important;
  margin: 1px 0 0 5px;
} 

/* bestelpagina bestelcode */
#gids2keuzelijst  .code {
  float:        left;
  width:        45px;
  font-size:    1.3em;
  font-weight:  bold;
  margin-left:  3px;
  margin-top:   4px;
} 


/* titel ('productie') in 2009 is gids2 de bestelloverzicht geworden*/

#gids2keuzelijst  .titel {
  width:          475px;
  margin:          4px 0 3px 10px;
  font-size:      1.1em;
  line-height:    20px;
  float:          left;
  display:         inline;
  xborder:         solid 1px red;
} 

/* plaatjes zijn 120 breed */
#gids2keuzelijst  .plaatje {
  float:        left;
  width:        120px;
  margin:        5px 0 0 3px;
  padding:      7px;
} 

#gids2keuzelijst .inhoud {
  float:      left;
  width:      460px;
  min-height: 100px;
  margin:     7px 0px 4px 7px;
  xborder: solid 1px blue;
}

#gids2keuzelijst  .showinfo {
  float:        left;
  width:        120px;
  margin-left:  20px;
  margin-top:   1px;
  text-align:right;
  xborder: solid 1px blue;
} 

#gids2keuzelijst  .subtitel {  
  width:         570px;
  margin-left:   72px;
  margin-bottom: 5px;
  font-size:     1.1em;
  float:         left;
  display:        inline;
  xborder: solid 1px green;
} 

.voorstelling2009 {/* table voorstellingen binnen de bestelcode div*/  
  margin-left: 70px;
  background-color:#ffffff;
  width: 80%;
  xborder-bottom:10px solid white
}  

/* td's binnen table voorstellingen */
.locatie2009 {
  font-size: 12px;
  padding: 2px;
}
.rang2009 {
  width: 140px;
  font-size: 12px;
  line-height: 27px;
  padding: 2px;
}
.prijs2009 {
  width: 140px;
  font-size: 12px;
  line-height: 27px;
  padding: 2px;
  text-align:right;
}
.aantal2009 {
  width: 150px;
  font-size: 12px;
  line-height: 27px;
  padding: 2px;
  text-align:right;
}
.actie2009 {
  width: 300px;
  font-size: 12px;
  padding: 2px;
  padding-left: 30px;
  margin-top: 7px;
}

/* overzicht bestelling titel serie */
#gids2keuzelijst .codebestel {
  width:         370px;
  margin-left:   10px;
  margin-bottom: 5px;
  font-size:     1.3em;
  font-weight:  bold;
  float:         left;
  display:        inline;
  xborder: solid 1px red;
} 

/* indeling voorstellingen binnen bestelling op klantgegevenspagina voor gids2 keuzeserie */
/* aantal personen + woord persoon */
#gids2keuzelijst  .pagina {
  width:      120px;
  font-size:  1.3em;
  font-weight:  bold;
  float:      left;
  text-align:  center;
  margin-left:  5px;  
  border: solid 0px red;
} 

/*.aantalgekozen {
  font-size:    1.2em;
  font-weight:  bold;
  margin-left:  40px;
  text-align:    center;
}*/

/* actie op bestelling/serie */
#gids2keuzelijst .wijzig  {
  width:        150px;
  float:        left;
  margin-left:  5px;  
  border: solid 0px red;
}  

/* titel ('productie') */
#gids2keuzelijst .voorstelling {
  float:      left;
  width:      480px;
  font-size:  17px;
  font-weight:  bold;
  xheight:     22px;
  margin-top: 4px;
}

/* opensluit actie */
#gids2keuzelijst  .selecteerkeuze {
  float:      right;
  width:      160px;
  font-size:  1.1em;
  margin-top: 4px;
  margin-right: 4px;
} 

/* uitklap gids2 keuzelijsten */
#gids2keuzelijst .voorstellingen {
  width:            95%;
  min-height:       40px;
  padding:          10px 0px 10px 10px;
  background-color: #ffffff;
  margin-left:      10px;
  xmargin-bottom:   10px;
  xborder:solid 1px yellow;
}

#gids2keuzelijst .uitleg {
  color:       #ee4422;
}    

#gids2keuzelijst .uitleg {
  color:       #ee4422;
}    

#gids2keuzelijst .entries {
  width:        100%;
}

/*
#gids2keuzelijst td {
  font-size:    1.0em;
  line-height:  1.3em;
  padding:      5px;
  xborder-top:   1px dashed #552f25;
}
*/
#gids2keuzelijst .noborder {
  font-size:    1.1em;
  line-height:  1.6em;
  padding:      5px;
  border-top:   0px dashed #552f25;
}

/* indeling voorstellingen binnen bestelcode op bestelpagina gids2 keuze serie */
#gids2keuzelijst .locatie {
  width:         210px;
}
#gids2keuzelijst .rangen {
  width:         85px;
}
#gids2keuzelijst .avail {
  width:         85px;
}
#gids2keuzelijst .prijs {
  width:         85px;
  font-weight:  bold;
}
/* aantal (td)*/
#gids2keuzelijst .aantal {
  width:        130px;
}
/* aantal (select box)*/
#gids2keuzelijst .keuzeaantal {
   width:       95px;
  height:       18px;
   font-weight:   normal;
  margin-top: 3px;
  margin-right: 20px;
  border:  1px solid #bbaaaa;
  background-color:#f7e5e8;
}

#gids2keuzelijst .bestel_vst {
  width:         382px;
}
#gids2keuzelijst .bestel_rang {
  width:         100px;
}
#gids2keuzelijst .bestel_aantal {
  width:         50px;
   font-weight:   bold;
}
#gids2keuzelijst .bestel_prijs {
  width:         50px;
}
#gids2keuzelijst .bestel_sub {
  width:         120px;
  text-align:    right;
}

/* gids1 */
#gids2keuzelijst .titelbestel{
  width:        380px;
  border: solid 0px red;
  border-top:   1px dashed #552f25;
  }   

#gids2keuzelijst .rangenbestel{
  width:        90px;
  border: solid 0px red;
  border-top:   1px dashed #552f25;
}   

#gids2keuzelijst .prijsbestel {
  width:        70px;
  text-align:    right;
  border: solid 0px red;
  border-top:   1px dashed #552f25;
}

/* a en a:hover toegevoegd vanwege link in bestelcode en titel naar uitklap voorstellingen (gids2) */
#gids2keuzelijst a {
  text-decoration:none;
  color:#552222;
}   
/* als bestelcode actief is dan is tekst rood */
#gids2keuzelijst a.red {
  color:#ee4422
}

#gids2keuzelijst a:hover {
  color:#ee4422
}

.testborder {
  border: dashed 1px red;
}   
/*  width:        680px;
  padding:      20px 10px 10px 15px;
  background-color:  #ffffff; */

  
/* besteloverzicht verkort ('winkelmandje') */
#bestelkort {
  width:            220px;
  background-color:  #ffffff;
  padding:          10px 10px 15px 10px;
  margin:            0 0 5px 0;
  float:            left;  
  line-height:      1.3em;
  font-size:        1.0em;
  }

#bestelkort .prijs {
  font-weight:     bold;
  float:        right;
  }

#bestelkort .totaal {
  vertical-align:   middle;
  height:        25px;
  }

#bestelkort-totaal {
  width:        220px;
  font-weight:    bold;
  border-top:      1px dashed #552f25;
  margin-top:      15px;
  padding-top:    10px;
  }
  


/* hulp kolom */

#hulp {
  line-height:    1.3em;
  font-size:      1.1em;
  width:        235px;
  padding:      15px 1px 15px 5px;
  margin:        10px 0 5px 0;
  float:        left;
  }

#hulp p {
  margin-bottom:    30px;
  }

#hulp h3 {
  font-size:      1.1em;
  margin-bottom:    3px;
  }

#hulp ul {
  list-style:      disc;
  margin-left:    15px;
  overflow:      visible;
  }

#subcontent {  /* iFrame */
  overflow-x:hidden;
  width:615px;
  height:95%
  }


.opacity_bg {
  opacity:  0.80; /* css standard */
  filter:   alpha(opacity = 80);
  position:   absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #552222;
  z-index:21
  }


.java_alert {
  opacity:  0.90; /* css standard */
  filter:alpha(opacity=90);
  padding:5%;
  color: red;
  line-height:2.5em
  }


#infocontent, .lightbox-full {
  position:          absolute;
  top:              70px;
  left:              15%;
  width:            630px;
  height:            490px;
  background-color: #f1d4d9;
  border:            3px solid #552222;
  padding:          10px 20px;
  z-index:          10;
  text-align:        left;
  line-height:      1.8em;
  z-index:          22
  }

#infocontent .close {
  width:100%;
  display:block;
  text-align:right;
  margin:0 0 10px 0
  }
  
#alvo{
  list-style:none;
  margin-left:15px;
}  

#alvo li{
  margin-bottom:10px;
}  

.hoewerkthet {
  background-color:#f1d4d9;
  font-size:  12px;
  line-height:  16px;
}

#alarmbox {
  position:         absolute;
  top:            30%;
  left:              30%;
  width:            250px;
  height:            200px;
  background-color:   #ee4422;
  border:            6px solid #ffffff;
  color:        #ffffff;
  padding:          10px 20px;
  z-index:          10;
  text-align:        left;
  line-height:      17px;;
  }
  
/* klantgegevens */
.klantgegevens td {
  padding:    2px 10px 4px 0px;
  }  
  
.klantgegevens input {
  width:        250px;
  height:        18px;
  border:        2px solid #ffffff;
  }
    
.klantgegevens input.small {
  width:        69px;
  height:        18px;
  border:        1px solid #ffffff;
  }  
  
.klantgegevens input.extrasmall {
  width:        20px;
  vertical-align:    -1px;
  border:        0;
  }  
  
.klantgegevens input.check {
  width:        15px;
  margin-right:7px;
  border:0;
  }  
  
.klantlocaties {
  margin-left:  70px;
  float:      left;
  }
  
.klantlocaties td {
  padding:    1px 10px 4px 0;
  }  

.klantlocaties select {
  width:      200px;
  margin-top:    5px;
  }  
  
.locatiewens {
  width:      200px;
  height:      65px;
  border:      1px solid #ffffff;
  margin-top:    5px;
}    
  
#medeuitgangers input {
  /*border:      1px solid #f1d4d9;*/
  border:      1px solid #ffffff;
  }
  
/* uwbestelling: overrules seriekeuzelijst, gids2keuzelijst op klantgegevens en bevestig pagina */
#uwbestelling {
  width:        815px;
  margin-left:    10px;
}     
  
#uwbestelling li {
  padding-left:    10px;
  font-size:      1.1em;
  }   

#uwbestelling .rozedonker {
  background-color:  #f1d4d9;
  margin-bottom:    5px;
  }  

#uwbestelling td   {
  font-size:    1.1em;
  line-height:  1.6em;
  padding:      5px;
  border-top:   1px dashed #552f25;
  }

#uwbestelling .noborder {
  font-size:    1.1em;
  line-height:  1.6em;
  padding:      5px;
  border-top:   0px dashed #552f25;
}

#uwbestelling  .codebestel {
  width:         450px;
  margin-left:   5px;
  margin-bottom: 3px;
  font-size:     1.3em;
  xfont-weight:   bold;
  float:    left;
  display:   inline
  } 

#uwbestelling li .serietitel{
  /*width:        300px;*/
  width:        370px;
  float:        left;
  }   
  
#uwbestelling .aantalgekozen {
  margin-left:  1px;
  } 

#uwbestelling .voorstellingen {
  width:        770px;
  padding:      20px 10px 10px 15px;
  background-color:  #ffffff;
  min-height:    27px;
  }

/* gids1 */
#uwbestelling .titelbestel{
  width:        462px;
  margin-right:  10px;
  float:        left;
  }   

#uwbestelling .rangenbestel{
  width:        100px;
  float:        left;
  }   

#uwbestelling .prijsbestel{
  width:        140px;
  float:        left;
  }   

#uwbestelling .wijzig  {
  width:        200px;
  float:        left;
  margin-left:  20px;  
  }  
  
#uwbestelling  .selecteer {
  width:        150px;
  float:        right;
    margin-right: 10px;
  } 

/* buttons 2009*/

a.btn_toevoegen {
  display:      block;
  width:        77px;
  height:        23px;
  background:     url('../images/btn_toevoegen.gif') no-repeat 0px 0px;
  xborder: solid 1px black;
  margin-top:3px;
}

a.btn_toevoegen:hover {
  background:     url('../images/btn_toevoegen.gif') no-repeat 0px -25px;
}

.btn_toevoegen_passief {
  display:      block;
  width:        77px;
  height:        23px;
  background:     url('../images/btn_toevoegen.gif') no-repeat 0px -50px;
  xborder: solid 1px black;
  margin-top:3px;
}

a.btn_verwijder {
  display:      block;
  width:        77px;
  height:        23px;
  background:     url('../images/btn_toevoegen.gif') no-repeat 0px -75px;
  xborder: solid 1px black;
  margin-top:3px;
}

a.btn_verwijder:hover {
  background:     url('../images/btn_toevoegen.gif') no-repeat 0px -100px;
}

.btn_toevoegen_inactief {
  display:      block;
  width:        77px;
  height:        23px;
  background:     url('../images/btn_toevoegen.gif') no-repeat 0px -150px;
  xborder: solid 1px black;
  margin-top:3px;
}

a.bekijkbestell {
  display:      block;
  width:        120px;
  height:        20px;
  background:   url('../images/bekijkbestell_klap.gif') no-repeat 0px -7px;
}

a.bekijkbestell:hover {
  background:     url('../images/bekijkbestell_klap.gif') no-repeat 0px -27px;
}

a.meerinfo {
  display:      block;
  width:        120px;
  height:        20px;
  background:   url('../images/meer_info_klap.gif') no-repeat 0px -7px;
}

a.meerinfo:hover {
  background:     url('../images/meer_info_klap.gif') no-repeat 0px -27px;
}

a.minderinfo {
  display:      block;
  width:        120px;
  height:        20px;
  background:   url('../images/meer_info_klap.gif') no-repeat 0px -57px;
}

a.minderinfo:hover {
  background:   url('../images/meer_info_klap.gif') no-repeat 0px -77px;
}






a.bestel_deze_serie {
  display:      block;
  width:        135px;
  height:        20px;
  background:     url('../images/btn_bestel_vastserie.gif') no-repeat 0px 0px;
}

a.bestel_deze_serie:hover {
  background:     url('../images/btn_bestel_vastserie.gif') no-repeat 0px -20px;
}

a.btn_homebestel {/* op homepage de knop naar SERIES BESTELLEN */
  display:      block;
  width:        180px;
  height:        33px;
  background:     url('../images/btn_homepage.gif') no-repeat -210px 0px;
  margin-bottom: 10px;
}

a.btn_homebestel:hover {
  background:     url('../images/btn_homepage.gif') no-repeat -210px -37px;
}

a.btn_homevraagaan {/* op homepage de knop naar UITGIDS AANVRAGEN */
  display:      block;
  width:        200px;
  height:        33px;
  background:     url('../images/btn_homepage.gif') no-repeat 0px 0px;
}

a.btn_homevraagaan:hover {
  background:     url('../images/btn_homepage.gif') no-repeat 0px -37px;
}

a.btn_homekartenbestel {/* op homepage de knop naar KAARTEN BESTELLEN */
  display:      block;
  width:        195px;
  height:        33px;
  background:     url('../images/btn_homepage.gif') no-repeat -611px 0px;
  margin-bottom: 10px;
}

a.btn_homekartenbestel:hover {
  background:     url('../images/btn_homepage.gif') no-repeat -611px -37px;
}




a.btn_vraagaan {/* op aanvraagpagina de knop naar VERSTUUR AANVRAAG */
  display:      block;
  width:        210px;
  height:        33px;
  background:     url('../images/btn_homepage.gif') no-repeat -400px 0px;
}

a.btn_vraagaan:hover {
  background:     url('../images/btn_homepage.gif') no-repeat -400px -37px;
}



a.btn_uwbestelling {
  display:      block;
  width:        240px;
  height:        30px;
  background:     url('../images/btn_uwbestelling.gif') no-repeat 0px 0px;
  float:        left;
  margin-bottom:    7px;
  }

a.btn_uwbestelling:hover {
  background-position:   -260px 0px;
  }  




/* buttons */
.update-kaartjes {
  display:      block;
  width:        115px;
  height:        25px;
  background:     url('../images/knop_updatekaart.gif') no-repeat 0px 0px;
  float:        left;
  }

.update-kaartjes:hover {
  background-position:   -150px 0px;
  }

.knop-verderwinkel {
  display:      block;
  width:        220px;
  height:        30px;
  background:     url('../images/knop_bestelling.gif') no-repeat 0px 0px;
  float:        left;
  margin:        0px 20px 0px 250px !important;
  margin:        0px 20px 0px 125px;
  }

.knop-verderwinkel:hover {
  background-position:   -280px 0px;
}
  
.knop-verderwinkel_overzicht {
  display:      block;
  width:        220px;
  height:        30px;
  background:     url('../images/knop_bestelling.gif') no-repeat 0px 0px;
  float:        left;
  margin:        0px 20px 0px 100px !important;
  margin:        0px 20px 0px 50px;
}

.knop-verderwinkel_overzicht:hover {
  background-position:   -280px 0px;
}  

.knop-naarkassa {
  display:    block;
  width:      240px;
  height:      30px;
  background: url('../images/knop_bestelling.gif') no-repeat 0px -50px;
  float:      left;
  border:     1px solid pink;
  margin-bottom: 5px;
}

.knop-naarkassa:hover {
  background-position:   -280px -50px;
  }

.knop-naarkassa.overzicht {
  margin-top:      43px;
  }
  
.knop-kassapassief {
  display:      block;
  width:        240px;
  height:        30px;
  background:     url('../images/knop_kassapassief.gif') no-repeat 0px 0px;
  float:        left;
  }

.knop-kassapassief:hover {
  background-position:   -280px 0px;
  }  


.knop-overzichtbestelling {
  display:      block;
  width:        220px;
  height:        30px;
  background:     url('../images/knop_bestelling.gif') no-repeat 0px -150px;
  float:        left;
  margin:        0px 20px 0px 220px !important;
  margin:        0px 20px 0px 105px;
  }

.knop-overzichtbestelling:hover {
  background-position:   -280px -150px;
  }  
  
.knop-verderbestelling {
  display:      block;
  width:        220px;
  height:        30px;
  background:     url('../images/knop_bestelling.gif') no-repeat 0px -100px;
  float:        left;
  }

.knop-verderbestelling:hover {
  background-position:   -280px -100px;
  }    
  
.knop-verderbestelling_single {
  display:      block;
  width:        220px;
  height:        30px;
  background:     url('../images/knop_bestelling.gif') no-repeat 0px -100px;
  float:        right;
  margin:        0 255px 0 0!important;
  margin:        0 125px 0 0;
  }

.knop-verderbestelling_single:hover {
  background-position:   -280px -100px;
  }  

.knop-wijzig {
  display:      block;
  width:        110px;
  height:        30px;
  margin-right:  50px;
  background:   url('../images/knop_bestelling.gif') no-repeat 0px -200px;
  float:        right;
  }

.knop-wijzig:hover {
  background-position:   -280px -200px;
  }  
  
.knop-bevestig {
  display:      block;
  width:        200px;
  height:        30px;
  margin-right:    126px!important;
  margin-right:    63px;
  background:     url('../images/knop_bestelling.gif') no-repeat 0px -100px;
  float:        right;
  }

.knop-bevestig:hover {
  background-position:   -280px -100px;
  }  
  
.knop-bekijk {
  display:      block;
  width:        270px;
  height:        30px;
  margin-right:    5px;
  margin-top:      10px;
  background:     url('../images/knop_bekijkprint.gif') no-repeat 0px 00px;
  }

.knop-bekijk:hover {
  background-position:   -300px 0px;
  }  
  
.knop-print {
  display:      block;
  width:        200px;
  height:        30px;
  margin-right:    50px;
  margin-top:      10px;
  background:   url('../images/knop_print.gif') no-repeat 0px 00px;
  float:right;
  }

.knop-print:hover {
  background-position:   -300px 0px;
  }          
    

  
  
.btn_gids1 {
  display:    block;
  width:      255px;
  height:      83px;
  /*background: url('../images/btn_gids1.gif') no-repeat 0px 0px;*/
  background: url('../images/btn_uitgids1_nietmeermogelijk.jpg') no-repeat 0px 0px;
  position:    absolute;
  top:        495px;
  left:        30px;
  }

.btn_gids1:hover {
  /*background-position:   0px -200px;*/
  }  
  
.btn_gids2 {
  display:    block;
  width:      255px;
  height:      83px;
  background: url('../images/btn_uitgids2_nietmeermogelijk.jpg') no-repeat 0px 0px;
  position:    absolute;
  top:        495px;
  left:        295px;
  }

.btn_gids2:hover {
  /*background-position:   0px -200px;*/
  }  
  
.btn_aanvraag {
  display:    block;
  width:      255px;
  height:      83px;
  background: url('../images/btn_aanvraag.gif') no-repeat 0px 0px;
  position:    absolute;
  top:        495px;
  left:        560px;
  xleft:        275px;
}

.btn_aanvraag:hover {
  background-position:   0px -200px;
}

.locatieinfo {
  width: 600px;
  xfloat: left;
  xmargin-right: 20px;
}
  
/* lists */

.low {
  text-transform:    lowercase;
}
.underline {
  text-decoration:  underline;
  font-weight:    bold;
}  

/* afwijkende styles voor alle pagina's waar in de body 'id="home"' staat */

#home {
  background:     #ffffff url('../images/titel_bg_home.gif') no-repeat 0 0;
}

#home #nav-uitgids {
  /*width:    325px;*/
  width:    425px;
  height:    20px;
  position:  absolute;
  left:      590px;
  top:      85px;
}  

#home #container {
  width:    100%;
}

#home #content {
  position:    absolute;
  top:        100px;   /* als navigatie aan staat moet dit 100px, uit 85 px */
  left:        30px;
  width:      700px;
  height:      560px;
  background: url('../images/bg_home.gif') no-repeat 0px 0px;
  padding:    20px 0 0 20px;  /* als navigatie aan staat moet margin-top 10px, uit 20 px */
}  

#home #banners {
  position:    absolute;
  top:        122px;   /* als navigatie aan staat moet dit 100px, uit 85 px */
  left:        760px;
  width:      300px;
  height:      560px;
}  
.banner_item {
  width:         300px;
  height:         100px;
  margin-bottom: 10px;
}
/* bedankt pagina verzenden uitgids */  
#home #content_small {
  position:    absolute;
  top:        100px;   /* als navigatie aan staat moet dit 100px, uit 85 px */
  left:        30px;
  width:      780px;
  height:      260px;
  background: url('../images/bg_home.gif') no-repeat 0px 0px;
  padding:    20px 0 0 20px;  /* als navigatie aan staat moet margin-top 10px, uit 20 px */
}  

#home #kopregel {
  height: 40px;
  margin-bottom:  5px;
}  

#home #bloktekst {
  margin-bottom:  10px;
  width:220px;
}  

#home .intro {
  font-size:      1.0em;
  xfont-size:      1.1em;
  line-height:    1.4em;
  margin-bottom:  10px;
}  

#home h1{
  font-size:      1.4em;
  line-height:    1.5em;
  xfont-size:      17px;
  xline-height:    20px;
  margin:      0 0 7px 0;
}  

#home .header {
  color:  #ffffff;
  background-color:#552222;
  padding:4px;
  line-height:    21px;
  font-size:  17px;
}  

#home a.subheader {
  color:  #ee4422;
  line-height:    21px;
  font-weight:bold;
  font-size:  17px;
  text-decoration:none;
}  

#home a.subheader:hover {
  text-decoration:underline;
}  
  
#home .colomhome ul {
  list-style:      disc;
  list-style-position: inside;
  margin:         3px 0 17px 0;
}

#home .colomhome {
  display: inline;
  width:    250px;
  float:    left;
  padding:  0 20px 0 30px;
}    
  
#home .bedankt {
  font-size:      1.4em;
  font-weight:    bold;
  line-height:    1.5em;
  margin-bottom:  10px;
}

#home .title-aanvraag {
  background:     url('../images/title_aanvraag.gif') no-repeat 0px 0px;
  height:          30px;
}      

/* invullen klantgegevens aanvraag Uitigds (id=home) */
#home .klantgegevens td {
  font-size:      1.0em;
  padding:        1px 0px 5px 0px;
}    

#home .klantgegevens input.small {
  width:          61px;
  height:          18px;
  border:          1px solid #ffffff;
}  

a.win {
  display:block;
  width:182px;
  height:190px;
  position: absolute;
  top:180px;
  left: 520px;
  /*background:     url('../images/win1.gif') no-repeat 0px 0px;*/
  background:     url('../images/win2010.gif') no-repeat 0px 0px;
}

a.win:hover {
  display:block;
  width:182px;
  height:190px;
  position: absolute;
  top:180px;
  left: 520px;
  /*background:     url('../images/win1.gif') no-repeat 0px -199px;*/
  background:     url('../images/win2010.gif') no-repeat 0px 0px;
}


/* ================================ +
               NAVIGATIES
+  ================================ */

/* navigatie onder header */
#nav-uitgids { 
  width:    450px;
  height:   20px;
  position: absolute;
  left:     12px;
  top:      68px;
}

#nav-uitgids li {
  float:        left;
  display:      inline;
  margin-right:  13px;
}
  
  
/* navigatie van de genres (gids1: combi en vast) */
#nav-genre {
  width:    710px;
  position: absolute;
  left:     0;
  top:      97px;
}

#nav-genre li{
  float:        left;
  display:      inline;
  margin-right:    2px
}

#nav-genre a {
  display:      block; 
  margin:        0; 
  padding:      0; 
  text-indent:    -1000em;
  text-decoration:  none;
  overflow:      hidden
}

#nav-genre .nav_1 {width:149px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat 0px -38px;}
#nav-genre .nav_2 {width:122px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -151px -38px;}
#nav-genre .nav_3 {width:88px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -275px -38px;}
#nav-genre .nav_4 {width:99px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -365px -38px;}
#nav-genre .nav_5 {width:114px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -466px -38px;}
#nav-genre .nav_6 {width:124px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -582px -38px;}

#nav-genre .nav_1:hover {width:149px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat 0px -74px;}
#nav-genre .nav_2:hover {width:122px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -151px -74px;}
#nav-genre .nav_3:hover {width:88px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -275px -74px;}
#nav-genre .nav_4:hover {width:99px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -365px -74px;}
#nav-genre .nav_5:hover {width:114px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -466px -74px;}
#nav-genre .nav_6:hover {width:124px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -582px -74px;}

#nav-genre .nav_1_actief {width:149px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat 0px -1px;}
#nav-genre .nav_2_actief {width:122px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -151px -1px;}
#nav-genre .nav_3_actief {width:88px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -275px -1px;}
#nav-genre .nav_4_actief {width:99px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -365px -1px;}
#nav-genre .nav_5_actief {width:114px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -466px -1px;}
#nav-genre .nav_6_actief {width:124px;  height:33px;  background: url('../images/nav_genre.gif') no-repeat -582px -1px;}


/* gids2 (losse voorstellingen) genres + film */
#nav-gids2 {
  width:    980px;
  position: absolute;
  left:     0;
  top:      108px;
}

#nav-gids2 li{
  float:        left;
  display:      inline;
  margin-right: 2px;
  height:       32px;
}
  
#nav-gids2 li .laatst{
  float:        left;
  display:      inline;
  margin-right:  0;
  height:       32px;
}  

#nav-gids2 a {
  display:         block; 
  height:          35px;
  margin:           0; 
  padding:         0; 
  text-indent:     -1000em;
  text-decoration: none;
  overflow:        hidden;
}

  
#nav-gids2 .nav2_1  {width: 65px;  background: url('../images/nav_genre_gids2.gif') no-repeat    0px -38px;}      /* toneel */
#nav-gids2 .nav2_2  {width: 92px;  background: url('../images/nav_genre_gids2.gif') no-repeat  -67px -38px;}     /* amusement */
#nav-gids2 .nav2_3  {width: 135px; background: url('../images/nav_genre_gids2.gif') no-repeat -163px -38px;}   /* pop */
#nav-gids2 .nav2_4  {width: 71px;  background: url('../images/nav_genre_gids2.gif') no-repeat -300px -38px;}    /* cabaret */
#nav-gids2 .nav2_5  {width: 54px;  background: url('../images/nav_genre_gids2.gif') no-repeat -373px -38px;}    /* jeugd */
#nav-gids2 .nav2_6  {width: 105px; background: url('../images/nav_genre_gids2.gif') no-repeat -429px -38px;}   /* opera */
#nav-gids2 .nav2_7  {width: 80px;  background: url('../images/nav_genre_gids2.gif') no-repeat -536px -38px;}    /* orkest */
#nav-gids2 .nav2_8  {width: 90px;  background: url('../images/nav_genre_gids2.gif') no-repeat -618px -38px;}    /* esembles */
#nav-gids2 .nav2_9  {width: 108px; background: url('../images/nav_genre_gids2.gif') no-repeat -711px -38px;}   /* kamermuziek */
#nav-gids2 .nav2_10 {width: 114px; background: url('../images/nav_genre_gids2.gif') no-repeat -822px -38px;}  /* wereld */
#nav-gids2 .nav2_11 {width: 43px;  background: url('../images/nav_genre_gids2.gif') no-repeat -939px -38px;}   /* film */


#nav-gids2 .nav2_1:hover  {background-position:    0px -74px;}     /* toneel */
#nav-gids2 .nav2_2:hover  {background-position:  -67px -74px;}   /* amusement */
#nav-gids2 .nav2_3:hover  {background-position: -163px -74px;}  /* pop */
#nav-gids2 .nav2_4:hover  {background-position: -300px -74px;}  /* cabaret */
#nav-gids2 .nav2_5:hover  {background-position: -373px -74px;}  /* jeugd */
#nav-gids2 .nav2_6:hover  {background-position: -429px -74px;}  /* opera */
#nav-gids2 .nav2_7:hover  {background-position: -536px -74px;}  /* orkest */
#nav-gids2 .nav2_8:hover  {background-position: -618px -74px;}  /* esembles */
#nav-gids2 .nav2_9:hover  {background-position: -711px -74px;}  /* kamermuziek */
#nav-gids2 .nav2_10:hover {background-position: -822px -74px;} /* wereld */
#nav-gids2 .nav2_11:hover {background-position: -939px -74px;} /* film */


#nav-gids2 .nav2_1_actief  {width:  65px; background: url('../images/nav_genre_gids2.gif') no-repeat    0px 0px;}     /* toneel */
#nav-gids2 .nav2_2_actief  {width:  92px; background: url('../images/nav_genre_gids2.gif') no-repeat  -67px 0px;}    /* amusement */
#nav-gids2 .nav2_3_actief  {width: 128px; background: url('../images/nav_genre_gids2.gif') no-repeat -163px 0px;}  /* pop */
#nav-gids2 .nav2_4_actief  {width:  71px; background: url('../images/nav_genre_gids2.gif') no-repeat -300px 0px;}   /* cabaret */
#nav-gids2 .nav2_5_actief  {width:  54px; background: url('../images/nav_genre_gids2.gif') no-repeat -373px 0px;}   /* jeugd */
#nav-gids2 .nav2_6_actief  {width: 105px; background: url('../images/nav_genre_gids2.gif') no-repeat -429px 0px;}  /* opera */
#nav-gids2 .nav2_7_actief  {width:  80px; background: url('../images/nav_genre_gids2.gif') no-repeat -536px 0px;}   /* orkest */
#nav-gids2 .nav2_8_actief  {width:  90px; background: url('../images/nav_genre_gids2.gif') no-repeat -618px 0px;}   /* esembles */
#nav-gids2 .nav2_9_actief  {width: 109px; background: url('../images/nav_genre_gids2.gif') no-repeat -711px 0px;}  /* kamermuziek */
#nav-gids2 .nav2_10_actief {width: 115px; background: url('../images/nav_genre_gids2.gif') no-repeat -822px 0px;} /* wereld */
#nav-gids2 .nav2_11_actief {width:  43px; background: url('../images/nav_genre_gids2.gif') no-repeat -939px 0px;}  /* film */

/* einde navigatie voor gids2 */


/* navigatie keuzevan pagina (namen van personen) */
#nav-keuzevan {
  width:    925px;
  position: absolute;
  left:     0;
  top:      108px;
}
#nav-keuzevan li {
  float:        left;
  display:      inline;
  margin-right: 2px;
  height:       32px;
}
#nav-keuzevan li.first {
  float:        left;
  display:      inline;
  margin-right: 2px;
  height:       32px;
  width:        105px;
  background: url('../images/nav_keuzevan.jpg') no-repeat    0px 0px;
}  
#nav-keuzevan li.laatst {
  float:        left;
  display:      inline;
  margin-right: 0;
  height:       32px;
}  
#nav-keuzevan a {
  display:         block; 
  height:          35px;
  margin:           0; 
  padding:         0; 
  text-indent:     -1000em;
  text-decoration: none;
  overflow:        hidden;
}

#nav-keuzevan .navkv_1   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -107px -38px;}  /* annemarie */
#nav-keuzevan .navkv_2   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -209px -38px;}  /* ed */
#nav-keuzevan .navkv_3   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -311px -38px;}  /* gijs */
#nav-keuzevan .navkv_4   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -413px -38px;}  /* jacques */
#nav-keuzevan .navkv_5   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -515px -38px;}  /* klaas */
#nav-keuzevan .navkv_6   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -617px -38px;}  /* melle */
#nav-keuzevan .navkv_7   {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -719px -38px;}  /* samantha */

#nav-keuzevan .navkv_1:hover  {background-position: -107px -74px;}  /* annemarie */
#nav-keuzevan .navkv_2:hover  {background-position: -209px -74px;}  /* ed */
#nav-keuzevan .navkv_3:hover  {background-position: -311px -74px;}  /* gijs */
#nav-keuzevan .navkv_4:hover  {background-position: -413px -74px;}  /* jacques */
#nav-keuzevan .navkv_5:hover  {background-position: -515px -74px;}  /* klaas */
#nav-keuzevan .navkv_6:hover  {background-position: -617px -74px;}  /* melle */
#nav-keuzevan .navkv_7:hover  {background-position: -719px -74px;}  /* samantha */

#nav-keuzevan .navkv_1_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -107px 0px;} /* annemarie */
#nav-keuzevan .navkv_2_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -209px 0px;} /* ed */
#nav-keuzevan .navkv_3_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -311px 0px;} /* gijs */
#nav-keuzevan .navkv_4_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -413px 0px;} /* jacques */
#nav-keuzevan .navkv_5_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -515px 0px;} /* klaas */
#nav-keuzevan .navkv_6_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -617px 0px;} /* melle */
#nav-keuzevan .navkv_7_actief {width: 100px; background: url('../images/nav_keuzevan.jpg') no-repeat -719px 0px;} /* samantha */
/* EINDE navigatie keuzevan pagina (namen van personen) */


/* NOG NODIG? */

.xtitle-seriecode {
  /*width:        150px;*/
  width:        220px;
  float:        left;
  }

.xtitle-seriecode.breder {
  width:        192px;
  }

.title-pagina {
  width:        85px;
  height:        35px;
  background:   url('../images/title_pagina.gif') no-repeat 0px 0px;
  float:        left;
  }


/* ### STYLES VOOR OVERZICHTEN BESTELLING (OVERZICHT, KLANTGEGEVENS, BEVESTIGING) ### */

/* styles voor alle lijsten (overzicht bestelling) */
.besteloverzicht {
  margin-left:    10px;
}
  
.besteloverzicht li.rozedonker {
  margin-left:    10px;
  margin-bottom:  10px;
  padding: 5px 0px 8px 0px ;
}  

/* totaal generaal (alle series bij elkaar opgeteld) smalle versie */
#optelling  {
  width:            648px;
  font-size:        1.2em;
  text-align:       right;
  margin:           0 0 35px 20px;
  padding:          8px 80px 8px 5px;
  background-color: #f1d4d9;
}
/* totaal generaal (alle series bij elkaar opgeteld) brede versie */
#optellingbestelling  {
  width:            785px;
  font-size:        1.2em;
  text-align:       right;
  padding:          8px 30px 8px 0px;
  background-color: #f1d4d9;
  border: 0px solid black; /* test */
}

.invalid {
  color: #ee4422;
}

/* styles voor overzicht bestelling op overzichtspagina */
/* totale breedte (kolom-breed): 700px - 10px */

#lijst_overzicht li {
  padding-top:  8px;
  min-height:    27px;
}
/* gegevens serie: titel */
#lijst_overzicht  .codebestel {
  width:         370px;
  margin-left:   10px;
  margin-bottom: 5px;
  font-size:     1.3em;
  font-weight:   bold;
  line-height:    17px;
  float:         left;
  display:        inline;
  xborder: solid 0px red; /* test */
} 

/* gegevens serie: aantal personen + woord 'persoon' */
#lijst_overzicht  .pagina {
  width:      120px;
  font-size:  1.2em;
  font-weight:  bold;
  line-height:   17px;
  float:      left;
  text-align:  center;
  margin-left:  5px;  
  xborder: solid 0px red; /* test */
} 

/* gegevens serie: actie op bestelling/serie (wijzig of verwijder) */
#lijst_overzicht .wijzig  {
  width:        150px;
  float:        left;
  margin-left:  5px;  
  xborder: solid 0px red; /* test */
}  

/* gegevens afzonderlijke voorstellingen */
#lijst_overzicht .voorstellingen {
  width:            95%;
  padding:          10px 0px 10px 10px;
  background-color: #ffffff;
  margin-left:      10px;
  xborder:solid 0px green; /* test */
}

/* gegevens voorstelling: table styles */
/* table style gids2 */
#lijst_overzicht .entries {
  width:        100%;
}

#lijst_overzicht td {
  font-size:    1.1em;
  line-height:  1.6em;
  padding:      5px;
  border-top:   1px dashed #552f25;
}

/* gegevens voorstelling (niet gids2): titel, locatie, datum, tijd */
#lijst_overzicht .titelbestel{
  width:        380px;
  border-top:   1px dashed #552f25;
  }   

/* gegevens voorstelling (niet gids2): rang */
#lijst_overzicht .rangenbestel{
  width:        90px;
  border-top:   1px dashed #552f25;
}   

/* gegevens voorstelling (niet gids2): prijs */
#lijst_overzicht .prijsbestel {
  width:        70px;
  text-align:    right;
  border-top:   1px dashed #552f25;
}   

/* gegevens voorstelling (niet gids2): subtotaal serie */
#lijst_overzicht .subtotaal {
  text-align:    right;
  border-top:   1px dashed #552f25;
}   

/* gegevens voorstelling (gids2): locatie, datum, tijd */
#lijst_overzicht .locatie {
  width:         330px;
}
/* gegevens voorstelling (gids2): rang */
#lijst_overzicht .rangen {
  width:         150px;
}
/* gegevens voorstelling (gids2): aantal (getal) */
#lijst_overzicht .avail {
  width:         60px;
}
/* gegevens voorstelling (gids2): aantal (woord 'aantal') */
/* aantal (td)*/
#lijst_overzicht .aantal {
  width:        50px;
}
/* gegevens voorstelling (gids2): prijs */
#lijst_overzicht .prijs {
  width:         100px;
  font-weight:  bold;
  text-align: right;
}

/* gegevens voorstelling (gids2): top row (kolomheads) in rood */
#lijst_overzicht .uitleg {
  color:       #ee4422;
  float: left;
}

/* styles voor overzicht bestelling op klantgegevenspagina */
/* totale breedte (kolom-breed): 700px - 10px */

#klantbestelling {
  width:        815px;
  margin-left:    10px;
}     

#lijst_klant li {
  padding-top:  8px;
  min-height:    27px;
  margin-left:    10px;
  margin-bottom:  10px;
  xpadding: 5px 0px 5px 0px ;
  xborder: solid 0px green; /* test */
}
  
/* gegevens serie: titel */
#lijst_klant  .codebestel {
  width:         500px;
  margin-left:   10px;
  margin-bottom: 5px;
  font-size:     1.3em;
  font-weight:   bold;
  float:         left;
  display:        inline;
  xborder: solid 0px red; /* test */
} 

/* gegevens serie: aantal personen + woord persoon */
#lijst_klant  .pagina {
  width:       120px;
  font-size:   1.3em;
  font-weight: bold;
  float:       left;
  text-align:   center;
  margin-left: 5px;  
  xborder: solid 0px red; /* test */
} 

/* gegevens serie: open/sluit overzicht voorstellingen */
#lijst_klant  .selecteer {
  width:        120px;
  float:        right;
  text-align:   right;
   margin-right: 10px;
  padding-right: 10px;
  xborder: solid 0px red; /* test */
} 

/* gegevens afzonderlijke voorstellingen (open) */
#lijst_klant .voorstellingen {
  width:            95%;
  padding:          10px 0px 10px 10px;
  background-color: #ffffff;
  margin-left:      10px;
  xmargin-bottom:   10px;
  xborder:solid 0px green; /* test */
}

/* gegevens voorstelling: table styles */
/* table style gids2 */
#lijst_klant td {
  font-size:    1.1em;
  line-height:  1.6em;
  padding:      5px;
  border-top:   1px dashed #552f25;
}

#lijst_klant .noborder {
  xfont-size:    1.1em;
  xline-height:  1.6em;
  xpadding:      5px;
  border-top:   0px dashed #552f25;
}

#lijst_klant .entries {
  width:        100%;
}

/* gegevens voorstelling: locatie, datum, tijd */
#lijst_klant .bestel_vst {
  width:         382px;
}
/* gegevens voorstelling: rang */
#lijst_klant .bestel_rang {
  width:         100px;
}
/* gegevens voorstelling: aantal personen */
#lijst_klant .bestel_aantal {
  width:         50px;
   font-weight:   bold;
}
/* gegevens voorstelling: prijs */
#lijst_klant .bestel_prijs {
  width:         50px;
}
/* gegevens voorstelling: subtotaal voorstelling */
#lijst_klant .bestel_sub {
  width:         120px;
  text-align:    right;
}
/* gegevens voorstelling: subtotaal serie */
#lijst_klant .bestel_subtot {
  width:         170px;
  text-align:    right;
}
/* gegevens voorstelling: top row (kolomheads) in rood */
#lijst_klant .uitleg {
  color:       #ee4422;
}    

/* styles voor overzicht bestelling op bevestigingspagina */

/* bevestiging pagina intro tekst (tonen na definitieve bestelling) */
.befest_intro {
  width:     450px;
  margin:     0 0 20px 15px;
  xfont-size: 1.2em;
  font-size: 14px;
  color:     #552f25;
  float:     left;
  overflow:   hidden;
  display:   inline
  }

#kolom-adresbefestig {
  position:      relative;
  width:        800px;
  margin:        0 8px;
  padding:      20px 10px;
  background-color:  #f1d4d9;
  }
    
#bestellingdef {
  position:       relative;
  width:         924px;
  margin:         0 8px;
  }

#bevestigbestelling {
  width:        815px;
  margin-left:    10px;
}     

#lijst_bevestig li {
  padding-top:  8px;
  min-height:    27px;
  margin-left:    10px;
  margin-bottom:  10px;
  xpadding: 5px 0px 5px 0px ;
  xborder: solid 0px green; /* test */
}
  
/* gegevens serie: titel */
#lijst_bevestig  .codebestel {
  width:         500px;
  margin-left:   10px;
  margin-bottom: 5px;
  xfont-size:     1.3em;
  font-size:     16px;
  font-weight:   bold;
  float:         left;
  display:        inline;
  xborder: solid 0px red; /* test */
} 

/* gegevens serie: aantal personen + woord persoon */
#lijst_bevestig  .pagina {
  width:       120px;
  xfont-size:     1.3em;
  font-size:     16px;
  font-weight: bold;
  float:       left;
  text-align:   center;
  margin-left: 5px;  
  xborder: solid 0px red; /* test */
} 

/* gegevens serie: open/sluit overzicht voorstellingen */
#lijst_bevestig  .selecteer {
  width:        120px;
  float:        right;
  text-align:   right;
   margin-right: 10px;
  padding-right: 10px;
  xborder: solid 0px red; /* test */
} 

/* gegevens afzonderlijke voorstellingen (open) */
#lijst_bevestig .voorstellingen {
  width:            95%;
  padding:          10px 0px 10px 10px;
  background-color: #ffffff;
  margin-left:      10px;
  xmargin-bottom:   10px;
  xborder:solid 0px green; /* test */
}

/* gegevens voorstelling: table styles */
/* table style gids2 */
#lijst_bevestig td {
  xfont-size:    1.1em;
  xline-height:  1.6em;
  padding:      5px;
  border-top:   1px dashed #552f25;
}

#lijst_bevestig .noborder {
  xfont-size:    1.1em;
  xline-height:  1.6em;
  xpadding:      5px;
  border-top:   0px dashed #552f25;
}

#lijst_bevestig .entries {
  width:        100%;
}

/* gegevens voorstelling: locatie, datum, tijd */
#lijst_bevestig .bestel_vst {
  width:         382px;
}
/* gegevens voorstelling: rang */
#lijst_bevestig .bestel_rang {
  width:         100px;
}
/* gegevens voorstelling: aantal personen */
#lijst_bevestig .bestel_aantal {
  width:         50px;
   font-weight:   bold;
}
/* gegevens voorstelling: prijs */
#lijst_bevestig .bestel_prijs {
  width:         50px;
}
/* gegevens voorstelling: subtotaal voorstelling */
#lijst_bevestig .bestel_sub {
  width:         120px;
  text-align:    right;
}
/* gegevens voorstelling: subtotaal serie */
#lijst_bevestig .bestel_subtot {
  width:         170px;
  text-align:    right;
}
/* gegevens voorstelling: top row (kolomheads) in rood */
#lijst_bevestig .uitleg {
  color:       #ee4422;
}    

.smallfont {
  font-size: 10px;
}
/* seriekeuzelijsten doen niet meer mee in 2009: */
/*
#seriekeuzelijst li {
  padding-top: 8px;
  min-height:  27px;
  }

#seriekeuzelijst li.vast {
  padding-left: 10px;
  height:       40px;
  }
  
#seriekeuzelijst li.overzicht {
  padding-left: 1px;
  height:       40px;
  }  

#seriekeuzelijst  .seriecheck {
  float:  left;
  margin: 5px 4px 4px 10px !important;
  margin: 1px 0 0 5px;
  } 

#seriekeuzelijst  .code {
  width:       190px;
  font-size:   1.3em;
  font-weight: bold;
  float:       left;
  margin-top:  4px;
  } 
  
#seriekeuzelijst  .codevast {
  width:      190px;
  font-size:  1.3em;
  font-weight:bold;
  float:      left;
  margin-top:  4px;
  }    
  
#seriekeuzelijst  .pagina {
  width:      50px;
  font-size:  1.3em;
  float:      left;
  text-align:  center;
  margin-top:  4px;
  } 

#seriekeuzelijst  .rangvast {
  width:          90px;
  float:          left;
  margin:          0px 0px 0 40px;
  padding-bottom:  1px;
  font-weight:     bold;
  }  

#seriekeuzelijst  .keuze {
  width:          115px;
  float:          left;
  margin:          0px 80px 0 45px;
  padding-bottom:  1px;
  font-weight:    bold;
  margin-top:  4px;
  } 

#seriekeuzelijst  .keuzevast {
  width:          115px;
  float:          left;
  margin:          0px 20px 0 0;
  padding-bottom:  5px;
  font-weight:    bold;
  } 

#seriekeuzelijst .serietitel{
  width:         480px;
  float:         left;
  font-size:     1.1em;
  height:         20px;
  margin-left:   9px!important;
  margin-left:   3px;
  margin-top:     -1px;
  }     
  
#seriekeuzelijst .serietitelvast {
  width:         480px;
  float:         left;
  font-size:     1.1em;
  margin-left:   9px!important;
  margin-left:   3px;
  margin-top:     -3px;
  margin-bottom: 5px;
  }   

#seriekeuzelijst  .codebestel {
  width:         450px;
  margin-left:   6px;
  margin-bottom: 3px;
  font-size:   1.3em;
  font-weight: bold;
  float:       left;
} 

#seriekeuzelijst  .bestelcode {
  font-size:    1.1em;
  color:        #ee4422;
}

#seriekeuzelijst  .selecteerkeuze {
  width:      160px;
  font-size:  1.1em;
  float:      right;
  margin-top: 4px;
  margin-right: 4px;
} 

#seriekeuzelijst  .selecteervast {
  width:        140px;
  font-size:    1.1em;
  float:        right;
  margin-top:   4px;
  margin-right: 4px;
} 

#seriekeuzelijst .wijzig  {
  xwidth:        250px;
  float:        right;
  margin-right:  50px;
}

.aantalgekozen {
  font-size:    1.2em;
  font-weight:  bold;
    margin-left:  40px;
  text-align:    center;
} 

#seriekeuzelijst .naam {
  width:        340px;
  height:        40px;
  color:        #ee4422;
  float:        left;
  font-weight:   bold;
  margin-left:  5px;
}  

#seriekeuzelijst .uitleg {
  width:        185px;
  height:        20px;
  float:        left;
  font-size:    1.1em;
  margin-top:    20px;
  color:        #ee4422;
}    

#seriekeuzelijst h2 {
  font-size:    1.6em;
  font-weight:  normal;
  line-height:  1em;
}
  
#seriekeuzelijst .entries {
  width:        100%;
}

#seriekeuzelijst td   {
  font-size:    1.1em;
  line-height:  1.6em;
  padding:    5px;
  border-top:   1px dashed #552f25;
}

#seriekeuzelijst .titel {
  width:         325px;
}
*/
/* uitklap div vaste series */
/*
#seriekeuzelijst .locatie {
  width:         210px;
}
#seriekeuzelijst .datumtijd {
  width:         190px;
}

#seriekeuzelijst .rangen {
  width:         100px;
}

#seriekeuzelijst .prijs {
  width:         85px;
  font-weight:    bold;
  text-align:      center;
}

#seriekeuzelijst .voorstellingen {
  width:        680px;
  padding:      20px 0px 10px 10px;
  background-color:  #ffffff;
}

#seriekeuzelijst .titelbestel {
  xwidth:       320px;
  width:         400px;
  margin-right:    10px;
}

#seriekeuzelijst .rangenbestel {
  xwidth:       110px;
  width:         80px;
}

#seriekeuzelijst .prijsbestel {
  width:         120px;
  text-align:    right;
}

#seriekeuzelijst .aanbod {
  width:         100px;
}

#seriekeuzelijst .toevoegen {
  font-weight:     bold;
  text-decoration: underline;
  text-align:      right;
  padding-right:10px;
}
*/
/* einde seriekeuzekeuzelijst */

/* banner carrousel op vervolgpagina */
#bannerdiv {
  float:       right;
  width:       300px;
  height:      100px;
  margin-top:  2px;
  padding:     5 6px 0 0;
}
  
#bannerdiv .item {
  display:  none;
  position: absolute;
  width:    300px;
  height:   100px;
}