.sf-menu li:hover {visibility: inherit /* fixes IE7 'sticky bug' */}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left: 0;
top: 50px; /* match top ul list item height */
z-index: 101;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */top: 0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */top: 0}
.sf-menu ul {
-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 2px 1px rgba(0,0,0,.2);
box-shadow: 0 2px 2px 1px rgba(0,0,0,.2);
background-image: linear-gradient(to bottom, rgb(106, 106, 106), rgb(85, 85, 85));
}
.sf-menu ul a {
width:182px;
float:left;
padding:10px 18px;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
}
.sf-menu a.sf-with-ul:hover:before, .sf-menu > li:hover > .sf-with-ul:before {
content: "";
position: absolute;
z-index: 1000;
left: 50%;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 0;
}
.sf-menu ul a.sf-with-ul:hover:before,
.sf-menu ul a.sf-with-ul.active:before {
content: "";
position: absolute;
z-index: 1000;
top: 50%;
left: 0;
margin-top: -4px;
border-right: 0 !important;
border-top: 4px solid transparent !important;
border-bottom: 4px solid transparent !important;
}
.sf-menu ul li:hover .sf-with-ul:before {border: none}
.sf-menu ul a.sf-with-ul:hover:before,.sf-menu ul a.sf-with-ul.active:before{border-left:4px solid #0a8fdd}
.sf-menu ul a{color:#eee}
.sf-menu > li.level-1 > a.sf-with-ul:hover:before,.sf-menu > li:hover > .sf-with-ul:before{border-bottom:6px solid rgb(106, 106, 106);bottom: 0}
.sf-menu ul a:hover, .sf-menu ul a.active{padding:10px 15px;color:#fff;background:#4a4a4a;text-shadow:0 -1px rgba(0,0,0,.2);border-left:3px solid #0a8fdd}
.cookcodesmenu_nav .home-btn:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900 !important;
content: '\f015';
font-size: 17px;
}
.cookcodesmenu_nav .cookcodesmenu_item {cursor: pointer}
.cookcodesmenu_nav .cookcodesmenu_item a {display: inline}
.cookcodesmenu_nav .cookcodesmenu_row {display: block}
.cookcodesmenu_nav a {display: block}
.cookcodesmenu_nav .cookcodesmenu_parent-link a {display: inline}
.cookcodesmenu_brand {float: right}
.cookcodesmenu_menu .cookcodesmenu_no-text {margin: 0}
.cookcodesmenu_nav {
color: #eee;
background: #555;
margin: 0;
padding: 0;
font-size: 1.1em;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
max-height: calc(100vh - 147px);
overscroll-behavior: contain;
background-image: linear-gradient(to bottom, rgb(106, 106, 106), rgb(85, 85, 85));
}
.cookcodesmenu_nav li {line-height: 43px;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 0 !important}
.cookcodesmenu_nav li a {padding: 0 1.7em}
.cookcodesmenu_nav li.active a.cookcodesmenu_row, .cookcodesmenu_nav li.level-1.starter_active > a.cookcodesmenu_item, .cookcodesmenu_nav li.level-2.active a.active, .cookcodesmenu_nav li.level-2.starter_active a.cookcodesmenu_item, .cookcodesmenu_nav li.level-3.active, .cookcodesmenu_nav a.starter_active.home-btn  {background-color: #4a4a4a;}
.cookcodesmenu_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
}
.cookcodesmenu_nav {clear: both}
.cookcodesmenu_nav ul {display: block;margin: 0}
.cookcodesmenu_nav li {display: block}
.cookcodesmenu_nav .cookcodesmenu_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
float: right;
border-left: 1px solid rgba(255, 255, 255, 0.1);
padding-left: 23px;
font-size: 15px;
color: #eee;
}
.cookcodesmenu_nav ul li a {padding-left: 45px}
a.cookcodesmenu_row:active {background-color: #4a4a4a}
.cookcodesmenu_nav ul li ul li a {padding-left: 70px}
.cookcodesmenu_nav ul li ul li a:active {background-color: #4a4a4a}
.cookcodesmenu_nav .cookcodesmenu_row:hover {color: #fff}
.cookcodesmenu_nav a {text-decoration: none;color: #eee}
.cookcodesmenu_nav a:hover {text-decoration: none;color: #fff}
.cookcodesmenu_nav a:active {color: #fff}
.cookcodesmenu_nav a:focus {text-decoration: none}
.cookcodesmenu_nav .cookcodesmenu_txtnode {margin-left: 15px}
.cookcodesmenu_nav .cookcodesmenu_item a {
padding: 0;
margin: 0;
display: inline-block;
width: 83%;
}
.cookcodesmenu_nav .cookcodesmenu_parent-link a {padding: 0;margin: 0}
.cookcodesmenu_brand {
color: #eee;
font-size: 18px;
line-height: 40px;
padding: 7px 12px;
height: 44px;
}
*:focus {-moz-outline-style: none; outline: none}
form p, form > fieldset > div {padding: 0}
/* Start old contact form structure */
form p label.description {margin: 0;height: auto;width: 100%}
/* END old contact form structure */
form .is_required {padding: 0 0 0 5px;color: #FF0000}
form .contactFormGroup {float: left;width: 326px}
form .contactFormUpload {float: left}
form .contactFormGroup input[type=checkbox] {clear: left}
form #uploadFormField_uploadWidget {padding: 0 0 0 250px}
form .formUploadedFiles, form .formUploadedFiles div {float: left;width: 326px}
form .contactFormUpload li, form .formUploadedFiles li {
float: left;
width: 100%;
padding: 0 0 5px 10px;
margin: 0 0 5px 0;
border-bottom: 1px solid #DDDDDD;
}
form .contactFormUpload span, form .formUploadedFiles span {float: left;width: 280px;padding: 0 10px 0 0}
form .contactFormUpload .deleteIcon,
form .formUploadedFiles .deleteIcon {
float: left;
width: 16px;
height: 16px;
margin: 2px 0 0 0;
overflow: hidden;
text-indent: 16px;
background: url('../../cadmin/images/icons/delete.gif') no-repeat;
}
form label {width: 250px;min-height: 1px;}
form input[type=submit] {margin-right: 10px}
input:not[type=submit]:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {border: 1px solid #888;outline: 0}
input[type=radio] {float: left;margin: 3px 10px 3px 0}
input[type=checkbox] {float: left;margin: 4px 10px 4px 0}
input[type="checkbox"] {position: absolute;opacity: 0}
.links {margin:0;width: auto;cursor:pointer}
input[type="checkbox"] + .links::before {
width: 16px;height: 16px;
font-family: 'Font Awesome 5 Free';
content: '\f0c8';
font-weight: 400;
display: block;
float: left;
margin: 1px 7px 0 0;
background-color: transparent;
font-size: 18px;
color: #888;
}
input[type="checkbox"]:checked + .links::before {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
font-weight: 900;
color: #0a8fdd;
background: none;
}
.btn:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
box-shadow: 2px 2px 3px #C5C5C5;
-moz-box-shadow: 2px 2px 3px #C5C5C5;
-webkit-box-shadow: 2px 2px 3px #C5C5C5;
-o-box-shadow: 2px 2px 3px #C5C5C5;
top: 1px;
outline: none;
color: #FFFFFF;
}
.btn:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active {
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
-o-box-shadow: 0 0 0 transparent;
top: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border: 0;
outline: none;
}
button[disabled=disabled],
input[disabled=disabled] {opacity: 0.6;cursor: default}
button[disabled=disabled]:hover,
input[disabled=disabled]:hover {background: #F5F5F5}
input.stats {width: 25px;height: 10px}
select.stats {
width: 70px;
height: 10px;
padding: 4px 2px 4px 7px !important;
}
.login-error-msg.text-danger, .alert-danger, .text-danger {margin-bottom:20px; color: #c81010;width: 100%};
em.error {font-size: 12px;color: red}
#RegForm label.error {margin-left: auto;width: 250px}
.error + .select2-container--default .select2-selection--single, select.error {border: 1px dotted red !important}
.valid + .select2-container--default .select2-selection--single, select.valid {border: solid 1px #598C28}
.reg {padding-bottom: 0;position: relative}

input.error,
input.error:hover,
input.error:focus,
textarea.error,
textarea.error:hover,
textarea.error:focus {border: 1px dotted red}
input.valid,
input.valid:hover,
input.valid:focus,
textarea.valid,
textarea.valid:hover,
textarea.valid:focus {border: solid 1px #598C28}

input.error + span:after,
select.error + .select2 + span:after,
input.error + #coreCaptchaImage + span:after,
input.error + .links + span:after {
content: '\2718';
font-weight: bold;
font-size: 18px;
color: #ff0000;
padding-left: 11px;
cursor: default;
opacity: 0.8;
}
input.valid + span:after,
select.valid + .select2 + span:after,
input.valid + #coreCaptchaImage + span:after,
input.valid + .links + span:after {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
font-weight: 900;
font-size: 18px;
color: #598C28 !important;
padding-left: 11px;
}
textarea.valid + span:after {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
font-weight: 900;
font-size: 18px;
color: #598C28 !important;
padding-left: 11px;
cursor: default;
vertical-align: top;
}
textarea.error + span:after {
content: '\2718';
font-weight: bold;
font-size: 18px;
color: #ff0000;
padding-left: 11px;
cursor: default;
vertical-align: top;
opacity: 0.8;
}
input[type=password] + .unmask, input[type=text] + .unmask {position: absolute;font-size: 15px;right: 40px;bottom: 9px;cursor: pointer;border: none;-moz-appearance: none;-webkit-appearance: none;width: 27px;display: inline-block;}
.unmask:before {padding-right: 16px;opacity: 0.7}
.regForm p {padding-bottom: 0 !important}
table th {padding: 6px 5px;text-align: left;font-weight: bold}
table th a {color: #FFFFFF}
table tr.row1 {background-color: #FFFFFF}
table tr.row2 {background-color: #F6F6F6}
table tr.row3 {background-color: #FFEE9F}
table td.none {border: 0}
div.row_1, div.row1 {background-color: #f9f9f9;border-bottom: 1px solid #ECEDF3}
div.row_2,div.row2 {background-color: #ffffff;border-bottom: 1px solid #ECEDF3}

#profile ul {display: block;top: 65px;margin: 0}
#profile ul li * {font-size: 13px}
#profile ul li {
padding: 10px 13px;
white-space: pre;
float: none;
z-index: 99999;
line-height: inherit;
margin-bottom: 0;
}
#profile ul li:hover {
background: #4a4a4a;
border-left: 3px solid #0a8fdd;
padding: 10px 10px;
}
#profile ul li a {
padding: 1px 15px 1px 27px;
display: block;
color: #eee;
}
#profile ul li a:hover {color: #fff}
#profile i {width:10px;padding: 0px;right: 0;color: #eee;margin-top: 2px}
#profile .no-border,
#bookmarksResults li:last-child,
#profile li.no-border {border-bottom: none;}
#profile .pointer {
position: absolute;
width: 0;
height: 0;
border-top-width: 0;
border-bottom: 6px solid dimgray;
border-left: 6px dashed transparent;
border-left-color: transparent;
border-right: 6px dashed transparent;
border-right-color: transparent;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
display: block;
z-index: 99999;
left: 50%;
top: -6px;
}
#login-home:after {
content: "";
position: absolute;
right: 109px;
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #f2f2f2 transparent;
z-index: 99999;
}
#login-home input[type="text"],
#login-home input[type="password"] {
width: 200px;
margin: 10px 15px 0;
display: block;
height:20px;
}
#login-home input[type="submit"] {margin: 0px 20px 10px 15px;float: left}
#login-home .unmask {
top: 3px;
left: 185px;
padding:10px;
font-size: 15px;
}
#captcha {
float: left !important;
width: auto;
clear: none !important;
margin: 0;
padding: 0;
}
#captcha #coreCaptchaLabel {
float: left;
width: auto;
clear: both;
margin: 2px 0 2px 0;
font-weight: normal;
}
#captcha #coreCaptchaCode {
float: left;
width: 79px !important;
clear: both;
margin: 0 7px 0 0;
}
#captcha #coreCaptchaImage {
float: left;
width: 93px;
height: 31px;
}
/* CSS DEFINITIONS FOR GALLERY MODULE              */
/***************************************************/
#gallery {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#gallery div.category_tree,
#gallery div.category_comment,
#gallery div.category_paging {
width: 100%;
padding: 0;
margin: 0 0 15px 0;
float:left;
}
#gallery div.image_navigation {
width: 12%;
position: absolute;
top: 50%;
font-size: 25px;
}
#gallery div.category_images {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: space-around;
}
#gallery div.category_image,
#gallery div.category_informations {
float: left;
padding: 0;
margin: 0;
}
.cat-row {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
}
#gallery div.category_informations h2 {
padding: 0;
margin: 0;
}
#gallery div.image_voting,
#gallery div.image_comment {
float: left;
padding: 0;
margin: 0;
width: 100%;
}
#gallery .imagenavi {
width: 100%;
overflow-x: scroll;
overflow-y:hidden;
height: 90px;
white-space: nowrap;	
}
#gallery .imagenavi a {
margin: 0 4px;	
}
#votingDiv i {color: orange;font-size: 17px;padding: 0 3px;}
#gallery div.category {
width: 100%;
padding: 10px 0 10px 0;
margin: 0;
float:left;
flex-basis: 170px;
}
#gallery .bild {
width: 165px;
padding: 0;
margin: 15px 25px;
text-align:left;
float: left;
position: relative;
cursor:pointer
}
#gallery div.show_image img {
max-height: 450px;
width: 100%;
max-width: 600px;
box-shadow: 5px 5px 5px #C6C5C5;
-webkit-box-shadow: 5px 5px 5px #C6C5C5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#gallery div.category_image img, #gallery div.category_images img{
max-height: 125px;
width: 100%;
max-width: 165px;
box-shadow: 5px 5px 5px #C6C5C5;
-webkit-box-shadow: 5px 5px 5px #C6C5C5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
}
#gallery div.show_image, #gallery div.desc {
text-align: center;
position: relative;
margin: 0 auto;
}
.category_images .gallery-titel {
position: absolute;
width: 165px;
height: 125px;
top: 0;
left: 0;
text-align: center;
color: rgba(0, 0, 0, 0.9);
text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
transition: opacity 0.3s linear;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.64) 0%,rgba(230, 230, 230,1) 100%);
border-radius: 4px;
opacity: 0;
}
.category_images > .bild:hover .gallery-titel {opacity: 1}
.category_images .gallery-text {display:none}
.large-btns_nav {
position: absolute;
opacity: 0.6;
overflow: hidden;
top: 4px;
bottom: 4px;
left: 0;
width: 38px;
font-size: 40px;
color: #bdbdbd;
}
.large-btns_nav:hover, .large-btns_nav:focus {
background: rgba(219, 222, 230, 0.39);
color: #222;
}
.large-btns_nav.next {
left: auto;
right: 0;
}
.large-btns_nav.prev::before {
content: '\f104';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
bottom: 50%;
left: 0;
right: 0;
}
.large-btns_nav.next::before {
content: '\f105';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
bottom: 50%;
left: 0;
right: 0;
}
/* CSS DEFINITIONS FOR CONTACT MODULE              */
#contactForm {
float: left;
width: 100%;
padding: 15px 0 0 0;
}
#contactFormError {
display: none;
float: left;
width: 100%;
padding: 15px 0 0 0;
color: #FF0000;
}
/* CSS DEFINITIONS FOR VOTING MODULE               */
#voting {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#voting div.form,
#voting div.voting,
#voting div.results,
#voting div.votes,
#voting div.archive{
width: 100%;
padding: 0;
margin: 0 0 5px 0;
float:left;
}
#voting div.message{
color: #ff0000;
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#voting input[type=radio],
#voting  input.radio{float: none}
.voting label{float: none}
/* CSS DEFINITIONS FOR ACCESS MODULE               */
#access {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#access div.message,
#access div.message_ok,
#access div.message_error,
#access div.profile,
#access div.paging,
#access div.member_list,
#access div.letter_index,
#access div.search,
#access div.functions {
float: left;
width: 100%;
padding: 0 0 15px 0;
}
#access div.message_error {padding: 5px 0 10px 0;color: #ff0000}
#access div.message_ok {color: #029202}
#access img.member_gender_female {background-color:#f4d7f4;padding:2px}
#access img.member_gender_male {background-color:#a2c0ff;padding:2px}
#access img.member_gender_undefined {background-color:#dddddd;padding:2px}
/* CSS DEFINITIONS FOR RECOMMEND MODULE            */
#recommend {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#recommend div.text, #recommend div.status, #recommend div.form  {
width: 100%;
padding: 0;
margin: 0 0 15px 0;
float:left;
}
#recommend div.status {color: #ff0000}
/* CSS DEFINITIONS FOR LOGIN MODULE                */
#login {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
/* CSS DEFINITIONS FOR SITEMAP MODULE              */
#sitemap {width: 100%;float: left}
#sitemap ul li {
padding: 0 0 5px !important;
margin: 0 0 5px 0;
border-bottom: 1px solid #F1F1F1;
background: none !important;
}
#sitemap ul li.sitemap_level_1 {font-weight: bold}
#sitemap ul li.sitemap_level_2 {padding-left: 25px !important}
#sitemap ul li.sitemap_level_3 {padding-left: 50px}
#sitemap ul li.sitemap_level_4 {padding-left: 75px}
#sitemap ul li.sitemap_level_5 {padding-left: 100px}
/* CSS DEFINITIONS FOR NEWS MODULE                 */
#news li {
float: left;
width: 100%;
padding: 0 0 15px 0;
border-bottom: 1px solid #D6D6D6;
background: none;
margin-bottom: 0;
}
#news-links {float: left;width: 100%;margin: 15px 0 15px 0}
#news-links ul {float: left;position: relative;width: 100%}
#news-no-comments {float: left;width: 100%;margin: 0}
#news-toggle {margin: 15px 0 20px 0}
#news-comment-form {
display:none;
float: left;
width: 100%;
}
#news_comment_message {height:100}
.news-comment-poster {color: #888;font-size: 96%;padding: 0 10px 0 10px}
.news-comment-pic {
padding: 13px 7px 6px 0;
float: left;
width: 50px;
text-align: center;
}
.comment-pic {max-height: 35px;max-width: 45px;border-radius: 10%}
.news-comment-title, .news-comment-message {padding: 0 15px 0 15px;display: table-row}
.news-comment-title h6 {margin: 8px 0 5px;font-size: inherit;padding:0;font-weight:bold}
.news-comment-message {font-size: 14px}
.news-divider:after {
content: "\02022";
margin: 0 8px;
font-size: 120%;
opacity: 0.9;
}
.quot {display: inline-block}
#showpic {position:relative;display:inline-block}
#showpic::after {
content: "\f00e";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
opacity: 0.5;
font-size: 22px;
cursor: -webkit-zoom-in;
cursor: url(/images/content/lupe.cur), zoom-in;
color: #0a8fdd;
right: 10px;
top: 12px;
}
.news-info i, .news-comment i {margin-right:4px;font-size: small}
/*Styles for next and previous news link blocks*/
#news-link-blocks-cont {float: left;width: 100%;padding: 20px 0}
#news-previous-link-block {float: left;width: 50%;text-align: left}
#news-next-link-block {float: right;width: 50%;text-align: right}
.news-link-label {
cursor: pointer;
width: auto;
color: #9C9C9C;
text-transform: uppercase;
font-size: 12px;
}
.news-title-label {cursor: pointer;width: 100%;font-size: 15px}
.news-title-label.news-title-label-next, .news-link-label.news-link-label-next {float: right;text-align: right}
.news-title-label.news-title-label-prev, .news-link-label.news-link-label-prev {float: left;text-align: left}
.news-link-label-next small {font-size: 18px;margin-left: 5px}
.news-link-label-prev small {font-size: 18px;margin-right: 5px}
.news-title-label h6 {padding: 5px 0}
/* CSS for edit dialog */
#news-related-news-list ul {
margin: 0;
padding: 0;
float: left;
width: 308px;
}
#news-related-news-list ul li {
list-style-type: none;
background: none;
border: 1px solid rgb(183, 188, 192);
padding: 0 0 0 6px;
margin: 5px;
margin-left: 0;
width: auto;
float: left;
line-height: 24px;
}
#news-related-news-list ul li span.news_list_close {
padding: 1px 5px;
margin-bottom: 0;
cursor: pointer;
margin-left: 5px;
background: rgb(183, 188, 192);
color: rgb(255, 255, 255);
position: relative;
float: right;
}
#news-related-news-list ul li label {margin: 1px;float: left;width: auto}
.news-related-search-info {font-style: italic}
.news-related-search-input.ui-autocomplete-input.loading {
background-image: url('../Media/Loading.gif');
background-repeat: no-repeat;
background-position: 98% center;
background-size: 16px;
}
/* CSS for listing (view) */
#news-related-news {width: 100%;float: left}
#news-related-news h3 {margin: 0;padding: 0}
#news-related-news .rel-news-blocks {width: 100%;float: left;height: auto}
#news-related-news .rel-news-blocks h6 {margin: 0;padding: 0;font-size: .98em}
#news-related-news .rel-news-blocks h5 {margin-bottom: 0;margin-top: 0.7em}
#news-related-news ul li {margin-bottom: 8px}
#news-related-news .rel-news-blocks:last-child {margin: 0}
#news_archive_list li span.monat {cursor: pointer;color:#0a8fdd}
#news_archive_list li span.monat:hover {color:#323F55}
/*For tags*/
.news-info .tagCont {
background-image: url('../Media/Tag.png');
background-position: -4px -4px;
background-repeat: no-repeat;
padding-left: 16px;
background-size: 20px;
}
.news-info span.newsTags {margin-right: 4px;}
#tag-filter p {
width: auto;
float: left;
margin: 5px 0 5px 10px;
padding: 0;
color: #fff;
line-height: 20px;
}
#tag-filter {float: left;width: auto;background-color: #0A85C8}
ul#newsTags:hover {background: transparent;border: 1px solid #BBBBBB}
ul#newsTags:focus {border: 1px solid #BBBBBB}
.rel-news-field {width: 300px;float: left}
/** TAGS **/
#newsFormTags input[type="text"] {color: #7D7D7D !important;font-size: inherit;width:100%}
#newsFormTags ul.ui-widget-content {float: left;width: 95%;padding: 3px 14px}
#newsFormTags {float:left}
#newsFormTags ul.tagit li.tagit-new {width:100%;margin:0;padding:0}
#newsFormTags ul.tagit li {line-height: 18px;font-size: 14px;font-weight: normal}
#newsFormTags ul.tagit li.tagit-choice-editable {
border: 1px solid #CAD8F3;
background: #DEE7F8;
color: #333;
border-radius: 3px;
margin : 12px;
margin-left: 0;
}
#newsFormTags ul.ui-widget-content:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.news-frm-full-width {width:100%;float:left}
.tag-filter-cont {margin-top: 20px}
.news-frm-12 {width:100%;padding: 6px 12px}
p#remove-tag-filter {
font-size: 10px;
font-weight: bold;
cursor: pointer;
background-image: url('img/Close.png');
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
float: left;
margin-right: 8px;
padding-right: 12px;
}
.cl-news-40 {width: 40%;float: left;height: auto}
#newsFormTags ul.ui-widget-content {
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
width: 100%;
padding: 0 12px;
margin: 0;
color: #7D7D7D;
outline: 0;
}
#news_archive_list img {
margin-top: 3px;
padding-right: 7px;
width: 14px;
height: 14px;
float: left;
}
.monat {cursor:pointer}
li.monatclick {background: none !important}
.monatauf li {margin-bottom:9px}
.rotate {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: 30% 55%;
top: -2px !important;
}
/* CSS DEFINITIONS FOR NEWSLETTER MODULE           */
#newsletter {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#newsletter div.errorMessage,
#newsletter div.okMessage,
#newsletter div.form {
width: 100%;
padding: 0;
margin: 0 0 15px 0;
float:left;
}
#newsletter div.errorMessage {color: #ff0000}
/* CSS DEFINITIONS FOR U2U MODULE                  */
#u2u {
width: 100%;
padding: 0;
margin: 0;
float:left;
}
#u2u div.inbox,
#u2u div.functions,
#u2u div.message,
#u2u div.message_ok,
#u2u div.message_error,
#u2u div.preview,
#u2u div.details,
#u2u div.outbox,
#u2u div.paging  {
width: 100%;
padding: 0;
margin: 0 0 15px 0;
float:left;
}
#u2u div.buttons {float: left;width: 100%;padding: 20px}
#u2u div.message_error {color:#FF0000}
#u2u div.message_ok {color: #029202}
#u2u #cke_private_message {float: left;width: 100%}
#u2u div.functions table td {vertical-align: middle}
/* FOR IE */
* html .clearfix { height: 1%; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#resultbox {
border: 1px solid #BBBBBB;
position: absolute;
width: 60%;
padding: 5px;
overflow: auto;
z-index: 10;
left: 0;
top: 43px;
background-color: white;
}
#resultbox ul {
list-style-type: none;
padding: 2px;
margin: 0;
}
#resultbox li {
list-style-type: none;
display: block;
white-space: nowrap;
overflow: hidden;
margin: 0;
}
#resultbox li a {display: block}
#resultbox li:hover {background-color: #F0F8FA}
/* HIDE UPLOADER EMBED TAG */
#deployJavaPlugin {display: none}
.container .row{margin-bottom: 0;margin: 0}
/*Custom css*/
.noCaption {width: auto;float: left}
.newsTypeRedirect {
clear: both;
float: left;
height: auto;
margin: 3px 0 0;
padding: 0;
width: auto;
}
.member_list .img-thumbnail {max-width: 50px}
#sitemap ul {margin: 0;padding: 0}
.search {margin-bottom: 15px}
#profile-left {float: left;margin-left: 130px}
#profile-left-button {padding-left: 28.5%}
input[type="radio"], input[type="checkbox"] {
margin: 4px 5px 0 0;
height: auto;
line-height: normal;
width:0;
}
/*U2u*/
.buttons input {margin-bottom: 10px}
.radio .description {height: auto}
.notification {margin-bottom: 15px}
.radio label, .checkbox label {height: auto}
.thread-button input {margin-bottom: 15px}
#regkey {margin-bottom: 10px}
#registrationForm, #guestbook div.information, .resetForm {margin-top: 5px}
.checkbox:last-child, .radio:last-child {margin-bottom: 0}
.checkbox:first-child, .radio:first-child {margin-top: 0}

.image, .infos, .image_default {margin: 10px 0}
#memberForm input, #memberForm select {margin-bottom: 10px;float: left;margin-right: 10px}
select#newsCat {width: 300px;float: left}
select.form-control {width: 300px;border-radius: 0}
.categorySelect select.form-control, .notification select.form-control {width: 100%}
.categorySelect .col-md-offset-3 {margin-left: 0}
.categorySelect.container-fluid {margin-bottom: 20px}

.st-actionContainer {z-index: 9999;position: absolute;display: inline-block}
.right-bottom {
bottom: -1em;
right: 0;
float: right !important;
margin-bottom: -9px;
position: absolute;
}
.right-bottom2 {
bottom: -.6em;
right: 0;
float: right !important;
position: absolute;
}
.left-bottom {bottom: 2em;left: 2em;float: left !important}
div.st-actionContainer li{list-style: none}
.st-panel{
width: auto;
margin-bottom: 16%;
background-color: #757575;
color: white;
border: 2px solid #eee;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
border-radius: 5px;
display:none;
}
.st-panel-header{
background-color: white;
color: #444;
padding: 4px;
text-align: center;
}
.st-panel-header i {padding:0 6px 0 0}
.st-panel-contents {padding: 15px}
.st-button-main{
font-size:20px;
color:#0a8fdd;
text-align:center;
line-height:35px;
cursor:pointer;
height: 100%;
width: 100%;
display: table;
}
.st-button-main > i{display: table-cell;vertical-align: middle}
.st-btn-container{
background:#fff;
width:35px;
height:35px;
border-radius:100%;
}
.rotateForward{
animation-name:             rotateF;
animation-duration:         0.65s;
animation-iteration-count:  1;
}
@keyframes rotateF {
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.rotateBackward{
animation-name:             rotateB;
animation-duration:         0.65s;
animation-iteration-count:  1;
}
@keyframes rotateB {
from {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
to {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}
/*option grid in panel*/
.grid {display: flex;flex-wrap: wrap;justify-content: space-around}
.gridChild, #fratzBtn.gridChild {
flex: 0 0 33.333333%;
height: 50px;
background-color: #999;
text-align:center;
text-decoration: none;
color: #eee;
line-height:54px;
font-size: 21px;
cursor: pointer;
}
.gridChild2, #fratzBtn.gridChild2 {
flex: 0 0 25%;
height: 50px;
background-color: #999;
text-align:center;
text-decoration: none;
color: #eee;
line-height:54px;
font-size: 21px;
cursor: pointer;
width: 25px;
}
.gridChild:hover, .gridChild:active, .gridChild:focus, #fratzBtn.gridChild:hover, #fratzBtn.gridChild:active, #fratzBtn.gridChild:focus,
.gridChild2:hover, .gridChild2:active, .gridChild2:focus, #fratzBtn.gridChild2:hover, #fratzBtn.gridChild2:active, #fratzBtn.gridChild2:focus {
background-color: #eee;
color: #999;
}
#fratzBtn:after {
font-family: 'Font Awesome 5 Brands';
content: '\f39e';
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
cursor: pointer;
}
.twee:after {
font-family: 'Font Awesome 5 Brands';
content: '\f099';
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
cursor: pointer;
}
#gs_cb50 {display: none;font-size:0px !important;margin: 0 !important;font:unset !important;width: 0 !important;padding: 0 !important;height: 0 !important;}
#gsearch .gsc-search-button-v2 {padding: 0px 0 2px 0 !important;border: none !important;}
#gsearch .gsc-search-button-v2 svg {width: 19px;height: 19px;}
#gsearch table.gsc-search-box {width: 80%;}
.gsc-input-box {border: none !important;}
#gs_cb51 {display: none !important;}
.cse, table.gsc-search-box, td.gsc-input,
.cse:hover, table.gsc-search-box:hover, td.gsc-input:hover {border: none !important;}
.gs-promotion-text-cell {margin-left: 0px !important;}
.gsc-result, gsc-result:hover, .gsc-promotion:hover {border-left:none !important;border-bottom:none !important;}
.gsc-resultsHeader, .gsc-above-wrapper-area-container {float: none !important}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
background-color: #FFFFFF !important;
color: #0a8fdd !important;
font-size: 15px !important;
margin-right: 18px !important;
}
#gsearch #gsc-i-id1 {
border-radius: 3px !important;
padding: 7px 12px 7px 12px !important;
margin: 0 !important;
color: #676767 !important;
font-family: Arial !important;
font-size: 14px;
border: 1px solid #DDDDDD !important;
}
#gsearch, .gsc-search-button-v2 {cursor: pointer}
.cse form.gsc-search-box, form.gsc-search-box, .gsc-control-cse {background: none !important;border: none !important}
::-moz-selection,::-webkit-selection,::selection{color:#fff;background-color:#0a8fdd}
.footer-tooltip {
position: absolute;
top: -36px;
left: 0;
font-size: 11px;
padding: 3px 6px;
z-index: 999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background:#444;
color:#eee;
font-weight: normal;
min-width: min-content;
}
.sidebar-tooltip {
position: absolute;
bottom: 24px;
right: 0;
font-size: 12px;
padding: 5px 7px;
z-index: 999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background:#444;
color:#eee;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
line-height: 1.3em;
}
.footer-tooltip:after {
content: "";
position: absolute;
bottom: -6px;
left: 3px;
border-left: 6px solid transparent;
border-right: 0 solid transparent;
border-bottom: 6px;
border-top:6px solid #444;
}
.sidebar-tooltip:after {
content: "";
position: absolute;
bottom: -6px;
right: 3px;
border-left: 0 solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px;
border-top:6px solid #444;
}