* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	background: #fff;
	color: #858585;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
}

#wrapper {
	margin: 0 auto;
	width: 1223px;
	background: #fff;
}

#header-image {
	height: 291px;
	border-bottom: 2px solid #fff;
}

#navigation {
	height: 33px;
	background: #92b2c1;
}

#language-selection {
	float: left;
	width: 70px;
	height: 33px;
}

#language-selection-inner {
	padding: 9px 0 0 5px;
}

#language-selection-inner img {
	margin: 0 0 0 10px;
}

#main-navigation {
	float: left;
}

#search {
	display: none;
	width: 60px;
	min-width: 60px;
	float: left;
	text-align: center;
}

#content-container {
	height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}

#column-left {
	float: left;
	width: 365px;
}

#column-left .column-left-inner {
	margin: 32px 55px 20px 50px;
}

#content {
	float: left;
	width: 598px;
}

#column-right {
	float: right;
	width: 260px;
}

#column-right .column-right-inner {
	margin: 0 10px 20px 30px;
	text-align: center;
}

#column-left-login {
	float: left;
	width: 25%;
}

#content-login {
	float: left;
	width: 50%;
	text-align: center;
}

#column-right-login {
	float: left;
	width: 25%;
}

#footer {
	background: url(../images/bg_footer.png) repeat-x;
	height: auto;
}

#footer-navigation {
	padding-top: 34px;
	padding-bottom: 40px;
}


/* start main menu */

ul#main-menu {
	padding: 0;
	margin: 0;
}

ul#main-menu:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

ul#main-menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 2px solid #fff;
}

ul#main-menu li a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	/* padding: 0 16px 0 16px; */
	line-height: 33px;
	letter-spacing: 0.1em;

	padding: 0 2px;
	white-space: nowrap;
}

ul#main-menu li a:hover,
ul#main-menu li.active a {
	background: #df221e url(../images/pfeil_hoch.png);
	background-repeat: no-repeat;
	background-position: 13px bottom;
}

ul#main-menu li:hover > ul {
	visibility: visible;
}

ul#main-menu li ul {
	display: inline;
	visibility: hidden;
	position: absolute;
	padding: 10px 16px;
	margin: 0;
	min-width: 160px;
	z-index: 10000;
	border-top: 2px solid #fff;
	background: #bed0da url(../images/pfeil_runter.png);
	background-repeat: no-repeat;
	background-position: 13px 0;
}

ul#main-menu li ul li {
	float: none;
	height: 24px;
	background: #bed0da;
	border: none;
}

ul#main-menu li ul li a {
	color: #fff;
	text-align: left;
	padding-left: 0px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	text-transform: none;
}

ul#main-menu li ul li a:hover,
ul#main-menu li.active ul li a,
ul#main-menu li ul li.active a {
	background-image: none;
	background: none;
}

ul#main-menu li ul li a:hover,
ul#main-menu li ul li.active a {
	color: #97b5c4;
}

/* end main menu */


/* start breadcrumb */

#breadcrumb {
	font-size: 11px;
	margin-top: 10px;
	padding-left: 90px;
	color: #858585;
}

ul.breadcrumb {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.breadcrumb a.pathway {
	text-decoration: none;
	color: #858585;
}

/* end breadcrumb */


/* start sub menu */

ul#sub-menu {
	margin: 0;
	padding: 0;
	width: 260px;
}

ul#sub-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #dae3e8;
}

ul#sub-menu li a {
	display: block;
	padding-left: 40px;
	line-height: 21px;
	color: #858585;
	text-decoration: none;
	font-size: 14px;
}

ul#sub-menu a:hover,
ul#sub-menu li.active a {
	color: #94b1bf;
	background: url(../images/bg_submenu_active.png) no-repeat left top;
}

/* end sub menu */


/* start footer menu */

#footer-navigation ul {
	float: right;
	margin: 0;
	padding: 0 50px 0 0;
}

#footer-navigation ul li {
	margin: 0;
	padding: 0 30px 0 0;
	list-style-type: none;
	float: left;
}

#footer-navigation ul li a {
	color: #95b2c2;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
}

/* end footer menu */


/* content styles */

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #92b2c1;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h2.sealorder { color: black; text-transform: none; font-weight: bold }

p {
	margin: 0 0 1em 0;
	line-height: 140%;
}

ul {}

li {
	margin-left: 25px;
	line-height: 140%;
}

a {
	color: #6b8c9b;
	text-decoration: none;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
}

th, td {
	/*font-size: 13px;*/
	padding: 3px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #858585;
}

.withborder th,
.withborder td {
	border: 1px solid #858585;
}


/* start accordeon */

.accordion {
	width: 100%;
}

.accord-header {
	background: #bed0da;
	color: #fff;
	padding: 4px 5px 4px 30px;
	margin-top: 2px;
	font-size: 1.1em;
	font-weight: bold;
}

.on {
	background: #92b2c1 url(../images/pfeil_rechts.png) no-repeat 0px 4px;
}

.accord-header:hover {
	cursor: pointer;
	background: #92b2c1 url(../images/pfeil_rechts.png) no-repeat 0px 4px;
}

.accord-content {
	background: #dee7ec;
	padding: 5px 10px 5px 20px;
}

table.circular {
	border-collapse: collapse;
	width: 100%;
}

table.circular th {
	text-align: left;
	padding: 3px 10px;
}

table.circular td {
	padding: 3px 10px;
}

table.circular th.center,
table.circular td.center {
	text-align: center;
}

table.circular tr.data-row-active { background: var(--tpltblue) }

table.circular tr.data-row:hover {}

/* end accordeon */


/* start adverts */

table.adverts-table {
	border-collapse: collapse;
	width: 100%;
}

table.adverts-table th {
	text-align: left;
	padding: 10px 8px;
}

table.adverts-table td {
	padding: 10px 8px;
}

table.adverts-table th.center,
table.adverts-table td.center {
	text-align: center;
}

table.adverts-table tr.data-row-active {
	background-color: #fef7c2;
}

/* end adverts */


/* start login form */

.login-greeting {
	margin-bottom: 20px;
}

.data-edit-btn {
	width: 160px;
	background: #92b4c0;
	margin: 0 auto 2px auto;
	text-align: center;
}

.data-edit-btn a {
	display: block;
	padding: 8px 0;
	color: #fff;
}

.btn-logout {
	background: #df221e;
	width: 160px;
	border: 0;
	padding: 6px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 12px;
}

.login_page,
.login-links {
	margin-left: 0px;
}

.login_page h2 {
	color: #92b2c1;
	letter-spacing: 0.1em;
	margin: 34px 0 54px 0;
	padding: 0;
}

.login_page fieldset {
	border: none;
}

.control-group {
	margin: 0 !important;
	padding: 0 !important;
}

.login_page .control-label {
	float: left;
	width: 180px;
	font-size: 18px;
	text-transform: uppercase;
	text-align: right;
	padding: 12px 10px 0 0;
	color: #92b2c1;
	letter-spacing: 0.1em;
}

.login_page .controls {
	float: left;
	width: 230px;
}

.login_page #username,
.login_page #password {
	background: #92b2c1;
	border: none;
	width: 210px;
	height: 42px;
	padding: 0 10px;
	margin-bottom: 5px;
	color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #92b4c0 inset;
}

.login_page .btn-login {
	background: #df221e;
	width: 230px;
	height: 42px;
	border: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 16px;
}

.login-links ul {
	margin: 50px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.login-links ul li {
	margin: 0;
	padding: 0;
	line-height: 170%;
}

.login_page .star {
	display: none !important;
}

/* end login form */


/* start remind/reset form */

.remind fieldset,
.reset fieldset {
	border: none;
}

.remind .btn,
.reset .btn {
	background: #df221e;
	border: 0;
	margin: 10px 0;
	padding: 6px 12px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 12px;
}

/* end remind/reset form */


/* start search form */

#searchForm .btn-toolbar {
	margin-bottom: 20px;
}

#searchForm .inputbox {
	height: 24px;
}

#searchForm .btn {
	background-color: #df221e;
  	border: none;
  	cursor: pointer;
  	width: 100px;
  	height: 28px;
  	line-height: 24px;
  	text-align: center;
  	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}

#searchForm fieldset {
	padding: 0 20px 10px 20px;
	border: 1px solid #c0c0c0;
}

#searchForm legend {
	padding: 0 5px;
}

#searchForm .phrases {
	margin: 10px 0;
	font-size: 0.9em;
}

#searchForm .only {
	margin: 10px 0;
	padding-top: 10px;
	font-size: 0.9em;
}

#searchForm .only label {
	margin-right: 10px;
}

#searchForm .phrases .phrases-box {
	margin-top: 10px;
}

#searchForm .phrases .controls label {
	margin-right: 10px;
}

#searchForm .phrases .controls label input {
	margin-right: 5px;
}

#searchForm .phrases .ordering-box {
	margin-top: 10px;
}

#searchForm .form-limit {
	text-align: right;
	font-size: 0.8em;
}

.search .counter {
	font-size: 0.8em;
}

.search .result-title {
	margin: 10px 0 0 0;
	font-size: 1em;
}

.search .result-title a {

}

.search .result-text {
	font-size: 0.9em;
	margin-bottom: 10px;
}

/* end search form */


/* start tooltip */

.tooltip {
   position: absolute;
   z-index: 1030;
   display: block;
   visibility: visible;
   font-size: 11px;
   line-height: 1.4;
   opacity: 0;
   filter: alpha(opacity=0);
}
.tooltip.in {
   opacity: 0.8;
   filter: alpha(opacity=80);
}
.tooltip.top {
   margin-top: -3px;
   padding: 5px 0;
}
.tooltip.right {
   margin-left: 3px;
   padding: 0 5px;
}
.tooltip.bottom {
   margin-top: 3px;
   padding: 5px 0;
}
.tooltip.left {
   margin-left: -3px;
   padding: 0 5px;
}
.tooltip-inner {
   max-width: 200px;
   padding: 8px;
   color: #fff;
   text-align: center;
   text-decoration: none;
   background-color: #000;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}
.tooltip.top .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-width: 5px 5px 5px 0;
   border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-width: 5px 0 5px 5px;
   border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
   top: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}
.tooltip {
   max-width: 400px;
}
.tooltip-inner {
   max-width: none;
   text-align: left;
   text-shadow: none;
}
th .tooltip-inner {
   font-weight: normal;
}
.tooltip.hasimage {
   opacity: 1;
}
.tip-text {
   text-align: left;
}

/* end tooltip */


/* start profile form */

.profile-edit .control-group {
	margin: 0 0 12px 0 !important;
}

.profile-edit .control-label {
	float: none;
	padding-bottom: 2px;
}

#member-profile .btn {
	background-color: #df221e;
  	border: none;
  	cursor: pointer;
  	width: 140px;
  	height: 28px;
  	line-height: 24px;
  	text-align: center;
  	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	margin: 10px 0;
}

.profile fieldset {
	margin-bottom: 10px;
}

.profile legend {
	padding: 0 5px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

.profile .dl-horizontal dt,
.profile .dl-horizontal dd {
	line-height: 160%;
}

/* end profile form */


/* start pagination */

.pagination {
	margin: 20px 0;
}

.pagination ul {
	list-style-type: none;
}

.pagination ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
	margin: 0;
	color: #000;
	font-size: 0.8em;
}

.pagination ul li a.pagenav {
	color: #00a8ed;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

ul.pagination-list li a [class*="icon-"] {
  opacity: 0.3;
}
  
ul.pagination-list li a:hover [class*="icon-"] {
  opacity: 0.5;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.pagination p.pull-right {
  float: none;
  text-align: center;
}
  
.pagination ul {
  display: inherit;
  text-align: center;
}
  
.pagination a,
.pagination span {
  float: none;
  display: inline-block;
}

/* end pagination */


/* start alert */

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #c09853;
}

.alert h4 {
	margin: 0;
}

.alert-message h4,
.alert-message div {
	color: c09853;
}

.alert-warning h4,
.alert-warning div {
	color: red;
}

.alert .close {
	display: none;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}

.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}

.alert-block p + p {
	margin-top: 5px;
}

/* end alert */


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

.align-center {
	text-align: center;
}

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

/* clearfix */
.clearfix:after {  /* Firefox, IE8, Opera, Safari, etc. */
	content: ".";  
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
* + html .clearfix { /* IE7 */
	display: inline-block;
}
 
* html .clearfix { /* IE6 */
	height: 1%;
}


/* hide logo for print */
#logo {
	display: none;
}

.input-password-toggle,
.visually-hidden { display: none }
*[role="tooltip"] { display: none }

/* --- */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--oldbg: #92b2c1;
	--ltbeige: #f1e8d7;
	--beige: #c99e67;
	/* --tpltblue: #aac1da; */
	--tpltblue: #acc5db;
	--tpltbluelt: #acc5db11 /* #eef5fb #e1effb */;
	--tpblue: #06174c;
	--textdk: #000;
	--textlt: #fff;
	--pagebg: #fff;
}

body { color: var(--textdk); background: var(--pagebg);
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px; line-height: 1.3 }
h1 { font-size: 1.7em }
.login_page h2, .login-links h3,
h2 { font-size: 1.5em; letter-spacing: 0 }
h3 { font-size: 1.17em }

body { min-width: 1223px }
#wrapper { width: 100%; margin: 0; padding: 0 }
#wrapper > #content-container { max-width: 1223px; margin: 0 auto }
#breadcrumb .icon-edit { display: none }
#topbar,
#breadcrumb,
#navigation { padding-left: calc(50% - 611px);
	padding-right: calc(50% - 612px) }
#breadcrumb .jmodedit { display: none }
#topbar { display: flex; justify-content: space-between; font-size: .9em;
	padding-top: .2em; padding-bottom: .2em;
	border-bottom: 1px solid white }
#topbar .contact-info { display: flex; align-items: center }
#topbar .contact-info > a:first-child { transform: translate(0, 2px) }
#topbar .contact-info > * { margin-right: 10px }
#topbar .contact-text a { margin-right: 7px }
.login-links a.email::before,
.login-links a.phone::before,
#topbar .contact-info .email::before,
#topbar .contact-info .phone::before { width: 1.4em; height: 1em;
	content: ''; display: inline-block;
	background: url(../images/phone-icon-black.svg) no-repeat 50% 50%;
	background-size: contain; vertical-align: top;
	transform: translate(0,.2em) }
.login-links a.email::before,
#topbar .contact-info .email::before {
	background-image: url(../images/email-icon-black.svg) }
#topbar .search-user-lang { /* text-align: right; */ display: flex;
	justify-items: end; align-items: center }
#topbar .jmodedit { display: none }
#myaccount-task { display: flex; align-items: center; margin-right: 5px }
#myaccount-task button { background: transparent; border: 0;
	margin: 0 0 0 10px; padding: 0; color: inherit; box-shadow: none;
	font-size: inherit; cursor: pointer; vertical-align: baseline }
#topbar a.myaccount-icon::before { content: ''; display: inline-block;
	margin-right: 2px; width: 1em; height: 1em;
	background: transparent url(../images/logout-icon-black.png)
		no-repeat 50% 50%;
	background-size: contain; vertical-align: top;
	margin-top: 2px }
#topbar .logout-icon button img { vertical-align: middle;
	transform: translate(0, -1px) }

#language-selection { float: right; width: auto }
#language-selection-inner { padding: 9px 0 }
#language-selection-inner::after { content: ''; display: table;
	clear: both }
#language-selection a { display: block; padding: 0 0 0 5px;
	margin: 0; float: left; line-height: 1 }
#language-selection a + a::before { content: '|'; display: inline-block;
	margin-right: .3em }
#footer { margin-top: 20px }
#footer-navigation { width: 1223px; margin: 0 auto; padding-top: 10px }

#navigation, #main-navigation { float: none }
ul#main-menu { display: flex }
ul#main-menu > .jmodedit { display: none }
ul#main-menu li { flex-grow: 1; text-align: center; position: relative }
ul#main-menu li ul { left: 0 }
ul#main-menu li ul li { white-space: nowrap; height: auto }
ul#main-menu li a { letter-spacing: 0; font-size: 14px }
ul#main-menu li ul li a { font-size: 15px; line-height: 26px; height: auto }
ul#main-menu li.item-240,
ul#main-menu li.item-241 { border-left: 0 }
ul#main-menu li.item-240,
ul#main-menu li.item-241,
ul#main-menu li.item-297,
ul#main-menu li.item-298 { flex-grow: 0 }
ul#main-menu li.item-240 a,
ul#main-menu li.item-241 a { line-height: 2px; padding: 0 20px }
ul#main-menu li.item-297 a,
ul#main-menu li.item-298 a { line-height: 2px; padding: 0 24px }
ul#main-menu li.item-297 a:hover,
ul#main-menu li.item-297.active a,
ul#main-menu li.item-298 a:hover,
ul#main-menu li.item-298.active a,
ul#main-menu li.item-240 a:hover,
ul#main-menu li.item-240.active a,
ul#main-menu li.item-241 a:hover,
ul#main-menu li.item-241.active a { background-image: none }
ul#sub-menu li a { line-height: 2em }

/* #header-image { margin-left: auto; margin-right: auto; width: 1223px } */
#header-image { background: transparent /* url(../images/img_header_grey.jpg)
	no-repeat 50% 50%; background-size: cover */; height: auto }
#header-image > .inner { min-height: 100px }
#header-image.login { /* height: 291px */ }
#header-image > .inner { width: 800px; margin: 0 auto; position: relative;
	padding: 1em 0; display: flex }
#header-image.login > .inner { padding: 1em 0 }
#header-image .left { font-size: 1.2em }
#header-image .center,
#header-image .left,
#header-image .right { flex: 1 1 40%; text-align: center;
	display: flex; flex-direction: column; justify-content: center;
	align-content: center }
#header-image .center { flex: 1 1 100% }
#header-image img { max-width: 100% }
#tp-logo, #dp-logo { max-width: 150px; display: block; margin: 5px auto;
	box-sizing: border-box }
.login #tp-logo, .login #dp-logo { max-width: 240px; margin: 15px auto }
#dp-logo { padding: 0 40px }
.login_page .control-label,
.control-label { display: block; font-size: inherit; color: var(--textdk);
	/* text-transform: none; */ }
.login_page #username,
.login_page #password,
input, button { font-family: inherit }
.login_page #username,
.login_page #password,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'] {
	font-size: 16px; color: var(--textdk);
	background: transparent /* var(--pagebg) */;
	padding: .3em .5em; line-height: 1.3; border: 0;
	border-bottom: 2px solid var(--tpltblue);
	margin: 0 5px 5px 0; vertical-align: middle; outline: none;
	height: auto }
#jform_profile10_groups { max-width: 35em; padding: .5em .8em }
.login_page #username,
.login_page #password { line-height: 32px }
input:autofill, input:autofill:focus { -webkit-box-shadow: none }
#searchForm fieldset { max-width: 40em }
#searchForm .only { font-size: inherit }
#member-profile .btn,
.login_page .btn-login,
.login-links li a,
.remind .btn, .reset .btn,
#searchForm .btn,
#content a.btn,
input[type='button'],
input[type='submit'],
button { background: var(--pagebg); color: var(--textdk);
	padding: .3em 1em; text-align: center; vertical-align: middle;
	border: 1px solid var(--tpltblue); font-size: 16px;
	box-shadow: 3px 3px 4px #00000018 }
/* .login_page .btn-login { border-color: transparent;
	background: var(--beige); color: var(--textlt) } */
#member-profile .btn,
#searchForm .btn { height: auto }
input[type='radio'] + label { margin-left: 5px }
#searchForm .phrases { font-size: 1em }

#content-container { display: flex }
#content-container.clearfix::after { display: none }
#column-left { width: auto; flex: 1 1 auto; padding-top: 10px }
#column-left > .column-left-inner { margin: 0; width: auto }
#content-container > #content { flex: 1 1 100%; padding-top: 10px }
ul#sub-menu { padding-right: 40px }
ul#sub-menu .jmodedit { display: none }

th, td { font-size: inherit; padding: 10px 8px; font-family: inherit;
	color: inherit }
table.circular tbody tr:first-child { display: none }
table.circular tbody tr:nth-child(2) { border-top: 0 }
table.circular tr.data-row td { padding: 10px 8px }
table.circular td:nth-child(1) { width: 75px; text-align: center }
table.circular td:nth-child(2) { width: 110px }
table.circular td:nth-child(3) { width: 35px }
table.circular td:nth-child(4) { width: calc(100% - 220px) }

.accord-header { position: relative; padding-right: 30px }
.accord-header.on::after { display: block; content: '\25BC';
	position: absolute; top: 3px; right: 10px }
.accord-content { padding-left: 0; padding-right: 0 }

joomla-alert button { box-shadow: none }

#content-login .login-twocols { text-align: left }
.login_page .control-label { float: none; display: block;
	width: 100%; text-align: left; letter-spacing: 0;
	padding: 0 }
.login_page .controls { float: none; width: 70% }
.login-twocols { display: flex }
.login-twocols > * { flex: 1 1 40% }
.login-links { text-align: center; flex: 1 1 35% }
.login-links > ul { margin: 0; position: relative; height: 180px }
.login-links li { position: absolute; right: 0; top: 90px;
	width: 100% }
.login-links li + li { top: 20px }
.login-links li a { width: 100%; height: 42px; display: inline-block;
	box-sizing: border-box; display: flex; justify-content: center }
.login-links h3 { font-weight: normal; font-size: 1.3em; margin: 0 0 1em 0 }
.login-links > p { margin-bottom: .5em }

a { color: var(--tpblue) }
.login_page h2, .login-links h3,
h2 { color: var(--tpblue) }
input[type='radio'], input[type='checkbox'] { accent-color: var(--tpblue) }
#topbar { background: var(--ltbeige); color: var(--textdk) }
#topbar a { color: inherit }
#language-selection a { color: inherit }
#navigation { background: var(--tpltblue); border-bottom: 2px solid #fff }
#breadcrumb a.pathway,
#breadcrumb { color: var(--tpblue) }
#footer { background: transparent; border-top: 1px solid var(--tpltblue) }
ul#main-menu li a:hover,
ul#main-menu li.active a { background-color: var(--beige) }
ul#main-menu > li.item-240 a,
ul#main-menu > li.item-241 a { border-left: 2px solid transparent }
ul#main-menu > li.item-240 a:hover,
ul#main-menu > li.active.item-240 a,
ul#main-menu > li.item-241 a:hover,
ul#main-menu > li.active.item-241 a { border-left: 2px solid #fff }
ul#main-menu > li:last-child a { border-right: 2px solid transparent }
ul#main-menu > li:last-child a:hover,
ul#main-menu > li.active:last-child a { border-right: 2px solid #fff }
ul#main-menu li ul { background-color: var(--tpltblue) }
ul#main-menu li ul li { background-color: transparent }
ul#main-menu { color: var(--textlt) }
ul#main-menu li ul li a { color: var(--tpblue) }
ul#main-menu li ul li a:hover,
ul#main-menu li ul li.active a { color: var(--textlt) }
ul#main-menu li a { color: var(--tpblue) }
ul#sub-menu li { border-color: var(--tpltblue) }
ul#sub-menu li a { color: var(--textdk) }
ul#sub-menu a:hover, ul#sub-menu li.active a { color: var(--tpblue);
	background: none; position: relative }
ul#sub-menu a:hover::before, ul#sub-menu li.active a::before {
	content: ''; display: block; position: absolute;
	top: 0; left: 0; width: 23px; height: 4px;
	background: var(--tpltblue) }
table.circular tr + tr,
.adverts-table tr + tr { border-top: 1px solid var(--tpltblue) }
table.circular .data-row:hover,
.adverts-table .data-row:hover { background: var(--tpltbluelt) }
.accord-header { background: transparent; color: var(--tpblue);
	border-bottom: 1px solid var(--tpblue) }
.accord-header:hover { background: transparent }
.accord-header::after { color: var(--tpblue) }
.accord-content { background: transparent }
html { background: #f7f7f7 }
#wrapper { background: #f7f7f7 url(../images/feder-bg.jpg) no-repeat 50% 0;
	background-size: 1400px 332px }
body.not-logged-in #wrapper {
	background: #f7f7f7 url(../images/feder-bg.jpg) no-repeat 50% 0;
	background-size: 2100px 498px;
	/* background-position-x: calc(50vw - 800px) */ }

#circular-close-all {
	opacity: 0;
	pointer-events: none;
	transition: opacity 200ms;
	text-align: right;
	position: fixed;
	top: 20px;
	right: 10px;
	right: max(10px, calc(50% - 612px));
}
#circular-close-all > div {
	background: var(--beige);
	color: white;
	width: auto;
	padding: 5px 7px;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
}
#circular-close-all > div::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: transparent url(../images/close-icon.png) no-repeat 50% 50%;
	background-size: contain;
	transform: translate3d(0, 2px, 0);
}
#circular-close-all.show {
	opacity: 1;
	pointer-events: auto;
}