body{
  background: #990000 url(/HOFNAR/img/background_verloop.jpg) repeat-x scroll top left;
}
div#wrapper {
  background: #500000 /*url(/HOFNAR/img/inner_background.png) repeat-x scroll top left*/;
}
div#container {
  padding-top: 35px;
  padding-bottom:3px;
}
div#header {
  background: transparent url(/HOFNAR/img/logo_hofnar.png) no-repeat left;
  height: 80px;
  margin-bottom: 5px;
}
div#nav a.button{
  margin-top: 5px;
  margin-bottom:0;
}
div#nav a#algemeen, div#nav .breadcrumb_cont#algemeen {
  }
div#nav a.button{
  background-color: #990000; }

div#main .tegel_knoppen {
  top: 172px;
}
div#main .tegel_knoppen span {
  margin-left:10px;
}
div#main span.tegel_info {
  margin-left:-8px;
} 

div#main a span.bestel_nu {height:22px;}
div#main a span.info {height: 22px;}

div#main table.lijst tr td {
  padding-left: 3px;
  padding-right:3px;
}
div#main div.details div.txt_recensie{
  font-weight:normal;
  font-size:.8em;
  padding: .1em 0 .5em 0;
}
div#main div.details div.recensie{
  width:100px;
  height:200px;
  float:left;
  margin-right:10px;
}
div#main div.details div.recensie a{
  position:relative;
  font-weight:normal;
  font-size:.8em;
  bottom:3px;
}
div#main div.details div.recensie div.word{
  width:50px;
  height:50px;
  background:url(/HOFNAR/img/Icoon_Word.gif) no-repeat;
}
div#main div.details div.recensie div.jpeg{
  width:50px;
  height:50px;
  background:url(/HOFNAR/img/Icoon_JPG.gif) no-repeat;
}
div#main div.details div.recensie div.pdf{
  width:50px;
  height:50px;
  background:url(/HOFNAR/img/Icoon_PDF_klein.gif) no-repeat;
}
div#main div.details div#maintube{
  float:left;
}
div#main div.details div#subtubes{
  float:left;
  padding-left:1.5em;
  width:220px;
  height:304px;
}
div#main div.details div#subtubes div#first_subtube{
  padding-bottom:10px;
}
div#main div.details div.fotos_section {
  float: left;
}
div#main .details .fotos_section .foto_item {
  padding-top: .2em;
  margin-left: 1.5em;
  }
div#main .details .fotos_section .first_foto_item {
  margin-left: 0;
  }
 
div#main div#assoc_container{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}
div#main div.assoc_tegel{
  float:left;
  width:180px;
  height:100%;
  margin-left:9px;
  background:url(/HOFNAR/img/valvaldriebuiten.jpg);
  background-position: center center;
}
div#main div#assoc_1{
  margin-left:-5px;
  background:url(/HOFNAR/img/Brede_lach.jpg);
}
div#main div#assoc_2{background:url(/HOFNAR/img/Neutraal.jpg);}
div#main div#assoc_3{background:url(/HOFNAR/img/Verbazing.jpg);}
div#main div#assoc_4{background:url(/HOFNAR/img/Zoen.jpg);}
div#main div#assoc_5{background:url(/HOFNAR/img/Lekker.jpg);}
div#main div.assoc_tegel div.assoc_txt{
  padding:0;
  position:relative;
  top:80%;
  color:#990000;
  font-variant: small-caps;
  font-weight: bold;
  text-align:center;
}
div#main div.assoc_tegel:hover{cursor:pointer;}
div#main div.img_left{
	width:100%;
	height:100%;
	background:url(/HOFNAR/img/hofnar-theater-cafe.jpg) no-repeat;
	background-position: left center;
	overflow-y:auto;
}
div#main div.fixed_text{
  margin-left: 210px;
  overflow-y:auto;
}
div#main div.fixed_text div#news_container div.news_item_container{
  padding-bottom:1em;
  }
div#main div.fixed_text div#news_container div.news_item_container div.news_item_header{
  padding-bottom:.5em;
  }

  div#main div#horeca_img_left{
	background:url(/HOFNAR/img/echtuitcafé.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#informatie_img_left{
	background:url(/HOFNAR/img/voordeur.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#hofnarpas_img_left{
	background:url(/HOFNAR/img/klappendemensen2.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#algemene_voorwaarden_img_left{
	background:url(/HOFNAR/img/beeldenvoorkant.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#zakelijk_img_left{
	background:url(/HOFNAR/img/verhuur.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#artiesteningang_img_left, div#main div#theatertechniek_img_left, div#main div#zaalplattegrond_img_left{
	background:url(/HOFNAR/img/techniekpagina.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#news_img_left, div#main div#cjp_img_left , div#main div#warm_aanbevolen_img_left{
	background:url(/HOFNAR/img/Lekker_zonder_oranje.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#programma_wijzigingen_img_left{
	background:url(/HOFNAR/img/Flyers1.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#nieuwsbrief_img_left, div#main div#nieuws_img_left{
	background:url(/HOFNAR/img/Foyer3.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#uitverkocht_img_left{
	background:url(/HOFNAR/img/Verbazing_zonder_oranje.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#contact_img_left, div#main div#over_de_hofnar_img_left{
	background:url(/HOFNAR/img/beeldenvoorkant.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#aanvang__amp__pauze_img_left, div#main div#vriendenvoordelen_img_left{
	background:url(/HOFNAR/img/klappendemensen2.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#inleidingen_img_left{
	background:url(/HOFNAR/img/publiek1.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#geluidsversterkers_img_left, div#main div#bulletins_img_left{
	background:url(/HOFNAR/img/Pilaren1.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#stoelenplan_img_left{
	background:url(/HOFNAR/img/Zaalstoelen2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#mijn_hofnar_img_left, div#main div#balkonarrangement_img_left{
	background:url(/HOFNAR/img/Bar3.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#uw_smaak_img_left, div#main div#vrienden_img_left{
	background:url(/HOFNAR/img/klappendemensen.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#echt_uit__img_left{
	background:url(/HOFNAR/img/Echt-Uit.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#vlakke_vloer_img_left, div#main div#theater_te_huur_img_left{
	background:url(/HOFNAR/img/verhuur.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#overig_img_left, div#main div#brochure_aanvragen_img_left{
	background:url(/HOFNAR/img/Garderobe4.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#faq_s_img_left{
	background:url(/HOFNAR/img/Neutraal2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#kaartverkoop_img_left, div#main div#vergaderzalen_img_left{
	background:url(/HOFNAR/img/Zaalstoelen1klein.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#reserveren_img_left, div#main div#routebeschrijving_img_left, div#main div#routebeschrijving__amp__bereikbaarheid_img_left{
	background:url(/HOFNAR/img/Pilaren2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#passen__amp__prijzen_img_left{
	background:url(/HOFNAR/img/Flyers2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#ruilen_annuleren_duplicaten_img_left{
	background:url(/HOFNAR/img/Foyer7.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#jokers__amp__narren_img_left{
	background:url(/HOFNAR/img/Bar1.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#cadeaukaarten_img_left{
	background:url(/HOFNAR/img/Zoen2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#rolstoelen_img_left{
	background:url(/HOFNAR/img/Inloopzaal1.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#eten__amp__drinken_img_left, div#main div#voorproeven_img_left{
	background:url(/HOFNAR/img/Bar2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#theaterdiners_img_left, div#main div#combinaties_img_left{
	background:url(/HOFNAR/img/Theaterdiner4LOGO.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#wijnarrangement_img_left, div#main div#catering_img_left{
	background:url(/HOFNAR/img/wijn1.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#pannenkoeken_eten_img_left{
	background:url(/HOFNAR/img/PannenkoekenLOGO.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#high_tea_img_left, div#main div#serie_smaakvol_klassiek_img_left{
	background:url(/HOFNAR/img/hightea.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#normandie_img_left, div#main div#eten_bij_normandie_img_left{
	background:url(/HOFNAR/img/normandie1.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#kidzzzclub_img_left{
	background:url(/HOFNAR/img/kidzzzclub.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#jeugd__amp__familievoorstellingen_img_left{
	background:url(/HOFNAR/img/jeugdfamilievoorstellingen.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#kinderfeestjes_img_left{
	background:url(/HOFNAR/img/kinderfeestjes.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#sponsors_img_left, div#main div#bedrijf__amp__cultuur_img_left{
	background:url(/HOFNAR/img/Hofnarster.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#exposities_img_left{
	background:url(/HOFNAR/img/exposities.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#yes_jazz_img_left{
	background:url(/HOFNAR/img/YesJazz.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#samenwerking_img_left{
	background:url(/HOFNAR/img/samenwerking.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#vacatures_img_left{
	background:url(/HOFNAR/img/echtuitcafé.JPG) no-repeat;
    background-position: left center;
  }
  div#main div#links_img_left, div#main div#dressingroomservice_img_left{
	background:url(/HOFNAR/img/Barlampen2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#hyves_twitter_facebook_youtube_img_left{
	background:url(/HOFNAR/img/Bredelach2.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#parkeren_img_left{
	background:url(/HOFNAR/img/valvaldriebuiten.jpg) no-repeat;
    background-position: left center;
  }
  div#main div#overige_restaurants_img_left{
	background:url(/HOFNAR/img/overigerestaurants.jpg) no-repeat;
    background-position: left center;
  }
  
  

div#nav div.sub a {
  margin:0;
  }
div#nav div.sub  span.mn_sep{
  font-weight:normal;
  padding:0;
  margin:0;
}
div#nav a#artiesteningang{
  margin-bottom:0;
  }
div#nav div.bg_col2{
  background-color:#ffebdc;
}
div#nav div.bg_col3{
  background-color:white;
  line-height:1.3em;
  font-weight:bold;
}
div#nav div.vrst_right_part {
    margin-top: -22px;
    width: 100px;
    margin-left: 790px; 
    font-weight:normal;
    }
div#nav .sub .top {
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-variant: small-caps;
  font-size: 120%;
  color: #9f1b32;
  }
  div#nav .sub .top span.genre {
    text-transform: lowercase;
	line-height:150%;
	}
  div#nav .sub .top span.artiest {
	font-variant: normal;
	font-weight:bold;
	}
  div#nav .sub .top span.naam {
	font-variant: normal;
	font-weight:bold;
	}
  div#nav .sub .top span.lower {
    text-transform: lowercase;
  	}
  div#nav div.subsub{
    height: 30px;
  }
  div#nav div.subsub span.kijk{
    font-variant: small-caps;
  }
  /*div#nav div.subsub a span#foto, div#nav div.subsub a span#info, div#nav div.subsub a span#recensies, div#nav div.subsub a span#reacties, div#nav div.subsub a span#taf{*/
  div#nav div.subsub a span.tab{
    position: relative;
    left: 3px;
    display: inline-block;
    margin-right:3px;
    zoom: 1;
    background-repeat: no-repeat;
    }
    div#nav div.subsub a span#foto, div#nav div.subsub a span#foto_curr{
	  top: 3px;
      height:16px;
      width:24px;
	}
    div#nav div.subsub a span#foto_curr{background-image: url(/HOFNAR/img/Foto_oranje_Klein.gif);}
    div#nav div.subsub a span#foto{background-image: url(/HOFNAR/img/Foto_zwart_Klein.gif);}
    div#nav div.subsub a span#info, div#nav div.subsub a span#info_curr{
	  top: 5px;
      height:19px;
      width:22px;
	}
    div#nav div.subsub a span#info_curr{background-image: url(/HOFNAR/img/Info_oranje_Klein.gif);}
    div#nav div.subsub a span#info{background-image: url(/HOFNAR/img/Info_zwart_Klein.gif);}
    div#nav div.subsub a span#recensies, div#nav div.subsub a span#recensies_curr{
	  top: 4px;
      height:20px;
      width:20px;
	}
    div#nav div.subsub a span#recensies_curr{background-image: url(/HOFNAR/img/Recensies_oranje_Klein.gif);}
    div#nav div.subsub a span#recensies{background-image: url(/HOFNAR/img/Recensies_zwart_Klein.gif);}
    div#nav div.subsub a span#reacties, div#nav div.subsub a span#reacties_curr{
	  top: 4px;
      height:18px;
      width:23px;
	}
    div#nav div.subsub a span#reacties_curr{background-image: url(/HOFNAR/img/Reacties_oranje_Klein.gif);}
    div#nav div.subsub a span#reacties{background-image: url(/HOFNAR/img/Reacties_zwart_Klein.gif);}
    div#nav div.subsub a span#taf, div#nav div.subsub a span#taf_curr{
	  top: 1px;
      height:14px;
      width:28px;
	}
    div#nav div.subsub a span#taf_curr{background-image: url(/HOFNAR/img/Tell_a_Friend_oranje_Klein.gif);}
    div#nav div.subsub a span#taf{background-image: url(/HOFNAR/img/Tell_a_Friend_zwart_Klein.gif);}

	div#nav div.vrst_right_part{
	  float:right;
	  width:150px;
	  padding-left:6px;
    }
	
  a.second{
  font-variant: small-caps;
  font-weight: bold;
  }
  div#main .details .cross_sell span{
    margin-left: 5px;
    font-weight: bold;
	font-variant: small-caps;
	color:#fff; 
    }

  div#main .details .cross_sell{
    background-color: #eb8d21;
    margin-left:4px;

    padding-left:4px;
    padding-right:4px;
    }
  div#main .details div#prev_next{
    margin-top:.8em;
	float:left;
	width:80%;
	}
	
    div#main .details div#prev_next a span.vorige, div#main .details div#prev_next a span.volgende{
      background-repeat: no-repeat;
      display: inline-block;
      zoom: 1;
      padding-right:10px;
      }
    div#main .details div#prev_next a span.vorige {
      width: 55px;
      height: 26px;
      background-image: url(/HOFNAR/img/website_buttons.png?201007131300); 
      background-position: 0 -120px;}
      div#main .details div#prev_next a span.vorige:hover{
        cursor: pointer;
        background-position: -85px -120px; }
    div#main .details div#prev_next a span.volgende {
      width: 76px;
      height: 26px;
      background-image: url(/HOFNAR/img/website_buttons.png?201007131300); 
      background-position: 0 -150px;}
      div#main .details div#prev_next a span.volgende:hover{
        cursor: pointer;
        background-position: -85px -150px; }
    
    div#main .details div#taf_form{
		float:left;
		}

div.cs_item img.bestelform_cross_selling_img{
width:100px;
height:100px;
}

div.fotos_section div.foto_item img.bestelform_cross_selling_img{
width:150px;
height:150px;
}

div#main .details div.fotos_section{
  width:85%;
}

form .form_element {
  font-size:9pt;
  margin-top: 7px;
  margin-bottom: 7px;
  }
 
    div#nav a span.bestel_nu, div#nav a span.info, div#nav a span.wachtrij, div#nav a span.bijna_vol, div#main a span.bestel_nu, div#main a span.info, div#main a span.wachtrij, div#main a span.bijna_vol {
      background-repeat: no-repeat;
      display: inline-block;
      zoom: 1;
      *display: inline;
      *top: 7px; }
    div#main a span.bestel_nu, div#nav a span.bestel_nu {
      width: 86px;
      height: 26px;
      background-image: url(/HOFNAR/img/website_buttons.png?201007131300); }
	  div#main a span.bestel_nu:hover, div#nav a span.bestel_nu:hover {
        cursor: pointer;
        background-position: -85px 0; }
    div#main a span.wachtrij, div#nav a span.wachtrij {
      width: 86px;
      height: 26px;
      background-image: url(/HOFNAR/img/website_buttons.png?201007131300); 
      background-position: 0 -60px;}
      div#main a span.wachtrij:hover, div#nav a span.wachtrij:hover {
        cursor: pointer;
        background-position: -85px -60px; }
    div#main a span.bijna_vol, div#nav a span.bijna_vol {
      width: 86px;
      height: 26px;
      background-image: url(/HOFNAR/img/website_buttons.png?201007131300); 
      background-position: 0 -30px;}
      div#main a span.bijna_vol:hover, div#nav a span.bijna_vol:hover {
        cursor: pointer;
        background-position: -85px -30px; }
    div#main a span.info, div#nav a span.info {
      width: 50px;
      height: 26px;
      background-image: url(/HOFNAR/img/website_buttons.png?201007131300); 
      background-position: 0 -90px;}
      div#main a span.info:hover, div#nav a span.info:hover {
        cursor: pointer;
        background-position: -85px -90px; }
div#afs {
  position:absolute;
  right:0;
  bottom:4px;
  padding-right:4px;
  }
div#afs a{
  color: white;
  text-decoration: none;
  font-style: italic;
  font-weight:normal;
  font-size:0.8em;
  }
div#main .details ul.rating, div#main .details ul.rated{
	width:90px;
	height:16px;
	margin:0;
	padding:0;
	list-style:none;
	*clear:both;
	position:relative;
	background: url(/HOFNAR/img/star-matrix2.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
div#main .details ul.nostar {background-position:0 0}
div#main .details ul.onestar {background-position:0 -96px}
div#main .details ul.twostar {background-position:0 -112px}
div#main .details ul.threestar {background-position:0 -128px}
div#main .details ul.fourstar {background-position:0 -144px}
div#main .details ul.fivestar {background-position:0 -160px}
div#main .details ul.rating li, div#main .details ul.rated li{
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
div#main .details ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
div#main .details ul.rating li.one a {left:0}
div#main .details ul.rating li.two a {left:16px;}
div#main .details ul.rating li.three a {left:32px;}
div#main .details ul.rating li.four a {left:48px;}
div#main .details ul.rating li.five a {left:64px;}
div#main .details ul.rating li a:hover {
	z-index:2;
	width:90px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/HOFNAR/img/star-matrix2.gif) no-repeat 0 0
}
div#main .details ul.rating li.one a:hover {background-position:0 -96px;}
div#main .details ul.rating li.two a:hover {background-position:0 -112px;}
div#main .details ul.rating li.three a:hover {background-position:0 -128px}
div#main .details ul.rating li.four a:hover {background-position:0 -144px}
div#main .details ul.rating li.five a:hover {background-position:0 -160px}
div#main .details span.reaktie_naam{
 font-weight:bold;
 font-size:.9em;
 display: inline;
 }
div#main .details span.reaktie_datum{
 font-weight:normal;
 font-style: italic;
 font-size:.9em;
 display: inline;
 }
div#main .details span.reaktie_txt{
 font-weight:normal;
 font-style: italic;
 font-size:.9em;
 display: block;
 margin:0 0 .4em 0;
}
div#main .details ul.displ_rat{
margin-bottom:1.2em;
}