#loading { display: none; position: fixed; top: 15px; left: 15px; background: #A71B17; color: #FFF; padding: 6px 10px; font: bold 12px Tahoma; box-shadow: 1px 1px 3px #333, 0 0 5px rgba(0,0,0,0.3) inset; }

.galleryByCategory { list-style-type: none; margin-bottom: 15px; width: 420px; float: left; margin: 0 0 0 5px; overflow: hidden; }
.galleryByCategory li { overflow: hidden; position: relative; width: 100px; height: 100px; background: #000; margin: 0 5px 5px 0; float: left; box-shadow: 0 0 25px rgba(147,147,147,0.6) inset; }
.galleryByCategory li > a { float: left;  }
.galleryByCategory li > a span { color: #FFF; display: none; font: 10px Verdana; padding: 5px; text-transform: uppercase; position: absolute; z-index: 1; bottom: 0; left: 0; width: 90px; background: #111; background: rgba(0,0,0,0.7); transition-duration: 0.3s;}
.galleryByCategory li > a:hover span { display: block; }
.galleryByCategory li.paginator { width: 415px; height: 30px; background: #6B6B6B; margin: 0; padding: 0; text-align: center; }
.galleryByCategory li.paginator a,
.galleryByCategory li.paginator span { margin: 0; padding: 0; display: inline-block; height: 30px; width: 30px; text-align: center; background: none; text-decoration: none; font: bold 12px/30px 'Trebuchet MS', Verdana; color: #FFF; }
.galleryByCategory li.paginator a:hover { background: #000; }
.galleryByCategory li.paginator span { background: #939393; }
.galleryByCategory img { height: 100px; }

.galleryPreview { background: #6B6B6B; height: 450px; color: #FFF; text-shadow: 1px 1px 0 #333; overflow: hidden; position: relative; margin: 0 5px 0 0; }
.galleryPreview h3 { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; background: rgba(0,0,0,0.75); font: italic bold 26px 'Trebuchet MS', Vardana; }
.galleryPreview h3 a { display: block; padding: 15px 25px; color: #FFF; text-transform: uppercase; text-decoration: none;  transition-duration: 0.3s; }
.galleryPreview h3 a:hover { padding: 25px; transition-duration: 0.3s; }
.galleryPreview img { max-width: 95%; max-height: 100%; border: 2px solid #EEE; }
.galleryPreviewTabs { display: none; position: relative; }
.galleryPreview > div { height: 385px; text-align: center; margin: 15px 0 0 0; }

.galleryHeader { padding: 5px; overflow: hidden; color: #777;  text-transform: uppercase; clear: both; }
.galleryHeader .l { float: left; }
.galleryHeader .r { float: right; }

.galleryCategories { float: left; margin: 0 5px; width: 100%; margin-bottom: 15px; }
.galleryCategories li { color: #6B6B6B; width: 50%; float: left; font: bold 18px/23px 'Trebuchet MS', Vardana; text-transform: uppercase; list-style: none inside square; }
.galleryCategories li.current { text-decoration: underline; }
.galleryCategories li a { text-decoration: none; color: #0C7767; }
.galleryCategories li a:hover { text-decoration: underline; }



.galleryTitle { font: italic bold 26px/30px 'Trebuchet MS', Vardana; color: #222; letter-spacing: -1px; padding: 0 0 10px 0; border-bottom: 1px solid #777; margin-bottom: 10px; }

.galleryThumbs { overflow: hidden; padding: 10px 0; }
.galleryThumbs a { width: 12.5%; float: left; height: 115px; line-height: 120px; text-align: center; }
.galleryThumbs img { vertical-align: middle; border: 3px solid #FFF; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.galleryThumbs a:hover img,
.galleryThumbs .current img { border-color: #555; }

.galleryThumbsTabs { height: 20px; margin: 0; padding: 0; text-align: right; margin-bottom: 15px; }
.galleryThumbsTabs a { cursor: pointer; margin: 0; padding: 0; display: inline-block; height: 20px; width: 20px; text-align: center; background: none; text-decoration: none; font: bold 11px/20px 'Trebuchet MS', Verdana; color: #111; }
.galleryThumbsTabs a:hover { background: #000; color: #fff; }

.galleryFullImage { clear: both; background: #555; min-height: 300px; text-align: center; position: relative; box-shadow: 0 0 100px rgba(0,0,0,0.5) inset; margin: 10px 0; }
.galleryFullImage > div > img { border: 3px solid #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.5); margin: 15px; }
.galleryFullImage > div > div { overflow: hidden; font-size: 11px; padding: 10px 0; text-align: left; background: #000; box-shadow: 0 -10px 25px rgba(255,255,255,0.25) inset; }
.galleryFullImage > div > div img { vertical-align: middle; }
.galleryFullImage > div > div p { padding: 0 10px; color: #FFF; }
.galleryFullImage > div > div p.full { float: right; }
.galleryFullImage > div > div p a { color: #FFF; }

.gallery-description.familie { padding: 10px; background: #C43175; color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; }
.gallery-description.familie a { font-weight: bold; color: #FFF; }

.addthis_toolbox { margin: 5px 0; float: right; height: 26px; }

.forward,
.backward { cursor: pointer; color: #FFF; position: absolute; top: 150px; width: 50px; height: 50px; text-align: center; font: italic bold 35px/42px Georgia; background: #000; background: rgba(0,0,0,0.5); text-decoration: none; }
.forward:hover,
.backward:hover { background: rgba(255,255,255,0.5); color: #000; }
.forward { right: 10px; }
.backward { left: 10px; }
.forward.disabled,
.backward.disabled { display: none; }


#uploadPictureWrap { padding: 10px; background: #FFEFCE; border: 1px solid #FF9000; overflow: hidden; clear: both; }
#uploadPictureInfo { width: 30%; float: left; margin-right: 1%; }
#uploadPicture { float: left; width: 68%; } 
#uploadPicture #save { background: #027F00; color: #FFF; border: 0; height: 30px; padding: 0 15px; font: italic 16px/30px Georgia; cursor: pointer; }
#uploadPicture #save-label { display: none; }
#uploadPicture dt { font-size: 0.8em; }
#uploadPicture dd { margin: 1px 0 4px 0; }
#uploadPicture input[type=text], #uploadPicture textarea { font: normal 10px Verdana;; }
#uploadPictureWrap h3 { font-size: 1.4em; margin-bottom: 10px; }
#uploadPictureWrap p { margin: 5px 0; }
#uploadPictureMsg p { margin: 3px 0; background: #027F00; padding: 4px 10px; color: #FFF; }
#uploadPictureWrap { background: #ffefce; background: -moz-linear-gradient(top, #ffefce 0%, #ffffff 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefce), color-stop(99%,#ffffff)); background: -webkit-linear-gradient(top, #ffefce 0%,#ffffff 99%); background: -o-linear-gradient(top, #ffefce 0%,#ffffff 99%); background: -ms-linear-gradient(top, #ffefce 0%,#ffffff 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefce', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #ffefce 0%,#ffffff 99%); } 

.picture-vote { color: #FFF; padding: 10px !important; }
.picture-vote strong { height: 25px; line-height: 25px; text-align: center; display: block; }
.picture-vote .picVote { float: right; border: 1px solid #CCC; cursor: pointer; width: 70px; text-align: center; height: 30px; font: bold 14px/30px Tahoma; color: #FFF; background: #67BD2E; box-shadow: inset 3px 3px 10px rgba(255,255,255,0.5); }
.picture-vote .picVote.minus { float: left; background: #CF0004; }
.picture-vote p { font-size: 0.85em; text-align: center; }
.picture-vote > div { background: #CF0004; border: 1px solid #CCC; height: 8px; position: relative; }
.picture-vote > div > div { height: 100%; background: #67BD2E; position: absolute; right: 0; }