.invisible {display: none}

body {padding: 0; margin: 0; position: relative; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; background: rgb(40,75,162) url(../img/bg-blue.png) 0 0 repeat-x fixed}
#header {width: 950px; margin: 0 auto 30px auto; background: url(../img/eu2.png) no-repeat; background-size: 100% auto; padding: 10px}
#header a {color: white; font-weight: bold; text-decoration: none}
#header a:hover {text-decoration: underline}
#header .login-register {float: right; opacity: 0.6}
#header .personal {float: right; color: white; font-weight: bold}
#header .languages {float: right; color: white}
#header .languages span {cursor: pointer; font-size: 0; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; height: 15px; width: 22px; background-size: 24px 24px; background-position: -1px -4px}
#header .languages span.active {cursor: default; box-shadow: 0 0 2px 2px rgba(255,255,255,0.5);}
#header .languages span.en {background-image: url('../img/Flags/flags_iso/64/uk.png')}
#header .languages span.de {background-image: url('../img/Flags/flags_iso/64/de.png')}
#header .filter {display: table; width: 100%; table-layout: fixed; border-top: 1px solid #666; padding-top: 8px; margin-top: 10px}
#header .filter a {display: table-cell; text-align: center}
.stop-scrolling {height: 100%; overflow: hidden;}
.info-no-country-items span {font-weight: bold; font-size: 20px; margin-bottom: 1em; display: block;}
.info-no-country-items a {color: inherit}

a.gallery-preview {display: inline-block; font-size: 0; text-decoration: none; color: inherit}
a.gallery-preview:hover {text-decoration: underline;}
a.gallery-preview img {box-shadow: 0 0 1px 1px rgba(0,0,0,0.5); padding: 1px;}
a.gallery-preview:hover img {opacity: 0.9}
a.gallery-preview .comment-count {margin: 4px 0 0 0; background: url('/img/comments.png') no-repeat; background-size: contain; width: 52px; height: 33px; padding-top: 1px; text-align: center; color: white; font-weight: bold; text-decoration: none; float: right; font-size: 16px}
a.gallery-preview .like-count {margin: 0 4px 0 0; width: 38px; height: 33px; padding-top: 5px; background: url('../img/likes.png') no-repeat; background-size: contain; text-align: center; color: white; font-weight: bold; text-decoration: none; float: right; font-size: 16px}
a.gallery-preview .title {color: #000}

.author-preview {display: inline-block; color: inherit; text-decoration: none}
.author-preview img {}
.author-preview .name {display: inline-block; font-size: 16px; vertical-align: top}


/* Footer */
.footer {width: 950px; margin: 20px auto 0 auto; padding: 5px 10px; background: url(../img/eu2.png) no-repeat; background-size: 100% auto; color: white;}
.footer a {color: inherit; font-weight: bold; font-size: 14px; text-decoration: none; margin: 0 10px;}
.footer a:hover {text-decoration: underline}

/* Footer pages */
.footer-entry {background: white; padding: 20px}
.footer-entry h1 {margin-top: 0}
.footer-entry h2 {margin-bottom: 0.2em}
.footer-entry a, .footer-entry a:visited {text-decoration: none; color: #0000EE}
.footer-entry a:hover {text-decoration: underline}


.popup {background: white; padding: 10px; max-height: 600px; overflow-y: auto;}

.captcha .audio {cursor: pointer}
.captcha .refresh {cursor: pointer}




.cookie-permit {background: #EEE; font-size: 0.8em; padding: 20px 0; position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA;}
.cookie-permit a {color: inherit}



.content {width: 970px; margin: 0 auto}
.gallery {margin-bottom: 15px; padding: 20px; width: 930px; background-color: white}
.gallery>.title-upper {margin-bottom: 4px}
.gallery>.title-lower {margin-bottom: 30px}
.gallery .item .item-title {font-weight: bold; font-size: 28px; margin-bottom: 5px;}
.gallery .item .place * {vertical-align: middle}
.gallery .item .place a {color: inherit; font-weight: bold}
.gallery .item .intro {margin-bottom: 0.6em; font-style: italic}
.gallery .global-comment-count {float: right; text-align: center; margin: 4px 0 0 0; width: 62px; height: 44px; padding: 4px 0 0 0; background: url('../img/comments.png'); background-size: contain; background-repeat: no-repeat; color: white; font-weight: bold; text-decoration: none;}
.gallery .global-like-count {float: right; text-align: center; margin: 0 15px 0 0; width: 48px; height: 38px; padding-top: 10px; background: url('../img/likes.png'); background-size: contain; background-repeat: no-repeat; color: white; font-weight: bold; text-decoration: none}
.gallery .title-upper .title {color: #0099CC; text-decoration: none !important; font-size: 2em; font-weight: bold}
.gallery .item {margin-bottom: 70px; position: relative}
.gallery .item .nr {position: absolute; left: -30px; top: 0; width: 24px; height: 24px; padding: 3px; font-weight: bold; text-align: center; background-color: #CCC; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.gallery .item .flag {display: inline-block; width: 32px; height: 32px; background: transparent url(../img/flags.png) no-repeat; background-size: cover; vertical-align: middle;}
.gallery .slides {position: relative; box-shadow: 0 0 1px 1px rgba(0,0,0,0.5); padding: 1px; margin-top: 4px; background: white; font-size: 0; width: 926px; height: 695px;}
#img-focus-overlay {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0; z-index: -1; /*pointer-events: none;*/ transition:opacity 0.5s; -o-transition:opacity  0.5s; -ms-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#disqus_thread {background-color: white; padding: 10px;}

.comments {margin: 15px 0 15px 0;}
.comments .count {font-weight: bold; font-size: 1.3em; line-height: 1.5em; color: #333}
.comments .new {}
.comments .new .appearable {display: none}
.comments .new .intro {margin: 20px 0 3px 0; font-weight: bold; font-size: 1.1em;}
.comments .new .author {padding: 4px}
.comments .new .registered-info {font-size: 0.9em}
.comments .new .registered-info .username {font-style: italic}
.comments .new .text {width: 98%; margin: 10px 0; font-family: inherit; font-size: 1em; height: 3em; padding: 5px; line-height: 1.3em;}
.comments .new .captcha {height: 82px; position: relative}
.comments .new .captcha .captcha-image {border: 1px solid #000; position: absolute; left: 0; top: 0; width: 215px; height: 80px}
.comments .new .captcha .audio {position: absolute; left: 230px; top: 0}
.comments .new .captcha .refresh {position: absolute; left: 275px; top: 0}
.comments .new .captcha input {position: absolute; left: 230px; bottom: 0; padding-left: 4px; padding-right: 4px}
.comments .new .submit {float: right; padding: 5px 15px; margin-right: 15px}
.comments .new .cancel {float: right; padding: 5px 15px}
.comments .new.active .appearable {display: block}
.comments .comment {margin-top: 20px}
.comments .comment .picture {float: left; margin-right: 5px}
.comments .comment .inappropiate {float: right; margin: 0 0 5px 5px; opacity: 0.5; cursor: pointer}
.comments .comment .inappropiate:hover {opacity: 1}
.comments .comment .inappropiate:active {opacity: 0.8}
.comments .comment .author {display: block; font-weight: bold; margin-right: 10px; position: relative; top: -4px;}
.comments .comment .user {font-weight: bold}
.comments .comment .guest {font-weight: normal}
.comments .comment .text {display: inline; position: relative; top: -4px;}