@CHARSET "UTF-8";
a {text-decoration: underline;overflow:hidden;}

.block h3 {padding: 0;font-size:18px;}


#header ul.menu {margin-top:10px; width: 480px; height: 24px; padding: 0; position: relative;}
#header ul.menu li {text-indent: -9999px; margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
#header ul.menu li, #header ul.menu a {height: 24px; display: block;}

#header .submenu {display:none; height:24px; width:520px; padding:0; position:relative;}
#header .submenu li {text-indent: -9999px; margin: 0; padding: 0; list-style:none; position: absolute; top: 0;}
#header .submenu li, #header .submenu a {height: 24px; display: block;}
#widgets {margin-top:45px;}

ul.menu #programma {left:0; width:101px;}
ul.menu #menu_tickets {left:103px; width:72px;}
ul.menu #praktisch {left:176px; width:85px;}
ul.menu #nieuws {left:262px; width:80px;}
ul.menu #links {left:343px; width:53px;}
ul.menu #contact {left:397px; width:82px;}

ul.menu #programma a:hover {background: 0 -24px no-repeat;}
ul.menu #menu_tickets a:hover {background: -102px -24px no-repeat;}
ul.menu #praktisch a:hover {background: -176px -24px no-repeat;}
ul.menu #nieuws a:hover {background: -262px -24px no-repeat;}
ul.menu #links a:hover {background: -343px -24px no-repeat;}
ul.menu #contact a:hover {background: -397px -24px no-repeat;}

/* programma */
.submenu #programma-alle {left:0; width:30px;}
.submenu #programma-theater {left:31px; width:46px;}
.submenu #programma-humor {left:78px; width:46px;}
.submenu #programma-muziek {left:126px; width:51px;}
.submenu #programma-familie {left:179px; width: 40px;}
.submenu #programma-senioren {left:220px; width:60px;}
.submenu #programma-scholen {left:281px; width:45px;}
.submenu #programma-film {left:326px; width:34px;}
.submenu #programma-vorming {left:361px; width:49px;}
.submenu #programma-tentoonstellingen {left:411px; width:110px;}


.submenu #programma-alle a:hover {background: 0 -24px no-repeat;}
.submenu #programma-theater a:hover {background: -31px -24px no-repeat;}
.submenu #programma-humor a:hover {background: -78px -24px no-repeat;}
.submenu #programma-muziek a:hover {background: -126px -24px no-repeat;}
.submenu #programma-familie a:hover {background: -179px -24px no-repeat;}
.submenu #programma-senioren a:hover {background: -220px -24px no-repeat;}
.submenu #programma-scholen a:hover {background: -281px -24px no-repeat;}
.submenu #programma-film a:hover {background: -326px -24px no-repeat;}
.submenu #programma-vorming a:hover {background: -361px -24px no-repeat;}
.submenu #programma-tentoonstellingen a:hover {background: -411px -24px no-repeat;}

/*tickets*/
.submenu #tickets-losse {left:0; width:79px;}
.submenu #tickets-abonnement {left:80px; width:74px;}
.submenu #tickets-info {left:155px; width:32px;}

.submenu #tickets-losse a:hover {background: 0 -24px no-repeat;}
.submenu #tickets-abonnement a:hover {background: -80px -24px no-repeat;}
.submenu #tickets-info a:hover {background: -155px -24px no-repeat;}
.submenu #tickets-praktisch a:hover {background: -188px -24px no-repeat;}

/*praktisch */
.submenu #praktisch-openingsuren {left:0; width:89px;}
.submenu #praktisch-toegankelijkheid {left:90px; width:94px;}
.submenu #praktisch-zaalverhuur {left:185px; width:75px;}
.submenu #praktisch-beleidsplan {left:260px; width:72px;}

.submenu #praktisch-openingsuren a:hover {background: 0 -24px no-repeat;}
.submenu #praktisch-toegankelijkheid a:hover {background: -90px -24px no-repeat;}
.submenu #praktisch-zaalverhuur a:hover {background: -185px -24px no-repeat;}
.submenu #praktisch-beleidsplan a:hover {background: -260px -24px no-repeat;}
		
/* nieuws */
#header #sub-nieuws {left:220px;width:200px;}
	
.submenu #nieuws-laatste {left:0; width:94px;}
.submenu #nieuws-nieuwsbrief {left:95px; width:74px;}

.submenu #nieuws-laatste a:hover {background: 0 -24px no-repeat;}
.submenu #nieuws-nieuwsbrief a:hover {background: -95px -24px no-repeat;}

/* contact */
#header #sub-contact {left:299px;width:200px;}
.submenu #contact-adres {left:0; width:41px;}
.submenu #contact-contactpersonen {left:42px; width:94px;}
.submenu #contact-route {left:140px; width:39px;}
		
.submenu #contact-adres a:hover {background: 0 -24px no-repeat;}
.submenu #contact-contactpersonen a:hover {background: -42px -24px no-repeat;}
.submenu #contact-route a:hover {background: -140px -24px no-repeat;}


/*widgets*/
#widgets {float: right;width: 190px;}
#widgets #calendar {margin-left:10px;}
#widgets ul {color: #53a341;font-size: medium;margin-bottom: 10px;}
#widgets form table {margin: 0 10px;}
#widgets form input {height: 20px;}
#widgets form button {margin-left: 2px;height: 22px;}
#widgets #form_newsletter_sidebar_newsletter_holder{/*margin-left:10px;*/ }
/*footer*/
#footer {clear: both;margin: 34px 22px 0 36px;}

#footer a.zap {display: block;float: right;margin-top: 6px;}

/*clear*/
.clear {clear: both;width: 100%;height: 1px;font-size: 1px;line-height: 1px;} 

textarea {font: normal small verdana, helvetica, sans-serif;}
/*newsletter*/
.textfield_error {background-color: #FF0000; }
#form_newsletter_sidebar_errors {margin-left:10px; }

/* focus top */
#focusTop {padding-left:10px;padding-right:10px;padding-top:10px; width:243px;height: 220px;float: right;background-color: #459033;margin-right: 15px; margin-bottom:10px; color: #fff;}
#focusTop p {font-family:Verdana, Arial, Helvetica, sans-serif}
#focusTop a {text-decoration:none; color:#fff;}
#focusTop .head {font-size:15px; font-weight: bold;}
#focusTop .title {color:#000;}
#focusTop .date {color:#fff;}

.block a.guest {text-decoration:none; color:#459033; }