@charset "UTF-8";

html, body { margin: 0px; padding: 0px; height: 100%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 125%; background-position: top center; background-repeat: repeat-y; background-attachment: fixed; }
.h1 h1, .h1 p { margin: 0; font-size: 20px; line-height: 36px; color: #FAA82B; text-transform: uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; }
h2 { margin: 0px; font-size: 16px; line-height: 26px; color: #FAA82B; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; }
h3 { margin: 5px 0px 2px 0px; font-size: 14px;  }
h3 { margin: 5px 0px 2px 0px; font-size: 13px; text-decoration: underline;  }
p { margin: 5px 0px 20px 0px; }
a { outline: none; color: #FAA82B; text-decoration: none; outline: none; }
a:hover { color: #FFFFFF; text-decoration: none; }

table td { line-height: 24px;  vertical-align: top; }
.input,textarea { padding: 6px; width: 206px; height: 16px; line-height: 16px; font-size: 12px; background-color: transparent; border: 0px; outline: none; color: #FFFFFF } 
textarea { height: 138px; } 
input.small { width: 126px; } 
input.tiny { width: 56px; } 
textarea.long { height: 56px; width: 376px;  }
#submitter { padding: 0; height: 28px; overflow: hidden; border: 0px; cursor: pointer; }
.verzenden { width: 78px; background: none; background-image: url('http://images.huizemaas.nl/layout/submit.png'); }
.send { width: 40px; background: none; background-image: url('http://images.huizemaas.nl/layout/submit-en.png'); }
.aanmelden { width: 82px; background: none; background-image: url('http://images.huizemaas.nl/layout/aanmelden.png'); }
.afmelden { width: 74px; background: none; background-image: url('http://images.huizemaas.nl/layout/afmelden.png'); }
.subscribe { width: 82px; background: none; background-image: url('http://images.huizemaas.nl/layout/subscribe.png'); }
.unsubscribe { width: 96px; background: none; background-image: url('http://images.huizemaas.nl/layout/unsubscribe.png'); }



/* CONTAINERS */
#container { margin: 0; padding: 0; width: 100%; height: auto !important; height: 100%; /* IE6 */ min-height: 100%; position: relative; }
#inner-container { margin: 0 auto 0 auto; padding: 0; width: 710px; } 
#content { margin: 0px auto 0px auto; padding: 0 0 125px 0; width: 710px; } 
#content .page { float: left; margin: 0; padding: 0; width: 510px; display: inline; }
#content .sidebar { float: right; margin: 0; padding: 35px 0px 0px 0px; width: 195px; background-repeat: no-repeat; display: inline; background-position: top center; }

#header { float: left; margin: 0 auto 35px auto; width: 710px; height: 273px; display: inline; position: relative; }
#header #welkom { float: left; top: 0; left: 0; margin: 0; padding: 0; width: 710px; height: 30px; display: inline; background-position: top center; background-repeat: no-repeat;}
#header #rotatingbanner { float: left; margin: 0; height: 160px; width: 710px; display: inline; position: relative; overflow: hidden; }
#header #rotatingbanner #logo { position: absolute; top: 0px; left: 50%; margin-left: -125px; width: 338px; height: 78px; }
#header #rotatingbanner .promo { width: 710px; height: 160px; }
#header #rotatingbanner .promo .frame { width: 710px; height: 160px; }
#header #rotatingbanner .promo .frame a { display: block; padding-top: 160px; height: 0px; width: 710px; overflow: hidden; }

#header #taal { float: right; display: inline; margin: 5px 0 0 0; padding: 0px 15px 0px 10px; width: 107px; height: 21px; line-height: 21px; font-size: 10px; color: #390A11; text-decoration: none; z-index:101; position: relative;}
#header #taal:hover { background-position: 0 -21px; color: #FAA82B; }
#header #taal #talen { position: absolute; top: 20px; left: 2px; margin: 0; width: 128px; z-index: 110; }
#header #taal ul { margin: 0; padding: 0; padding: 5px 0px 0px 0px; height: 60px; }
#header #taal ul li { list-style-type: none; }
#header #taal ul li a { display: block; color: #FAA82B; width: 126px; margin: 0 1px 0 1px; line-height: 25px; }
#header #taal ul li a:hover { background-color: #FAA82B; color: #390A11; }
#header #taal ul li a img { float: left; margin: 5px 5px 0 5px; }

#navigation {  float: left; margin: 0; padding: 0; width: 710px; height: 110px; background-repeat: no-repeat; display: inline; }
#navigation .grandcafe { padding: 0 127px 0 128px; width: 455px } 
#navigation .grandcafe2 { padding: 0 82px 0 83px; width: 545px }
#navigation .zaalverhuur { padding: 0 40px 0 40px; width: 630px; }
#navigation .nightlife { padding: 0 40px 0 40px; width: 630px; }
#navigation ul { list-style-type: none; margin: 5px 0; padding: 0; padding: 0; width: 710px; height: 26px; position: relative; }
#navigation li { display: inline;   }
#navigation li a { float: left; margin: 0px 15px 0px 15px; padding-top: 26px; height: 0px; overflow: hidden; }


/* NAVIGATION BUTTONS */
#navigation li#nav-tickets a { width: 60px; background-position: 0 0; position: absolute; top: 47px; left: 0; }
#navigation li#nav-contact a { width: 63px; background-position: -62px 0; position: absolute; top: 47px; right: 0; }
#navigation li#nav-home a { width: 68px; background-position: -140px 0; margin-left: 0; }
#navigation li#nav-route a { width: 50px; background-position: -214px 0; margin-right: 0; }
#navigation li#nav-cal a { width: 61px; background-position: -270px 0; }
#navigation li#nav-news a { width: 61px; background-position: -337px 0; }
#navigation li#nav-pics a, #navigation li#nav-pics-en a { width: 40px; background-position: -855px 0; }
#navigation li#nav-tour a { width: 99px; background-position: -418px 0; }
#navigation li#nav-history a { width: 70px; background-position: -524px 0; }
#navigation li#nav-menu a { width: 44px; background-position: -602px 0; }
#navigation li#nav-accommodation a { width: 123px; background-position: -655px 0; }
#navigation li#nav-offerte a { width: 66px; background-position: -785px 0; }
#navigation li#nav-home-en a { width: 78px; background-position: -140px 0; margin-left: 0; }
#navigation li#nav-route-en a { width: 49px; background-position: -229px 0; margin-right: 0; }
#navigation li#nav-cal-en a { width: 78px; background-position: -287px 0; }
#navigation li#nav-news-en a { width: 43px; background-position: -375px 0; }
#navigation li#nav-tour-en a { width: 40px; background-position: -426px 0; }
#navigation li#nav-history-en a { width: 66px; background-position: -475px 0; }
#navigation li#nav-menu-en a { width: 43px; background-position: -549px 0; }
#navigation li#nav-accommodation-en a { width: 136px; background-position: -600px 0; }
#navigation li#nav-offerte-en a { width: 106px; background-position: -742px 0; }

/* NAVIGATION BUTTONS:HOVER */
#navigation li#nav-tickets a:hover { background-position: 0 -26px; }
#navigation li#nav-contact a:hover { background-position: -62px -26px; }
#navigation li#nav-home a:hover { background-position: -140px -26px; }
#navigation li#nav-route a:hover { background-position: -214px -26px; }
#navigation li#nav-cal a:hover { background-position: -270px -26px; }
#navigation li#nav-news a:hover { background-position: -337px -26px; }
#navigation li#nav-pics a:hover, #navigation li#nav-pics-en a:hover { background-position: -855px -26px; }
#navigation li#nav-tour a:hover { background-position: -418px -26px; }
#navigation li#nav-history a:hover { background-position: -524px -26px; }
#navigation li#nav-menu a:hover { background-position: -602px -26px; }
#navigation li#nav-accommodation a:hover { background-position: -655px -26px; }
#navigation li#nav-offerte a:hover { background-position: -785px -26px; }
#navigation li#nav-home-en a:hover { background-position: -140px -26px; }
#navigation li#nav-route-en a:hover { background-position: -229px -26px;  }
#navigation li#nav-cal-en a:hover { background-position: -287px -26px; }
#navigation li#nav-news-en a:hover { background-position: -375px -26px; }
#navigation li#nav-tour-en a:hover { background-position: -426px -26px; }
#navigation li#nav-history-en a:hover { background-position: -475px -26px; }
#navigation li#nav-menu-en a:hover { background-position: -549px -26px; }
#navigation li#nav-accommodation-en a:hover { background-position: -600px -26px; }
#navigation li#nav-offerte-en a:hover { background-position: -742px -26px; }


/* FOOTER */
#footer-container { position: absolute; bottom: 0px; left: 0px; height: 105px; width: 100%; background-position: top; background-repeat: repeat-x; z-index: 20; }
#footer { position: absolute; top: 0px; left: 50%; margin-left: -355px; width: 710px; height: 105px; background-position: top; background-repeat: repeat-x; }
#footer-nav { position: absolute; top: 0px; left: 108px; margin: 0; padding: 0; width: 494px; height: 56px; }
#footer li { display: inline; }
#footer li a { float: left; display: inline; padding-top: 56px; height: 0px; overflow: hidden; outline: none;  } 

#footer-nav li#fnav-cafe a { width: 164px; background-position: 0 0; }  
#footer-nav li#fnav-night a { width: 165px; background-position: -164px 0; }  
#footer-nav li#fnav-zalen a { width: 165px; background-position: -329px 0; }  
#footer-nav li#fnav-cafe2 a, #footer-nav li#fnav-cafe a:hover { width: 164px; background-position: 0 -56px; }  
#footer-nav li#fnav-night2 a, #footer-nav li#fnav-night a:hover { width: 165px; background-position: -164px -56px; }  
#footer-nav li#fnav-zalen2 a, #footer-nav li#fnav-zalen a:hover { width: 165px; background-position: -329px -56px; }  

#footer-address { position: absolute; top: 60px; left: 0px; margin: 0; padding: 18px 0px 0px 0px; width: 710px; height: 26px;  background-position: top center; background-repeat: no-repeat; position:relative; font-size: 18px; line-height: 26px; }
#footer-address .vismarkt { position: absolute; top: 22px; left: 0; padding-top: 22px; height: 0px; width: 100px; overflow: hidden;  background-position: -145px 0; }
#footer-address .groningen  { position: absolute; top: 22px; left: 50%; margin-left: -42px; padding-top: 22px; height: 0; width: 84px; overflow: hidden; background-position: -244px 0; }
#footer-address .telefoon { position: absolute; top: 22px; right: 0; padding-top: 22px; height: 0px; width: 140px; overflow: hidden; background-position: 0 0; }

#infinite { position: absolute; bottom: 2px; right: 50%; margin-right: -535px; height: 15px; width: auto; padding: 3px; font-size: 11px; z-index: 100;}

/* BACKSTAGE */
p.info { margin-top: 15px; color: #999999; font-size: 11px; font-style: italic; font-weight: normal; }
p.info a { color: #999999; text-decoration: none; }
p.info a:hover { color: #666666; text-decoration: none; }
p.intro { margin-top: 10px; color: #44293b; font-style: normal; font-weight: bold;  } 
p.left { text-align: left; } 
p.center { text-align: center; } 
p.right { text-align: right; } 
p.justify { text-align: justify; } 
span.quote { padding: 10px; background-color: #EDE9EC; width: 33%; font-size: larger; font-weight: bold; font-style: italic; }
table { margin: 2px 0px 18px 0px;  } 
table td { padding: 0px 15px 2px 0px; }
span.strike { text-decoration: line-through; }
p img.left, span.left { float: left; margin: 0px 10px 10px 0px; display: inline; } 
p img.right, span.right { float: right; margin: 0px 0px 10px 10px; display: inline; } 


/* WIDGETS */
.widget { margin: 0 0 15px 0; padding: 0; width: 195px; }
.widget h2 { width: 100%; text-align: center; }
.widget p { margin: 0px 0px 15px 0px; }
.widget .hr { margin: 5px 10px 5px 10px; padding: 0; border: 0; width: 175px; height: 2px; background-color: #FAA82B; }
.widget ul { margin: 0; padding: 0; }
.widget li { padding-left: 10px; list-style-type: none; height: 32px; line-height: 32px; } 
.widget li img { margin: 0px 5px 0px 0px; vertical-align: middle;  }
.twitter span { float: left; margin: 0 10px 0 10px; padding: 1px 3px 2px 3px; width: 169px; display: inline; font-size: 9px; }
.twitter span.light { background-color: #475662; }

.homewidget { float: left; margin: 0; padding: 0 0 25px 0; width: 508px; display: inline; }
.homewidget .hr { float: left; margin: 5px 10px 5px 10px; padding: 0; border: 0; width: 488px; height: 2px; background-color: #FAA82B; display: inline; }
.homewidget span, .homewidget div { float: left; width: 501px; padding: 7px 0 0 7px;  }
.homewidget div#flickr { width: 508px; padding: 0; }
.homewidget span.flickr img { float: left; margin: 0 6px 6px 0;  display: inline; border: 1px solid #475662; }
.homewidget span.flickr img:hover { border: 1px solid #FAA82B; }
.homewidget span.promo { padding: 0 0 7px 7px; font-size: 10px; }
.homewidget span.promo input { background-color: #475662; border: 1px solid #999999; padding: 2px; color: #FAA82B; outline: none; width: 100px; }
.homewidget span#mailingresults { color: #009900; } 
.homewidget div.mailingsubscribe #regemail { border: 1px solid #999999; padding: 3px; color: #FAA82B; outline: none; width: 250px; line-height: 19px; height: 19px }
.homewidget #submitter { margin: 0 0 0 10px; vertical-align:super }
.homewidget span.title { font-size: 17px; line-height: 24px; color: #FAA82B; }
.homewidget span.title a:hover { color: #FAA82B; text-decoration: underline; }

.pics { background-color: #475662; padding-bottom: 0; margin-bottom: 25px; }
.pics ul { float: left; width: 501px; margin: 0; padding: 7px 0 7px 7px; display: inline; }
.pics li { margin: 0; padding: 0; list-style-type: none; height: 20px; line-height: 20px; } 
.pics li a { color: #FAA82B; } .pics li a:hover { color: #6BCDFF; }
.hr hr {display: none; }



.social { float: left; margin: 0 0 0 80px; padding: 0; padding: 0; width: 350px; height: 40px; list-style-type: none; background-repeat: no-repeat; display: inline; }
.social li { display: inline;   }
.social li a { float: left; margin: 0; padding-top: 40px; height: 0; width: 49px; overflow: hidden; }
.social li#soc-twitter a { background-position: 0 0; }
.social li#soc-facebook a { background-position: -52px 0; }
.social li#soc-hyves a { background-position: -104px 0; }
.social li#soc-myspace a { background-position: -156px 0; }
.social li#soc-lastfm a { background-position: -208px 0; }
.social li#soc-youtube a { background-position: -260px 0; }
.social li#soc-flickr a { background-position: -312px 0; }

.social li#soc-twitter a:hover { background-position: 0 -40px; }
.social li#soc-facebook a:hover { background-position: -52px -40px; }
.social li#soc-hyves a:hover { background-position: -104px -40px; }
.social li#soc-myspace a:hover { background-position: -156px -40px; }
.social li#soc-lastfm a:hover { background-position: -208px -40px; }
.social li#soc-youtube a:hover { background-position: -260px -40px; }
.social li#soc-flickr a:hover { background-position: -312px -40px; }





/* NEWS PAGINA */
.newspage { float: left; display: inline; margin: 0 0 25px 0; padding: 0; width: 508px; }
.newspage span, .newspage div { 	float: left; clear: both; width: 502px; padding: 3px; }
.newspage .newsdate { font-size: 12px; line-height: 18px; color: #FFFFFF;  background-color: #110600; padding-bottom: 0px; }
.newspage .newstitle { color: #6BCDFF; background-color: #110600; padding-top: 0px;}
.newspage .newstitle h1 { padding: 0; margin: 0; font-size: 17px; line-height: 24px; font-weight: normal;}
.newspage .newstext { font-size: 11px; background-color: #475662; }

/* NEWS OVERZICHT */
.newslist { float: left; width: 508px; display: inline; }
.newslist ul { margin: 0; padding: 0; }
.newslist ul li { display: block; float: left; clear: both; width: 100%; margin: 0 0 15px 0; padding: 0; }
.newslist ul li a.newsitem { display: block; float: left; position: relative; margin: 0; padding: 5px; width: 498px; background-color: #475662; overflow: hidden; text-decoration: none; height: 55px; }
.newslist ul li a.dark { background-color: #110600; }
.newslist ul li a.newsitem  { color: #FAA82B; } 
.newslist ul li a.newsitem .newsbox span { 	float: left; clear: both;  width: 100% }
.newslist ul li a.newsitem .newsbox .newsdate { font-size: 12px; line-height: 18px; color: #FFFFFF; }
.newslist ul li a.newsitem .newsbox .newstitle { font-size: 17px; line-height: 24px; }
.newslist ul li a.newsitem .newsbox .newsintro { font-size: 11px; color: #FFFFFF; }
.newslist ul li a.newsitem .newsbox .newsintro em { font-style: normal; }
.newslist ul li a.newsitem .newsbox .newsintro em:hover { color: #6BCDFF; }
.newslist ul li a.newsitem:hover .newsbox .newstitle { color: #6BCDFF ; }
.newslist ul li a.newsitem:hover .newsbox .newsintro, .newslist ul li a.newsitem:hover .newsbox .newsdate { color: #FFFFFF ; }

ul.newsarchive { margin: 0 0 15px 0; padding: 0; }
ul.newsarchive li { list-style-type: none; font-size: 14px; }
ul.newsarchive li small { font-size: 10px; }
ul.newsarchive li a:hover { color: #6BCDFF }


/* PHOTOS OVERZICHT */
.photolist { float: left; margin: 0 101px 0 101px; width: 508px; display: inline; }
.photolist ul { margin: 0; padding: 0; }
.photolist ul li { display: block; float: left; clear: both; width: 100%; margin: 0 0 25px 0; padding: 0; }
.photolist ul li div.photoitem { display: block; float: left; position: relative; margin: 0; padding: 5px; width: 498px; background-color: #475662; overflow: hidden; text-decoration: none; }
.photolist ul li div.dark { background-color: #110600; }
.photolist ul li div.photoitem  { color: #FAA82B; } 
.photolist ul li div.photoitem .photobox span, a.title { float: left; clear: both;  width: 100% }
.photolist ul li div.photoitem .photobox .date { font-size: 12px; line-height: 18px; color: #FFFFFF; }
.photolist ul li div.photoitem .photobox .title { font-size: 17px; line-height: 24px; }
.photolist ul li div.photoitem .photobox .intro { font-size: 11px; color: #FFFFFF; }
.photolist ul li div.photoitem .photobox .intro a { color: #FFFFFF; text-decoration: underline; }
.photolist ul li div.photoitem .photobox .intro a:hover { color: #6BCDFF; }
.photolist ul li div.photoitem .photobox .flickr img { float: left; margin: 0 6px 6px 0; display: inline; border: 1px solid #475662; }
.photolist ul li div.dark .photobox .flickr img { border: 1px solid #110600; }
.photolist ul li div.photoitem .photobox .flickr img:hover { border: 1px solid #6BCDFF; } 
.photolist ul li div.photoitem:hover .photobox .title { color: #6BCDFF ; }
.photolist ul li div.photoitem:hover .photobox .intro, .photolist ul li div.photoitem:hover .photobox .date { color: #FFFFFF ; }


/* iDiDiD BIJ SETUP */
.ididid_container_actions .ididid_bar_logo, .ididid_container_actions .ididid_bar_fansvisitors, .ididid_container_actions .ididid_bar_loveit, .ididid_container_actions .ididid_bar_diddoit, .ididid_container_actions .ididid_text { float: left; clear: none !important; }
.ididid_container_actions a { color: #fff !important; text-decoration: underline !important; }
.ididid_container_actions a:hover { text-decoration: none !important; }
.ididid_bar_fansvisitors img { border: none; }


/* CALENDAR PAGINA */
.calposter { float: right; display: inline; margin: 0; padding: 0; width: 195px; }
.calpage { float: left; display: inline; margin: 0 0 25px 0; padding: 0; width: 508px; position: relative; }
.calpage span, .calpage div { float: left; clear: both; width: 500px; padding: 4px; }
.calpage .caldate { font-size: 12px; line-height: 18px; color: #FFFFFF;  background-color: #110600; padding-bottom: 0px; }
.calpage .caltitle { color: #6BCDFF; background-color: #110600; padding-top: 0px; }
.calpage .caltitle h1 { padding: 0; margin: 0; font-size: 17px; line-height: 24px; font-weight: normal; display: inline}
.calpage .caltitle a { position: absolute; top: 12px; right: 0; padding-top: 25px; height: 0px; overflow: hidden; width: 85px; background-position: 0 0; }
.calpage .caltitle a:hover { background-position: 0 -25px; }
.calpage .caltitle a.uitverkocht { background-position: 0 -50px; }
.calpage .caltext, .calpage .calinfo { font-size: 11px; background-color: #475662; }
.calpage .calinfo span { float: left; clear: none; display: inline; width: auto; background-color: #FFFFFF; padding: 3px 5px 3px 5px; margin: 0 4px 4px 0; text-transform: uppercase; font-size: 11px; color: #110600; font-weight: bold;}
.calpage .calshare { background-color: #110600; padding: 8px 8px 5px 8px; width: 492px; border-top: 8px solid #475662;  }
.calpage .calshare img { vertical-align: top;   }
.calpage .calshare input { background-color: #110600; border: 1px solid #CCCCCC; padding: 2px; color: #CCCCCC; outline: none; width: 225px; }
.calpage .ididid_container_actions { text-align: left; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: black; height: 28px; background-color: #110600; }
.calpage .ididid_bar_loveit { background: url('http://images.huizemaas.nl/layout/ididid-loveit.png') no-repeat; width: 24px; height: 28px; text-indent: -99999px; cursor: pointer; }
.calpage .ididid_bar_diddoit { background: url('http://images.huizemaas.nl/layout/ididid-doit.png') no-repeat; width: 24px; height: 28px; text-indent: -99999px; cursor: pointer; }
.calpage .ididid_text { color: #fff; font-size: 11px; width: auto; padding-top: 5px; padding-right: 5px; }
.calpage .ididid_bar_fansvisitors { color: #fff; width: 125px; padding-top: 5px; }


/* CALENDAR */
.callist2 { float: left; width: 508px; display: inline; }
.fullpage { margin: 0 101px 0 101px; }
.callist2 ul { width: 508px; margin: 0 auto 0 auto; padding: 0; }
.callist2 ul li { float: left; width: 508px; margin: 0 0 15px 0; padding: 0; background-color: #475662; display: block; }
.callist2 .calitem { height: 80px; overflow: hidden; color: #FAA82B;position: relative;  }
.callist2 .dark { background-color: #110600; }
.callist2 .calbox .caldate { display: block; padding: 8px 92px 0 144px; width: 272px; font-size: 12px; line-height: 14px; color: #FFFFFF; }
.callist2 .calbox .caltitle { display: block; padding: 4px 92px 4px 144px; width: 272px; font-size: 17px; line-height: 20px; }
.callist2 .calbox:hover .caltitle { color: #6BCDFF;  }
.callist2 .calbox .calintro { display: block; padding: 4px 92px 8px 144px; width: 272px; font-size: 11px; color: #FFFFFF; }
.callist2 .calbox .calintro span:hover { color: #6BCDFF; }
.callist2 .calbox .calthumb { position: absolute; top: 8px; left: 8px; width: 128px; height: 64px; }
.callist2 .calbox .calbuttons { position: absolute; top: 8px; right: 0; width: 85px; height: 58px; }
.callist2 .calbox .calbuttons a { float: right; padding-top: 25px; width: 85px; height: 0; overflow: hidden; background-position: 0 0; display: inline;  }
.callist2 .calbox .calbuttons a:hover { background-position: 0 -25px; }
.callist2 .calbox .calbuttons a.info { background-image: url('http://images.huizemaas.nl/themes/night/button-info.png'); margin-bottom: 8px; }
.callist2 .calbox .calbuttons a.tickets { background-image: url('http://images.huizemaas.nl/themes/night/button-tickets.png'); }
.callist2 .calbox .calbuttons a.uitverkocht { background-position: 0 -50px; }
.callist2 .calbox .ididid_container_actions { padding: 0 92px 0 144px; width: 272px; height: 28px; font-size: 11px; }
.callist2 .calbox .ididid_bar_loveit { background: url('http://images.huizemaas.nl/layout/ididid-loveit.png') no-repeat; width: 24px; height: 28px; text-indent: -99999px; cursor: pointer; margin-right: 5px; }
.callist2 .calbox .ididid_bar_diddoit { background: url('http://images.huizemaas.nl/layout/ididid-doit.png') no-repeat; width: 24px; height: 28px; text-indent: -99999px; cursor: pointer; margin-right: 5px; }
.callist2 .calbox .ididid_bar_fansvisitors { color: #fff; width: 175px; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }


/* BUTTONS BIJ NEWS EN CALENDAR */
div.button { float: left; width: 100%; display: inline; margin: 0 0 15px 0; padding: 0; } 
div.left a { float: left; display: inline} 
div.right a { float: right; display: inline }
div.center { text-align: center; }
div.center a, div.center span { display: inline-block; vertical-align: bottom; margin: 0px 4px 0px 4px; }
div.center span { width: 25px; height: 25px; line-height: 25px; background-color: #FAA82B; color: #31080E; font-weight: bold; font-size: 14px; }
div.button a { padding-top: 25px; height: 0px; overflow: hidden; width: 85px; background-position: 0 0; background-color: #FAA82B; color: #31080E }
div.button a:hover { background-position: 0 -25px; background-color: #6BCDFF; color: #FFFFFF; } 
div.button a.next { background-image: url('http://images.huizemaas.nl/themes/night/button-next.png'); width: 25px; }
div.button a.prev { background-image: url('http://images.huizemaas.nl/themes/night/button-prev.png');  width: 25px;}
div.button a.archive { background-image: url('http://images.huizemaas.nl/themes/night/button-archive.png');  }
div.button a.archief { background-image: url('http://images.huizemaas.nl/themes/night/button-archief.png');  }
div.button a.back { background-image: url('http://images.huizemaas.nl/themes/night/button-back.png');  }
div.button a.recent { background-image: url('http://images.huizemaas.nl/themes/night/button-recent.png');  }
div.button a.more { width: 125px; background-image: url('http://images.huizemaas.nl/themes/night/button-more.png');  }
div.button a.meer { width: 125px; background-image: url('http://images.huizemaas.nl/themes/night/button-meer.png');  }
div.button a.agenda { width: 125px; background-image: url('http://images.huizemaas.nl/themes/night/button-agenda.png');  }
div.button a.calendar { width: 125px; background-image: url('http://images.huizemaas.nl/themes/night/button-calendar.png');  }
div.button a.cal-next { background-image: url('http://images.huizemaas.nl/themes/night/button-cal-next.png'); width: 470px; background-repeat: no-repeat; height: 25px; padding: 0 3px 0 35px;  line-height: 25px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
div.button a.cal-prev { background-image: url('http://images.huizemaas.nl/themes/night/button-cal-prev.png');  width: 470px; background-repeat: no-repeat; height: 25px; padding: 0 3px 0 35px;  line-height: 25px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.rss { float: left; width: 100%; display: inline; }



/* OFFERTE */
#offerte input, #offerte textarea { color: #31080E; }
#offerte .input { background-image: url('http://images.huizemaas.nl/themes/cafe/input-light.png'); }
#offerte .small { background-image: url('http://images.huizemaas.nl/themes/cafe/inputsmall-light.png'); }
#offerte .tiny { background-image: url('http://images.huizemaas.nl/themes/cafe/inputtiny-light.png'); }
#offerte textarea.long { background-image: url('http://images.huizemaas.nl/layout/textarealong-light.png'); } 
.offerte1 { width: 115px; background-image: url('http://images.huizemaas.nl/layout/offerte-submit1.png') }
.offerte1-en { width: 73px; background-image: url('http://images.huizemaas.nl/layout/offerte-submit1-en.png') }
.offerte2 { width: 78px; background-image: url('http://images.huizemaas.nl/layout/offerte-submit2.png') }
.offerte2-en { width: 40px; background-image: url('http://images.huizemaas.nl/layout/offerte-submit2-en.png') }


/* MAPS */
#maps-container { position: relative; width: 780px; height: 540px; background-color: #000000; }
#maps-titel { position: absolute; top: 0px; left: 50%; margin-left: -112px; width: 225px; height: 31px; background-image: url('http://images.huizemaas.nl/layout/route-titel.png'); z-index: 100 }
#maps-titel-en { position: absolute; top: 0px; left: 50%; margin-left: -112px; width: 225px; height: 31px; background-image: url('http://images.huizemaas.nl/layout/route-titel-en.png'); z-index: 100 }
#maps-print { position: absolute; top: 6px; right: 6px; width: 86px; height: 25px; background-image: url('http://images.huizemaas.nl/layout/route-print.png'); z-index: 100; cursor: pointer; }
#maps-print-en { position: absolute; top: 6px; right: 6px; width: 86px; height: 25px; background-image: url('http://images.huizemaas.nl/layout/route-print-en.png'); z-index: 100; cursor: pointer; }
#route { margin: 0; padding: 0; height: 300px; width: 780px; overflow: hidden; }
#directions  { float: right; margin-top: 0px; padding: 0; height: 225px; width: 770px; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
#directions table { font-size: 12px; color: #FFFFFF; }

@media print { 
#maps-container { background-color:#FFFFFF; }
#directions { height: auto; overflow: visible; color: #000000; }
#directions table { color: #000000; }
#maps-titel, #maps-print { display: none; }
}

/* MENU */
#menu-container { height: 720px; width: 640px; background-color: #04070C; background-image: url('http://images.huizemaas.nl/layout/menu-bg.png'); position: relative;  } 
#menu-container .menu-bg { display: none; } 
#menu-container table#dranken, #menu-container table#lunch { position: absolute; left: 0; top: 0; }
#menu-container table#dranken { margin: 165px 40px 0 40px; font-size: 12px; line-height: 18px; width: 560px;  }
#menu-container table#lunch { float: left; margin: 165px 20px 0 20px; width: 600px; }
#menu-container #print { position: absolute; top: 47px; right: 15px; width: 86px; height: 25px; background-image: url('http://images.huizemaas.nl/layout/route-print.png'); cursor: pointer; }
#menu-container #print-en { position: absolute; top: 47px; right: 15px; width: 86px; height: 25px; background-image: url('http://images.huizemaas.nl/layout/route-print-en.png'); cursor: pointer; }
#menu-container table td { vertical-align: top; padding: 0; }
#menu-container table td h2 { margin: 0; padding: 0; line-height: 34px; }
#menu-container table#lunch td .submenu { float: left; margin: 0 0 20px 0; width: 270px; display: inline; }
#menu-container table#dranken td .submenu { float: left; margin: 0 0 20px 0; width: 250px; display: inline; }
#menu-container table#dranken td .submenu td { line-height: 18px;  font-size: 12px;  }
#menu-container table#lunch td .submenu td { line-height: 16px;  font-size: 11px;  }
#menu-container table#lunch td .submenu .item { width: 225px; padding: 0 10px 0 0; }
#menu-container table#lunch td .submenu .prijs { width: 35px;   } 
#menu-container table#dranken td .submenu .item { width: 200px; padding: 0 10px 0 0; }
#menu-container table#dranken td .submenu .prijs { width: 40px; } 

@media print { 
#menu-container { background-color: #FFFFFF; color: #000000; }
#menu-container .menu-bg { position: absolute; top: 0; left: 0; display: inherit; }
#menu-container #print { display: none; }
}


/* TRANSPARANTIE */
.png {  }


/* sIFR 3 BETA */
@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto;letter-spacing: 0px;  float: none;}
}

@media print { 
.sIFR-flash {display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}

@media screen {
  /* NOG INSTELLEN VOOR ALLE OBJECTEN?
.sIFR-active h1 { font-family: Verdana; visibility: hidden; }  */
}


/* FANCYBOX V1.3 */
#fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; }
* html #fancybox-loading { /* IE6 */ position: absolute;margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_loading.png') no-repeat; }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #000; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -15px; left: -15px; width: 32px; height: 32px; background: url('http://images.huizemaas.nl/fancybox130/fancy_close_maas.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background: url('http://images.huizemaas.nl/fancybox130/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_title_left.png') repeat-x; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_title_main.png') repeat-x; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_title_right.png') repeat-x; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('http://images.huizemaas.nl/fancybox130/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_nav_left.png') no-repeat; }
#fancybox-right-ico { background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_nav_right.png') no-repeat; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; }
div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_n.png') repeat-x; }
div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_ne.png') no-repeat; }
div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_e.png') repeat-y; }
div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_se.png') no-repeat; }
div#fancy-bg-s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_s.png') repeat-x; }
div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_sw.png') no-repeat; }
div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_w.png') repeat-y; }
div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('http://images.huizemaas.nl/fancybox130/fancy_shadow_nw.png') no-repeat; }