@font-face{font-family:'QuicksandBook';src:url('font/Quicksand_Book.eot');src:local('Quicksand Book'),local('QuicksandBook-Regular'),url('font/Quicksand_Book.woff') format('woff'),url('font/Quicksand_Book.otf') format('opentype'),url('font/Quicksand_Book.svg#QuicksandBook-Regular') format('svg');}
@font-face{font-family:'QuicksandBook bold';font-weight:bold;src:url('font/Quicksand_Bold.eot');src:local('Quicksand Bold'),local('Quicksand_Bold'),url('font/Quicksand_Bold.woff') format('woff'),url('font/Quicksand_Bold.otf') format('opentype'),url('font/Quicksand_Bold.svg#Quicksand_Bold') format('svg');}
body{background:#333 url(assets/background.jpg) no-repeat right top;font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#5c5c5c;padding:0;margin:0;height:100%;}
body.clean{background-image:none;}
html{height:100%;}
#background{position:relative;padding-bottom:30px;}
body.clean #background{padding:0;min-height:100%;}
#footer{clear:both;width:100%;height:20px;font-size:small;text-align:center;position:relative;margin-top:-25px;}
a,a:visited{color:#5c5c5c;text-decoration:none;}
a:hover,a:active{text-decoration:underline;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-family:"QuicksandBook",Arial,Helvetica,sans-serif;font-weight:normal;padding:0;margin:0;cursor:default;}
h3{margin-bottom:5px;}
h4{margin-bottom:2px;}
p{font-family:"QuicksandBook",Arial,Helvetica,sans-serif;cursor:default;margin:0 auto 10px;font-size:13px;}
p strong{font-family:"QuicksandBook bold",Arial,Helvetica,sans-serif;}
p.big{font-size:20px;}
p.tiny{font-size:11px;}
#process-spinner{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-8px;top:50%;left:50%;background:transparent url(assets/thumbnail-spinner.gif) no-repeat center;}
#help-window{position:absolute;top:20px;left:50%;margin-left:-400px;width:800px;color:#000;font-size:.8em;}
#help-window .closer{top:60px;right:60px;}
.help-window{z-index:100;max-width:720px;position:absolute;}
.help-holder{display:none;}
#main-help{width:100%;height:100%;position:absolute;top:0;left:0;}
.help-active{display:block;}
.help-window p{text-align:left;}
.help-window .closer{top:60px;right:60px;}
.help-window .shortcuts{position:absolute;top:-10px;right:-10px;}
.help-window h1{margin-bottom:20px;}
.help-window ul{font-family:"QuicksandBook",Arial,Helvetica,sans-serif;font-size:13px;list-style-type:none;margin:0;padding:0;}
.help-window ul li{cursor:default;margin-bottom:5px;line-height:20px;}
.help-window ul li.last{margin-bottom:0;}
.help-window a.licence{color:#fff;font-size:11px;position:absolute;bottom:37px;right:52px;}
.help-window .arrow{background:transparent url(assets/help-bg-arrows.png) no-repeat 0 0;position:absolute;}
.help-window .arrow.arrow-top{width:24px;height:12px;background-position:0 0;left:50%;top:0;margin-left:-12px;}
.help-window .arrow.arrow-bottom{width:24px;height:12px;background-position:0 -15px;left:50%;bottom:1px;margin-left:-12px;}
.help-window .arrow.align-left{left:35px;}
.help-window .arrow.align-right{left:auto;right:35px;}
.help-window .arrow.arrow-left{width:12px;height:24px;background-position:0 -66px;left:0;top:50%;margin-top:-12px;}
.help-window .arrow.arrow-right{width:12px;height:24px;background-position:0 -34px;right:-1px;top:50%;margin-top:-12px;}
.help-top{background:transparent url(assets/help-bg.png) no-repeat right top;height:20px;margin:0 0 0 20px;}
.help-top div{background:transparent url(assets/help-bg.png) no-repeat left top;position:relative;left:-20px;height:20px;width:20px;}
.help-middle{background:transparent url(assets/help-bg-middle.png) repeat-y left top;padding:0 0 0 20px;margin-right:20px;}
.help-middle div.inner{background:transparent url(assets/help-bg-middle.png) repeat-y right top;padding:0 20px 0 0;margin-right:-20px;overflow:hidden;}
.help-bottom{background:transparent url(assets/help-bg.png) no-repeat right bottom;height:20px;margin:0 0 0 20px;}
.help-bottom div{background:transparent url(assets/help-bg.png) no-repeat left bottom;position:relative;left:-20px;height:20px;width:20px;}
#help-overlay{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:#000;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;z-index:99;}
#image-help{left:50%;margin-left:-164px;margin-top:-80px;top:50%;}
#breadcrumb-help{bottom:20px;left:10px;position:fixed;z-index:101;}
#slideshow-help{position:fixed;left:50%;margin-left:-174px;bottom:20px;}
#resize-help{bottom:45px;right:-13px;}
#back-help{left:45px;top:50%;margin-top:-37px;}
#next-help{right:45px;top:50%;margin-top:-37px;}
#slideshow{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}
#slideshow-config{display:none;color:#F5F5F5;cursor:default;width:280px;height:120px;position:absolute;left:50%;top:50%;margin:-100px 0 0 -200px;background:transparent url(assets/slideshow-background.png) no-repeat left top;padding:42px 60px 40px;}
#slideshow-config span{font-size:11px;font-weight:bold;}
#slideshow-config #slideshow-slider{margin:10px 0;}
#slideshow-config .icon{float:none;margin:0 auto;}
#slideshow-stop-button{float:none;position:absolute;left:50%;bottom:3px;margin-left:-16px;display:none;}
#teaser h1{font-size:3em;font-weight:normal;letter-spacing:.1em;text-transform:lowercase;text-align:right;border-bottom:1px solid #1f1f1f;margin:.1em 0 .5em;}
#teaser img{float:right;}
#teaser p{clear:right;padding:1em;font-size:.8em;}
#teaser p strong{text-transform:uppercase;}
#image{margin:0 auto;text-align:center;padding-bottom:35px;}
#image div.image-holder{display:inline-block;position:relative;margin-top:150px;min-height:50px;min-width:50px;}
#image img.light-on{margin:0 auto;}
#image img.light-on{cursor:url(cursor/lightbulb.png),pointer;}
#image img.light-off{cursor:url(cursor/lightbulb_off.png),pointer;}
#image img.fullsize-image{cursor:move;}
#image-info{display:none;color:#000;position:fixed;right:0;top:0;background:transparent url(assets/image-info-background.png) repeat-x bottom left;padding:10px 10px 25px 25px;}
#image-info ul{list-style-type:none;text-align:right;font-size:.7em;margin:0;padding:0;}
#image div #light-status{display:none;position:absolute;top:10px;right:5px;}
#image div #light-status img{cursor:help;}
#image div:hover #light-status{display:block;}
#image div #image-info-box{text-align:right;display:none;padding-left:40px;position:absolute;bottom:0;right:0;background:transparent url('assets/background-sprite.png') no-repeat left -2080px;}
#image div #image-info-box.help-active,#image div #image-info-box.help-active a{display:block!important;}
#image div #image-info-box div.inner{background:transparent url('assets/background-sprite.png') repeat-x left -2020px;padding:9px 3px 6px 10px;overflow:hidden;}
#image div:hover #image-info-box{display:block;}
#image div #image-info-box a{margin-right:10px;}
#image #image-navigation-prev,#image #image-navigation-next{margin-top:-100px;position:absolute;top:50%;}
#image #image-navigation-prev{left:10px;}
#image #image-navigation-next{right:10px;}
#image #image-navigation-prev a,#image #image-navigation-prev span,#image #image-navigation-next a,#image #image-navigation-next span{background:transparent url(assets/background-sprite.png) no-repeat;display:block;width:80px;height:200px;}
#image #image-navigation-prev span,#image #image-navigation-next span{display:none;}
#image #image-navigation-prev span.help-active,#image #image-navigation-next span.help-active{display:block;}
#image #image-navigation-prev a,#image #image-navigation-prev span{background-position:left -930px;}
#image #image-navigation-next a,#image #image-navigation-next span{background-position:left -1147px;}
#image #image-navigation-prev a:hover,#image #image-navigation-prev a:active{background-position:left -1361px;}
#image #image-navigation-next a:hover,#image #image-navigation-next a:active{background-position:left -1578px;}
#f11{display:none;position:absolute;left:10px;bottom:10px;background:transparent;background-image:url(assets/key_f11.png);background-attachment:scroll;height:48px;width:48px;}
#thumbnails{margin:0 auto;padding:0 2em 2em;}
#thumbnails.album-view h1.album-title{font-size:3em;font-weight:normal;letter-spacing:.1em;text-transform:lowercase;text-align:right;border-bottom:1px solid #1f1f1f;margin:1em 0 .5em;}
#thumbnails.album-index h1.album-title{font-size:2em;font-weight:normal;letter-spacing:.1em;text-transform:lowercase;text-align:center;margin:.5em 0 .5em;position:relative;}
#thumbnails.album-view h1.album-title a,#thumbnails.album-index h1.album-title a{color:#1f1f1f;}
#thumbnails.album-view h1.album-title a:hover,#thumbnails.album-view h1.album-title a:active,#thumbnails.album-index h1.album-title a:hover,#thumbnails.album-index h1.album-title a:active{text-decoration:none;}
#thumbnails.album-index h1.album-title .album-subtitle{color:#202020;cursor:help;font-size:.4em;font-weight:bold;position:absolute;right:-20px;top:-10px;}
#thumbnails #albums{max-width:1200px;margin:0 auto;text-align:left;}
#thumbnails #albums .album{display:inline-block;float:left;margin-right:30px;margin-bottom:30px;border:1px solid transparent;padding:10px 20px;text-align:center;height:260px;}
#thumbnails #albums .album:hover{border:1px solid #202020;}
#thumbnails #albums .album .image{height:180px;float:none;}
#thumbnails #albums .album .image a{line-height:180px;}
#thumbnails #albums .album .image img{max-height:180px;max-width:250px;vertical-align:middle;}
#thumbnails #albums .images{margin:30px 0;}
#thumbnails.album-view #albums .images{width:70%;float:left;}
#thumbnails.album-view #albums .album-description{font-family:"QuicksandBook",Arial,Helvetica,sans-serif;text-align:right;font-size:14px;margin-bottom:2em;width:30%;float:right;}
#thumbnails a.more{color:#1f1f1f;display:block;font-size:1.2em;text-align:right;}
#thumbnails .more a:hover{text-decoration:none;font-weight:bold;}
#thumbnails.admin-view #albums{text-align:left;margin-top:40px;}
#thumbnails.admin-view .image{height:140px;}
#thumbnails .image{float:left;margin:0 10px 10px 0;height:120px;min-width:10px;}
#thumbnails img.thumbnail{min-width:10px;max-height:120px;}
#thumbnails .image input,#thumbnails .image label{display:block;}
#thumbnails .image label{text-align:left;font-size:.8em;}
#thumbnails .image a{line-height:120px;}
#thumbnails .image a img{vertical-align:bottom;}
#interaction{font-size:12px;position:fixed;bottom:0;left:0;height:20px;width:100%;padding-top:10px;background:transparent url('assets/background-sprite.png') repeat-x left -2800px;text-align:center;}
#interaction .seperator{width:10px;height:22px;display:inline-block;background:transparent url('assets/background-sprite.png') no-repeat left -2870px;vertical-align:bottom;}
#interaction .pipe{width:2px;height:22px;display:inline-block;background:transparent url('assets/background-sprite.png') no-repeat left -2900px;vertical-align:bottom;}
#interaction .icon{margin:0 6px;}
#interaction .nav .icon,#interaction .license .icon,#interaction #help-icon-holder .icon{padding-bottom:3px;}
#interaction .copy{color:#5c5c5c;display:inline-block;font-size:12px;font-family:"QuicksandBook",Arial,Helvetica,sans-serif;margin:0 5px;padding-bottom:5px;}
#interaction .license{color:#5c5c5c;font-family:"QuicksandBook",Arial,Helvetica,sans-serif;font-size:12px;position:absolute;right:5px;bottom:0;}
#interaction div.nav{position:absolute;left:5px;bottom:0;}
#interaction #help-icon-holder{position:absolute;right:5px;bottom:0;}
#imprint p,#imprint h1{text-align:center;}
#imprint h1{text-transform:uppercase;font-size:40px;margin-bottom:40px;}
#imprint p{margin-left:auto;margin-right:auto;max-width:600px;}
#about{max-width:600px;margin:0 auto;}
#about h1{margin-bottom:40px;}
#about hr{margin:40px -20px;}
.clear{clear:both;margin:0;padding:0;font-size:0;}
.cl{clear:left;}
.album-link{font-weight:bold;text-decoration:underline;}
hr{border:none;background:#5c5c5c;height:1px;}
hr.invisible{height:5px;border:none;margin-bottom:20px;visibility:hidden;}
.hide{display:none;}
.hidden-for-presentation{display:none!important;}
.last{margin-bottom:0;padding-bottom:0;}
.logout-button{color:#ccc;position:absolute;right:10px;top:5px;z-index:99;font-size:.8em;}
.closer{width:16px;height:16px;background:transparent url(assets/close_16.png) no-repeat left top;position:absolute;top:2px;right:20px;cursor:pointer;}
.di{display:inline;}
.fl{float:left;}
.fr{float:right;}
.forbidden{cursor:not-allowed;}
.loading-indicator{z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0;background:#000 url(assets/ajax-loader.gif) no-repeat center center;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;}
.icon{background:transparent url(assets/background-sprite.png) no-repeat;display:block;float:left;width:32px;height:32px;text-indent:-20000px;cursor:pointer;}
.icon.fr{float:right;}
.icon.icon-small{width:16px;height:16px;}
.icon.icon-key{width:34px;height:34px;}
.icon.icon-large{width:64px;height:64px;}
.icon.icon-label{text-indent:0;display:inline-block;float:none;padding-left:35px;width:auto;vertical-align:middle;}
.icon.icon-label.help-active{display:inline-block!important;}
.icon.icon-small.icon-label{line-height:16px;font-size:10px;padding-left:16px;}
.icon-add-album{background-position:left -110px;}
.icon-remove-album{background-position:left -162px;}
.icon-upload{background-position:left -214px;}
.icon-trash{background-position:left -266px;}
.icon-globe{background-position:left -318px;}
.icon-refresh{background-position:left -370px;}
.icon-help{background-position:left -422px;cursor:help;}
.icon-help.icon-active{background-position:left -474px;}
.icon-home-back{background-position:left -526px;}
.icon-camera{background-position:left -578px;}
.icon-camera.icon-active{background-position:left -630px;}
.icon-zoom{background-position:left -682px;}
.icon-zoom.icon-active{background-position:left -734px;}
.icon-f11{background-position:left -864px;}
.icon-key-enter{background-position:left -1957px;}
.icon-key-escape{background-position:-40px -1892px;}
.icon-key-right{background-position:-40px -1853px;}
.icon-key-left{background-position:-40px -1957px;}
.icon-key-space{background-position:left -1853px;}
.icon-picture{background-position:left -811px;}
.icon-video{background-position:left -2164px;}
.icon-play-video{background-position:left -2280px;}
.icon-stop-video{background-position:left -2200px;}
.icon-mmalbum{background-position:-40px -2200px;}
.icon-mmalbum:hover{background-position:-60px -2200px;}
.icon-home-small{background-position:left -2375px;}
.icon-home-small:hover{background-position:-40px -2375px;}
.icon-camera-small{background-position:left -2400px;}
.icon-camera-small:hover{background-position:-40px -2400px;}
.icon-video-small{background-position:left -2426px;}
.icon-video-small:hover{background-position:-40px -2426px;}
.icon-imagefolder-small{background-position:left -2452px;}
.icon-imagefolder-small:hover{background-position:-40px -2452px;}
.icon-info-small{background-position:left -2479px;}
.icon-info-small:hover{background-position:-40px -2479px;}
.icon-text-small{background-position:left -2504px;}
.icon-text-small:hover{background-position:-40px -2504px;}
.icon-image-small{background-position:left -2530px;}
.icon-image-small:hover{background-position:-40px -2530px;}
.icon-play-small{background-position:left -2556px;}
.icon-play-small:hover{background-position:-40px -2556px;}
.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222;}
.ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;}
.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6;font-weight:normal;color:#555;outline:none;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none;outline:none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus{border:1px solid #999;background:#dadada;font-weight:normal;color:#212121;outline:none;}
.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none;outline:none;}
.ui-state-active,.ui-widget-content .ui-state-active{border:1px solid #aaa;background:#fff;font-weight:normal;color:#212121;outline:none;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;outline:none;text-decoration:none;}
.ui-slider{position:relative;text-align:left;}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;}
.ui-slider-horizontal{height:.8em;background:#0d0d0d;border-color:#0a0a0a;}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;background:#000;border-color:#2a2a2a;}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
.ui-slider-horizontal .ui-slider-range-min{left:0;}
.ui-slider-horizontal .ui-slider-range-max{right:0;}
.ui-slider-vertical{width:.8em;height:100px;}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}
.ui-slider-vertical .ui-slider-range{left:0;width:100%;}
.ui-slider-vertical .ui-slider-range-min{bottom:0;}
.ui-slider-vertical .ui-slider-range-max{top:0;}
