@CHARSET "UTF-8";
div.gallery_item { width: 120px; min-height: 120px; float: left; margin: 10px;}
div.gallery_item img { padding: 10px; }
div.gallery_item.album { background: #fff url(../img/gallery_album_bg.png) center top no-repeat; }
div.gallery_item.image { background: #fff url(../img/gallery_image_bg.png) center top no-repeat; }
div.gallery_item a:link img,
div.gallery_item a:visited img { margin:0; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
div.gallery_item a:hover img,
div.gallery_item a:active img { }
.gallery_rating { padding: 2px 0 2px 13px; height: 31px; }
.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; }

.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: 300px; overflow: hidden; }
#home_news .news_container div.content { width: 100%; }
.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 { padding: 2px; width: 742px; border: 1px solid transparent; }
div.calendar div.weekday { float: left; width: 100px; height: 20px; margin: 2px; border: 1px solid transparent; }
div.calendar div.day { float: left; overflow:hidden; width: 100px; height: 100px; border: 1px solid black; margin: 2px; -moz-border-radius: 4px; }
div.calendar div.day.today { background: #d5d6d8; }
div.calendar div.day p.title { color: gray; 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; width:10px; height: 10px; background: black; }
div.calendar div.day .event { display: none; }
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; }

/*370px × 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 {}

.overlay { display:none; width: 800px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.overlay .close { background-image:url(../img/jqtools_close.png); position:absolute; z-index: 1000; right: -17px; top:-17px; cursor:pointer; height:35px; width:35px; }

.eventdetails {width: 420px;float: left;margin-top: 16px;}
.eventdetails h2 {font-size: 24px;}
.eventdetails h3 {font-weight: bold; margin-top: 27px;}
.event_beschreibung {font-weight: bold; margin-top: 27px;}