/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// @object:		TYPO3 FSC master style
// @version:	8.7.29
// @date:		19.03.2021
// @autor:		LeiserPublishing GmbH, www.leiserpublishing.com
// @copyright:	LeiserPublishing GmbH, Ipsachstrasse 10, 2560 Nidau, info(at)leiserpublishing(dot)com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ====================================================================================================
// MASTERSTYLE
// ==================================================================================================== */
/* ### RESET all ### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, header, p, a, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, img, hr, figure, figcaption, audio, video,
var, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form,
.formhandler_form, .formhandler_form form, .formhandler_form form fieldset, .formhandler_form form label,
.formhandler_form p, .formhandler_form h1, .formhandler_form h2, .formhandler_form h3, .formhandler_form h4,
.formhandler_form h5, .formhandler_form h6 {
	border: 0;
    margin: 0;
    outline: 0;
	padding: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
	text-indent: 0;
	letter-spacing: normal;
    line-height: 1em;
}
.clearlayer {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
:focus {
	outline: 0;/* remember to define focus styles! */
}
ol, ul, dl {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;/* tables still need 'cellspacing="0"' in the markup */
	background-color: transparent;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
.formhandler_form form .hiddenfields {
    display: none;
}
/* ==================================================================================================== */
/* ### GENERAL definition ### */
/* ## FSC Elements and classes ## */
/* # "tx_frontend" content-element (FSC) default # */
/* content-element 'align' definition */
.ce-align-left {
    text-align: left;
}
.ce-align-center {
    text-align: center;
}
.ce-align-right {
    text-align: right;
}
/* content-element 'textpic', 'image', 'nowrap - bodytext', 'gallery', 'row', 'uploads li' and 'uploads div' definition */
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}
/* content-element 'left - gallery', 'column', 'center - outer', 'center - inner' and 'right - gallery' definition */
.ce-left .ce-gallery, .ce-column {
    float: left;
}
.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}
.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}
.ce-right .ce-gallery {
    float: right;
}
/* content-element 'gallery' - 'figure', 'figcaption', 'img' and 'iframe' definition */
.ce-gallery figure {
    display: table;
    margin: 0;
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}
.ce-gallery img {
    display: block;
}
.ce-gallery iframe {
    border-width: 0;
}
/* content-element 'border' - 'img' and 'iframe' definition */
.ce-border img, .ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}
/* content-element 'intext - right - gallery' and 'intext - left - gallery' definition */
.ce-intext .ce-right .ce-gallery, .ce-intext .ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 10px;
}
.ce-intext .ce-right .ce-gallery {
    margin-left: 10px;
}
.ce-intext .ce-left .ce-gallery {
    margin-right: 10px;
}
/* content-element 'intext - left - ol' and 'intext - left - ul' definition */
.ce-intext .ce-left ol, .ce-intext .ce-left ul {
    padding-left: 40px;
    overflow: auto;
}
/* content-element 'below - gallery' definition */
.ce-below .ce-gallery {
    margin-top: 10px;
}
/* content-element 'column' definition */
.ce-column {
    margin-right: 10px;
}
.ce-column:last-child {
    margin-right: 0;
}
/* content-element 'row' definition */
.ce-row {
    margin-bottom: 10px;
}
.ce-row:last-child {
    margin-bottom: 0;
}
/* content-element 'above - bodytext' definition */
.ce-above .ce-bodytext {
    clear: both;
}
/* content-element 'headline' definition */
.ce-headline-left {
    text-align: left;
}
.ce-headline-center {
    text-align: center;
}
.ce-headline-right {
    text-align: right;
}
/* content-element 'headerline' definition */
.ce-headerline-center {
    text-align: center;
}
.ce-headerline-right {
    text-align: right;
}
.ce-headerline-left {
    text-align: left;
}
/* content-element 'uploads' definition */
.ce-uploads {
    margin: 0;
    padding: 0;
}
.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}
.ce-uploads li a {
    color: inherit;
}
.ce-uploads img, .ce-uploads video {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}
.ce-uploads span {
    display: block;
}
.ce-uploads span.ce-uploads-fileName {
    float: left;
    text-decoration: underline !important;
}
.ce-uploads span.ce-uploads-description {
    float: left;
}
/* content-element 'table' (Table) definition */
.ce-table {
    width: 100%;
    max-width: 100%;
}
.ce-table th, .ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}
.ce-table thead th {
    border-bottom: 2px solid #dadada;
}
.ce-table th, .ce-table td {
    border-top: 1px solid #dadada;
}
.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.ce-table-bordered th, .ce-table-bordered td {
    border: 1px solid #dadada;
}
.ce-table-striped caption, .ce-table-linedown caption {
    margin-bottom: 0.2em;
}
.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.ce-table-striped th, .ce-table-striped td {
    padding: 0.5em 0.75em;
}
.ce-table-bordered caption, .ce-table-line caption, .ce-table-lineup caption {
    margin-bottom: -1px;
    border-bottom: 2px solid rgb(200,200,200);
}
.ce-table-bordered th, .ce-table-bordered td {
    padding: 0.5em 0.75em;
    border: 1px solid rgb(200,200,200);
}
.ce-table-bordered tr:not(:first-child) th, .ce-table-bordered tr:not(:first-child) td {
    border-top: 0;
}
.ce-table-bordered thead tr th:not(:last-child), .ce-table-bordered tr td:not(:last-child) {
    border-right: 0;
}
.ce-table-line th, .ce-table-line td {
    padding: 0.5em 0 0.5em 0;
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
}
.ce-table-line tr:not(:first-child) th, .ce-table-line tr:not(:first-child) td {
    border-top: 0;
}
.ce-table-lineup caption {
    margin-bottom: -2px;
}
.ce-table-lineup th, .ce-table-lineup td {
    padding: 0.5em 0 0.5em 0;
    border-top: 1px solid rgb(200,200,200);
}
.ce-table-lineup thead tr:first-child th {
    border-top: 2px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
}
.ce-table-linedown th, .ce-table-linedown td {
    padding: 0.5em 0 0.5em 0;
    border-bottom: 1px solid rgb(200,200,200);
}
.ce-table-linedown thead th {
    border-bottom: 2px solid rgb(200,200,200);
}
/* # "tx_frontend" (RTE Text Option) (FSC-content-element) ce-bodytext default # */
/* ce-bodytext 'text-left', 'text-center', 'text-right' and 'text-justify' definition */
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
/* ce-bodytext tag 'em', 'strong', 'sub', 'sup' and 'a definition */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
a {
    color: inherit !important;
}
/* # "tx_frontend" (Space befor/Space after Option) frame-element (FSC-content-element) default # */
/* frame-element basic definition */
.frame {
}
/* # "tx_frontend" (Border-Ruler Option) frame-element (FSC-content-element) default (frame-default) # */
/* frame-element 'default', 'ruler-before', 'ruler-after', 'indent', 'indent-left' and 'indent-right' definition */
.frame-default {
}
.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-bottom: 2em;
}
.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    margin-top: 2em;
}
.frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}
.frame-indent-left {
    margin-left: 33%;
}
.frame-indent-right {
    margin-right: 33%;
}
/* # "tx_frontend" (Layout Option) frame-element (FSC-content-element) default # */
/* frame-element 'default' definition */
.frame-layout-0 {
}
/* frame-element 'space-befor'/'space-after' - 'extra-small', 'small', 'medium', 'large' and 'extra-large' definition */
.frame-space-before-extra-small {
    margin-top: 1em;
}
.frame-space-before-small {
    margin-top: 2em;
}
.frame-space-before-medium {
    margin-top: 3em;
}
.frame-space-before-large {
    margin-top: 4em;
}
.frame-space-before-extra-large {
    margin-top: 5em;
}
.frame-space-after-extra-small {
    margin-bottom: 1em;
}
.frame-space-after-small {
    margin-bottom: 2em;
}
.frame-space-after-medium {
    margin-bottom: 3em;
}
.frame-space-after-large {
    margin-bottom: 4em;
}
.frame-space-after-extra-large {
    margin-bottom: 5em;
}
/* # "tx_frontend" Bullet (frame-type-buttels...) frame-element (FSC-content-element) default # */
/* frame-element 'ol', 'ul' and 'dl' definition */
ol, ol.ce-bullets, ul, ul.ce-bullets {
    display: block;
    list-style-position: outside;
    margin: 0 0 1em 0em;
    padding: 0 0 0 1em;
}
ol li, ol.ce-bullets li, ul li, ul.ce-bullets li  {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
ul, ul.ce-bullets-disc {
    list-style-type: disc;
}
ul.ce-bullets-circle {
    list-style-type: circle;
}
ul.ce-bullets-square {
    list-style-type: square;
}
ul.ce-bullets-right-triangle {
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
ul.ce-bullets-right-triangle li {
    position: relative;
    padding-left: 1.25em;
}
ul.ce-bullets-right-triangle li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\25b6";
}
ol.ce-bullets-numbers {
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
ol.ce-bullets-numbers li {
    position: relative;
    counter-increment: step-counter;
    padding-left: 2em;
}
ol.ce-bullets-numbers li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: counter(step-counter)".";
}
ol, ol.ce-bullets-decimal {
    list-style-type: decimal;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
ol.ce-bullets-decimal-leading-zero {
    list-style-type: decimal-leading-zero;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
ol.ce-bullets-lower-alpha {
    list-style-type: lower-alpha;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
ol.ce-bullets-lower-roman {
    list-style-type: lower-roman;
    margin: 0 0 1em 0;
    padding: 0 0 0 4em;
}
ol.ce-bullets-upper-alpha {
    list-style-type: upper-alpha;
    margin: 0 0 1em 0;
    padding: 0 0 0 2.5em;
}
ol.ce-bullets-upper-roman {
    list-style-type: upper-roman;
    margin: 0 0 1em 0;
    padding: 0 0 0 5em;
}
dl, dl.ce-bullets, dt, dd {
    display: block;
}
dl, dl.ce-bullets {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
dl.ce-bullets dt {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	font-weight: bold;
}
dl.ce-bullets dd {
    margin: 0 0 0 2em;
    padding: 0 0 0 0;
}
/* ## EXT tx_gridelements style ## */
/* # default styles for extension "tx_gridelements" # */
/* LAYOUTSTRUCTURE definition */
.one-one-full-column, .one-one-column, .one-half-column, .one-third-column, .two-third-column,
.three-fourth-column, .one-fourth-column, .one-fifth-column, .two-fifth-column, .three-fifth-column,
.four-fifth-column, .one-sixth-column, .five-sixth-column {
	position: relative;
	margin: 0;
	float: left;
}
.one-one-full-column {
    float: none;
	clear: right;
}
.one-one-column {
	width: 100%;
	margin-right: 0 !important;
	clear: right;
}
.one-half-column {
	width: 50%;
}
.one-third-column {
	width: 33.33%;
}
.two-third-column {
	width: 66.66%;
}
.one-fourth-column {
	width: 25%;
}
.three-fourth-column {
	width: 75%;
}
.one-fifth-column {
	width: 20%;
}
.two-fifth-column {
	width: 40%;
}
.three-fifth-column {
	width: 60%;
}
.four-fifth-column {
	width: 80%;
}
.one-sixth-column {
	width: 16.66%;
}
.five-sixth-column {
	width: 83.33%;
}
.last-column {
	margin-right: 0 !important;
	clear: right;
}
/* ## EXT tx_formhandler style ## */
/* # default styles for extension "tx_formhandler" # */
/* div ce-formfield... definition */
.ce-mailform-field {
    clear: both;
}
.ce-formfieldleft {
    float: left;
}
.ce-formfieldtop {
    float: none;
    min-width: 100%;
    max-width: 100%;
}
.ce-formfieldright {
    float: right;
}
.ce-formfield20 {
    min-width: 20%;
    max-width: 20%;
}
.ce-formfield30 {
    min-width: 30%;
    max-width: 30%;
}
.ce-formfield40 {
    min-width: 40%;
    max-width: 40%;
}
.ce-formfield50 {
    min-width: 50%;
    max-width: 50%;
}
.ce-formfield60 {
    min-width: 60%;
    max-width: 60%;
}
.ce-formfield70 {
    min-width: 70%;
    max-width: 70%;
}
.ce-formfield80 {
    min-width: 80%;
}
.ce-formfield90 {
    min-width: 90%;
    max-width: 90%;
}
.ce-formfield100 {
    float: none;
    min-width: 100%;
    max-width: 100%;
}
/* CHECKBOX (ce-formfielcheckbox) definition */
.ce-formfielcheckbox {
    position: relative;
}
.ce-formfielcheckbox input[type=checkbox] {
    position: absolute;
    float:right;
    opacity: 0;
    cursor: pointer;
    top:0.5em;
    right:50%;
    z-index: 1;
    transform: scale(2.5);
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
}
.ce-checkbox {
    position: relative;
    cursor: pointer;
}
.ce-checkbox:after {
    position: absolute;
    content: '';
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}
/* RADIOBUTTON (ce-formfieldlabelradio) definition */
.ce-formfieldlabelradio {
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ce-formfieldlabelradio .labeltext {
    margin: 0 !important;
    padding:0 !important;
}
.ce-formfieldlabelradio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top:0;
    right:50%;
    margin: 0.3em 0 0 0 !important;
    z-index: 1;
    transform: scale(2.5);
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
}
.labeltextradio {
    position: absolute;
}
.labeltextradio:after {
    content: "";
    position: absolute;
    display: none;
}
.ce-formfieldlabelradio input:checked ~ .labeltextradio:after {
    display: block;
}
/* SINGLESECT (singleselect) definition */
.ce-mailform-field .singleselect {
    position: relative;
}
.ce-mailform-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.ce-mailform-field .singleselect:after {
    position: absolute;
    pointer-events: none;
}
.ce-mailform-field select::-ms-expand {
    display: none;
}
.ce-mailform-field select option {
    font-size: inherit !important;
    color: inherit !important;
}
/* INPUT (type=color) definition */
/* Only Firefox */
@-moz-document url-prefix() {
    .ce-mailform-field input[type=color] {
        width: 100% !important;
    }
}
/* BUTTON (ce-button) definition */
.ce-button {
    cursor: pointer;
}
.ce-button a {
    text-decoration: none;
}
/* ====================================================================================================
/* ### INDEXEDSEARCHSTYLE ### */
/* *** RESET all *** */
/* ==================================================================================================== */
.Tx-Indexedsearch, .Tx-Indexedsearch form, .Tx-Indexedsearch form fieldset, .Tx-Indexedsearch form label,
.Tx-Indexedsearch p, .Tx-Indexedsearch h1, .Tx-Indexedsearch h2, .Tx-Indexedsearch h3, .Tx-Indexedsearch h4,
.Tx-Indexedsearch h5, .Tx-Indexedsearch h6 {
	border: 0;
    margin: 0;
    outline: 0;
	padding: 0;
}
.Tx-Indexedsearch .tx-indexedsearch-searchbox, .Tx-Indexedsearch .tx-indexedsearch-rules {
    clear: both;
}
form#tx_indexedsearch {
}
form#tx_indexedsearch .tx-indexedsearch-hidden-fields {
    display: none;
}
.tx-indexedsearch-searchbox .ce-fieldset {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    background: transparent;
    border: 0 !important;
}
.ce-indexedsearch-field {
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    background: transparent;
    border: 0;
    clear: both;
}
.ce-indexedsearch-field .singleselect {
    position: relative;
}
.ce-indexedsearch-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.ce-indexedsearch-field select::-ms-expand {
    display: none;
}
.ce-indexedsearch-field select option {
    font-size: inherit !important;
    color: inherit !important;
}
.tx-indexedsearch-rules-toggleboxTitle {
    display: none;
}
.tx-indexedsearch-rules-toggleboxTitle + label {
}
.tx-indexedsearch-rules-toggleboxTitle + label + .tx-indexedsearch-rules-toogleboxContent {
    display: none;
}
.tx-indexedsearch-rules-toggleboxTitle:checked + label + .tx-indexedsearch-rules-toogleboxContent {
    display: block;
}
.tx-indexedsearch-rules-toggleboxTitle + label:before {
    display: block;
    float: left;
}
.tx-indexedsearch-rules-toggleboxTitle:checked + label:before {
}
.tx-indexedsearch-rules-toggleboxTitle + label:after {
    float: right;
    cursor: pointer;
}
ul.tx-indexedsearch-browsebox {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    background: transparent;
	display: block;
}
ul.tx-indexedsearch-browsebox li {
    text-decoration: none;
	display: block;
    float: left;
    padding: 5px;
    margin: 0;
    margin-right: 5px;
    cursor: pointer;
}
ul.tx-indexedsearch-browsebox li a {
    text-decoration: none;
}
.tx-indexedsearch-sectionhead {
}
h5.tx-indexedsearch-title {
}
/* ==================================================================================================== */
/* ### HEADERMENUSTYLE ### */
#HEADERMENU {
    background: transparent;
    margin: 0;
    padding: 0;
}
#headermenu-top, #headermenu-page, #headermenu-lang, #headermenu-felogin,
.headermenu-block, .close-headermenu, .open-headermenu-page, .open-headermenu-lang,
nav#menu, nav#menu a, nav#menu ul#servicemenu, nav#menu ul#mainmenu, nav#menu ul#langmenu,
nav#menu ul.navigationsub1, nav#menu ul.navigationsub2, nav#menu ul.navigationsub3, nav#menu ul.navigationsub4 {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    background: transparent;
}
#headermenu-page, #headermenu-lang, #headermenu-felogin {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 12200;
}
#headermenu-page:not(:target), #headermenu-lang:not(:target), #headermenu-felogin:not(:target) {
    z-index: 1;
    height: 0;
}
#headermenu-page:target .close-headermenu, #headermenu-lang:target .close-headermenu, , #headermenu-felogin:target .close-headermenu {
    display: block;
}
/* ==================================================================================================== */
/* ### PAGEMENUSTYLE ### */
#PAGEMENU {
    background: transparent;
    margin: 0;
    padding: 0;
}
.pagemenu-top, #pagemenu-page,
#PAGEMENU nav#menu, #PAGEMENU nav#menu a, #PAGEMENU nav#menu ul#servicemenu, #PAGEMENU nav#menu ul#mainmenu,
#PAGEMENU nav#menu ul.navigationsub1, #PAGEMENU nav#menu ul.navigationsub2, #PAGEMENU nav#menu ul.navigationsub3, #PAGEMENU nav#menu ul.navigationsub4 {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    background: transparent;
}

.pagemenu-top > .pagemenuTabButton {
    display: block;
}
.pagemenu-top > input {
    display: none;
}
.pagemenu-top > input:checked + label + .pagemenuTabContent {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border:0;
}
.pagemenu-top > .pagemenuTabContent {
    display: none;
}
.pagemenu-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagemenu-top > .pagemenuTabButton {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
}
.pagemenu-top > .pagemenuTabContent {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
}
.pagemenu-top > .pagemenuTabButton {
    z-index: 2;
}

.pagemenuTabContent > .pagemenuContent {
    position: absolute;
    margin: 0;
    padding: 0;
}
/* ==================================================================================================== */
/* ### NAVISTYLE ### */
#LANGNAVI, div.langnavi-outer, div.langnavi-inner, div.langnavi-content,
#QUICKNAVI, div.quicknavi-outer, div.quicknavi-inner, div.quicknavi-content,
#MAINNAVI, div.mainnavi-outer, div.mainnavi-inner, div.mainnavi-content,
#SERVICENAVI, div.servicenavi-outer, div.servicenavi-inner, div.servicenavi-content,
ul.navigation, ul.navigationsub1, ul.navigationsub2, ul.navigationsub3, ul.navigationsub4,
ul.navigation li.navigation {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}
nav#mainnaviNav, nav#quicknaviNav, nav#langnaviNav, nav#servicenaviNav {
    border: 0;
    padding: 0;
    background: transparent;
}
#LANGNAVI {
    z-index: 11100;
}
#QUICKNAVI {
    z-index: 11200;
}
#MAINNAVI {
    z-index: 11400;
}
#SERVICENAVI {
    z-index: 11500;
}
div.servicenavi-outer, div.mainnavi-outer, div.quicknavi-outer, div.langnavi-outer {
    display: flex;
    flex-flow: column;
    height: 100%;
}
div.servicenavi-content, div.mainnavi-content, div.quicknavi-content, div.langnavi-content {
    display: flex;
}
nav.navileft {
    margin: 0 auto 0 0;
}
nav.naviright {
    margin: 0 0 0 auto;
}
nav.navicenter {
    margin: 0 auto 0 auto;
    float: right;
    left: -50%;
}
ul.navigation, ul.navigationsub1, ul.navigationsub2, ul.navigationsub3, ul.navigationsub4,
ul.navigation li.navigation {
    list-style: none;
    text-decoration: none;
    background: transparent;
	position: relative;
	display: block;
}
ul.navileft li {
	float: left;
}
ul.naviright li {
	float: left;
}
ul.navicenter {
    left: 50%;
}
ul.navicenter li {
    float: left;
    left: -50%;
}
ul.naviverticalleft {
/*	float: left;*/
}
ul.naviverticalright {
/*    float: right;*/
}
li.navigation a {
    text-decoration: none;
}
nav#langnaviNav li.navigation {
	z-index: 11110;
}
nav#quicknaviNav li.navigation {
	z-index: 11210;
}
nav#mainnaviNav li.navigation {
	z-index: 11410;
}
nav#servicenaviNav li.navigation {
	z-index: 11510;
}
nav#langnaviNav li:hover {
	z-index: 11120;
}
nav#quicknaviNav li:hover {
	z-index: 11220;
}
nav#mainnaviNav li.sub:hover {
	z-index: 11420;
}
nav#servicenaviNav li.sub:hover {
	z-index: 11520;
}
nav#mainnaviNav ul.navigationsub1, nav#mainnaviNav ul.navigationsub2,
nav#mainnaviNav ul.navigationsub3, nav#mainnaviNav ul.navigationsub4,
nav#servicenaviNav ul.navigationsub1, nav#servicenaviNav ul.navigationsub2,
nav#servicenaviNav ul.navigationsub3, nav#servicenaviNav ul.navigationsub4 {
	position: absolute;
	display: none;
}
nav#mainnaviNav li.last ul.navigationsub1, nav#mainnaviNav li.last ul.navigationsub2,
nav#mainnaviNav li.last ul.navigationsub3, nav#mainnaviNav li.last ul.navigationsub4,
nav#servicenaviNav li.last ul.navigationsub1, nav#servicenaviNav li.last ul.navigationsub2,
nav#servicenaviNav li.last ul.navigationsub3, nav#servicenaviNav li.last ul.navigationsub4 {
    right:0;
}
nav#mainnaviNav ul.navigation li.sub:hover ul.navigationsub1,
nav#mainnaviNav ul.navigation ul.navigationsub1 li.sub:hover ul.navigationsub2,
nav#mainnaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 li.sub:hover ul.navigationsub3,
nav#mainnaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub:hover ul.navigationsub4,
nav#servicenaviNav ul.navigation li.sub:hover ul.navigationsub1,
nav#servicenaviNav ul.navigation ul.navigationsub1 li.sub:hover ul.navigationsub2,
nav#servicenaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 li.sub:hover ul.navigationsub3,
nav#servicenaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub:hover ul.navigationsub4 {
	display: block;
}

/* ==================================================================================================== */
/* ### LOGINNAVISTYLE ### */
#LOGINNAVI {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
#LOGINNAVI.loginnavi-left {
    float: left;
    margin-left:0;
}
#LOGINNAVI.loginnavi-right {
    float: right;
    margin-right:0;
}
/* ## LOGINBOXSTYLE## */
#loginnavi-felogin {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
}
#loginnavi-felogin:not(:target) {
    display: none;
}
#loginnavi-felogin:target {
    display: block;
}
#loginnavi-felogin .loginnavi-block {
    margin: 0;
    padding: 0;
    border: 0;
}
#loginnavi-felogin .close-headermenu {
    float: right;
    margin: 0;
    border: 0;
    padding: 0;
}
#loginnavi-felogin .close-loginnavi::after {
    display: flex;
    margin: 0 0 0 auto;
    padding: 0;
    content: '';
}