@CHARSET "UTF-8";

div.gallery_item { width: 171px; min-height: 130px; float: left; margin: 0 10px 10px 0; position: relative; }
div.gallery_item img { padding: 10px; display: block; }
div.gallery_item.album { background: transparent url(../img/gallery_image_bg_large.png) center top no-repeat; }
div.gallery_item.image { background: transparent url(../img/gallery_image_bg_large.png) center top no-repeat; }
div.gallery_item a:link img,
div.gallery_item a:visited img { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
div.gallery_item a:hover img,
div.gallery_item a:active img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
div.gallery_item.album span { position: absolute; display: block; padding: 5px; font-size: 12px; margin: 10px; color: #fff !important; top: 0; background: rgba(0,0,0, 0.4); }
.gallery_rating { padding: 2px 0 2px 38px; height: 31px; }
.gallery_rating p { margin: 0; padding: 0; font-size: 8px; display: block; text-align: center; }
.ico-rating { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: transparent url(../img/gallery_rating.png) 0 0 no-repeat; }
.ico-rating.full  { background-position:   0   0; }
.ico-rating.half  { background-position: -16px 0; }
.ico-rating.empty { background-position: -32px 0; }
.gallery_item a:hover, .gallery_item a:active { text-decoration: none !important; }
a.gallery_back img { height: 16px; vertical-align: text-top; }
a.gallery_back:link,
a.gallery_back:visited { padding: 10px; background: rgba(125,18,0, 0.8); margin: 0 0 20px 5px; display: inline-block; font-size: 1px; color: #fff; }
a.gallery_back:hover,
a.gallery_back:active { text-decoration: none; background: rgba(125,18,0, 1); }


.button { background:url(../img/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px;}
.gallery_event { padding: 5px 17px; height: 130px; border: 2px solid #eee; }
/* WITHOUT RATING */ .gallery_event { padding: 15px 17px; }
.gallery_event div.gallery_item { margin: 3px; }
.button.right        { background-position: 0 -30px; clear:right; margin-right: 0px;}
.button.right:hover  { background-position:-30px -30px; }
.button.right:active { background-position:-60px -30px; }
.button.left        { margin-left: 0px; } 
.button.left:hover  { background-position:-30px 0; }
.button.left:active { background-position:-60px 0; }

.scrollable { position:relative; overflow: hidden; width: 753px; height:160px; float: left; }
#home .scrollable { width: 891px; height: 500px; }
.scrollable .items { width: 2000em; position:absolute; }
.scrollable .items div[scrollelement] { float: left; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
a.disabled { visibility:hidden !important; }

.navi { height:20px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../img/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }

#home { position: relative; }
#home .button { position: absolute; margin-top: 235px; z-index: 200; }
#home .button.left { margin-left: 10px !important; }
#home .button.right { right: 10px; }
.home_button { width: 20px; color: white; padding: 245px 5px 0 5px; z-index: 200; background: black; position: absolute; display: block; height: 255px; font-size: 32px; cursor: pointer; }
.home_button { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }
.home_button.left { left: 0px; }
.home_button.right { right: 0px; text-align: right; }
.home_button:hover { text-decoration: none; color: #f0f0f0; }
#home .navi { position: absolute; background: black; height: 15px; padding: 3px 5px 0 5px; margin-top: 482px; margin-left: 30px; }
.navi a.active { background-position:0 -16px; }
#home .display_hover { display: none; }
#home:hover .display_hover { display: block; }

.gallery_event.news { height: 252px; }
.news .scrollable { width: 378px; height: 252px; }
.news .scrollable .items { width: 800em; }
.gallery_element_group.news { width: 400px; }
.news_gallery { float: left; width: 500px; }

.news_container { margin: 0 0 50px 0; }
.news_container .created { float: left; color: #9e9e9e; font-size: 12px; }
.news_container .creator { float: left; color: #9e9e9e; margin-left: 10px; font-size: 12px; }
.news_container .title_image { max-width: 500px; margin: 3px 30px 10px 0; float: left; clear: all; }
.news_container .title_image img { max-width: 500px; max-height: 500px; }
.news_container .title_image.floating { float: left; }
.news_container .title { color: #000; font-family: 'RowdyHeavy', Verdana; font-size: 22px; margin-bottom: 7px; }
.news_container div.content { float: left; width: 340px; overflow: hidden; }
.news_container a.content:link,
.news_container a.content:visited { color: #555; text-decoration: none; }
.news_container a.content:hover,
.news_container a.content:active { color: #000; text-decoration: none !important; }
.news_container .buttons { clear: all; }

div.calendar { color: #fff; margin-top: 20px; width: 773px; border: 1px solid transparent; }
div.calendar div.content{ font-size: 18px; padding: 5px 5px; background: rgba(29, 29, 27, 0.66); margin-bottom: 20px;}
div.calendar div.content.caption { text-align: center; position: relative; padding: 0; }
div.calendar div.caption a { display: block; position: absolute; top: 15px; width: 31px; height: 35px; }
div.calendar div.caption a.prev { left: 20px; background: url(../img/layout/lt_cal_prev.png) 0 0 no-repeat; }
div.calendar div.caption a.next { right: 20px; background: url(../img/layout/lt_cal_next.png) 0 0 no-repeat;  }
div.calendar div.caption h1 { display: block; padding: 0; margin: 0; color: #fff; font-size: 56px; background: transparent; } 
div.calendar div.weekday { font-size: 16px; float: left; width: 97px; height: 20px; margin: 2px; border: 4px solid transparent; }
div.calendar div.day { background: #ff4e00; float: left; overflow:hidden; width: 97px; height: 75px; border: 4px solid transparent; background-clip: padding-box; -webkit-background-clip: padding-box; margin: 2px; }
div.calendar div.day.today { background: #ff4e00; border: 4px solid white; margin: 2px; }
div.calendar div.day.othermonth{ background: #656565; border: 4px solid transparent; background-clip: padding-box; -webkit-background-clip: padding-box; }
div.calendar div.day p.title { color: #fff; margin: 0; padding: 2px; font-weight: 800;}
div.calendar div.day p.title.other { font-style: italic; font-weight: normal; }
div.calendar div.day.empty { border: 1px solid transparent; }
div.calendar div.day a { display: block !important; border-left: 10px solid #000; height: 10px; padding-left: 3px !important; margin-bottom: 3px !important; }
div.calendar div.day .event { float: left; margin: 2px; width:10px; height: 10px; background: black; }
div.calendar div.day .event { display: none; }
div.calendar div.day.closed { background-image: url(../img/layout/lt_cal_cross.png); background-position: center; background-repeat: no-repeat; }
div.calendar a.cal_title:link,
div.calendar a.cal_title:visited { font-family: Verdana; margin: 0; padding: 0; font-size: 11px; text-decoration: none; color: #000; }
div.calendar a.cal_title:hover,
div.calendar a.cal_title:active { text-decoration: underline; }

.crowd { margin: 10px; height: 20px; font-size: 0px; background: url(../img/layout/lt_cal_crowd.png) 0 0 no-repeat; }
.crowd.type1 { width: 10px; }
.crowd.type2 { width: 20px; }
.crowd.type3 { width: 30px; }

/*370px x 216px*/
.tooltip { display:none; background:url(../img/black_arrow_big.png); height:196px; overflow: auto; padding:10px 25px 10px 25px; width:320px; font-size:11px; color:#fff; }
.tooltip .value {}
.tooltip h2 { color: #fff; text-decoration: underline; }
table.tbl_eventlist { width: 100% !important; }
.tbl_eventlist td,
.tbl_eventlist th { padding: 0; margin: 0; text-align: left; }
.tbl_eventlist th { border-bottom: 1px solid #484848; font-size: 16px; }
.tbl_eventlist td {}

.event_link_calendar { float: right; }
a.event_link_calendar:link,
a.event_link_calendar:visited { border: 1px solid #eee; background: #ddd; padding: 5px 10px; color: #000; }
a.event_link_calendar:hover,
a.event_link_calendar:active { border: 1px solid #eee; background: #eee; color: #777; }

.event_overview { float: left; width: 270px; margin: 10px; }
.event_overview p {margin: 3px 0 5px 0; }
.event_overview h2 { margin: 0; }
.event_overview img { width: 270px; }

.gallery_rating { padding: 2px 0 2px 3px; }
.gallery_rating p { margin: 0; padding: 0; font-size: 8px; display: block; text-align: right; }
.ico-rating { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: transparent url(../img/f3j_rating.png) 0 0 no-repeat; }
.ico-rating.full  { background-position:   0   0; }
.ico-rating.half  { background-position: -16px 0; }
.ico-rating.empty { background-position: -32px 0; }

.home {}