/***********************************************************************
* NOTICE: In order to reduce bandwidth usage, a minimized version of   *
* this stylesheet is used by default (style.min.css). Changes in this  *
* file do not have any effect unless it is loaded by the template      *
* (main.tpl).                                                          *
* The minimized version was created with the YUI Compressor            *
* <http://developer.yahoo.com/yui/compressor/>.                        *
***********************************************************************/

*, ::before, ::after {
	box-sizing: border-box;
}

/* definitions for the main blocks of the pages */
html, body, body > header, #subnav, #navviews, main, body > footer, #assistancemenu {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	min-height: 100%;
}

body {
	color: #000;
	background: #faed96;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.875rem;
	line-height: 1.5em;
}

body > header {
	display: block;
	background-color: #fff;
	padding: 0;
	margin: 0;
	height: 145px;
}

#logo {
	width: 100%;
	max-width:1035px;
	height: 145px;
	background-image: url(images/dgf-145.jpg);
	background-repeat: no-repeat;
	display: block;
}

#subnav {
	background: #f9e97e;
	padding: 0 0.25rem;
	border-bottom: 1px solid #d8bc0a;
	line-height: 1.6em;
}
#linksbanner {
	max-width: 100%;
	overflow: hidden;
	font-size: 0.82em;
	margin: 0.5em;
	text-align: center;
	font-weight: bold;
	line-height: 1rem;
}
#linksbanner a {
	white-space: nowrap;
}
#infobanner {
	display: flex;
	max-width: 100%;
	overflow: hidden;
	padding-left: 0.5em;
	padding-left: 0.5rem;
}

#infobanner div {
	margin-right: 0.5em;
	margin-right: 0.5rem;
	display: block;
	overflow: hidden;
}
.googlead {
	z-index: 0;
}
.googlead iframe {
	z-index: 0;
}
#mmnews {
	height: 90px;
	z-index: 0;
}
#mmnews iframe {
	border: 1px solid #d8bc0a;
	z-index: 0;
}
/* #infobanner iframe {
	max-width: calc(100vw - 1em);
} */
#ads {
	float: right;
    width: 300px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 1em;
    padding: 0.2em;
    border: 0px;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1rem;
}
#ads h3 {
	display: block;
	margin: 1rem;
}
main {
	display: flex;
	padding: 0.75rem 0.25rem;
}

.wrapper a, div .body a {
	/* Angaben zum automatischen Umbruch zu langer Strings, die ihren Container sprengen */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;	
}

#forum-content, main table, main aside {
	width: 100%;
}
#forum-content > p {
	max-width: 70em;
}

article.thread-posting, .reply-wrapper, article .body, .page, .tickerpostings .body, main #postingform, main #settings {
	max-width: 70em;
}

main .ok, main .errormessage {
	max-width: 100%;
}

.tickerpostings .body {
	margin-top: 1em;
}

hr {
	color: #d8bc0a;
}
body > footer {
	display: block;
	clear: both;
	padding: 0 0.25rem;
	font-size: 0.7em;
	border-top: 1px solid #d8bc0a;
	line-height: 1.5em;
}
#assistancemenu {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: #f9f9f9;
	width: 14em;
	list-style: none;
	border-top: 1px solid #d8bc0a;
	border-left: 1px solid #d8bc0a;
}
/* end: main blocks */

/* Menü */

#greybar {
	display: flex;
	background-color: #5d5e5d;
	color: #fff;
	height: 2em;
	overflow: visible;
}
#greybar form {
	display: inline-block;
	line-height: 2em;
	padding: 0 1em 0 1em;
	padding: 0 1rem 0 1rem;
	position: absolute;
	right: 0;
}

.topmenu {
	overflow: hidden;
	height: 2em;
}
.topmenu a {
	float: left;
	display: block;
	color: #fff;
	text-align: center;
	padding: 0 1em 0 1em;
	padding: 0 1rem 0 1rem;
	text-decoration: none;
	line-height: 2em;
}
.topmenu .hamburger {
  display: none;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {  
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
  font-family: inherit;
}

.dropdown-content {
  position: absolute;
  margin-top: 2em;
  background-color: #f9f9f9;
  color: #000;
  line-height: 2em;
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
  z-index: 900;
}

.dropdown-content a, .dropdown-content a:visited {
  float: none;
  color: #000 !important;
  text-decoration: none;
  display: block;
  text-align: left;
}
.topmenu a:hover, .topmenu a:focus, .topmenu a:active, .dropdown:hover .dropbtn, .dropdown:focus .dropbtn , .dropdown:active .dropbtn, .dropdown-content a:hover, .dropdown-content a:focus, .dropdown-content a:active, .dropbtn.active {
	text-decoration: none;
	color: #000 !important;
	background-color: yellow;
	cursor: pointer;
}
.dropdown-content a:hover, .dropdown-content a:focus, .dropdown-content a:active {
	text-decoration: none;
	color: #fff !important;
	background-color: red;
	cursor: pointer;
}
/* .dropdown:hover .dropdown-content {
  display: block;
} */
#topsearch {
	margin-left: auto;
}
@media screen and (max-width: 1100px) {
  .topmenu a:not(:first-child), .dropdown .dropbtn {
	display: none;
  }
  .topmenu a.hamburger {
    float: right;
    display: block;
	width: 3em;
	margin: 0;
    padding: 0.6125em 1em;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
  }
.hamburger span {
    width: 1em;
    background-color: #fff;
    height: 0.125em;
    display: block;
    margin-bottom: 0.2em;
}
a.hamburger:hover span, a.hamburger:focus span, a.hamburger:active span {
	background-color: #000;
}
.hamburger span:last-child {
    margin-bottom:0;
}
  .topmenu.responsive { position: relative; height: unset !important; width: 15em; overflow: visible; }
  .topmenu.responsive .hamburger {
    position: relative;
    left: 0;
    top: 0;
  }
  .topmenu.responsive a {
    float: none;
    display: block;
  }
  .topmenu.responsive .dropdown { float: none; overflow:auto; color: #fff; }
  .topmenu.responsive .dropdown-content { position: relative; margin-top: 0; }
  .topmenu.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  .topmenu.responsive #submenu { background-color: #5d5e5d; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2); width: 20em; z-index: 900; position: absolute; }
}
/* commonly used elements */
h1 {
	margin-top: 0;
	font-size: 1.25em;
}
h2 {
	margin-top: 1rem;
	font-size: 1.15em;
}
h3 {
	font-size: 1em;
}
p {
	margin-top: 0;
}
img {
	border: none;
}
label {
	cursor:pointer;
}
.underline {
	text-decoration: underline;
}
.caution {
	font-weight: bold;
	color: red;
}
h1 + .caution, h1 + form {
	margin-top: 1em;
}
/* end: commonly used elements */

/* default links */
a.static, a.static:visited, a.static:hover, a.static:focus {
	color: #00c !important;
}
a.static:active {
	color: red !important;
}


a {
	color: #a80218;
	text-decoration: none;
}
a:visited {
	color: #5A6774;
}
a:focus, a:hover {
	color: #a80218;
	text-decoration: underline;
}
a:active {
	color: red !important;
}
/* end: default links */

/* strong links */
a.stronglink {
	padding-left: 1em;
	font-weight: bold;
	background-image: url(images/arrow-b-right.svg);
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 0 center;
}
a.stronglink:visited {
	color: #5A6774;
}
/* end: strong links */


/* elements of the page header */
.home, h1, .index, #menu {
	margin: 0;
	/* padding: 0.2em 0 0.1em 1rem;
	padding: 0.2rem 0 0.1rem 1rem; */
}
h1 a, h1 a:visited {
	color:#000;
	text-decoration: none;
}
h1 a:focus, h1 a:hover, h1 a:active {
	color:#00a;
	text-decoration: underline;
}
.home a[href] {
	padding: 0.1em 0.2em 0.1em 1.15em;
	background: url("images/home.svg") 0.2em center/0.75em 0.75em no-repeat;
}

#topsearch div {
	display: inline;
}
#topsearch #search-input {
	width: 10rem;
}
/* end: elements of the page header */

/* elements of the navigation bar below the page header */

#submenu, #usermenu, #subnav-1, #subnav-2 {
	margin:0;
	padding:0;
}
#subnav ul {
	list-style: none;
}
#subnav li > ul {
	padding-left: 0;
}
#subnav ul:not(:last-child) {
	border-bottom: 1px solid #d8bc0a;
}

#subnav form, #subnav form div {
	display:inline;
}
#subnav form {
	padding-left: 0.25em;
	padding-right: 0.25em;
	white-space: nowrap;
}
#subnav a:visited {
	color: #00c;
}
#subnav a .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.125em;
	background-repeat: no-repeat;
	background-size: 0.8em 0.8em;
	background-position: center bottom;
}

#subnav-2 a {
	background-repeat: no-repeat;
}
#subnav .fold-postings {
	background-position: 0 -993px;
}
#subnav a {
	padding: 0 0.25em;
	white-space: nowrap;
}
#usermenu li:first-child a, #ticker-links li:first-child a {
	padding-left: 0;
}
#subnav a.create-thread .icon {
	background-image: url(images/arrow-b-right.svg);
}
#subnav a[href*='mode=user&action=show_posts'] .icon {
	background-image: url(images/entries-listing.svg);
}
#subnav a[href*='mode=bookmarks'] .icon {
	background-image: url(images/notepad.svg);
}
#subnav a[href*='mode=admin'] .icon {
	background-image: url(images/wrench.svg);
}
#subnav a[href$='?mode=user'] .icon {
	background-image: url("images/users.svg");
}
#subnav .ic-log-in .icon {
	background-image: url("images/log-in.svg");
}
#subnav .ic-log-out .icon {
	background-image: url("images/log-out.svg");
}
#subnav a[href$='?mode=register'] .icon {
	background: url("images/sign-add.svg") 0.5em 0.5em/0.6em 0.6em no-repeat, url("images/user.svg") 0.2em center/0.75em 0.75em no-repeat;
}
#subnav a[href*='mode=page'] .icon {
	background-image: url("images/file.svg");
}
#subnav .refresh .icon {
	background-image: url(images/reload.svg);
}
#subnav .fold-1 .icon {
	background-image: url(images/fold.svg);
}
#subnav .fold-2 .icon {
	background-image: url(images/unfold.svg);
}
#subnav .threadview .icon {
	background-image: url(images/threads-nested.svg);
}
#subnav .tableview .icon {
	background-image: url(images/threads-table.svg);
}
#subnav .order-1 .icon {
	background-image: url(images/order-to-top.svg);
}
#subnav .order-2 .icon {
	background-image: url(images/order-to-bottom.svg);
}
#subnav .openthread .icon, #subnav .hierarchic .icon {
	background-image: url(images/thread-entries-nested.svg);
}
#subnav .linear .icon {
	background-image: url(images/thread-entries-linear.svg);
}
#toggle_sidebar_out .icon {
    background-image: url(images/sidebar_out.svg);
}
#toggle_sidebar_in .icon {
    background-image: url(images/sidebar_in.svg);
}
#ticker .icon {
    background-image: url(images/ticker.svg);
}
/* end: elements of the navigation bar below the page header */


/* elements of the main block */
/* general rules */
.xsmall, .small {
	font-size: 0.69em;
	line-height: 130%;
}

/* elements of #sidebar, #bottombar, aside */
aside h2, aside section h3, aside section p, #latest-postings ul, #modmenu ul, #latest-postings li, #modmenu li, #latest-postings a, #modmenu a {
	margin:0;
}
#sidebarcontent {
	margin-right: 0.5em;
}
aside, #sidebar, #bottombar, aside h2, #sidebarcontent, aside section h3, #latest-postings ul, #modmenu ul, #latest-postings li, #modmenu li {
	padding: 0;
}
#sidebar, #bottombar {
	margin: 0 0 1em 0;
}
#sidebar {
	max-width: 20em;
}
/* main header with folding link */
aside h2 {
	font-size: 1em;
	font-size: 1rem;
	line-height: 160%;
	font-weight: normal;
	background-color: #f9e97e;
	border: 1px solid #d8bc0a;
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
}
aside h2 a {
	display: block;
	height: 100%;
	padding: 0 0.25rem;
	width: 100%;
	text-decoration: none;
}
aside h2 a:link, aside h2 a:visited {
	color: #000;
}
aside h2 a:focus, aside h2 a:hover {
	color: #143;
}
aside h2 a:active {
	color: #643;
}
/* box containing the sidebars content boxes, the boxes itself and their headers */
aside section, aside section h3 {
	margin: 0;
	padding: 0;
}
aside section {
	margin: 0 0 0.5em 0;
	background: #fdf8d8;
	border: 1px solid #d8bc0a;
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
}
aside section h3 {
	font-size: 1em;
	font-size: 1rem;
	padding: 0 0.25rem;
	width: 100%;
	color: #000;
	line-height: 160%;
	font-weight: normal;
	background: #f9e97e;
}

/* box with the latest postings and the similar working modmenu */
#latest-postings ul, #modmenu ul {
	list-style: none;
}
#latest-postings li, #modmenu li {
	word-wrap: break-word;
	overflow: hidden;
	border-bottom: 1px solid #d8bc0a;
}#latest-postings li:last-child, #modmenu li:last-child {
	border-bottom: none;
}
#latest-postings a {
	color: #a80218;
}
#latest-postings a:focus, #latest-postings:hover {
	color: #a80218;
}
#modmenu a {
	color: #00c;
}
#modmenu a:focus, #modmenu a:hover {
	color: #00c;
}
#latest-postings a, #modmenu a {
	line-height: 1.5em;
	text-decoration: none;
	display: block;
	padding: 0.1em 0.2em;
	background-color: #fff;
}
#latest-postings a span {
	display: block;
}
#latest-postings a:visited, #latest-postings a.read {
	background-color: #fff;
}
#latest-postings li a:visited .entry-title, #latest-postings a.read .entry-title {
	color:#5A6774;
}
#latest-postings a:focus, #latest-postings a:hover, #modmenu a:focus, #modmenu a:hover {
	background-color: #fdf8d8;
}
#latest-postings a:focus .entry-title, #latest-postings a:hover .entry-title {
	text-decoration: underline;
}
#latest-postings a .entry-date {
	color: #666;
	font-size: 0.9em;
}
#mod-options a {
	display: flex;
	align-items: center;
}
#mod-options a .icon {
	display: inline-block;
	padding:0;
	height: 0.85em;
	width: 0.85em;
	margin: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
#mod-options a span:not(.icon) {
	padding-left: 0.2em;
}
#mod-options a.delete-marked .icon {
	background-image: url(images/marker-cross.svg), url(images/marker-circle.svg);
}
#mod-options a.manage .icon {
	background-image: url(images/thread-change-no.svg);
}
#mod-options a.include-spam .icon {
	background: url("images/check-mark.svg") 85% 85% / 52% no-repeat, url("images/marker-circle.svg") 102% 102% / 70% no-repeat, url("images/warning.svg") center / 100% no-repeat;
}
#mod-options a.exclude-spam .icon {
	background: url("images/marker-cross.svg") 85% 85% / 52% no-repeat, url("images/marker-circle.svg") 102% 102% / 70% no-repeat, url("images/warning.svg") center / 100% no-repeat;
}
#mod-options a.list-spam .icon {
	background-image: url(images/warning.svg);
}
#mod-options a.delete-spam .icon {
	background-image: url(images/marker-cross.svg);
}
#mod-options a.non-activated-users .icon {
	background: url("images/sign-add.svg") 102% 102% / 60% no-repeat, url("images/user.svg") center / 100% no-repeat;
}

#tagcloud ul, #usersonline ul {
	margin: 0;
	padding: 5px;
	list-style: none;
}
#tagcloud li, #usersonline li {
	display: inline;
}
#tagcloud strong {
	font-weight: bold;
}

#usersonline {
	background: #f9f9f9;
	border: 1px solid #d8bc0a;
	margin: 0.75em 0;
	margin: 0.75rem 0;
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
}
#usersonline h2 {
	padding:0 5px;
	border-top: none;
	border-right: none;
	border-left: none;
	box-shadow: none;
}
#usersonline ul {
	background-color: #fff;
}
#tagcloud a, #usersonline a {
	display:inline-block;
}
#tagcloud a:not(:last-child):after, #usersonline a:not(:last-child):after {
	content:", ";
}
#additional-admin-info p {
	line-height: 1.5em;
	padding: 0.125rem 0.25rem;
}
#releases p {
	padding: 0;
}
#releases p a {
	display: block;
	margin: 0;
	padding: 0.125rem 0.25rem;
}
#install-script-exists h3 {
	color: red;
}
/* end: elements of #sidebar, #bottombar, aside */

/* search results list */
.searchresults, .tickerpostings {
	list-style: none;
	margin: 0;
	padding: 0;
}
.searchresults li > a, .tickerpostings li > a {
	padding: 0 0 0 1.2em;
}
.searchresults .thread-search, .tickerpostings .thread-ticker {
	background: url(images/thread-change-no.svg) no-repeat left center/0.95em;
	font-weight: 700;
}
.searchresults .reply-search, .tickerpostings .reply-ticker {
	background: url(images/clasp-change-no.svg) no-repeat left 0.05em bottom 0.1em/0.95em;
}

/* main menu in admin page */
.adminmenu {
	padding: 0;
	margin: 0.5rem 0;
	list-style-type: none;
}
.adminmenu + .below-adminmenu {
	margin-top: 0.75em;
}
.adminmenu li {
	margin: 0.25rem 0 0 0;
	padding: 0;
}
.adminmenu a {
	display: flex;
	align-items: center;
	padding: 0.125em;
	text-decoration:none;
	border: 1px solid #d8bc0a;
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
	background-color: #fff;
	line-height: 1em;
	height: 3.5em;
}
.adminmenu a:hover, .adminmenu a:focus, .adminmenu a:active {
	background-color: #fdf8d8;
}
.adminmenu a .icon {
	display: inline-block;
	padding:0;
	height: 1.25em;
	width: 1.25em;
	flex: 0 0 1.25em;
	margin: 0.25em;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}
.adminmenu a span:not([class]) {
	flex: 1 1 auto;
}
.adminmenu a img {
	margin:0 5px -3px 0;
	padding:0;
}
.adminmenu a[href*='&action=settings'] .icon {
	background-image: url("images/settings-sliders.svg");
}
.adminmenu a[href*='&action=user'] .icon {
	background-image: url("images/users.svg");
}
.adminmenu a[href*='&action=categories'] .icon {
	background-image: url("images/categories.svg");
}
.adminmenu a[href*='&action=smilies'] .icon, .adminmenu a[href*='&enable_smilies=true'] .icon {
	background-image: url("images/smilies.svg");
}
.adminmenu a[href*='&action=pages'] .icon {
	background-image: url("images/files.svg");
}
.adminmenu a[href*='&action=spam_protection'] .icon {
	background-image: url("images/shield.svg");
}
.adminmenu a[href*='&action=backup'] .icon, .adminmenu a[href*='create_backup=0'] .icon {
	background-image: url("images/floppy-disc.svg");
}
.adminmenu a[href*='create_backup=1'] .icon {
	background: url("images/entries-listing.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=2'] .icon {
	background: url("images/users.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=3'] .icon {
	background: url("images/settings-sliders.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=4'] .icon {
	background: url("images/categories.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=5'] .icon {
	background: url("images/files.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=6'] .icon {
	background: url("images/smilies.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=7'] .icon {
	background: url("images/warning.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=8'] .icon {
	background: url("images/notepad.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=9'] .icon {
	background: url("images/warning.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='create_backup=10'] .icon {
	background: url("images/clock.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.adminmenu a[href*='&action=update'] .icon {
	background-image: url("images/software-update.svg");
}
.adminmenu a[href*='&action=reset_uninstall'] .icon, .adminmenu a[href*='&action=clear_userdata'] .icon {
	background-image: url("images/marker-cross.svg");
}
.adminmenu a[href*='&action=register'] .icon {
	background: url("images/sign-add.svg") 102% 102% / 60% no-repeat, url("images/user.svg") center / 100% no-repeat;
}
.adminmenu a[href*='&action=reset_tou'] .icon, .adminmenu a[href*='&action=reset_dps'] .icon {
	background: url("images/pencil.svg") 102% 102% / 60% no-repeat, url("images/file.svg") center / 100% no-repeat;
}
.adminmenu a[href*='&action=email_list'] .icon {
	background-image: url("images/contact-email.svg");
}
.adminmenu a[href*='&disable_smilies=true'] .icon {
	background: url("images/marker-cross.svg") center center / 100% no-repeat, url("images/smilies.svg") center center / 75% no-repeat;
}
.adminmenu a[href*='&action=edit_page'] .icon {
	background: url("images/sign-add.svg") 102% 102% / 60% no-repeat, url("images/file.svg") center / 100% no-repeat;
}
.adminmenu a[href*='?mode=admin&edit_user='] .icon {
	background: url("images/pencil.svg") 102% 102% / 60% no-repeat, url("images/user.svg") center / 100% no-repeat;
}
.adminmenu a[href*='?mode=admin&delete_user='] .icon {
	background: url("images/sign-remove.svg") 102% 102% / 60% no-repeat, url("images/user.svg") center / 100% no-repeat;
}
.adminmenu a[href*='?mode=admin&user_delete_all_entries='] .icon {
	background: url("images/sign-remove.svg") 102% 102% / 60% no-repeat, url("images/preview-bubble.svg") center / 100% no-repeat;
}
.adminmenu a.lock-user .icon {
	background-image: url(images/lock-closed.svg);
}
.adminmenu a.unlock-user .icon {
	background-image: url(images/lock-open.svg);
}
/* settings forms without table */
.r-select:not(:last-of-type) {
	border-bottom: 1px dotted #bacbdf;
}
form > div:not(:last-child) {
	margin: 0 0 1rem 0;
	padding: 0 0 0.5rem 0;
	border-bottom: 1px dotted #bacbdf;
}
p.label {
	font-weight: bold;
}
form > div p, form > div ul, form > div div {
	margin: 0 0 0.25rem 0;
}

.r-select h3 {
	margin: 0 0 0.5rem 0;
}
.r-select ul {
	margin: 0 0 0.5rem 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.r-select.sl ul {
	flex-wrap: wrap;
}
.r-select.ml ul {
	flex-direction: column;
}
.r-select:last-of-type ul {
	margin-bottom: 0;
}
.r-select li {
	flex: auto;
}
.r-select label {
	display: inline-block;
	padding: 0.25rem;
	width: 100%;
	text-align: center;
	border: 1px solid #d8bc0a;
}
.r-select.ml label {
	text-align: left;
}
.r-select input[type="radio"]:not(:checked) ~ label {
	background-color: #fff;
	background-image: linear-gradient(#fff, #f0f0f8);
	color: #555;
	font-style: italic;
}
.r-select input[type="radio"]:checked ~ label {
	background-color: #fdf8d8;
	background-image: linear-gradient(#f9e97e, #e3cf49);
	color: #000;
}
.r-select input[type="radio"] {
	display: none;
}
input, select option {
	font-size: 1em;
}
/* end: settings forms without table */

ul.pagination {
	margin: 0.75rem 0;
	padding: 0;
	list-style-type: none;
}
ul.pagination li {
	display:inline;
	margin-left: 0.5em;
}
ul.pagination li:first-child {
	margin-left: 0;
}
ul.pagination a {
	border: 1px solid #d8bc0a;
	background: #f9f9f9;
	padding: 0.1em 0.4em;
	color: #00c !important;
}
ul.pagination a:focus, ul.pagination a:hover, ul.pagination a:active {
	border:1px solid #00c;
	background:#efefef;
	text-decoration:none;
}
ul.pagination a:active {
	color: red !important;
}
ul.pagination a:not([href]) {
	border: 1px solid #d8bc0a;
	color: #989898;
	font-weight: bold;
	color: red !important;
}

/* page internal search fields */
#searchbox {
	margin: 0 0 0.75em 0;
	margin: 0 0 0.75rem 0;
}
#searchbox label {
	display: block;
}
#searchfield {
	width: 18em;
}

/* table definitions */
table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}
thead {
	display: none;
}

tbody:not(#bbcode-options table), tr:not(#bbcode-options table tr), th:not(#bbcode-options table th), td:not(#bbcode-options table td) {
	display: block;
}
tr {
	border: 1px solid #d8bc0a;
	margin-bottom: 0.25rem;
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
}
tr:last-child {
	margin-bottom: 0;
}
th, td {
	vertical-align: top;
	padding: 0.125em 0.25em;
	padding: 0.125rem 0.25rem;
}
.normaltab .subject, table.normaltab td.c, .settings th {
	border-bottom: 1px solid #d8bc0a;
}
table:not(.chart) td[data-header] {
	background-color: transparent;
	font-size:1em;
	line-height: 1.3em;
}
td[data-header]::before {
	content: attr(data-header) ': ';
}
table.chart img {
	max-width: 100%;
	height: auto;
}
.cell-date, .cell-count-views, .cell-count-replies {
	display: none;
}
#main-thread-list tbody .cell-subject {
	background-color: #dfefff;
	border-bottom: 1px solid #d8bc0a;
	width: 60%;
}
/* #main-thread-list tbody td, #bookmarkstable tbody td {
	font-size: 0.82rem;
} */
.settings {
	margin: 0 0 0.25em 0;
}
.settings th {
	background: linear-gradient(to right,#e3cf49,#f9e97e);
	text-align: left;
}
.settings th strong {
	display: block;
}
.settings th .description {
	font-weight: normal;
	display: block;
	font-size: 0.92em;
}
.settings td {
	background:#fdf8d8;
}
td.cell-subject {
	font-size: 1em;
	/* border-bottom: 1px solid #d8bc0a; */
}
.cell-subject a.item {
	font-weight: bold;
}
td a.user-locked {
	color: #e10;
}
.taglist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.taglist li {
	display: inline;
}
/* form elements */

/* give all textareas and inputs (except radios and checkboxes)
  a proper width for narrow vieworts */
textarea, input[size="40"] {
	width: 100%;
}
input[size="5"] {
	width: 3.5em;
}
input[size="3"] {
	width: 2.5em;
}
.hp {
	display: none;
}

/* entry form */
#postingform fieldset {
	margin: 0 0 1em 0;
	border: 1px solid #d8bc0a;
	border-radius: 0.375rem;
}
#postingform #userfields .checkboxes, #postingform #ckeckboxes > p {
	display: flex;
}
#postingform label, #postingform input[type="text"], #postingform select {
	display: block;
}

#entrydata input {
	width: 100%;
}
textarea {
	font-size: 1.05rem;
}
/* thread tree: */
.thread  {
	margin: 0 0 0.75em 0;
	margin: 0 0 0.75rem 0;
	padding: 0;
	list-style-type: none;
	max-width: 100%;
}
td .thread  {
	margin: 0;
}
.fold-expand {
	display: inline;
}
.fold-expand img {
	width: 14px;
	height: 14px;
	cursor: pointer;
}
.fold-1.hidden, .fold-2.hidden {
	display: none;
}
.fold-expand img.expand-thread, .fold-expand img.expand-posting {
	background: url("images/unfold.svg") left 5% / 90% no-repeat;
}
.fold-expand img.fold-thread, .fold-expand img.fold-posting {
	background: url("images/fold.svg") left 5% / 90% no-repeat;
}
.fold-expand img.expand-thread-inactive {
	background: url("images/no-fold.svg") left 5% / 90% no-repeat;
}
.thread li > a {
	font-weight: 700;
}
ul.reply li a {
	font-weight: normal;
}

ul.reply, ul.deep-reply, ul.very-deep-reply {
	margin:0;
	padding: 0 0 0 0.75rem;
	list-style-type:none;
	max-width:100%;
}
ul.reply ul {
	border-left: 3px dotted #bfc1be;
}
ul.reply li:last-child > ul {
	border: none;
}
ul.reply li {
	line-height: 135%;
}

.thread li > a:link {
	color: #a80218;
}
.thread li > a:visited {
	color: #5A6774;
}
.thread li > a:focus, .thread li > a:hover {
	color: #a80218;
	text-decoration: underline;
}
.thread li > a:not([href]) {
	color: red;
	text-decoration: none;
	font-weight: bold;
}
#main-thread-list table a.read {
	color: #5A6774 !important;
}
.admin {
	color: #c10 !important;
}
.mod {
	color: #091 !important;
}

.registered_user {
	color: #000 !important;
}

.unregistered {
	color: #5A6774;
}

.opening-entry, .following-entry {
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 0 center;
}
.opening-entry {
	background-image: url(images/thread-change-no.svg);
}
.opening-entry.sticky {
	background-image: url(images/thread-pinned.svg), url(images/thread-change-no.svg);
}
.opening-entry.locked {
	background-image: url(images/thread-locked.svg), url(images/thread-change-no.svg);
}
.opening-entry.sticky.locked {
	background-image: url(images/thread-locked.svg), url(images/thread-pinned.svg), url(images/thread-change-no.svg);
}
.opening-entry.new {
	background-image: url(images/thread-change-yes.svg);
}
.following-entry {
	background-image: url(images/clasp-change-no.svg);
}
.following-entry.new {
	background-image: url(images/clasp-change-yes.svg);
}
/* end: thread three */

/* postings of a thread in the nested view */
.reply-wrapper {
	margin: 0 0 0 0.5rem;
	padding:0;
}

.thread-posting {
	border: 1px solid #d8bc0a;
	border-left-width: 0.5em;
	margin: 0 0 0.5em 0;
	margin: 0 0 0.5rem 0;
	padding: 0;
	min-width: 16em;
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
}
.thread-posting.read {
	border-left-color: #bfbfbf;
}
.thread-posting.new {
	border-left-color: #e3cf49;
}

article header {
	overflow: hidden;
	margin: 0;
	padding: 5px;
}
article.thread-posting header {
	background-color: #f9e97e;
	border-bottom: 1px solid #d8bc0a;
}

header .avatar {
	display: block;
	border: 0;
	border-radius: 5px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	width: auto;
	height: 3.5em;
}

article header h2,
article header p {
	margin: 0 0 5px 0;
	padding: 0;
}

article header .category {
	font-weight: normal;
	font-size: 0.82em;
	font-size: 0.82rem;
}

article header .author, article header .posting-edited {
	font-size: 0.82em;
	font-size: 0.82rem;
	margin: 0;
}
article header .author {
	color: #000;
	line-height: 1.5em;
}	
article header .posting-edited {	
	color: #5A6774;
	line-height: 1.5rem;
}
article header img {
	vertical-align:-0.2em;
}
article header .posting-hp, article header .posting-location, article header .posting-time, article header .posting-ip, article header .posting-edited, article header .posting-views, article header .op-link, article header .interpunction {
	display: initial;
}

article header .posting-views {
	color: #5A6774;
	margin-left: 0.5em;
}

article .tags {
	clear: both;
}

article .tags h3, article .tags ul {
	font-size: 0.82em;
	font-weight: normal;
	margin: 0;
}

article .tags h3, article .tags ul, article .tags li {
	display: inline;
	padding: 0 0.15em 0 0;
	padding: 0 0.15rem 0 0;
}

article .tags li:not(:last-child):after {
	content: ", ";
}

article .body {
	margin: 0;
	padding: 5px;
}

.thread-wrapper article .body {
	background-color: #fff;
	border-bottom: 1px solid #d8bc0a;
}

article .body p {
	margin: 0 0 1em 0;
	margin: 0 0 1rem 0;
}

article blockquote, .tickerpostings .posting .body blockquote {
	color: #5A6774;
	font-style: italic;
	border-left: 5px solid hsl(100, 2%, 75%);
	padding: 0 0 0 1.25rem;
}

.body img {
	max-width: 100%;
	height: auto;
}
.thumbnail {
	width: 9em;
	height: auto;
}
#image-canvas
	{ position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 80; }

#image-canvas img
	{ display: block;
	margin: 2em auto 0 auto;
	border: 1px solid #ADADAD;
	z-index: 90;
	max-width: 90%; }

#fullSizeImage
	{ position: fixed !important;
	top: 50% !important;
	left: 50% !important; }

.body .signature {
	margin: 0.5em 0 0 0;
	margin: 0.5rem 0 0 0;
	padding: 0;
	color: #5A6774;
	font-size: 0.82em;
	line-height: 1.4em;
}

.body pre {
	padding: 0.25em;
	white-space: pre-wrap;
	border: 1px solid #ed0;
	background-color: #ffd;
	color: #224;
}

code {
	color: #224;
}

article footer {
	margin: 0;
	padding: 5px 5px 0 5px;
}

article.thread-posting footer {
	background-color: #fdf8d8;
}

article footer ul.options, .tickerpostings li ul.options {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

article footer .options li, .tickerpostings li .options li {
	float: left;
	margin: 0 0.2em 0.2em 0;
	padding: 0;
	box-shadow: 0.05em 0.05em 0.1em 0 gray;
}

article footer .options li a, article footer .options li span, .tickerpostings li .options li a, .tickerpostings li .options li span {
	display: block;
	padding: 0 0.25em 0 1.2em;
	border: 1px solid #d8bc0a;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 0.1em center;
}
article footer .options li span, .tickerpostings li .options li span {
	border-color: #888;
	color: #5A6774;
	background-color: #f0f0eb;
}
article footer .options li a:link, article footer .options li a:visited, .tickerpostings li .options li a:link, .tickerpostings li .options li a:visited {
	background-color: #fff;
}
article footer .options li a:focus, article footer .options li a:hover, .tickerpostings li .options li a:focus, .tickerpostings li .options li a:hover {
	background-color: #fdf8d8;
}
article footer .options li a:active, .tickerpostings li .options li a:active {
	background-color: #fdecd8;
}
article footer .options li:active, .tickerpostings li .options li:active {
	margin-top: 0.05em;
	margin-left: 0.05em;
	margin-bottom: 0;
	margin-right: 0.15em;
	box-shadow: none;
}
article footer a.add-bookmark, article footer a.delete-bookmark, .tickerpostings a.add-bookmark, .tickerpostings a.delete-bookmark {
	background-image: url(images/notepad.svg);
}
article footer a.edit {
	background-image: url(images/pencil.svg), url(images/file.svg);
}
article footer a.delete {
	background-image: url(images/marker-cross.svg);
}
article footer a.move {
	background-image: url(images/move-item.svg);
}
article footer a.report {
	background-image: url(images/warning.svg);
}
article footer a.lock, article footer a.lock-thread, article footer li .locked, .tickerpostings li .locked {
	background-image: url(images/lock-closed.svg);
}
article footer a.unlock, article footer a.unlock-thread {
	background-image: url(images/lock-open.svg);
}
/* special rules for thread tree below singe posting view*/
section.thread-tree header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
section.thread-tree header h2, section.thread-tree header p {
	margin: 0 0 0.5em 0;
}
/* ajax preview element */
#ajax-preview {
	position: absolute;
	width: 30em;
	max-width: calc(100% - 2px);
	border: 1px solid #ec4;
}
#ajax-preview-header {
	background-color: #fff;
	text-align: right;
	padding: 0 0.2em;
}
#ajax-preview-content {
	max-height: 18em;
	overflow: auto;
	padding: 0 0.5em 0.5em 0.5em;
	background-color: #fff;
}
#ajax-preview-replylink:link, #ajax-preview-replylink:visited, #ajax-preview-replylink:hover {
	color: #00c !important;
}
#ajax-preview-replylink:active {
	color: red !important;
}
/* end: elements of the posting views */

/* login and registration forms */
.hover-layer {
	margin: 1em 0;
	padding: 1em;
}
.hover-layer > :last-child {
	margin-bottom: 0;
}
.hover-layer input[type="text"], .hover-layer input[type="password"], .hover-layer input[type="email"] {
	width: 15.5em;
}
.hover-layer input[type="checkbox"] {
	width: 1em;
}
/* end: login and registration forms */

/* elements of admin interface */
.item-tools ul {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.item-tools li:not(:last-child) {
	/* margin: 0 0.125em 0 0;
	margin: 0 0.125rem 0 0; */
}
.item-tools a {
	display: flex;
	align-items: center;
}
.item-tools .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.125em;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: center center;
}
/* .item-tools span:not([class="icon"]) {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
} */
.editor .icon {
	background-image: url(images/pencil.svg), url(images/file.svg);
}
.terminator .icon, .backup-terminator .icon {
	background-image: url(images/marker-cross.svg);
}
.move-item-up .icon {
	background-image: url(images/arrow-b-up.svg);
}
.move-item-down .icon {
	background-image: url(images/arrow-b-down.svg);
}
.download-backup .icon {
	background: url("images/arrow-b-down.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.restore-backup .icon {
	background: url("images/arrow-b-up.svg") 100% 100% / 75% no-repeat, url("images/floppy-disc.svg") left top / 60% no-repeat;
}
.ok, .errormessage {
	padding: 0.25em 0.25em 0.25em 1.5em;
	max-width: 100% !important;
}
.ok {
	border: 1px solid #0c4;
	color: #062;
	background: url(images/check-mark.svg) no-repeat 0.2em center / 1em 1em #afd;
}
.errormessage {
	border: 1px solid #f80800;
	margin-bottom: 1em;
	color: #620;
	background: url(images/marker-cross.svg) no-repeat 0.2em center / 1em 1em #fda;
}
.ok h2, .ok h3, .ok p, .errormessage h2, .errormessage h3, .errormessage p {
	margin: 0.25em 0;
	margin: 0.25rem 0;
}
.ok ul, .errormessage ul {
	padding-left: 1em;
	margin: 0;
}

.manage-postings {
	margin: 0 0 1em 0;
	border: 1px solid #d8bc0a;
	border-radius: 0.375rem;
	max-width: 70em;
}

/* elements in the user profile edit */
.checkboxlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* end: elements of the main block */

/* elements of the footer */
#footer-1, #footer-2, #footermenu, #footermenu li {
	margin: 0;
	padding: 0;
}
#footermenu {
	margin-bottom: 1rem;
	list-style-type: none;
}
#footermenu li {
	display: inline;
	margin-left: 0.25em;
}
#footermenu li:first-child {
	margin-left: 0;
}
.rss, .contact {
	padding-left: 1.2em;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: 0 center;
}
.rss {
	background-image: url(images/rss-logo.svg);
}
.contact {
	background-image: url(images/contact-email.svg);
}

#pbmlf {
	clear: both;
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 0.69em;
	color: #808080;
}
#pbmlf a {
	color: #808080;
	text-decoration: none;
}
/* end: elements of the footer */



/* buttonbar below the textarea */

#bbcode-bar button, #smiley-bar button {
	height: 2rem;
}
#smiley-bar button img {
	vertical-align: middle;
}
#bbcode-bar #bbcodebutton-b {
	font-weight: bold;
}
#bbcode-bar #bbcodebutton-i {
	font-style: italic;
}
#bbcode-bar #bbcodebutton-u {
	text-decoration: underline;
}
#bbcode-bar #bbcodebutton-link {
	text-decoration: underline;
	color: #00c;
}

#bbcode-bar #bbcodebutton-color {
	color: red;
}
#bbcode-options ul {
	box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
}
/* #bbcode-options table tbody, #bbcode-options table tr, #bbcode-options table th, #bbcode-options table td {
	display: initial;
} */
@media screen and (max-width: 600px) {
	#bbcode-options:not(.js-display-none) {
		width: 100vw !important;
		max-width: 100vw !important;
		max-height: 50vh !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
	}
	#bbcode-options, #bbcode-options table {
		position: fixed !important;
		top: auto !important;
		bottom: 0% !important;
		left: 0% !important;
	}
	#bbcode-options tbody {
		border-top: 1px solid #bbb !important;
		margin: 0 !important;
	}
	#bbcode-options table tbody, #bbcode-options table tr, #bbcode-options table td {
		display: inline-block !important;
	}
	#bbcode-options table tr {
		box-shadow: none !important;
		margin: 0 !important;
		border: 0 !important;
	}
	#bbcode-options table td, #bbcode-options table a {
		width: calc(100vw / 7) !important;
		height: calc((30vh / 10) + 15px) !important;
		border: none !important;
	}
}

@media screen and (min-width: 600px) {
	#bbcode-options table td {
		width:2em !important;
		height:2em !important;
	}
	#bbcode-options table a {
		border:1px solid #bbb;
		width:2em !important;
		height:2em !important;
	}
}

#bbcode-options ul, #bbcode-options table, #bbcode-options table td, #bbcode-options table a {
	margin: 0;
	padding: 0;
}
#bbcode-options:not(.js-display-none) {
	display: block;
	position: absolute;
	border: 1px solid #d8bc0a;
	max-width: calc(100% - 2rem);
	background: #efefef;
}
#bbcode-options ul {
	list-style-type: none;
}
#bbcode-options ul a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 3px 5px;
	min-width: 100px;
}
#bbcode-options ul a:hover {
	background: #e0e0e0;
}
#bbcode-options table {
	background:#bbb;
	border:none;
	border-collapse:collapse;
	display: flex;
}
#bbcode-options table tr {
	border: 0;
	margin: 0;
}
#bbcode-options table tr, #bbcode-options table a {
	display:flex;
}
#bbcode-options table a:hover {
	border:1px solid #fff;
	text-decoration:none;
}

/* end: buttonbar below the textarea */

#message label.textarea {
	font-size: 0 !important;
}
#insert-quote {
	font-size: 12px !important;
}

/* assistance menu*/
#assistancemenu a {
	display: block;
	padding: 0 0.25em 0 13px;
	padding: 0 0.25rem 0 13px;
}

/* JS classes */
.js-display-none         { display: none; }
.js-display-block        { display: block; }
.js-visibility-hidden    { visibility:hidden; }
.js-cursor-pointer       { cursor: pointer; }
.js-cursor-move          { cursor: move; }
.js-display-fold .wrapper,
.js-display-fold #sidebarcontent #latest-postings, .js-display-fold #sidebarcontent #tagcloud, .js-display-fold #sidebarcontent #modmenu {
	display: none;
}

aside.js-display-fold
	{ display: none; }

article.js-display-fold header {
	padding-bottom: 0;
}
.js-display-fold img.avatar
                         { width: 1.6em; height: 1.6em; }
.js-display-fold h2
                         { font-size: 1em; margin: 0; }

/* Admin Warning */
div.warning              {
	border: 5px solid red;
	padding: 0.75em;
	font-size:1.3em;
}

/* navigation on wider screens */
@media screen and (min-width: 32em) {
	nav#subnav, main, body > footer {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.adminmenu li {
		margin: 0.5rem 0 0 0;
	}
	#settings {
		border: 1px solid #d8bc0a;
		border-radius: 0.375rem;
		padding: 1em;
	}
	.reply-wrapper {
		margin: 0 0 0 0.75rem;
	}
	article header .posting-hp, article header .posting-location, article header .posting-time, article header .posting-ip, article header .posting-edited, article header .op-link, article header .interpunction {
		display: inline;
	}
	article.js-display-fold h2, article.js-display-fold .author {
		display: inline;
	}
	article header .posting-ago, .js-display-fold .author *, .js-display-fold .tags {
		display: none;
	}
	.js-display-fold .author strong, .js-display-fold .author strong * {
		display: inline;
	}
	.hover-layer {
		width: 100%;
		border: 1px solid #d8bc0a;
		border-radius: 0.375rem;
	}
	#pbmlf {
		text-align: center;
		padding: 0 20px 1em 20px;
		padding-bottom: 1rem;
	}
	input[size="40"] {
		width: 26em;
		max-width: 100%;
	}
}
@media screen and (max-width: 64em) { /* Vormals 48em */
	#ads {
		float: none;
		width: 100%;
		margin: 0;
		margin-top: 0.5em;
	}
	#ads h3 {
		display: block;
		margin: 0.5rem;
	}
	#banner-ads {
		display: flex;
		align-content: flex-start;
		flex-wrap: wrap;
		overflow: hidden;
	}
	#banner-ads div {
		margin: 0.2rem;
		margin-left: auto;
		margin-right: auto;
	}
	#banner-ads hr {
		display: none;
	}
	main {
		display: block;
	}
	#main-thread-list table td.cell-subject {
		padding: 0 !important;
	}
	table td.cell-subject {
		background-color: #f9e97e !important;
		border-bottom: 1px solid #d8bc0a;
	}
	#main-thread-list table td.cell-subject {
		background-color: #fff !important;
		border-bottom: 1px solid #d8bc0a;
	}
	#main-thread-list table td.cell-subject li .fold-expand {
		padding-left: 0.25em;
		padding-left: 0.25rem;
	}
	table:not(.chart) td[data-header], table .taglist, #main-thread-list table ul.reply {
		background-color: #fff;
	}
	table:not(.chart) tbody, table:not(.chart) tr, table:not(.chart) th, table:not(.chart) td {
		display: block;
	}	
	#main-thread-list table td[data-header], table tbody .item-tools {
		background-color: #fdf8d8 !important;
	}
	table tbody .item-tools {
		border-top: 1px solid #d8bc0a;
	}
}
@media screen and (max-width: 1000px) {
	table img.chart-large {
		display: initial;
		max-width: 100%;
		height: auto;
		margin-top: 0.5em;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}
	table img.chart-middle {
		display: none;
	}
	table.chart td.cell-subject {
		background-color: #f9e97e !important;
	}
	.chart td[data-header] {
		background-color: #fff;
		font-size: 1em;
		font-weight: bold;
	}
	.chart td[data-header]::before {
		display: block;
	}
}
@media screen and (min-width: 1000px) {
	nav#subnav {
	padding-left: 1em;
	padding-right: 1em;
	}
	#subnav ul {
		display: flex;
		align-content: flex-start;
		flex-wrap: wrap;
	}
	#subnav li, #subnav-2 li {
		margin: 0;
	}
	#subnav ul li:not(:first-child) a, #navviews ul li:not(:first-child) a, #navviews form {
		border-left: 1px solid #d8bc0a;
	}
	#forumnav-links {
		margin-left: auto !important;
	}
	/* Chart table definitions */
	table.chart {
		border: 1px solid #d8bc0a;
		box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
	}
	.chart thead {
		display: table-header-group;
		background: #f9e97e;
	}
	.chart tbody {
		display: table-row-group;
	}
	.chart tr {
		display: table-row;
		box-shadow: none;
	}
	.chart tbody tr:nth-child(odd) {
		background:#fff;
	}
	.chart tbody tr:nth-child(even) {
		background:#fdf8d8;
	}
	.chart th, .chart td {
		display: table-cell;
		border-right: 1px dotted #bacbdf;
	}
	.chart th {
		font-weight: bold;
		text-align: left;
		padding: 0.1rem 0.25rem;
	}
	.chart td {
		font-weight: normal;
		padding: 0.25rem;
	}
	table.chart td[data-header]::before {
		content: '';
	}
	table img.chart-large {
		display: none;
	}
	table img.chart-middle {
		display: initial;
	}
}
@media screen and (min-width: 64em) { /* Vormals 48em */
	main, body > footer {
		padding-left: 1em;
		padding-right: 1em;
		}
	body > header {
		display: flex;
		justify-content: space-between;
	}
	#bottombar {
		margin-top: 0;
	}
	#admin-menu-container, #main-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#main-container {
		flex-direction: column;
	}
	#admin-menu-container #additional-admin-info, #main-container #main-thread-list {
		margin-right: 0.5em;
	}
	#admin-menu-container .adminmenu {
		margin-left: 0.5em;
	}
	#additional-admin-info section:first-child {
		margin-top: 0;
	}
	#additional-admin-info, #sidebar, #bottombar {
		flex: 0 0 15em;
	}
	.adminmenu, #main-thread-list {
		flex: 1 1 auto;
	}
	.adminmenu {
		margin: 0;
		display: grid;
		grid-gap: 0.75em;
		grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	}
	.adminmenu li {
		margin: 0;
	}
	.adminmenu a {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	.adminmenu a .icon {
		width: 2.25em;
		height: 2.25em;
		flex: 0 0 2.25em;
	}
	aside h2, aside section, .thread-posting, .adminmenu a {
		box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
	}
	/* table definitions */
	table:not(.chart) {
		border: 1px solid #d8bc0a;
		box-shadow: 0.1em 0.1em 0.25em 0.1em #606000;
	}
	table:not(.chart) thead {
		display: table-header-group;
		background: #f9e97e;
	}
	table:not(.chart) tbody {
		display: table-row-group;
	}
	table:not(.chart) tr {
		display: table-row;
		box-shadow: none;
	}
	table:not(.chart) tbody tr:nth-child(odd) {
		background:#fff;
	}
	table:not(.chart) tbody tr:nth-child(even) {
		background:#fdf8d8;
	}
	table:not(.chart) th, table:not(.chart) td {
		display: table-cell;
		border-right: 1px dotted #bacbdf;
	}
	table:not(.chart) th {
		font-weight: bold;
		text-align: left;
		padding: 0.1rem 0.25rem;
	}
	th span.header-cell {
		display: flex;
		align-content: start;
		align-items: center;
	}
	th .sorting-ui {
		margin-left: 0.25em;
		display: flex;
		align-content: start;
		align-items: center;
	}
	th .sorting-ui a {
		display: inline-block;
		width: 0.9em;
		height: 1.35em;
		border: 1px solid #d8bc0a;
		background: #f4f4f4;
	}
	th .sorting-ui a:focus, th .sorting-ui a:hover {
		background: #fafac0;
	}
	th .sorting-ui a:first-of-type {
		text-align: right;
		border-top-left-radius: 0.25em;
		border-bottom-left-radius: 0.25em;
	}
	th .sorting-ui a:last-of-type {
		text-align: left;
		border-top-right-radius: 0.25em;
		border-bottom-right-radius: 0.25em;
	}
	th .sorting-ui a img {
		height: 80%;
		width: auto;
	}
	table:not(.chart) td {
		font-weight: normal;
		padding: 0.25rem;
	}
	td.subject {
		min-width:55%;
	}
	td.cell-subject {
		border-bottom: none;
		background-color: transparent;
	}
	td[data-header] {
		background-color: transparent;
		font-size: 1em;
	}
	table:not(.chart) td[data-header]::before {
		content: '';
	}
	table td.item-tools {
		width: 17em;
	}
	#main-thread-list tbody tr:nth-child(odd) td.cell-subject {
		background-color: #fff;
	}
	#main-thread-list tbody tr:nth-child(even) td.cell-subject {
		background-color: #fdf8d8;
	}
	#main-thread-list tbody .cell-subject, #bookmarkstable tbody .cell-subject {
		max-width: 25vw;
	}
	#main-thread-list tbody td:not(.cell-subject), #bookmarkstable tbody:not(.cell-subject)  {
		width: 25vw;
	}
	.hover-layer {
		min-width: 28em;
		max-width: 70em;
	}
	.settings th {
		width: 40%;
		max-width: 24em;
	}
}

@media screen and (min-width: 64em) {
	#additional-admin-info, #sidebar, #bottombar {
		flex: 0 0 17.5em;
	}
	.cell-date {
		display: table-cell;
	}
}

@media screen and (min-width: 72em) {
	#additional-admin-info {
		flex: 0 0 17.5em;
	}
	#sidebar, #bottombar {
		flex: 0 0 0;
	}
	.cell-count-replies {
		display: table-cell;
	}
}

@media screen and (min-width: 80em) {
	.cell-count-views {
		display: table-cell;
	}
}

@media screen and (max-width: 92em) {
	#forumnav-links {
		margin: 0 !important;
	}
	#infobanner {
		display: inline-block;
	}
	#infobanner div {
		margin-top: 0.5em;
		margin-right: 0;
	}
}