* {font-family: arial; }

a {color: #DE4096; }

#container { margin: 0 auto; width: 1000px; height: 1000px; background: url(background.jpg)} 

#container #menu {padding: 0 0 0 0; margin: 206px 0 0 64px;  height: 228px; width: 170px;}

#container #menu li { margin: 0 0 20px 0; width: 170px; height: 17px; display: block; float: left; }
#container #menu li  a { text-decoration: none; margin: 0 0 0 0; width: 170px; height: 17px; display: block; float: left; }
 
#container #menu #button_home a { background: url(background_menu.png) no-repeat -174px 0; }
#container #menu #button_programma a { background: url(background_menu.png) no-repeat -174px -36px; }
#container #menu #button_kaartverkoop a { background: url(background_menu.png) no-repeat -174px -70px; }
#container #menu #button_info a { background: url(background_menu.png) no-repeat -174px -105px; }
#container #menu #button_foto a { background: url(background_menu.png) no-repeat -174px -136px; }

#container #menu #button_home a:hover { background: url(background_menu.png) no-repeat 0 0; }
#container #menu #button_programma a:hover { background: url(background_menu.png) no-repeat 0 -36px; }
#container #menu #button_kaartverkoop a:hover { background: url(background_menu.png) no-repeat 0 -70px; }
#container #menu #button_info a:hover { background: url(background_menu.png) no-repeat 0 -105px; }
#container #menu #button_foto a:hover { background: url(background_menu.png) no-repeat -1px -135px; }

#container #menu #button_home_active a { background: url(background_menu.png) no-repeat 0 0px; }
#container #menu #button_programma_active  a { background: url(background_menu.png) no-repeat 0px -36px; }
#container #menu #button_kaartverkoop_active  a { background: url(background_menu.png) no-repeat 0 -70px; }
#container #menu #button_info_active  a { background: url(background_menu.png) no-repeat 0px -105px; }
#container #menu #button_foto_active  a { background: url(background_menu.png) no-repeat 0px -136px; }

#container #leftbar {  float: left; display: block;  }
#container #midbar { width: 170px; float: left; display: block; }
#container #rightbar { width: 170px; float: left; display: block;  }
#container #logos { width: 900px; float: left; display: block;  margin: 70px 0 0 70px;}

#container #film { float: left; display: block; margin: 350px 0 0 250px; }


#container #home { width: 1000px; height: 1000px; background: url(background_home.png) no-repeat 250px 204px;}
#container #home #leftbar { width: 234px; }
#container #home #midbar { width: 322px; margin: 250px 0 0 32px; font-size: 14px; }
#container #home #intro { color: black; height: 220px;}
#container #home #organisatie { color: #346C9B; }

#container #program { width: 1000px; height: 1000px; background: url(background_program.png) no-repeat 66px 204px;}
#container #program  em { color: #DE4096;}
#container #program #leftbar { width: 380px; margin: 0 0 0 0px;}
#container #program #noorderlicht { color: black; height: 310px; font-size: 12px; line-height: 12px; margin: 14px 0 0 80px; }
#container #program #vuurmoment { color: #black; font-size: 11px; line-height: 11px; width: 250px; margin: 10px 0 0 80px;}
#container #program #vuurmoment em { color: #DE4096; font-size: 12px; line-height: 12px;}

#container #program #midbar { width: 290px; margin: 210px 0 0 4px; }
#container #program #intro { color: black; height: 170px; font-size: 12px; line-height: 13px; margin: 14px 0 0 0px; width: 230px; }
#container #program #pickup { color: #black; height: 260px; font-size: 12px; line-height: 13px; width: 250px; }
#container #program #sleaze { color: #black; font-size: 12px; line-height: 13px; width: 250px; }

#container #program  #rightbar #vision { font-size: 12px; line-height: 12px; margin: 260px 0 0 4px; width: 200px; }
#container #program  #rightbar #vision strong { font-size: 12px; line-height: 12px;  }
#container #program  #rightbar #vision em { font-size: 12px; line-height: 12px;  }

#container #info { width: 1000px; height: 1000px; background: url(background_info.png) no-repeat 66px 204px;}
#container #info  em { color: #DE4096;}
#container #info #leftbar { width: 380px; margin: 0 0 0 0px;}
#container #info #noorderlicht { color: black; height: 80px; font-size: 12px; line-height: 12px; margin: 54px 0 0 90px; }
#container #info #vuurmoment { color: #black; font-size: 11px; line-height: 11px; width: 250px; margin: 10px 0 0 90px;}

#container #info #midbar { width: 290px; margin: 218px 0 0 5px; }
#container #info #intro { color: black; height: 140px; font-size: 12px; line-height: 13px; margin: 84px 0 0 0px; width: 230px; }
#container #info #pickup { color: #black; height: 150px; font-size: 12px; line-height: 13px; width: 230px; }
#container #info #sleaze { color: #black; font-size: 12px; line-height: 13px; width: 250px; }
#container #info em { font-size: 12px; line-height: 13px; }

#container #info  #rightbar #vision { font-size: 12px; line-height: 14px; margin: 250px 0 0 10px; width: 200px; }
#container #info  #rightbar #vision strong { font-size: 12px; line-height: 14px;  }
#container #info  #rightbar #vision em { font-size: 12px; line-height: 14px;  }

#container #tickets { width: 1000px; height: 1000px; background: url(background_tickets.png) no-repeat 270px 204px;}
#container #tickets  em { color: #DE4096; font-size: 12px; line-height: 13px;}
#container #tickets #leftbar { width: 280px; margin: 0 0 0 0px;}
#container #tickets #midbar { width: 290px; margin: 210px 0 0 2px; }
#container #tickets #intro { color: black; height: 200px; font-size: 12px; line-height: 13px; margin: 30px 0 0 0px; width: 230px; }
#container #tickets #pickup { color: #black; height: 100px; font-size: 12px; line-height: 13px; width: 230px; }
#container #tickets #sleaze { color: #black; font-size: 12px; line-height: 13px; width: 250px; }