/* Standard Style Sheet */
/* (C) 2016-2024 NFL/NLD/OSG */

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

body {
  font-size: 1.0rem;
  background-color: white;
  background-color: #EDEDED;
  color: black;
}

h1,
.h1 {
  margin: 0em;
  padding: 0em;
  font-size: 1.3rem;
  font-weight: bold;
}

h2 {
  margin: 0em;
  padding: 0em;
  font-size: 1.2rem;
  font-weight: inherit;
}

h3 {
  margin: 0em;
  padding: 0em;
  font-size: 1.1rem;
  font-weight: inherit;
}

p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

td > p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

pre {
  display: block;
  font-size: 0.81rem;
  margin-bottom: 1em;
  margin-top: 1em;
  white-space: pre;
}

menu {
  padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

a {
  text-decoration: none;
  color: black;
}

a:visited {
  color: gray;
}

a:hover,
a:active {
  color: white;
  background-color: gray;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

input,
textarea,
select {
  font-size: 110%;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  margin-top: 1px;
  margin-bottom: 1px;
}

input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus,
select:hover, select:active, select:focus {
  border-color: #FFD700;
  border-width: 1px;
  border-style: solid;
  background-color: white;
  color: black;
}

input[type="submit"] {
  font-size: 110%;
  background-color: transparent;
  color: black;
  border: 2px solid black;
  padding-left: 0.5em;
  padding-right: 0.5em;
  max-width: 100%
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #FFD700;
  background-color: white;
  color: #FFD700;
}

input[type="text"] {
  max-width: 100%
}

input[type="password"] {
  max-width: 100%
}

select {
  max-width: 100%
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

img, audio, video { max-width: 100% }

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_small {
  font-size: 0.85rem;
  font-weight: inherit;
}

.sss_large {
  font-size: 1.2rem;
  font-weight: inherit;
}

.sss_xlarge {
  font-size: 1.3rem;
  font-weight: bold;
}

.sss_xxlarge {
  font-size: 1.5rem;
  font-weight: bold;
}


.sss_bold {
  font-weight: bold;
}

.sss_italic {
  font-style: italic;
}

.sss_palish {
  opacity: 0.3;
}

.sss_left {
  text-align: left;
}

.sss_center {
  text-align: center;
}

.sss_right {
  text-align: right;
}

.sss_justify {
  text-align: justify;
}


.sss_float_left {
  float: left;
}

.sss_float_right {
  float: right;
}

.sss_float_clear {
  clear: both;
}


.sss_framed {
  border: 1px solid black;
  border-radius: 0.25em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}


.sss_stdcontent {
  margin: 5%;
}

.sss_stdimpline {
  text-align: center;
  padding: 0.25rem;
}


.sss_section_title {
  font-size: 1.2rem;
  color: white;
  background-color: gray;
  padding: 0.1rem;
}

.sss_isection_title {
  font-size: 1.2rem;
  color: white;
  background-color: red;
  padding: 0.1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_fed_header {
  color: black;
  background-color: #FAFAFA;
  padding: 0.5em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  border-radius: 0.3em;
  border: 1px solid silver;
}


.sss_fed_acct {
  background-color: #F7F7F7;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

.sss_fed_acct + .sss_fed_acct {
  margin-top: 0.3em;
}

.sss_fed_acct_avatar {
  width: 5rem;
  height: 5rem;
  padding: 0;
}
.sss_fed_acct_ushdr + .sss_fed_acct_avatar {
  position: relative; 
  top: -2.5em; 
  left: 1em;
  margin-bottom: -2.5em;
}
.sss_fed_acct_avatar > img,
.sss_fed_acct_avatar > a > img {
  border-radius: 0.5em;
  border: 1px solid white;
  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,0.5);
}

.sss_fed_acct_ushdr {
  min-height: 5em;
  padding: 0;
}
.sss_fed_acct_ushdr > img,
.sss_fed_acct_ushdr > a > img {
  width: 100%;
  height: auto;
}

.sss_fed_acct_text {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.sss_fed_acct_fadr {
  /* float: left; */
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}
.sss_fed_acct_date {
  /* float: left; */
  padding-left: 1rem;
  padding-right: 1rem;
}
.sss_fed_acct_cntr {
  /* text-align: right; */
  /* float: right; */
}
.sss_fed_acct_cntr_posts,
.sss_fed_acct_cntr_fllg,
.sss_fed_acct_cntr_flls {
  padding-left: 1rem;
}
/* TEST 03.02.2024
.sss_fed_acct_cntr_posts + .sss_fed_acct_cntr_fllg {
  background-color: green;
}
*/
.sss_fed_acct_cntr_posts_c,
.sss_fed_acct_cntr_fllg_c,
.sss_fed_acct_cntr_flls_c {
  color: white;
  background-color: blue;
  font-weight: bold;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-radius: 0.3em;
}
.sss_fed_acct_desc {
  /* clear: both; */
}

.sss_fed_note {
  color: black;
  background-color: #FAFAFA;
  padding: 0.25em;
  border-radius: 0.3em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

.sss_fed_note + .sss_fed_note {
  /* border-top: 1px solid black; */
  margin-top: 0.3em;
}

.sss_fed_note_avatar {
  /* float: left; */
}
.sss_fed_note_avatar > img {
  border-radius: 0.5em;
  border: 1px solid white;
  height: 100%;
  /* max-height: 1.3em; */
  max-height: 1.5em;
  width: 100%;
  /* max-width: 1.3em; */
  max-width: 1.5em;
}

.sss_fed_note_avatar + .sss_fed_note_actor {
  margin-left: 0.25em;
}

.sss_fed_note_actor {
  font-weight: bold;
  font-size: 110%;
  /* float: left; */
}

.sss_fed_note_date {
  /* text-align: right;
  float: right; */
}

.sss_fed_note_content {
  /* clear: both; */
}

.sss_fed_note_image {
  /* float: left; */
  /*max-height: 15em;
  max-width: 15em;*/
  max-width: 25%; /* Q&D UC */
  padding: 0.5em;
}
/*
.sss_fed_note_image + .sss_fed_note_image {
  max-width: 50%;
}*/

.sss_fed_note_footer {
  /* clear: both; */
  margin-top: 0.75em;
  padding-top: 0.25em;
  border-top: thin solid white;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

.sss_fed_note_reply {
  /* border-left: thin dotted white; */
  /* border-left: medium solid white; */
  border-left: medium dotted white;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.5em;
  padding-right: 0em;
}


.sss_fed_menulist {
  text-align: center;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

.sss_fed_menulist + .sss_fed_menulist {
  margin-top: 1em;
}

.sss_fed_menulistitem {
  display: inline;
  list-style-type: none;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.3em;
  padding: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  text-align: center;
}
.sss_fed_menulistitem:hover,
.sss_fed_menulistitem:active {
  color: white;
  background-color: gray;
}
/*
.sss_fed_menulistitem:not(:first-child)::before {
  content: ' | '; /* • · * /
}
*/
.sss_fed_menulistitem:not(:first-child) {
  margin-left: 1em;
}

.sss_fed_menulistitem_active {
  background-color: silver;
}

.sss_fed_customemoji {
  height: 100%;
  max-height: 1.0em;
  width: 100%;
  max-width: 1.0em;
}

.sss_fed_notification {
  /*border-color: gray;
  border-width: 1px;
  border-style: solid;*/
  padding: 0.5em;
}

.sss_fed_notification + .sss_fed_notification {
  border-top: 1px solid gray;
}


.sss_fed_actor_area {
  border-left: thin dotted gray;
  border-right: thin dotted gray;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

.sss_fed_admin_area {
  border: thin solid red;
  border-left: thick solid red;
  padding-left: 0.5em;
  padding-right: 0.5em;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_fieldset {
  width: 80%;
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0.2rem;
  text-align: left;
}

.sss_fieldset + .sss_fieldset {
  margin-top: 0.5rem;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_success {
  padding: 0.1em;
  padding-left: 0.5em;
  border-left: 0.5em solid green;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.sss_failure {
  padding: 0.25em;
  padding-left: 0.5em;
  border-left: 1em solid red;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  border-right: 1px solid red;
  font-size: 1.1em;
}

.sss_action {
  padding: 0.1em;
  padding-left: 0.5em;
  border-left: 0.5em solid #FFD700;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.sss_actioncaption {
  font-size: 1.3rem;
  font-weight: inherit;
}

.sss_info {
  padding: 0.1em;
  padding-left: 0.5em;
  border-left: 0.5em solid blue;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.sss_edit {
  margin: 0.1em;
	padding: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.sss_warning {
  padding: 0.1em;
  padding-left: 0.5em;
  border-left: 1em solid red;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  border-right: 1px solid red;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_invislink,
.sss_invislink:link,
.sss_invislink:visited,
.sss_invislink:hover,
.sss_invislink:active,
.sss_invislink:focus {
  text-decoration: none;
  background-color: transparent;
  color: inherit;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_dotmenuline {
  margin: 0;
  padding: 0;
}

.sss_dotmenuline > li {
  display: inline;
  list-style-type: none;
  margin: 0;
  margin-left: 0.2em;
  margin-right: 0.2em;
}
.sss_dotmenuline > li:not(:first-child)::before {
  content: "\00B7\0020";
}

.sss_dotmenuline > li > a {
  text-decoration: none;
  color: black;
  background-color: inherit;
  border-bottom: 5px solid transparent;
}

.sss_dotmenuline > li > a:visited {
  color: gray;
}

.sss_dotmenuline > li > a:hover,
.sss_dotmenuline > li > a:active {
  border-bottom: 5px solid black;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_button {
  background-color: transparent;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  font: inherit;
}

.sss_button:hover,
.sss_button:active,
.sss_button:focus {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-top: 1px solid white;
  border-right: 1px solid white;
  color: white;
  background-color: gray;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_hhmenurow {
  width: 2.0em;
  height: 0.4em;
  background-color: black;
  margin: 0.3em 0.1em;
}

/* ---------- */

/*		main { position: relative; } */
.sss_ddmenunav,
.sss_ddmenunav > ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
.sss_ddmenunav > ul > li {
	position: relative;
	display: inline-block;
	/* padding: 10px; */
	/* background-color: #FEA; */
	/* width: 100px; */
  padding: 0.3em;
	/*background-color: #00ccff;*/
	/*background-color: transparent;*/
	/*background-color: white;*/
	/*background-color: transparent;*/
}
.sss_ddmenunav > ul > li > ul {
	position: absolute;
	list-style-type: none;
	margin: 0;
	/* padding: 10px; */
	/* background-color: #AEF; */
	/* top: 40px; */
	/* left: 0; */
	/* width: 100px; */
	display: none;

  top: 100%;
	right: 0;
  background-color: white;
  color: black;
  /* border: 1px solid black; */
  border-top: 1px solid black;
  padding: 0;
  width: auto;
  white-space: nowrap;
}

.sss_ddmenunav > ul > li > ul > li {
  border-top: none;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0.3em;
}
.sss_ddmenunav > ul > li > ul > li > a {
  text-decoration: none;
  background-color: inherit;
  color: inherit;
}
.sss_ddmenunav > ul > li > ul > li:hover {
  background-color: black;
  color: white;
}

.sss_ddmenunav > ul > li:hover > ul {
	display: block;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_fixheader {
  position: fixed;
  top: 0;
  left: 0; 
  right: 0;
}

.sss_fixfooter {
  position: fixed;
  /* padding: 10px; */
  bottom: 0;
  left: 0;
  right: 0;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

span.sss_tooltip {
  text-decoration: none;
}
span.sss_tooltip:hover {
  position: relative;
}
span.sss_tooltip div {
  display: none;
}
span.sss_tooltip:hover div {
  display: block;
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 0px;
  margin: 0.5em;
  min-width: 42em;
  width: auto;
  background-color: #f2f2f2;
  border: 2px dotted black;
  padding: 0.5em;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_dropdownmenu {
  font-size: 1.3rem;
  cursor: context-menu;
}

span.sss_dropdownmenu {
  text-decoration: none;
}
span.sss_dropdownmenu:hover {
  position: relative;
}
span.sss_dropdownmenu div {
  display: none;
}
span.sss_dropdownmenu:hover div {
  display: block;
  position: absolute;
  z-index: 100;
  top: 10px;
  /* SCH left: 0px; */
  right: -1.5em; /* H73 */
  margin: 0.5em;
  /* SCH min-width: 21em; */
  min-width: 10em; /* H73 */
  width: auto;
  background-color: white;
  border: 1px solid black;
  color: black; /* H73 */
}

span.sss_dropdownmenu div li {
  font-size: 1.3em;
  line-height: 1.2em;
  font-family: MainFont, Verdana, Arial, Helvetica, sans-serif;
  /* white-space: normal; */
  list-style-type: none;
  border-bottom: 1px solid black;
  padding: 0.1em;
  padding-left: 0.3em;
}

span.sss_dropdownmenu div li.caption {
  margin: 0;
  background-color: #cccccc;
  border: none;
  padding: 0.2em;
  padding-left: 0.3em;
  /* font-size: 90%; */
  font-size: 1rem;
  font-style: italic;
}

/* order by a:link, a:visited, a:hover, a:active, a:focus */
span.sss_dropdownmenu a,
span.sss_dropdownmenu a:link,
span.sss_dropdownmenu a:visited
{
  text-decoration: none;
}

span.sss_dropdownmenu a:hover,
span.sss_dropdownmenu a:active {
  text-decoration: underline;
  color: black;
}

span.sss_dropdownmenu a:focus
{
  text-decoration: none;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

span.sss_sidemenu {
  background-color: transparent;
  /* position: absolute; */
  position: fixed;
  top: 0;
  left: 0;
  /* width: 1em; */
  width: 0.5em;
  /* width: 0.25em; */
  height: 100%;
  /* height: 100vh; */
}
span.sss_sidemenu_trigger:hover,
span.sss_sidemenu:hover {
  /* background-color: #3A6BBF; */
  background-color: #EDEDED;
  /* opacity: 1; */
  width: 90%;
  max-width: 20em;
  box-shadow: 0px 2px 3px #cccccc;
}

span.sss_sidemenu_trigger {
  /* cursor: context-menu; */
}

span.sss_sidemenu_trigger:hover {
  /* position: absolute; */
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
}

span.sss_sidemenu_trigger div,
span.sss_sidemenu div {
  display: none;
  /* opacity: 1.0; */
}
span.sss_sidemenu_trigger:hover div,
span.sss_sidemenu:hover div {
  display: block;
  z-index: 100;
  /* background-color: #3A6BBF; */
  /* background-color: #EDEDED; */
/*  background-color: #EDEDED; */
  /* color: white; */
  color: black;
  padding: 1em;
  height: 100%;
  /* opacity: 1.0; */
}
span.sss_sidemenu_trigger div li,
span.sss_sidemenu div li {
  font-size: 1.3em;
  line-height: 1.2em;
  /* font-family: MainFont, Verdana, Arial, Helvetica, sans-serif; */
  /* white-space: normal; */
  list-style-type: none;
  /* border-bottom: 1px dashed black; */
  border-bottom: thin dashed gray;
}

span.sss_sidemenu_trigger:hover span {
  display: none;
}

span.sss_sidemenu_trigger div a,
span.sss_sidemenu div a {
  text-decoration: none;
  color: black;
}

span.sss_sidemenu_trigger div a:visited,
span.sss_sidemenu div a:visited {
  color: gray;
}

span.sss_sidemenu_trigger div a:hover,
span.sss_sidemenu div a:hover {
  color: blue;
}

span.sss_sidemenu_trigger div hr,
span.sss_sidemenu div hr {
  color: white;
  /* color: gray; */
  /* height: 0.3em; */
  margin-top: 0.7em;
  border-style: solid;
  border-width: 0.3em;
}

.sss_sidemenu_section_title {
  color: white;
  background-color: gray;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.75rem;
  margin-bottom: 0.2rem;
  border-radius: 0.2em;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

input.sss_hackbox {
  display: none;
}

span.sss_moretext {
  display: none;
}

label.sss_readmore {
  color:#0091D2;
  /* Für bessere Treffsicherheit auf Touchscreens: */
  display: inline-block;
  margin-top: -1em;
  line-height: 3;
}

label.sss_readmore::before {
  content: " mehr";
  color: #0091D2;
}

/* bei gesetztem Haken */
input.sss_readmore:checked ~ span.sss_moretext {
  display: inline;
} 


input.sss_readmore:checked ~ label.sss_readmore::before {
  content: " weniger";
  color: #0091D2;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_btnlnk {
  font-size: 1.1em;
  /*background-color: white;
  background-image: linear-gradient(to right, white 75%, silver);
  background-position: center center;
  background-repeat: no-repeat;*/
  background-color: transparent;
  margin: 0;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
  border: 1px solid black;
  padding: 0;
  padding-left: 0.25em;
  padding-right: 0.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sss_btnlnk:hover,
.sss_btnlnk:active,
.sss_btnlnk>a:hover,
.sss_btnlnk>a:active {
  /*color: white;
  background-color: silver;
  background-image: none;
  border: 1px solid #F0423D;*/
  border-color: #FFD700;
  background-color: white;
  color: #FFD700;
}


.sss_buttoncaption,
.sss_buttonlink,
.sss_buttoninfo,
.sss_buttonpaginator,
.sss_infobox {
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0.2rem;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.sss_buttonlink + .sss_buttoncaption {
  margin-top: 0.5rem;
}

.sss_buttoncaption {
  font-size: 1.3rem;
  font-variant: small-caps;
  /* 18.08.2021
  background-color: #F0423D;
  background-image: linear-gradient(to right, #F0423D 75%, white);
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid black;
  */
  color: white;
  background-color: #4682B4; /* SteelBlue */
  border: 1px solid transparent;
}

.sss_buttonlink {
  font-size: 1.3rem;
  font-variant: small-caps;
  /* 18.08.2021
  background-color: white;
  background-image: linear-gradient(to right, white 75%, silver);
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid black;
  */
  color: black;
  background-color: #B0C4DE; /* LightSteelBlue */
  border: 1px solid transparent;
}
.sss_buttonlink:hover,
.sss_buttonlink:active {
  color: white;
  background-color: silver;
  /* 18.08.2021
  background-image: none;
  border: 1px solid #F0423D;
  */
  border: 1px solid #4682B4;
}


.sss_infobox,
.sss_buttoninfo {
  /* 18.08.2021
  background-color: white;
  background-image: linear-gradient(to bottom right, white 75%, silver);
  background-position: center center;
  background-repeat: no-repeat;
  */
  color: black;
  background-color: #f5f5f5;
  border: 1px solid transparent;
}
.sss_infobox {
  /* border-left: 1px dotted #F0423D; */
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.sss_buttoninfo {
  font-size: 1.3rem;
  font-variant: small-caps;
  /* 18.08.2021
  padding-right: 0.5em;
  border: 1px solid black;
  */
}


.sss_buttonpaginator {
  font-size: 1.2rem;
  font-variant: small-caps;
  /* 18.08.2021
  background-color: #f5f5f5;
  border: 1px solid black;
  */
  color: black;
  /*background-color: #ADD8E6; /* LightBlue */
  background-image: linear-gradient(to right,#EDEDED,transparent);
  /*border: 1px solid transparent;*/
}
.sss_buttonpaginator:hover,
.sss_buttonpaginator:active {
  color: white;
  /*background-color: silver;*/
  /* border: 1px solid #F0423D; */
  /*border: 1px solid #B0C4DE;*/
}

.sss_itembox {
  padding: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  margin: 0.1em;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_smsg,
.sss_mail,
.sss_usus,
.sss_ugrp,
.sss_grpu,
.sss_iman,
.sss_arti {
  margin: 0.2rem;
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 80%;
  border-radius: 0.3em;
  border: 1px solid #f2f2f2;
  box-shadow: 1px 2px 3px #cccccc;
}

.sss_smsg + .sss_smsg,
.sss_mail + .sss_mail,
.sss_usus + .sss_usus,
.sss_ugrp + .sss_ugrp,
.sss_grpu + .sss_grpu,
.sss_iman + .sss_iman,
.sss_arti + .sss_arti {
  margin-top: 0.3rem;
}

.sss_smsg_caption {
  font-size: 0.85rem;
  font-weight: inherit;
}

.sss_smsg_bottom {
  text-align: right;
}

/* ---------- ---------- ---------- */

.sss_mail_caption {
  font-size: 1rem;
  font-weight: inherit;
  background-color: #CCCCCC;
	padding: 0.25rem;
}

.sss_mail_body {
  font-size: 1.1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sss_mail_bottom {
  text-align: right;
	padding: 0.25rem;
}

/* ---------- ---------- ---------- */

.sss_ugrp_caption {
  font-weight: bold;
}

.sss_ugrp_bottom {
  text-align: right;
	padding: 0.25rem;
}

/* ---------- ---------- ---------- */

.sss_iman_caption {
  font-size: 1.1rem;
	padding: 0.1rem;
  background-color: #CCCCCC;
}

.sss_iman_bottom {
  font-size: 0.85rem;
}

.sss_img_credit {
  font-size: 0.75rem;
  color: gray;
  text-align: right;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_dialogue_box {
  margin-top: 5%;
  margin-bottom: 10%;
  margin-left: 25%;
  margin-right: 25%;
}

.sss_dialogue_box > .sss_fieldset,
.sss_dialogue_box > .sss_relop_fieldset {
  width: 100%;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_relop {
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.25em;
}

.sss_relop > input,
.sss_relop > textarea,
.sss_relop > select {
  font-size: 125%;
  margin-bottom: 0.25em;
  border-radius: 0.1em;
}

.sss_relop > input:hover,
.sss_relop > input:active,
.sss_relop > input:focus,
.sss_relop > textarea:hover,
.sss_relop > textarea:active,
.sss_relop > textarea:focus,
.sss_relop > select:hover,
.sss_relop > select:active,
.sss_relop > select:focus {
}

.sss_relop > input[type="submit"] {
  font-size: 125%;
  font-weight: bold;
  background-color: green;
  color: white;
  border: 2px solid white;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 0.1em;
}

.sss_relop > input[type="submit"]:hover,
.sss_relop > input[type="submit"]:active,
.sss_relop > input[type="submit"]:focus {
  background-color: white;
  color: green;
  border: 2px solid green;
}

.sss_relop_fieldset {
  padding: 0.25em;
  padding-top: 0.4em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 0.2em;
  text-align: left;
  border-radius: 0.5em;
  border: 1px solid silver;
}

.sss_relop_fieldset > legend {
  background-color: silver;
  color: white;
  border-radius: 0.5em;
  padding: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  font-size: 90%;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_usrbar {
  clear: both;
  /* background-color: gray; */
  background-color: #999999;
  color: white;
  text-align: center;
  padding: 0.2rem;
  margin: 0;
  margin-bottom: 3px;
  /* opacity: 0.9; */
}

.sss_usrbar_l {
  float: left;
  text-align: left;
}

.sss_usrbar_r {
  float: right;
  text-align: right;
}

.sss_usrbar > a,
.sss_usrbar_l > a,
.sss_usrbar_r > a {
  text-decoration: none;
  color: white;
}

.sss_usrbar > a:visited,
.sss_usrbar_l > a:visited,
.sss_usrbar_r > a:visited {
  color: white;
}

.sss_usrbar > a:hover,
.sss_usrbar_l > a:hover,
.sss_usrbar_r > a:hover,
.sss_usrbar > a:active,
.sss_usrbar_l > a:active,
.sss_usrbar_r > a:active {
  color: black;
}


.sss_usr_menulist {
  list-style-type: none;
  padding: 0;
  text-align: center;
  border-bottom: medium solid #999999;
}

.sss_usr_menulistitem {
  display: inline;
  list-style-type: none;
  padding: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  text-align: center;
}
.sss_usr_menulistitem:hover,
.sss_usr_menulistitem:active {
  color: white;
  background-color: #999999;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}

.sss_usr_menulistitem a {
}
.sss_usr_menulistitem a:visited {
}
.sss_usr_menulistitem a:hover,
.sss_usr_menulistitem a:active {
  background-color: #999999;
}

.sss_usr_menulistitem_active {
  color: white;
  background-color: #999999;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.sss_usr_menulistitem_active a:visited {
  color: white;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */

.sss_avatar,
.sss_avatar_s,
.sss_avatar_m {
  width: 4.4rem;
  max-width: 4.4rem;
  height: 4.4rem;
  max-height: 4.4rem;
  line-height: 4.4rem;
  font-size: 3.3rem;
  vertical-align: middle;
  text-align: center;
  border: 1px dotted silver;
  display: inline-block;
}

.sss_avatar_s {
  width: 2.2rem;
  max-width: 2.2rem;
  height: 2.2rem;
  max-height: 2.2rem;
  line-height: 2.2rem;
  font-size: 1.65rem;
}

.sss_avatar_m {
  width: 3.3rem;
  max-width: 3.3rem;
  height: 3.3rem;
  max-height: 3.3rem;
  line-height: 3.3rem;
  font-size: 2.475rem;
}


/* - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - */

.sss_invers {
  color: white;
  background-color: black;
}

.sss_marked {
  color: white;
  background-color: black;
}

.sss_highlighted {
  color: white;
  background-color: blue;
}

.sss_active {
  color: white;
  background-color: green;
}

.sss_inactive {
  color: grey;
  background-color: white;
  font-style: italic;
}

.sss_selected {
  border: 3px solid #B3B3B3;
  padding-left: 3px;
  padding-right: 3px;
}


/* - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - */

.sss_newitems {
  background-color: blue;
  color: white;
  padding: 0.2em;
  border-radius: 0.2em;
  font-size: 70%;
  font-weight: bold;
  /* vertical-align: super; */
  vertical-align: top;
}


/* - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - - - -- - - */

.sss_adaptable {
}
.sss_adaptable table {
  width: 100%;
  border: 0;
}
.sss_adaptable tr {
}
.sss_adaptable td {
  vertical-align: top;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.sss_adaptsize {
  padding: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 0.1em;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* default screen */

.sss_screen_small {
  display: none;
}
.sss_screen_default {
  /*display: inherit;*/
}
.sss_screen_large {
  display: none;
}
.sss_screen_desktop {
  /*display: inherit;*/
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* large screen */
@media screen and (min-width: 65em)
{
  body {
    font-size: 1.2rem;
  }

  h1,
  .h1 {
    font-size: 1.5rem;
  }
  
  h2 {
    font-size: 1.4rem;
  }
  
  h3 {
    font-size: 1.3rem;
  }

  .sss_small {
    font-size: 0.9rem;
  }
  
  .sss_large {
    font-size: 1.4rem;
  }
  
  .sss_xlarge {
    font-size: 1.5rem;
  }
  
  .sss_xxlarge {
    font-size: 1.7rem;
  }

  pre {
    font-size: 1.0rem;
  }

  .sss_buttonlink,
  .sss_buttoncaption,
  .sss_buttoninfo,
  .sss_infobox,
  .sss_buttonpaginator,
  .sss_smsg,
  .sss_mail,
  .sss_usus,
  .sss_ugrp,
  .sss_grpu,
  .sss_iman,
  .sss_arti,
  .sss_adaptsize,
  .sss_fieldset {
    width: 70%;
  }

  .sss_dropdownmenu {
    font-size: 1.5rem;
  }

  .sss_avatar {
    width: 4.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
    font-size: 3.45rem;
  }
  .sss_avatar_s {
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
    font-size: 1.725rem;
  }
  .sss_avatar_m {
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    font-size: 2.55rem;
  }

  .sss_screen_small {
    display: none;
  }
  .sss_screen_default {
    display: none;
  }
  .sss_screen_large {
    /*display: inherit;*/
  }
  .sss_screen_desktop {
    /*display: inherit;*/
  }
} /* large screen */


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* small screen */
@media screen and (max-width: 42em)
{
  .sss_dialogue_box {
    margin-left: 10%;
    margin-right: 10%;
  }

  .sss_buttonlink,
  .sss_buttoncaption,
  .sss_buttoninfo,
  .sss_infobox,
  .sss_buttonpaginator,
  .sss_smsg,
  .sss_mail,
  .sss_usus,
  .sss_ugrp,
  .sss_grpu,
  .sss_iman,
  .sss_arti,
  .sss_adaptsize,
  .sss_fieldset {
    width: 90%;
  }

  /* - - -- - - - - -- - */

  .sss_adaptable {
  }
  .sss_adaptable table {
  }
  .sss_adaptable tr {
    display: block;
  }
  .sss_adaptable td {
    display: block;
  }

  /* - - -- - - - - -- - */

  .sss_screen_small {
    /*display: inherit;*/
  }
  .sss_screen_default {
    display: none;
  }
  .sss_screen_large {
    display: none;
  }
  .sss_screen_desktop {
    display: none;
  }
} /* small screen */


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- */