/* ### StyleMaster_Kopf_MK */
/* Zuletzt editiert: HF, 13.02.2025, 16:00 */
/* Kunden-Layout Lexware ab 2025 */

/* Globale Seiteneinstellungen */

/* Fonts */
@font-face {
	font-family: 'Urbanist';
	src: url('./Urbanist-Light.woff2') format('woff2');
	}

@font-face {
	font-family: 'Bebas Neue';
	src: url('./Urbanist-Light.woff2') format('woff2');
	}


body
/* Die Basiseinstellung fuer den Hintergrund des Browserfensters. Hier wird die Farbe des Bereichs rechts und links des Wrappers gesetzt. */
	{
	font-family: 'Urbanist';
	color: #333333;
	overflow: hidden; 
	background-color: #FFFFFF;
	 
}

/* Hervorhebungsfarbe für manuell markierten Text. Neu 20.12.24 HF*/
::-moz-selection 
	{ 
	background: #ff4554; 
	color: #fff; 
	}
::selection 
	{ 
	background: #ff4554; 
	color: #fff; 
	}
/* Ende Neuerung */

#wrapper
	{
	display: block !important;
	max-width: 100% !important;
	border: 0px;
	height: 100% !important;
	margin-top: 0px;
	}

#navigation 
/* Der Navigationsbereich der klassischen Hilfen, wird als HTML-Element noch gebraucht, hier aber nicht angezeigt */
	{
	display: none !important;
	}

#main
/* Umfasst den gesamten rechten Bereich aus mainHead, mainContent und Footer */
	{
	float: left; 
	width: 100%;
	top: 0px;
	padding: 0px;
	overflow: hidden;
	border: 0px solid red;
	background-color: #FFFFFF;
	}


#mainHead
	{
	position: relative;
	margin-left: 0px; 
	padding: 0px;
	left: 0px;
	height: 80px; 
	margin-top: 0px;
	overflow: hidden;
	background-image: none;
	background-position: top right;
	border: 0px solid blue;
	}

#mainContent 
	{
	margin-right: 0%; 
	padding-right: 0%; 
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	top: 0px;
	margin-top: 0px;
	margin-left: -70px;
	padding-top: 0px;
	padding-left: 210px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 100%;
	border: 0px solid pink;
	z-index: 21;
/* Backup-Textauszeichnung fuer Text ohne <p>-Tags */
	font-size: 20px; 
	line-height: 22px; 
	}

.mainContent 
	{
	margin-right: 0%; 
	padding-right: 0%; 
	float: left;
	position: relative;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 140px;
	padding-right: 20px;
	width: auto;
	border: 0px solid pink;
	z-index: 21;
	/* Backup-Textauszeichnung fuer Text ohne <p>-Tags */
	font-size: 20px; 
	line-height: 22px; 
	}

#mainContent_Container
	{
	padding-right: 100px;
	}

#Footer {
	position: fixed;
    height: 32px;
    left: 0px;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 0px;
    z-index: 500;
    bottom: 0px;
	background: #ffffff;
    width: 72%;
}

/* #LexFooter {
	position: inherit;
    height: 40px;
    left: 0px;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 2px;
    z-index: 500;
    bottom: 15px;
    background: #ffffff;
    width: 97%;
}
	 */
	
p.Footer
	{
	position: relative; 
	margin-top: 0px;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	border-top: 2px solid #E1E1E1 !important;
	margin-left: 250px;
	margin-right: 65px;
	}	
	
	
p.Footer a
	{
	color: #333333;
	text-decoration: underline;
	}
	
p.Footer a:hover
	{
	color: #c60000;
	text-decoration: underline;
	}	

p.Footer img
	{
	position: relative; 
	width: auto;
	top: 0px;
	left: 0px;
	padding-left: 0px; 
	}	

	
	
	

/* Snippet */

/* .js-lexware-program-help-online-links */
	/* { */
	/* border: 1px solid #e1e1e1 !important; */
	/* } */

.snippet-searchResultList
	{
	position: relative;
	margin: 8px !important;
	margin-left: 0px !important;
	/* border-bottom: 1px solid #a1a1a1; */
	order: 3;
	}

.snippet-searchResultList a
	{
	font-size: 16px;
	line-height: 28px;
	color: #333333 !important;
	}	

.snippet-searchResultList p
	{
	font-family: 'Urbanist';
	font-size: 16px !important;
	font-weight: 700;
	}

.snippet-searchResultList a:visited
	{
	color: #333333 !important;
	}	

.snippet-searchResultList a:hover
	{
	color: #ff4554 !important;
	}

.searchResultTitle
	{
	padding: 8px;
	font-weight: bold;
	color: #111111;
	}

/* .snippet-Handbuch */
	/* { */
	/* order: 3; */
	/* background-color: #bb0000; */
	/* color: #ffffff !important; */
	/* padding-left: 0px; */
	/* padding-right: 0px; */
	/* } */

/* .snippet-Handbuch:hover */
	/* { */
	/* background-color: #ffffff; */
	/* color: #333333 !important; */
	/* } */

/* .snippet-Handbuch a */
	/* { */
	/* color: #ffffff !important; */
	/* padding-top: 29px; */
    /* padding-bottom: 21px; */
    /* padding-left: 12px; */
    /* padding-right: 12px; */
	/* } */

/* .snippet-Handbuch:hover a */
	/* { */
	/* color: #333333 !important; */
	/* background-color: #ffffff; */
	/* text-decoration: none; */
	/* } */

.snippet-header {
    display: none;
    order: 3;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    flex-direction: row;
    column-gap: 0;
    row-gap: 0;
}

.snippet-header a,
.snippet-header a:link,
.snippet-header a:visited {
    display: inline-flex;
    height: 100%;
    width: auto;
    padding: 5px 15px;
    align-items: center;
    justify-content: center;
    background-color: #FF4554;
    font-family: 'Urbanist', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: var(--color-Weiß, #fff);
    line-height: 1.3;
    text-decoration: none;
    transition: all .5s cubic-bezier(.22, .81, .01, .99);
}
.snippet-header a:hover,
.snippet-header a:active,
.snippet-header a:focus {
    background-color: var(--bg-Weiß, #fff);
    color: #db4c4c;
}

.snippet-seite
	{
	/* position: absolute; */
	align-self: top;
	top: 0px;
	margin-top: 10px;
	margin-left: 0px;
	padding: 0px;
	color: #333333;
	background-color: transparent;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px !important;
	z-index: 201;
	/* min-height: 120px; */
	width: 100%;
	right: 10px;
	}

.snippet-main
	{
	display:none;
	}
	
.c-lexware-program-help-online-links p
	{
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	}


.snippet-seite a
	{
	color: #333333 !important;
	font-size: 14px;
	line-height: 32px !important;
	}

.snippet-seite a:visited
	{
	color: #333333 !important;
	}

.snippet-seite a:hover
	{
	color: #ff4554 !important;
	}


.snippet-seite ul
	{
	padding-left: 0px;
	margin-left: 30px;
	list-style-image: url('arrow_right.png');
	line-height: 28px !important;
	}

.snippet-searchResultList ul
	{
	list-style-image: url('arrow_right.png');
	}

/* "Ebene 0" */

#Linkleiste
	{
	display: none; /* Variante reduziert */
	padding: 5px;
	background-color: #333333;
	text-align: right;
	}

#Linkleiste a {
	color: #FFFFFF !important;
	font-weight: 600;
	font-family: 'Urbanist';
	}

/* "Ebene 1" */

#Kopfleiste
	{
	padding: 0px;
	background-color: #FF4554;
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
	text-align: left;
	height: 50px;
	padding-left: 30px;
	padding-right: 30px;
	}

#Kopfleiste #KLink01 {
	font-family: 'Urbanist';
	color: #FFFFFF;
	font-weight: 400;
	padding-right: 3rem;
	}

#Kopfzeile
	{
	float:left; 
	padding-top: 0px;
	padding-left: 0px;
	display: flex; 
	flex-direction: row;
	line-height: 50px;
/* 	width: 835px; */
	justify-content:flex-start;
	column-gap: 20px;
	/* margin-left: 30px; */
	/* margin-right: 30px; */
	}	

/* #Kopfzeile a
	{
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
	} */

#Kopfzeilenfunktionen
	{
	position: relative;
	display: flex;
	top: 15%;
	float:left; 
	padding-top: 0px; 
	padding-right: 10px;
	line-height: 36px;
	}

/* "Ebene 2" */
/* Logo im Kopf oben links*/

.headerLogo
	{
	/* background-image: url(headerLogo.png); */
	background-repeat: no-repeat;
	margin-top: 0px;
	z-index: 100;
	}


/*Searchbox neusta*/

.c-searchResultList{position: fixed !important;}


/* Elemente der Navigation oben */

#home-btn
	{
	display: none;
	background-image: url(Home.png);
	height: 35px;
	width: 35px;
	background-size: contain;
	background-color: transparent;
	border: 0px !important;
	outline: none;
	/* position: absolute; */
	/* right: 7rem; */
	/* top: 4rem; */
	}

#tableContent-btn
	{
	font-family: 'Urbanist';
	background-image: none;
	height: 50px;
	background-size: contain;
	background-color: transparent;
	border: 0px !important;
	outline: none;
	color: #FFFFFF;
	font-weight: 400;
	position: relative;
	align-items: flex-start;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 18px;
	}

#tableContent-btn:active
	{
	background-color: #FFFFFF;
	color: #333333;
	}

.dropdownmenu:hover #tableContent-btn
	{
	background-color: #FFFFFF;
	color: #333333
;
	}

.dropdownmenu:hover #rightTableContent
	{
	display: block !important;
	/* height: 98%; */
	min-width: 50%;
	z-index: 99;
	top: 50px;
	left: 135px;
	padding-left: 0px;
	}

#rightTableContent
	{
	display: none;
	line-height: 35px
	}

#rightTableContent:hover ~ #tableContent-btn
	{
	background-color: aqua;
	}

#index-btn
	{
	display: none !important;
	font-family: 'Urbanist';
	background-image: none;
	height: 60px;
	width: 97px;
	background-size: contain;
	background-color: transparent;
	border: 0px !important;
	outline: none;
	position: relative;
	color: #FFFFFF;
	font-weight: 400;
	text-align: center;
	}

#index-btn:active
	{
	background-color: #FFFFFF;
	color: #333333;
	}

#index-btn:hover
	{
	background-color: #FFFFFF;
	color: #333333;
	}

#print-btn
	{
	background-image: url('PrintBtn_Lex.png');
	background-repeat: no-repeat;
	height: 100% !important;
	width: 100% !important;
	font-size: 16px;
	/* background-size: contain; */
	background-color: transparent;
	border: none !important;
	outline: none;
	background-position: center;
	cursor: pointer;
	}

#manual-btn
	{
	 /* display: none !important; */
	font-family: 'Urbanist';
	background-image: none;
	height: 50px;
	background-size: contain;
	background-color: transparent;
	border: 0px !important;
	outline: none;
	color: #FFFFFF;
	font-weight: 400;
	position: relative;
	align-items: flex-start;
	width: 120px;
}
/* 
#manual-btn:active
	{
	background-color: #FFFFFF;
	color: #333333;
	}

#manual-btn:hover
	{
	background-color: #FFFFFF;
	color: #333333;
	}
 */

#imprint-btn
	{
	display: none;
	font-family: 'Urbanist';
	background-image: none;
	height: 50px;
	background-size: contain;
	background-color: #bb0000;
	border: 0px !important;
	outline: none;
	color: #FFFFFF;
	font-weight: 400;
	position: relative;
	align-items: flex-start;
	width: 130px;
	cursor: pointer;
	}


#imprint-btn:hover
	{
	background-color: #FFFFFF;
	color: #333333 !important;
	}

.HTMLButton
	{
	display: none;
	font-family: 'Urbanist';
	height: 50px;
	border: 0px !important;
	outline: none;
	font-weight: 400;
	position: relative;
	align-items: flex-start;
	width: 130px;
	padding-left: 20px;
	margin-bottom: 5px;
	cursor: pointer;
	}

a.HTMLButton 
	{
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff !important;
	}

.HTMLButton a:link
	{
	color: #FFFFFF !important;
	font-weight: 400;
	}

.HTMLButton a:visited
	{
	color: #FFFFFF !important;
	font-weight: 400;
	}

.HTMLButton:hover
	{
	background-color: #ffffff;
	color: #333333 !important;
	}

.HTMLButton a:hover
	{
	color: #333333 !important;
	}

.HTMLButton a:hover:visited
	{
	color: #333333 !important;
	font-weight: 400;
	}

.tipue_search_icon
{display: none}

#tipue_search_input
	{
	font-size: 16px;
	line-height: 21px;
	background-color: transparent !important;
	min-width: 80px;
	width: 80%;
	box-sizing: border-box;
	padding: 10px;
	padding-bottom: 6px;
	border-left: 0px;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	border-radius: 0px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	outline: 0;
	margin: 0;
	vertical-align: text-bottom;
	}

input
	{
	background-color: #FFFFFF!important	
	}

.tipue_search_right
	{
	display: none;
	position: relative;
	align-items: flex-start;
	order: 5;
	/*right: 0rem;*/
	top: 0rem;
	width: 400px;
	text-align: left;
	margin-top: 0px;
	height: 50px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #F5F5F5;
	}

.tipue_search_left 
	{
	/* float: left; */
	width: 98%;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #F5F5F5;
	height: 60px;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	}

.tipue_search_left #goSearchBtnHead
	{
	float: right;
	outline: none;
	border: none !important;
	width: 50px;
	margin-left: 3px;
	font-size: 24px;
	height: 60px;
	border: 0px;
	margin-top: -1px;
	margin-right: -6px;
	background-color: #333333;
	background-image: url(./tipuesearch/css/search.png);
	background-repeat: no-repeat;
	line-height: 1;
	}

.tipue_search_left #clearSearchBtn
	{
	float: none;
	width: 24px;
	height: 60px;
	margin-left: 0px;
	margin-top: 7px;
	font-size: 20px;
	border: 0px;
	border-top: 0px;
	margin-right: 3px;
	padding-top: 0px;
	color: transparent;
	background: transparent;
	background-image: url(./tipuesearch/css/remove.png);
	background-repeat: no-repeat;
	line-height: 1;
	-webkit-appearance: none;
	}

.tipue_search_content_text
	{
	font-family: 'Urbanist';
	font-size: 16px !important; 
	line-height: 24px;
	font-style: normal;
	color: #333333;
	margin-left: 0px;
	padding-left: 20px;
	margin-top: 0px;
	padding-bottom: 4px;
	border-bottom: 1px solid #E1E1E1;
	}

#tipue_search_content .tipue_search_content_title
	{
	font-family: 'Urbanist';
	margin-top: 10px;
	/* border-top: 1px solid #e1e1e1; */
	}

.tipue_search_content_title
	{
	font-family: 'Urbanist';
	margin-top: 10px;
	color: #333333 !important;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 6px;
	text-decoration: none;
	}

.searchResultWrapper:hover .tipue_search_content_text
	{
	color: #ff4554 !important;
	}

.searchResultWrapper:hover .tipue_search_content_title
	{
	color: #ff4554 !important;
	}

.searchResultWrapper
	{
	cursor: pointer;
	padding-top: 10px;
	}

.tipue_search_content_title a
	{
	color: #333333 !important;
	font-size: 16px;
	text-decoration: none;
	}

.tipue_search_content_title a:hover
	{
	color: #ff4554 !important;
	font-size: 16px;
	text-decoration: none;
	}

.tipue_search_content_title a:visited
	{
	color: #333333;
	}

.tipue_search_content_bold
	{
	color: #ff4554;
	font-weight: bold;
	background-color: #FFFFFF;
	}

#tipue_search_results_count
	{
	font-family: 'Urbanist';
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	}

#tipue_search_foot_boxes li.current
	{
	color: #ff4554;
	}

#pageCount
	{
	float: right;
	margin-right: 3px;
	margin-top: 1px;
	border: #FFFFFF solid 0px;
	background-color: transparent;
	color: #333333;
	}	

#tipue_search_warning
	{
	font-family: 'Urbanist';
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	margin-left: 0px;
	}

.navigationRight
	{
	float: right;
	width: 90rem;
	background-color: #333333; opacity: 0.8;
	height: 55px;
	margin-top: -64px;
	z-index: 4;
	}

#rightNavContainer 
/* Das ist der rechts positionierte Container fuer Inhaltsbaum, Index und Suchergebnisliste*/
	{
	display: none;
	position: fixed;
	float: left;
	height: auto;
	width: 90rem;
	top: 6rem;
	left: 16.7rem;
	bottom: 1rem;
	z-index: 99;
	margin-right: 5rem;
	padding: 0rem 0.5rem 0.5rem 0.5rem;
	background-color: white;
	border: 1px solid #E1E1E1;
	border-top: 0px;
}

.rightNavContainerActive
	{
	display: flex !important;
	flex-direction: column;
	}

.rightNavContent
	{
	display: block;
	position: fixed;
	background: #FFFFFF;
	width: 30%;
	bottom: 10px;
	top: 50px;
	border: solid 1px #e1e1e1;
	border-top: solid 0px #cc0000;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	}


#rightSearchResults
	{
	display: none;
	order: 2; 
	height: 45%; 
	background-color: white;
	border-bottom: 0px solid #a1a1a1; 
	flex-grow: 1;
	padding-top: 1rem;
	}

#rightIndex
	{
	display: none; 
	order: 1; 
	max-height: fit-content; 
	background-color: white;
	overflow-y: scroll;
	border-bottom: 0px solid #a1a1a1; 
	max-height: 200px;
	padding-top: 1rem; 
	}

.rightIndexActive
	{
	display: block !important;
	}

#tipue_search_content
	{
	overflow-y: scroll; 
	height: 98%;
	}

#sitemapContainer /* Doppelung aus sidebar.css! */
	{
	list-style-type: none;
	position: relative; /* Abweichung */
	left: -25px; /* Abweichung */
	top: 10px; /* Abweichung */
	/* */
	font-weight: 500 !important;
	}

#sitemapContainer ul
	{
	padding-left: 5px;
	}

#sitemapContainer a /* wegen '#Kopfzeilenlinks a' hier abweichend ausgezeichnet*/
	{
	padding-left: 0px;
	padding-right: 0px;
	z-index: 200;
	}	

.aWrapper /* aus sidebar.css transferiert 9.12.2022 */
	{
	display: inline;
	white-space: nowrap;
	flex: 0 0 92%;
	padding-left: 5px;
	}

.aWrapper a
	{
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #333333 !important;
	display: inline;
	transition: 0.0s;
	list-style-type: none;
	}

.aWrapper a:hover, .offcanvas a:focus
	{
	background-color: transparent;
	color: #ff4554 !important;
	text-decoration: none;
	letter-spacing: 0.00em;
	}
.aWrapper a:link
	{
	color: #D3D3D3;
	}	

.aWrapper a:hover	
	{
	color: #D3D3D3;
	}

.aWrapper a.highlighted
	{
	font-family: 'Urbanist';
	font-weight: 500;
	color: #4a4a4a !important;
	background-color: #f5f5f5;
/*	padding-left: 0px; */
	}

.aWrapper:active
	{	
	background-color: #e1e1e1 !important;
	}

.aWrapper.highlighted {
    background-color: #f1f1f1;
	margin-left: -100px;
	padding-left: 105px;
}	

.active img
	{
	align-self: flex-start !important;
	flex: 0 1 auto;
	z-index: 200;
	}

.aWrapper a:visited
	{
	color: #FFFFFF; /* muss noch parametriert werden */
	text-decoration: none;
	}
	
.aWrapper a:visited:hover
	{
	color: #00ABF7; /* muss noch parametriert werden */
	text-decoration: none;
	}

#idxContainer
	{
	position: relative;
	margin-top: 15px;
	font-size: 1em;
	list-style-type: none;
	overflow-y: auto;
	left: 0px;
	}
	
#tipue_search_content_idx	
	{
	/*max-height: 200px;*/
	width: 100%;
	/*overflow-y: scroll;*/
	padding-bottom: 16px !important;
	margin-bottom: 20px;
	}

#idxTree
	{
	border-bottom: 0px solid #a1a1a1;	
	}

a.level1Idx /* Exklusiv */
	{
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	}
	
a.level1Idx:visited /* Exklusiv */
	{
	font-weight: bold;
	color: #FF0000 !important;
	}

a.level1Idx:highlighted /* Exklusiv */
	{
	color: #FF0000;
	}
	
a.level1Idx:hover /* Exklusiv */
	{
	color: #FF0000;
	}
	
a.level1Idx:link /* Exklusiv */
	{
	color: #000000;
	}
	
a.level1Idx:link:hover /* Exklusiv */
	{
	color: #FF0000;
	}

a.level2Idx /* Doppelung aus sidebar.css! */
	{
	font-size: 15px; /* Abweichung */
	color: #DCDCDC; /* Abweichung */
	}

a.level2Idx:highlighted /* Exklusiv */
	{
	color: #CC0000;
	}
	
a.level2Idx:hover /* Doppelung aus sidebar.css! */
	{
	font-size: 15px; /* Abweichung */
	color: #D3D3D3; /* Abweichung */
	}

 /* Doppelung aus sidebar.css! */

li.level0.active
	{
	flex-direction: row;
	flex-wrap: wrap;
	}

li.level1
	{
	margin-left: -20px;
	flex-direction: row;
	flex-wrap: wrap;
	}


li.level1.active
	{
	flex-direction: row;
	flex-wrap: wrap;
	}

li.level2.active
	{
	flex-direction: row;
	flex-wrap: wrap;
	}

li.level2.active > img
	{
	margin-top: 4px;
	}

li.level3.active
	{
	flex-direction: row;
	flex-wrap: wrap;
	}

/* Ergaenzung HF 20200909 */

li.level3.active > img
	{
	margin-top: 0px;
	}	

li.level4.active
	{
	flex-direction: row;
	flex-wrap: wrap;
	}	

li.level4.active > img
	{
	margin-top: 0px;
	}

li.level5.active
	{
	flex-direction: row;
	flex-wrap: wrap;
	}

li.level5.active > img
	{
	margin-top: 0px;
	}

.level0>ul
	{
	padding-left: 0px;
	}


/* mainHead-Bereich / Ebene 3 */
#mainHead.mainHeadScrolled
	{
	height: 100px;
	background-color: white;
	background-image: unset;
	border-bottom: 1px solid #000000;
	}

.mainHeadScrolled .tipue_search_left
	{
	border: 1px solid #E1E1E1;
	}
/* Titelkasten, exklusiv hier notiert ***/
#Titel
	{
	/* display: none; */
	position: absolute;
	top: 120px;
	height: 80px;
	left: 160px; /* neue Deklaration */
	right: 450px; /* neue Deklaration */
	padding: 0px;
	background-image: none;
	background-position: bottom left;
	background-repeat: repeat-x;
	z-index: 98;
	}


/* Ueberschrift ***/
.Mitte
	{
	font-family: 'Urbanist';
	display: flex;
	align-items: top;
	position: fixed; 
	top: 115px;
	height: 90px;
	margin-left: -65px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 200px;
	padding-left: 0px;
	text-align: left; 
	font-size: 36px; 
	line-height: 42px;
	font-weight: normal;
	letter-spacing: 0.01em; 
	color: #333333;
	overflow-x: hidden;
	overflow-y: auto;
	border: 0px solid green;
	z-index: 98; /* exklusiv */
	width: 68%;
	background: transparent;
	}



/* rechter Fensterbereich */

.mainRight
	{
	font-size: 16px;
	/* position: absolute; */
	padding-right: 10px; 
	float: right; 
	top: 0px; 
	/* width: 35%; */
	/* min-width: 400px !important; */
	/* max-width: 450px; */
	overflow-y: auto !important;
	scrollbar-color: white white;
	z-index: 100;
	border: 0px solid #e1e1e1;
	}

.printRight 
	{
	/* position: relative; */
	/* right: 10px; */
	/* bottom: 4px; */
	align-self: flex;
	height: 50px; 
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 4px 0 #cccccc;
	margin-top: 10px; 
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	overflow-y: hidden;
	z-index: 101;
	border: 1px solid #E1E1E1;
	}
	

/* Kapitelverzeichnis */

.SubTree
	{
	/* position: absolute; */
	align-self: float;
	/* top: 230px; */
	margin-top: 20px;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	/* margin-left: 30px; */
	padding-left: 28px;
	border-top: 0px solid #a1a1a1 !important;
	/* overflow-y: scroll; */
	/* height: 80%; */
	z-index: 101;
	}

.SubTree1
	{
	padding-left: 0px;
	font-size: 16px;
	line-height: 18px;
	}

.SubTree2
	{
	padding-left: 20px;
	font-size: 16px;
	line-height: 28px;
	}

.SubTree1 a:link
	{
	color: #333333;
	}
	
.SubTree2 a:link
	{
	color: #333333;
	}

.SubTree1 a:hover
	{
	color: #ff4554 !important;
	text-decoration:none;
	}

.SubTree1 a mark:hover
	{
	color: #ff4554 !important;
	text-decoration:none;
	}

.SubTree2 a:hover
	{
	color: #ff4554 !important;
	text-decoration:none;
	}

.SubTree2 a mark:hover
	{
	color: #ff4554 !important;
	text-decoration:none;
	}

.SubTree1 a:active
	{
	color: #0000ff;
	}
	
.SubTree2 a:active
	{
	color: #0000ff;
	}

.SubTree1 a:visited
	{
	color: #000000;
	}
	
.SubTree2 a:visited
	{
	color: #000000;
	}

.SubTreeTitle	
	{
	font-family: 'Urbanist';
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	border-bottom: 1px solid #a1a1a1;
	margin-left: -28px;
	z-index: 29;
	}

summary.SubTreeNoArrow::before
	{
	display: none;
	}

details.SubTreeChild{
	display: block;
}

details.SubTreeChild [open]
	{
	display: block;
	font-weight: 600;
	}

details.SubTreeChildActive{
	display: block;
}

details.SubTreeChildActive summary
	{
	font-weight: bold;
/* 	background-color: #f1f1f1; */
	margin-left:-40px;
	padding-left: 45px;
	}

.SubTreeChildSpezialActive
	{
	display: block;
	font-weight: bold;
/* 	background-color: #f1f1f1; */
	margin-left:-40px;
	padding-left: 55px;
}

.SubTreeChildSpezial{
	display: block;
    background-color: transparent;
	margin-left:-40px;
	padding-left: 55px;
}

/* Globale Angaben im Fliesstext */

p
	{
	font-family: 'Urbanist';
	font-size: 20px;
	letter-spacing: 0.51px;
	line-height: 1.6; 
	font-weight: 500;
	/* padding-top: 5px;*/
	margin-top: 10px;   
	margin-bottom: 5px;
	color: #1a1a1b;
	}


p.CourierAbsatz
	{
	font-family: "Courier New", Courier;
	font-size: 16px;
	}


/* Tabellen */

#mainContent table
	{
	width: auto !important;
	border-collapse: collapse !important;
	margin-left: 0px !important;
	word-break: normal !important;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 5 3 4;
	hyphenate-limit-lines: 4;
	}


#mainContent td 
	{
	padding: 0.5em;
	border: 1px solid #000000;
	vertical-align: top;
	width:auto !important;
	min-width: 30px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 5 3 4;
	hyphenate-limit-lines: 4;
	}

/* #mainContent td.sp2  */
/* zur abweichenden Formatierung der letzten Spalte */
	/* { */
	/* padding: 0.5em; */
	/* border: 1px solid #000000; */
	/* vertical-align: top; */
	/* width: 100% !important; */
	/* min-width: 150px; */
	/* -moz-hyphens: auto; */
	/* -o-hyphens: auto; */
	/* -webkit-hyphens: auto; */
	/* -ms-hyphens: auto; */
	/* hyphens: auto; */
	/* hyphenate-limit-chars: 5 3 4; */
	/* hyphenate-limit-lines: 4; */
	/* } */

#mainContent td p 
	{
	font-size: 18px;
	line-height: 22px;
	padding: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	hyphens: auto; 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 5 3 4;
	hyphenate-limit-lines: 4;
	}

#mainContent td ol li
	{
	font-size: 18px; 
	line-height: 22px;   
	}

/* Elemente zur Strukturierung */

.Zwischenueberschrift1
	{
	font-size: 26px;
	font-size: 26px;
	line-height: 1.1;
	font-weight: bold;
	color: #333333; 
	margin-top: 20px;
	margin-bottom: 5px;
	/*border-top: 1px solid #333333;*/
	}


.Zwischenueberschrift2
	{
	text-transform: normal;
	font-size: 22px;
	line-height: 1.1;
	font-weight: bold;
	color: #333333; 
	margin-top: 18px;
	margin-bottom: 3px;
	}

div.marginalie 
	{
	position: relative;
	font-size: 20px;
	line-height: 1.4;
	font-family: 'Urbanist';
	font-weight: bold;
	width: 140px;
	margin-left: -140px;
	margin-top: 4px;
	top: 35px;
	color: #333333;
	hyphens: auto;
	max-width: 90px;
	}

div.Marginalie_Ueber {}

p.Marginalie_Ueber
	{
	 
	font-size: 20px;
	letter-spacing: 0.01em ;	
	line-height: 22px;
	font-weight: bold;
	color: #333333;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px; 
	padding-bottom: 0px;	
	border-top: 2px solid #333333; 
	}


/* Gruppe und Untergruppe ****/

div.Gruppe {}

p.Gruppe
	{
	font-size: 26px;
	letter-spacing: 0.01em;
	line-height: 1.1;
	font-weight: 500;
	color: #333333;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 6px; 
	padding-bottom: 6px;
	border-top: 2px solid transparent;
	}

div.Untergruppe {}

p.Untergruppe
	{
	 
	font-size: 22px;
	/* text-transform: uppercase; */
	letter-spacing: 0.01em;
	line-height: 1.1;
	font-weight: 500;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left:  0px;
	padding-top: 6px; 
	padding-bottom: 6px;
	border-top: 0px;
	}

p.Feld
	{
	font-size: 22px;
	letter-spacing: 0.01em;
	line-height: 30px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	padding-left: 0px; 
 	padding-top: 2px;
	padding-bottom: 6px;
	margin-top: 12px;
	margin-bottom: 5px;
	background-image: url(Feld_HG.png); 
	background-repeat: no-repeat;
	}


p.Feld_nach_Gruppe
	{
	font-size: 17px;
	letter-spacing: 0.04em;	
	line-height: 19px;
	font-weight: normal;
	font-style: italic;
	color: #333333; 
	padding-left: 5px; 
 	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 12px;
	margin-bottom: 5px;
	background-image: url(Feld_HG.png); 
	background-repeat: no-repeat;
	}


p.Hinweis
	{
	font-size: 19px;
	letter-spacing: 0.01em;
	color: #333333;
	line-height: 1.4;
	margin-top: 0px;
	padding: 3px;
	margin-bottom: 10px;
	background-color: #E1E1E1;
	border: 1px solid #E1E1E1;
	}

p.Hinweis_Standardeinzug1
	{
	font-size: 19px;
	letter-spacing: 0.01em;
	color: #333333;
	line-height: 1.1;
	margin-top: 0px;
	padding: 3px;
	margin-bottom: 10px;
	margin-left: 32px;
	background-color: #E1E1E1;
	border: 1px solid #E1E1E1;
	}


#TabelleBreit
	{
	position: relative;
	text-align: left;
	width: 100%;
	padding-left: 127px;
	margin-left: 0px;
	top: 0px;
	}


/* Summary */
/*** (moderner <detail>-Aufklappbereich, funktioniert mit allen Browsern ausser dem IE, bei dem erscheint das fix aufgeklappt! ***/

/* "summary" formatiert Hintergrund, Position, H?he und Mauszeiger der Titelzeile.*/
/* Abweichendes Aussehen des ersten Aufklappbereichs muss hart im Code notiert werden. */
/* Wird seit 2022 für die Aufklappelemente im SubTree verwendet, deshalb Klasse summarySmall für Content neu eingeführt! */

summary 
	{
/* 	background-image: url('./Summary.png'); */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	text-indent: -19px; /* Von -23 auf -19 angepasst 19.4.22 HF*/
	cursor: pointer;

	}

/* NEU */
.summarySmall
	{
	background-image: url('Summary.png');
	padding-top: 10px; 
	padding-bottom: 6px;	
	padding-left: 40px;
	text-indent: -23px;
	cursor: pointer;
	margin-top: 20px; /* NEU Abstand zwischen zwei 'details'*/
	margin-left: 0px;
	}

/* "summary::marker" formatiert den Standard-Dreieckspfeil f?r Firefox */

summary::marker
	{
	color: transparent !important;
	}

/* "summary::-webkit-details-marker" formatiert den Standard-Dreieckspfeil f?r alle anderen Browser */

summary::-webkit-details-marker  
	{
	color: #FFFFFF;
	margin-right: 10px;
	font-size: 20px;
	}

summary:hover
	{
	/* background-image: url('Summary_Hover.png'); */
	}

summary::before {
	content: url("arrow_down.png");
	/*content:  "+"; 
	color: #003F88;
	font-size: 45px;
	font-weight: bold; */	
	margin-left: -30px;
	float: left;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 6px;
	} 



details[open] summary::before 
	{	
	content: url("arrow_up.png");
	margin-left: -30px;
	/*color: #003F88;
	 content:  "-"; */
	}

/* ".summary_ticket (<span>) formatiert z.B. eine Releasenotes-Ticketnr. rechtsb?ndig. */
.summary_ticket
	{
	color: #3c3c3c;
	font-size: 20px;
	font-weight: bold;
	float: left;
	padding-left: 25px;
	max-width: 40px;
	}

/* ".summary" (<span>) sorgt f?r die Textauszeichnung in der Titelzeile */ /* NEU*/
.summary 
	{
	/*font-family: 'Bebas Neue';
	text-transform: uppercase;*/
	font-size: 20px;	
	line-height: 26px;
	font-weight: normal;
	color: #333333; 
	padding-left: 50px;
	}

.summarySmallText
	{
	/*font-family: 'Bebas Neue';
	text-transform: uppercase;*/
	font-size: 20px;	
	line-height: 1.7;
	font-weight: 500;
	color: #1a1a1b; 
	padding-left: 10px;
	}


/* Releasenote Ueberschriften */ /* NEU*/

.Release_Ueberschrift
	{
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	font-size: 28px;	/* STEU*/
	letter-spacing: 0.075em;	
	line-height: 26px;
	font-weight: normal;
	color: #333333; /* STEU*/
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: -140px; 
	}


/* Aufzaehlungsformate und Einzuege */

/* Unnummerierte Aufzaehlungen */

ul.Aufz1 {
	list-style-image: url('Aufz1.png');
	margin-left: 17px;
}

.Aufz1 li p {
	padding-left: 13px;
	}

	
ul.Aufz2 {
	list-style-image: url('Aufz2.png');
	margin-left: 17px;
}

/* .grid_element_Farbblock_oben ul.Aufz2 {
	list-style-image: url('Aufz2.png');
	margin-left: 10px;
} */

.Aufz2 li p {
	padding-left: 13px;
	}

	
ul.Aufz3 {
	list-style-image: url('Aufz3.png');
	margin-left: 17px;
}

.Aufz3 li p {
	padding-left: 13px;
	}

	
ul.Aufz1_Einzug2 {
	list-style-image: url('Aufz1.png');
	margin-left: 48px;
}

.Aufz1_Einzug2 li p {
	padding-left: 12px;
	}

	
ul.Aufz2_Einzug2 {
	list-style-image: url('Aufz2.png');
	margin-left: 48px;
}

.Aufz2_Einzug2 li p {
	padding-left: 12px;
	}


ul.Aufz3_Einzug2 {
	list-style-image: url('Aufz3.png');
	margin-left: 48px;
}

.Aufz3_Einzug2 li p {
	padding-left: 12px;
	}
	
/* Nummerierte Aufzaehlungen ***/

#mainContent .Num {
	font-size: 20px; 
	font-weight: 500;
	margin-left: 17px;
	margin-bottom: -3px;	
}

#mainContent ol li {
	list-style-type: decimal; 
	padding-left: 0px;	
}

#mainContent ol li p {
	margin-left: 13px; 
}


/* Standardeinzuege */

p.Einzug1
	{
	margin-left: 30px; 	
	margin-top: 8px;   
	margin-bottom: 5px;
	line-height: 30px;
	}

p.Einzug2
	{
	margin-left: 62px;
	margin-top: 8px;
	line-height: 30px; 
	margin-bottom: 5px;
	}
	

/* Grafikformate */
/* Grafiken mit Einzuegen und Bildbeschriftungen */

div.Grafik
	{
	position: relative;
	font-size: 12px; 
	color: #333333;  
	width: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	}

div.Grafik img
	{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	color: #333333;
	}

div.GrafikEinzug1
	{
	position: relative;
	font-size: 12px; 
	color: #333333;  
	width: auto;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 15px;
	}

div.GrafikEinzug1 img
	{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 7px;
	margin-right: 0px;
	color: #333333;
	}

div.GrafikEinzug2
	{
	position: relative; 
	font-size: 12px; 
	color: #333333; 
	width: auto;
	margin-left: 64px;
	margin-top: 0px;
	margin-bottom: 15px;
	}

div.GrafikEinzug2 img
	{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	color: #333333;
	}

/* Fuer ImageMapping Responsive Design **/	

 img[usemap] {
	height: auto;
	max-width: 100%;
	width: auto;
	}

#mainContent img {	
	min-height: 8px;
	min-width: 10px;
	height: auto;
	max-width: 100%;
	}	

/* Aufklapp-Elemente **********/
/* Aufklappen: Grafik ***/

div.expara
	{
	margin-left: 0px;
	padding-top: 5px;
	font-size: 12px;
	color: #333333; 
	}

div.expara img
	{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	color: #333333;
	}


div.expara .highslide
	{	
	position: relative;	 
	top: -5px;
	}


div.aufzaehlung1_OH8 .expara .highslide
	{	
	position: relative;	 
	top: 24px;
	}


div.aufzaehlung2_OH8 .expara .highslide
	{	
	position: relative;	 
	top: 24px;
	}

/* Aufklappen: Bereich ***/

/* div.exparaAuf formatiert den aufgeklappten Bereich */
/* #AufklappBereich formatiert den Aufklapp-Link */


div.exparaAuf
	{
	height: auto;
	margin-left: 28px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	background-color: transparent;
	}

#AufklappBereich
	{
	margin-bottom: 18px; 	
	}
	
#AufklappBereich img
	{
	padding-right: 8px; 
	padding-bottom: 3px;	
	}

/* a.Aufklappen */
	/* { */
	/* font-size: 20px; 			 */
	/* font-weight: 500; */
	/* } */


a.Aufklappen:link
	{
	color: #ff4554;
	text-decoration: none;
	}

a.Aufklappen:active
	{
	color: #ff4554;
	text-decoration: none;
	}

a.Aufklappen:visited
	{
	color: #ff4554;
	text-decoration: none;
	}

a.Aufklappen:hover
	{
	color: #ff4554;
	text-decoration: underline;
	}



/* Aufklappen: Inline */

/* span.expara formatiert aufklappbare Texteinschuebe */

span.expara
	{
	background-color: #E1E1E1;
	}


a.AufklappenInline
	{
	font-size: 18px; 
	font-weight: normal;
	}


a.AufklappenInline:link
	{
	color: #ff4554;
	text-decoration: none;
	}

a.AufklappenInline:active
	{
	color: #ff4554;
	text-decoration: none;
	}

a.AufklappenInline:visited
	{
	color: #ff4554;
	text-decoration: none;
	}

a.AufklappenInline:hover
	{
	color: #ff4554;
	text-decoration: underline;
	}
div.PopUpHead
	{
	min-height: 30px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 12px;
	background-color: #ff4554;
	}


/* Navigationselemente fuer Verteilerseiten */

.Wasserzeichen /*  Hintergrundbilder auf Startseiten. Der DIV-Bereich wird in den entsprechenden Topics manuell definiert */
	{
	position: relative;
	background-color: #FFFFFF;
	margin-top: -20px;
	padding-top: 20px;
	margin-left: -400px;
	padding-left: 400px;
	margin-right: -400px;
	padding-right: 400px;
	height: 1500px;
	background-image: url(Schraffur.png), url(Dot_Pattern.png);  
	background-position: top 0px left 0px , top 550px right 100px; 
	background-attachment: scroll;
	background-repeat:no-repeat;
	}


.Home_Verteiler /*  Home Zur?ck auf Verteilerseite */
	{
	display: none;
	position: relative;
	background-color: #FFFFFF;
	right: 25%;
	top: 200px;
	position: fixed;
	}

.VerteilerTooltipp 
	{
	position: relative;
	display: inline-block;
	}

.VerteilerTooltipp .VerteilerTooltippText 
	{
 	visibility: hidden;
 	width: 200px;
	background-color: rgb(227,227,227,0.90);
 	color: #000000;
 	text-align: center;
 	border-radius: 3px;
 	padding: 5px 0;

	 /* Position the tooltip */
	position: absolute;
	/*top: 65px;
	right: -68px;*/
	z-index: 1;
	margin-left: -250px;
}

.VerteilerTooltipp:hover .VerteilerTooltippText
 	{
    	visibility: visible;
	}


.Home_Seite /*  Zum Seitenanfang*/
	{
	display: none;
	position: relative;
	background-color: #FFFFFF;
	top: 250px; 
	right: 25%;
	position: fixed;
	}

.SeitenanfangTooltipp 
	{
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted black;*/
	}

.SeitenanfangTooltipp .SeitenanfangTooltippText 
	{
 	visibility: hidden;
 	width: 200px;
	background-color: rgb(227,227,227,0.90);
 	color: #000000;
 	text-align: center;
 	border-radius: 3px;
 	padding: 5px 0;

	 /* Position the tooltip */
	position: absolute;
	/*top: 65px;
	right: -68px;
	z-index: 1;*/
	margin-left: -250px;
}

.SeitenanfangTooltipp:hover .SeitenanfangTooltippText
 	{
    visibility: visible;
	}

/* BreadCrumb */

.BreadCrumb /*  Brotkrümelnavigation */
	{
	top: 80px; 
    left: 98px;
    position: fixed;
    font-size: 17px;
    z-index: 200;

	}

.BreadCrumb a
	{
	color: #333333 !important;
	text-decoration: underline !important;
	}

.BreadCrumb a:hover
	{
        color: #ff4554 !important	
	}


/* Grid */

.grid_container /* Aktuell haben wir eine Container-Variante definiert. 300 px ist die Mindestgr??e eines Grid-Elements. Zwei Grid-Elemente in einem Container bedeutet z.B.: 2 Spalten. */
	{
	display:inline-grid;
	grid-template-columns: 75% 25%;
	grid-gap: 10px;
	width: 100%;
	/* overflow-y: scroll; */
	z-index: 21;
	/* margin-left: -150px; */
	/* margin-right: -100px; */
	/* margin-top: 50px; */
	}

.grid_container_navi /* Aktuell haben wir eine Container-Variante definiert. 300 px ist die Mindestgr??e eines Grid-Elements. Zwei Grid-Elemente in einem Container bedeutet z.B.: 2 Spalten. */
	{
	display:inline-grid;
	/* grid-template-columns: 45% 45%; */
	grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) );
	grid-gap: 25px;
	width: 100%;
	overflow-y: hidden;
	z-index: 21;
	/* margin-left: -150px; */
	/* margin-right: -100px; */
	/* margin-top: 50px; */
	}	

/* Formate f?r die Darstellung der Grid-Elemente */
.grid_container img  /* Defintion f?r die Verwendung von Bildern, die im Word-Dokument in ein Grid-Element eingebaut werden. Durch die feste Bildh?he bleiben Bilder damit in 'ihrer' Zelle  */
	{
	/* max-height:350px !important; */
	}

.grid_element_Screen /* Definiert ein Grid-Element, in dem ein Bild (z.B. mit Higslide-Effekt) eingef?gt wurde. Verwendbar z.B. f?r Feldbeschreibungen */
	{
	background-color: #FFFFFF;
  	text-align:left;
  	padding:20px;
	height: 400px;
	box-shadow: 2px 2px 2px #E1E1E1;
	}

	
.grid_element_Text  /* Definiert ein Grid-Element, in dem normaler Text mit entsprechender Word-Formatuierung eingef?gt wurde. Verwendbar z.B. f?r Schritt-f?r-Schritt-Anleitungen */
	{
	background-color: #FFFFFF;
	text-align:left;
	margin-top: -10px;
	padding: 20px;
	box-shadow: 2px 2px 2px #E1E1E1;
	overflow-y: hidden;
	/* Definiert eine Maximalh?he des Grid-Elements, wenn weniger Inhalt, dann wird die Box kleiner dargestellt. Es gibt keinen toten Raum  */
	/* min-height: 200px; */
	/* max-height: 400px; */
	}

.grid_element_Text_right
	{
	position: relative;
	margin-top: 55px;
	left: 0rem !important;
	bottom: 1rem !important;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: 0px;
	overflow-y: auto;
	width: 100%;
	height: 90%;
	z-index: 23;
	}


	
.grid_element_Text_main  /* Definiert ein Grid-Element, in dem normaler Text mit entsprechender Word-Formatuierung eingef?gt wurde. Verwendbar z.B. f?r Schritt-f?r-Schritt-Anleitungen */
	{
	background-color: #FFFFFF;
	text-align:left;
	margin-top: 60px;
	padding-right: 0px;
	/* box-shadow: 2px 2px 2px #E1E1E1; */
	overflow-y: auto;
	overflow-x: auto;
	scrollbar-color: white white;
	}	

.grid_container::-webkit-scrollbar-track  /* Definiert die Scrollbar f?r grid_element-text  */
	{
	background-color: #ffffff;
	box-shadow: inset 0 0 5px transparent;
	border-radius: 0px;
	}

.grid_container::-webkit-scrollbar-thumb 
	{
	background: #f1f1f1;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
	}

.grid_container::-webkit-scrollbar-thumb:hover 
	{
	background: #d1d1d1;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 5px transparent;
	border-radius: 0px;
	}	

.grid_element_Hintergrundbild1  /* Startseite ?bersich t*/
	{
	background-image:  url(Icon_Uebersicht.png) , url(Hintergrundbild1.png);
	background-position:  top 20px right 20px , top 0px left 0px;
	background-repeat: no-repeat;
  	text-align:left;
	margin-top: -20px;
  	padding:20px;
	padding-top: 80px;
	border-width: 2px;
	height: 650px;
	max-width: 1000px;
	}

.grid_element_Hintergrundbild2  /* Startseite Bedienerhilfe */
	{
	background-image:  url(Icon_Weltkugel.png) , url(Hintergrundbild1.png);
	background-position:  top 20px right 20px , top 0px left 0px;
	background-repeat: no-repeat;
  	text-align:left;
	margin-top: -20px;
  	padding:20px;
	padding-top: 80px;
	border-width: 2px;
	height: 650px;
	max-width: 1000px;
	}

.grid_element_Hintergrundbild3  /* Startseite Schnelleinstiege */
	{
	background-image:  url(Icon_Buch.png) , url(Hintergrundbild1.png);
	background-position:  top 20px right 20px , top 0px left 0px;
	background-repeat: no-repeat;
  	text-align:left;
	margin-top: -20px;
  	padding:20px;
	padding-top: 80px;
	border-width: 2px;
	height: 650px;
	max-width: 1000px;
}

.grid_element_Hintergrundbild4  /* Startseite Handb?cher */
	{
	background-image:  url(Icon_PDF.png) , url(Hintergrundbild1.png);
	background-position:  top 20px right 20px , top 0px left 0px;
	background-repeat: no-repeat;
  	text-align:left;
  	padding:20px;
	padding-top: 80px;
	border-width: 2px;
	height: 730px;
	max-width: 1000px;
	}

.grid_element_Hintergrundbild5  /* Startseite FAQs */
	{
	background-image:  url(Icon_Sprechblase.png) , url(Hintergrundbild1.png);
	background-position:  top 20px right 20px , top 0px left 0px;
	background-repeat: no-repeat;
  	text-align:left;
	margin-top: -20px;
  	padding:20px;
	padding-top: 80px;
	border-width: 2px;
	height: 650px;
	max-width: 1000px;
	}


.grid_element_Farbblock_oben  /* Grid-Element mit Farbblock oben. Passend dazu das Format 'Grid_Head_Top_Invers' f?r die inverse ?berschrift im Farbbereich */
	{
	background-image: url(Icon_Uebersicht.png) , url(Farbe.png);
	background-repeat: no-repeat;
	background-position: top 10px right 20px , top 0px left 0px;
	background-color: #F3F3F3;
  	text-align:left;
  	margin-top: 20px;
	padding:20px;
	}

/*  Spezial-Formate f?r Grids */
.Ueberschrift_Content  /* Gro?e ?berschrift im Content-Bereich von Startseiten direkt unterhalb des Navigationsblocks */
	{
	font-size: 45px;
	font-style: normal;
	letter-spacing: 0.04em;	
	line-height: 40px;
	font-weight: normal;
	margin-left: -120px;
	margin-top: 60px;
	padding-left: 0px; 
 	padding-bottom: 2px;
	}

.Ueberschrift_Container /* ?berschrift im Content-Bereich vor Grid-Container, z.B. 'Feldbeschreibungen', 'So wird's gemacht ' Sind markanter als ?berschriften vom Format Gruppe  */
	{
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	letter-spacing: 0.075em;	
	font-size: 30px;
	color: #FFFFFF;
	font-style: normal;
	line-height: 35px;
	margin-left: -130px;
	padding-top: 5px;
	padding-left: 5px; 
 	padding-bottom: 5px;
	background-color: #3c3c3c;
	margin-right: -100px;
	margin-bottom: -20px;
	}

.Grid_Head_Top_Invers  /* Ueberschrift eines Grid-Elements mit Farbhintergrund und inverser Schriftfarbe. Verwendbar auf Startseiten. */
	{
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	font-size: 28px; /* STEU*/
	letter-spacing: 0.075em;
	line-height: 26px;
	font-style: normal;
	color: #FFFFFF; /* STEU*/
	margin-top: -5px;
	margin-bottom: 30px;
	padding-bottom: 6px;	
	}

.Grid_Head_Content  /* ?berschrift innerhalb eines Grid-Elements.  */
	{
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	font-size: 28px;	/* STEU*/
	letter-spacing: 0.075em;	
	line-height: 26px;
	font-style: normal;
	color: #3c3c3c; /* STEU*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 6px;	
	padding-top: 10px; /*NEU*/
	}

.Grid_List_Invers1 /* Aufz?hlung im Grid-Element ohne Bullet mit Farbhintergrund und inverser Schriftfarbe. Verwendet auf Startseite */
	{
	font-family: 'Bebas Neue';
	letter-spacing: 0.3em;
	font-size: 35px;
	line-height: 50px;
	font-style: normal;
	color: #FFFFFF;
	margin-top: 20px;	
	padding-left: 20px; 
	padding-bottom: 2px;
	margin-left: -0px;
	margin-bottom: 30px;
	border-top: 1px solid #FFFFFF; 
	background-image: url(Farbe.png); /* noch ersetzen durch Farbangabe */
	max-width: 1000px; 
	}

.Grid_List_Invers1 a:link  /* LInk-Auszeichnung f?r Aufz?hlungen im Grid-Bullet mit Hiintergrundfarbe */
	{
	color: #FFFFFF;	
	}

.Grid_List_Invers1 a:visited
	{
	color: #FFFFFF;	
	}

.Grid_List_Invers1 a:hover
	{
	color: #0F848A;
	text-decoration: none;
	/*text-decoration: underline #b8b8b8;*/
	}

.Grid_List_Invers2  /* Aufz?hlung im Grid-Element ohne Bullet mit Farbhintergrund und inverser Schriftfarbe. Verwendet auf Startseite */
	{
	font-family: 'Bebas Neue';
	letter-spacing: 0.3em;
	font-size: 25px;
	line-height: 40px;
	font-style: normal;
	color: #FFFFFF;
	margin-top: 20px;		
	padding-left: 20px; 
	padding-bottom: 2px;
	margin-left: -0px;
	margin-bottom: 20px;
	border-top: 1px solid #FFFFFF; 
	background-image: url(Farbe.png); /* noch ersetzen durch Farbangabe */
	max-width: 1000px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 5 3 4;
	hyphenate-limit-lines: 4;
	}

.Grid_List_Invers2 a:link  /* LInk-Auszeichnung f?r Aufz?hlungen im Grid-Bullet mit Hintergrundfarbe */
	{
	color: #FFFFFF;	
	}

.Grid_List_Invers2 a:visited
	{
	color: #FFFFFF;	
	}

.Grid_List_Invers2 a:hover
	{
	color: #0F848A;
	text-decoration: none;
	/*text-decoration: underline #b8b8b8;*/
	}

ul.Grid_List_Bullet1  /* Aufzaehlungen im Grid-Element - groesseres Bullet und groessere Schrift als Aufz2. Verwendet auf Startseite */
	{
	list-style-image: url('Grid_List_Bullet1.png');
	margin-left: -10px;
	}

.Grid_List_Bullet1 li p {
	padding-left: 0px;
	margin-left: 25px;
	font-size: 23px;
	padding-bottom: 4px;
	padding-top: 4px;
	}

.Grid_List_Bullet1 a:link  /* Linkauszeichnung f?r Aufz?hlungen im Grid */
	{
	color: #3c3c3c;
	}

.Grid_List_Bullet1 a:visited
	{
	color: #3c3c3c;
	}

.Grid_List_Bullet1 a:hover
	{
	text-decoration: underline #cccccc;
	}

.Marginalie_Float  /* Darstellung von Icons in Grids  z.B. in Hinweisen. Passend zum Word-Format Marginalie-Float  */
	{
	float: left;
	/*height:30px;*/
	margin-right: 20px;
	}

/* ################################  Grid Neu Ende  ###################################### */

/* Spezialstyles f?r mehrspaltige Abschnitte */
/* noch nicht parametriert */

/*Mehrspaltig*/
p.HinweisHanging 
	{
	font-size: 17px;
	letter-spacing: 0.01em;
	color: #3c3c3c;
	line-height: 2.2rem;
	margin-top: 0px;
	padding: 5px;
	/*border: 1px solid #EFEFEF;*/
	background-color: #E1E1E1;
	margin-bottom: 15px; 
	text-indent: -30px;
	margin: 0 0 0 30px;
	padding: 0;
	padding: 0px;
	}


.SpaltenWechsel
	{
	break-before: column;
	height: 0px;
	margin: 0;
	}

/* Einfache Mehrspaltigkeit Standard 3 Spalten mit Box Shadow */

div.Mehrspaltig2 
	{
	column-count: 2; 
	column-gap: 6em;
	column-width: 270px;
 	hyphens:auto;
	column-fill: balance;
	padding: 5px;
	box-shadow: 2px 2px 2px #E1E1E1;
	}

div.Mehrspaltig 
	{
	column-count: 3; 
	column-gap: 6em;
	column-width: 270px;
 	hyphens:auto;
	column-fill: balance;
	padding: 5px;
	box-shadow: 2px 2px 2px #E1E1E1;
	}


div.Mehrspaltig_Color
/*Spalten sind grau hinterlegt*/
	{
	column-count: 3; 
	column-gap: 6em;
	background-color: #F7F7F8;
	column-rule: solid 2px #FFFFFF;
	column-width: 270px;
 	hyphens:auto;
	column-fill: balance;
	padding: 5px;
	box-shadow: 2px 2px 2px #E1E1E1;
	}

div.NurMarkierungGruppe
/* nur Box-Shadow f?r die folgenden Untergruppen */
	{
	padding: 5px;
	box-shadow: 2px 2px 2px #E1E1E1;
	}
	
div.Mehrspaltig_Sub_Gruppe
/* ohne Box-Shadow (z.B. 2 Spalten in einer Tabellenspalte */
	{
	column-count: 2; 
	column-gap: 6em;
	column-width: 270px;
 	hyphens:auto;
	column-fill: balance;
	}


/* Mehrspaltigkeit mit Grids Containern. Jeder Container hat eigene ?berschrift */
/* Grid mit drei Spalten - Erste und zweite Spalte jeweils 1/4, Dritte Spalte 2/4, alle Spalten dynamisch. */


div.Raster_1_1
	{
	display: grid;
 	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	}

.Raster_1_1_item1 
	{
	grid-column: 1 / 2;
	}

.Raster_1_1_item2 
	{
	grid-column: 2/ 3;
	}

div.Raster_1_2
	{
	display: grid;
 	grid-template-columns: 1fr 2fr;
	grid-gap: 30px;
	}

.Raster_1_2_item1 
	{
	grid-column: 1 / 2;
	}

.Raster_1_2_item2 
	{
	grid-column: 2/ 3;
	}

div.Raster_2_1
	{
	display: grid;
 	grid-template-columns: 2fr 1fr;
	grid-gap: 30px;
	}

.Raster_2_1_item1 
	{
	grid-column: 1 / 2;
	}

.Raster_2_1_item2 
	{
	grid-column: 2/ 3;
	}


div.Raster_1_1_2
	{
	display: grid;
 	grid-template-columns: 1fr 1fr 2fr;
	grid-gap: 30px;
	}

.Raster_1_1_2_item1 
	{
	grid-column: 1 / 2;
	/*background-color: #E1E1E1;*/
	}

.Raster_1_1_2_item2 
	{
	grid-column: 2/ 3;
	/*background-color: #E1E1E1;*/
	}

.Raster_1_1_2_item3
	{
	grid-column: 3/ 4;
	/*background-color: #E1E1E1;*/
	}


/* Grid mit drei Spalten - Erste Spalte 2/4, zweite und dritte Spalte jeweils 1/4, alle Spalten dynamisch */

div.Raster_2_1_1
	{
	display: grid;
 	grid-template-columns: 2fr 1fr 1fr;
	grid-gap: 30px;
	}

.Raster_2_1_1_item1 
	{
	grid-column: 1 / 2;
	/*background-color: #E1E1E1;*/
	}

.Raster_2_1_1_item2 
	{
	grid-column: 2/ 3;
	/*background-color: #E1E1E1;*/
	}

.Raster_2_1_1_item3
	{
	grid-column: 3/ 4;
	/*background-color: #E1E1E1;*/
	}


/* Grid mit Containern: Zwei Spalten. Erste Spalte jeweils eine Zelle in einer Reihe, Zweite Spalte geht ?ber zwei Reihen */

div.Raster_1a_1_1b
	{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 30px;
	}

div.Raster_1a_1_1b_item1 
	{
	grid-column: 1 / 2;
	grid-rows: 1 / 2;
	}

div.Raster_1a_1_1b_item2
	{
	grid-column: 2 / 3;
	grid-rows: 1 / 3;
	max-height: 100px;
	}

div.Raster_1a_1_1b_item3
	{
	grid-column: 1 / 2;
	grid-rows: 2 / 3;
	}



/* Grid mit Containern: Zwei Spalten jeweils zwei Reihen f?r Bild (gro?) und Text (klein) */

div.Raster_1_1a_2_2a
	{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 10px;
	/* grid-column-row: 10px; */
	}

div.Raster_1_1a_2_2a_item1 
	{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	background-color: #E1E1E1;
	display: flex; 
  	justify-content: center; 
  	align-items: center;
	}

div.Raster_1_1a_2_2a_item1 img
	{	
	max-height: 500px; 
	}	

div.Raster_1_1a_2_2a_item2
	{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	}


div.Raster_1_1a_2_2a_item3
	{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	background-color: #E1E1E1;
	display: flex; 
  	justify-content: center; 
  	align-items: center;
	}

div.Raster_1_1a_2_2a_item3 img
	{	
	max-height: 500px; 
	}

div.Raster_1_1a_2_2a_item4
	{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	}

/* Raster f?r Slides in Splide Slideshows*/

div.Raster_Slides
	{
	margin-left: 150px;
	margin-right: 150px;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 30px;
	background-color: #E1E1E1;
	overflow-y: scroll;
	}

div.Raster_Slides_item1 
	{
	padding-left:10px;
	margin-top: 20px;
	grid-column: 1 / 2;
	color: white;
	height: 550px;
	}

div.Raster_Slides_item1 img
	{	
	max-height: 500px; 
	}

div.Raster_Slides_item1 p
	{	
	text-align: left;
	padding-left: 30px;
	}

div.Raster_Slides_item2
	{
	margin-top: 20px;
	grid-column: 2/ 3;
	height: 550px;
	color: white;
	text-align:left;
	}

/*Neues f?r Startseiten, HF 12.04.2021*/

div.MehrspaltigStart
	{
	column-count: 3; 
	column-gap: 6em;
	column-width: 270px;
 	hyphens:auto;
	column-fill: balance;
	padding: 5px;
	background-color: #FFFFFF;
	}

#StartseiteBack /*Kasten um die Linkliste herum, um ggf. farbig absetzen zu k?nnen*/
	{
	padding: 20px;
	margin-left: -140px;
	margin-right: 50px;
	background-color: #E1E1E1;
	}	

a.Startseite:link :visited
	{
	color: #003F88	
	}

a.Startseite:hover
	{
	color: #000000
	}

/* Glossar */


a.Glossar
	{
	font-size: 17px; 
	font-weight: normal;
	}


a.Glossar:link
	{
	color: #ff4554;
	text-decoration: none;
	}

a.Glossar:active
	{
	color: #ff4554;
	text-decoration: none;
	}

a.Glossar:visited
	{
	color: #ff4554;
	text-decoration: none;
	}


a.Glossar:hover
	{
	color: #ff4554;
	text-decoration: underline;
	} 

/* Scrollbars individuell (funktioniert nicht im Firefox und IE) */

/* Dieses Element auszukommentieren genuegt, um die indiv. Scrollbars komplett abzuschalten */
::-webkit-scrollbar

	{
	width: 6px;
	height: 10px;
	}
	
::-webkit-scrollbar-thumb {
    background: #e1e1e1;
}

/* Track allgemein */
::-webkit-scrollbar-track 
	{
	background: #f1f1f1; 
	border-radius: 3px;
	}

/* Thumb allgemein */

::-webkit-scrollbar-thumb 
	{
	background: #D0D0D0;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 3px;
	}

.kopf::-webkit-scrollbar-track 
	{
	background: transparent ;
/*	box-shadow: inset 0 0 5px transparent; */ /* pr?fen auf Interaktion mit StyleMaster.css */
	border-radius: 0px;
	}

.spezial::-webkit-scrollbar-track 
	{
	background: transparent;
	box-shadow: inset 0 0 5px transparent;
	border-radius: 0px;
	}

#mainContent::-webkit-scrollbar-track 
	{
	background-color:  #ffffff;
	box-shadow: inset 0 0 5px transparent;
	border-radius: 0px;
	}

#tipue_search_content ::-webkit-scrollbar-track 
	{
	background-color: #1a1a1a;
	}

/* Handle */

.kopf::-webkit-scrollbar-thumb 
	{
	background: #cc0000;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
	}

.spezial::-webkit-scrollbar-thumb 
	{
	background: #663857;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 5px transparent;
	border-radius: 0px;
	}

#mainContent::-webkit-scrollbar-thumb 
	{
	background: #D0D0D0;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
	}

.grid_element_Text_main::-webkit-scrollbar-thumb 
	{
	background: #D0D0D0;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 3px;
	}


#tipue_search_content ::-webkit-scrollbar-thumb 
	{
	background: #e1e1e1;
	border: 0px solid transparent;
	background-clip: padding-box;
	}

#tipue_search_content_idx ::-webkit-scrollbar-thumb 
	{
	/* background: #e1e1e1; */
	border: 0px solid transparent;
	background-clip: padding-box;
	}

/* Handle on hover */

#mainContent::-webkit-scrollbar-thumb:hover 
	{
	background: #aa0000;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
	}

.kopf::-webkit-scrollbar-thumb:hover 
	{
	background: #DB3857;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
	}

.spezial::-webkit-scrollbar-thumb:hover 
	{
	background: #DB3857;
	border: 0px solid transparent;
	background-clip: padding-box;
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
	}

#tipue_search_content ::-webkit-scrollbar-thumb:hover 
	{
	background: #f5f5f5;
	border: 3px solid transparent;
	background-clip: padding-box;
	}
	
#tipue_search_content_idx ::-webkit-scrollbar-thumb:hover 
	{
	background: #f5f5f5;
	border: 3px solid transparent;
	background-clip: padding-box;
	}
	
div#rightSearchResults ::-webkit-scrollbar-thumb {
    background-color: #e1e1e1;
}

div#rightSearchResults ::-webkit-scrollbar-thumb:hover {
    background-color: #cccccc;
}



/* Ende Scrollbars */

/* Link-Formatierungen */

/* Grundzustand */

a:link
	{
	color: #ff4554;
	text-decoration: none;
	}

a.kopf:link
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.spezial:link
	{
	color: #000000;
	text-decoration: none;
	}

a.spezialaktiv:link
	{
	color: #567DAA;
	text-decoration: none;
	}


/* Aktiver Link ***/

a:active
	{
	color: #ff4554;
	text-decoration: none;
	}

a.kopf:active
	{
	color: #003F88;
	text-decoration: none;
	}

a.kopfaktiv:active
	{
	color: #003F88;
	text-decoration: none;
	}

a.spezial:active
	{
	color: #000000;
	text-decoration: none;
	}

a.spezialaktiv:active
	{
	color: #567DAA;
	text-decoration: none;
	} 
	
/* Besuchter Link ***/

a:visited
	{
	color: #ff4554;
	text-decoration: none;
	}


a.kopf:visited
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.kopfaktiv:visited
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.spezial:visited
	{
	color: #000000;
	text-decoration: none;
	}

a.spezialaktiv:visited
	{
	color: #567DAA;
	text-decoration: none;
	}

/* Mouseover Link ***/

a:hover
	{
	color: #ff4554;
	text-decoration: underline;
	}

a.kopf:hover
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.kopfaktiv:hover
	{
	color: #FFFFFF;
	text-decoration: none;
	}

a.spezial:hover
	{
	color: #567DAA;
	text-decoration: none;
	}

/* a.spezialaktiv:hover
	{
	color: #FFFFFF;
	text-decoration: none;
	} */

/* Sonder-Elemente **********/

/* Header */
#Header
	{
	position: absolute;
	text-align: right;
	right: 10px;
	top: 2px;
	border: 0px solid red;
	padding: 2px;
	background-color: transparent;
	z-index: 1;
	}

p.Header
	{
	font-size: 13px;
	line-height: 15px;
	color: #000000;
	}


#PrintButton
	{
	position: relative;
	top: -18px;
	width: 22px;
	height: 0px;
	left: 3px;
	z-index: 1;}

#PrintTitle
	{
	display: none;
	}

/* Weitere Fenster	*/

/* Sec Win -> z. Zt. wie Hauptfenster

div.headerSecWin
	{
	top: 0;
	left: 0;
	overflow: hidden; 
	padding-left: 110px;
	vertical-align: top;
	text-align: left;
	position: absolute;
	}


div.contentSecWin
	{
	left: 0;
	top: 165px;
	margin: 0;
	position: absolute;
	padding-left: 115px;
	padding-right: 80px;
	padding-bottom: 0px;
	overflow: auto;
	}*/


/* DynPopUp und PopUp **********/

.H7 {
	background-color: #FFFFFF;
	margin: 0px;
	overflow: auto;
  }



.H7 #mainContent{
	padding-left: 10px;
	padding-bottom: 10px; 
	background-color: white;
	border: 2px solid #E1E1E1; 
	margin-top: -3px;
	height: auto;
	overflow: hidden;
  }
  .H7 .mainContent{
	padding-left: 10px;
	padding-bottom: 10px; 
	background-color: white;
	border: 2px solid #E1E1E1; 
	margin-top: -3px;
	height: auto;
	overflow: hidden;
  }



div.PopUpHead
	{
	min-height: 30px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 12px;
	background-color: #ff4554;
	background-image: url(PopUpBack.png);
	background-repeat: repeat-x;
	}

	
div.PopUpHead p
	{
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 0.01em;
	color: #FFFFFF; 
	}	
	


#PopUp
	{
	display: none; 
	position: absolute; 
	background-color: #3c3c3c; 
	border: 1px solid #3c3c3c; 
	z-index: 9;
	}


div.headerPopUp
	{
	top: 4px;
	left: 0px;
	overflow: hidden; 
	padding-left: 20px;
	vertical-align: top;
	text-align: left;
	position: absolute;
	}


div.contentPopUp
	{
	left: 0;
	top: 40px;
	margin: 0; 
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	overflow: auto;
	}



/* PopUps fuer Fu?noten */
	
#object1	
	{
	visibility: visible; 
	position: absolute; 
	max-width: 400px;
	background-color: #cccccc;
	border: 0px solid black;
	margin-left: 25px; 
	margin-top: -200px; 
	z-index: 1000;
	}	

#object1 p
	{
	font-size: 15px; 
	padding: 5px;
	}	

	

.H7.grid_element_Text_right .mainRight
	{display:none}
	
.dropdownmenu input
	{
	display: none;
	}	
	



/* HighSlide */


.highslide-container div {
	font-family: Verdana;
	font-size: 17px;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.png) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.png);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.					*/
/* Remove these if you are not using a gallery.				  */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.						 */
/* Remove these if you are not using a gallery				 */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.png) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.png) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.png);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups						 */
/* Remove these if you are not using Highslide HTML				 */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}

/* Spezialanpassung Kopf iFrame mit Symbolen */
.highslide-header .highslide-move a {
	cursor: move;
	background-image: url(graphics/move.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
.highslide-header .highslide-move a span {
	visibility: hidden;
	width: 25px;
	height: 25px;
	display:inline-flex;
}
.highslide-header .highslide-close a { 
	background-image: url(graphics/close_X.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}
.highslide-header .highslide-close a span {
	visibility: hidden;
	width: 25px;
	height: 25px;
	display:inline-flex;
}

/* Ende Spezialanpassung */

.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.png) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.				 */
/* See www.highslide.com/ref/hs.wrapperClassName				 */
/* You can safely remove the class name themes you don't use		 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 5px;
	top: 0px;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: #F1F1F1;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.png);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.png) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.png);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						 */
/* You can safely remove this if you don't use text based controls		 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
	background-image: url(graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
	background-position: left top !important;
	position: relative;
	left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
	margin: 1px 2px 1px 10px;
	display: block;
	min-width: 4em;
	height: 18px;
	line-height: 18px;
	padding: 1px 0 1px 18px;
	color: #333;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.						 */
/* See www.highslide.com/ref/hs.addSlideshow				 */
/* You can safely remove this if you don't use a thumbstrip 		 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
	/*overflow: hidden !important;*/
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}

/* Sondervorschriften fuer ImageMaps auf Startseiten */

.StartMap
	{
	position: relative;
 	float: right; 
	top: 0px; 
	left: 0px;
	right: 0px;
	width: 118%;	
	}

/* Splide - Styles fuer Slideshows*/
#three-image-slider 
/* ID des uebergeordneten div-Bereichs fuer die Slideshow, wird im zugeh?rigen JS-Code referenziert */
	{
	/*background-color: #567DAA; */
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #ff4554;
	}

.splide__track
/* Der innere Bereich der Slideshow, in dem sich die einzelnene Slides bewegen. */
	{
	position:relative;
	z-index:0;
	overflow:hidden
	}

.splide__list
/* UL-Klasse fuer alle Slides einer Slideshow*/
	{
	margin:0px !important;
	padding:0px !important;
	width:-webkit-max-content;
	width:max-content;
	will-change:transform
	}


.splide__slide
/* LI-Klasse fuer die einzelnen Slides*/
	{
	box-sizing:border-box;
	list-style-type:none !important;
	margin:0;
	flex-shrink:0
	}


.splide__slide__container
/* Der Container fuer den Inhalt des einzelnen Slides */
	{
	text-align: center;
	}

/* Die Styles fuer die Blaetterpfeile links und rechts */

.splide__arrow 
	{
	position:absolute;
	z-index:1;
	bottom: 10px;
	transform: translateY(-50%);
	width:2em;
	height:2em;
	border-radius:50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	padding:0;
	opacity:.7;
	background:#F5F5F5
	}

.splide__arrow svg
/* Die Pfeilgrafik */
	{
	width:1.2em;
	height:1.2em
	}

.splide__arrow:hover
	{
	cursor:pointer;
	opacity:.9
	}

.splide__arrow:focus
	{
	outline:none
	}

.splide__arrow--prev
	{
	left:1em
	}

.splide__arrow--prev svg {
	transform:scaleX(-1)
	}

.splide__arrow--next {
	right:1em
	}

/* Weitere notwendige Styles, aus der slide.css hierher ?bertragen */

.splide__slide .highslide img {
	width: auto !important;
	max-height: 97% !important;
	}

.splide__slide img {
	width: auto !important;
	max-height: 97% !important;
	}

.splide__slide .highslide {
	/*height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;*/
	}

#default-image-slider {
	/*background-color: #567DAA;*/
	padding: 20px;
	border-radius: 25px;
	border: 1px solid #ff4554;
	}

#primary-slider 
	{
	/*background-color: #567DAA;*/
	padding: 20px;
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 0px;
	border-bottom: 0px !important;
	border: 1px solid #ff4554;
	}


#secondary-slider
	{
	/*background-color: #567DAA;*/
	padding: 20px;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #567DAA;
	border-top: 0px !important;
	}

/* Styles aus der splide.min.css */

@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}

.splide__container {
	position:relative;
	box-sizing:border-box
	}

.splide__list {
	margin:0px !important;
	padding:0px !important;
	width:-webkit-max-content;
	width:max-content;
	will-change:transform
	}

.splide.is-active .splide__list {
	display:flex
	}

.splide__pagination {
	display:inline-flex;
	align-items:center;
	width:95%;
	flex-wrap:wrap;
	justify-content:center;
	margin:0
	}

.splide__pagination li {
	list-style-type:none;
	display:inline-block;
	line-height: 1;
	margin:0px;
	}

.splide {
	visibility:hidden
	}

.splide,.splide__slide {
	position:relative;
	outline:none
	}

.splide__slide img {
	vertical-align:bottom
	}

.splide__slider {
	position:relative
	}

.splide__spinner {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid #999;
	border-left-color:transparent;
	animation:splide-loading 1s linear infinite
	}

.splide__track {
	position:relative;
	z-index:0;
	overflow:hidden
	}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
	-webkit-user-select:none;
	user-select:none
	}

.splide--fade>.splide__track>.splide__list {
	display:block
	}

.splide--fade>.splide__track>.splide__list>.splide__slide {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0
	}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
	position:relative;
	z-index:1;
	opacity:1
	}

.splide--rtl {
	direction:rtl
	}

.splide--ttb>.splide__track>.splide__list {
	display:block
	}

.splide--ttb>.splide__pagination {
	width:auto
	}

.splide__pagination {
	position:relative;
	z-index:1;
	bottom:.5em;
	margin-top: 10px;
	left: 50%;
	right:50%;
	transform:translateX(-50%);
	padding:0
	}

.splide__pagination__page {
	display:inline-block;
	width:8px;
	height:8px;
	background:#ccc;
	border-radius:50%;
	margin:8px;
	padding:0;
	transition:transform .2s linear;
	border:none;
	opacity:.7
	}

.splide__pagination__page.is-active {
	transform:scale(1.4);
	background:#04428B
	}

.splide__pagination__page:hover {
	cursor:pointer;
	opacity:.9
	}

.splide__pagination__page:focus {
	outline:none
	}

.splide__progress__bar {
	width:0;
	height:3px;
	background:#ccc
	}

.splide--nav>.splide__track>.splide__list>.splide__slide {
	border:3px solid transparent
	}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	border-color:#000
	}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
	outline:none
	}

.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
	right:1em;
	left:auto
	}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
	transform:scaleX(1)
	}

.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
	left:1em;
	right:auto
	}

.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
	transform:scaleX(-1)
	}

.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
	left:50%;
	transform:translate(-50%)
	}

.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
	top:1em
	}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
	transform:rotate(-90deg)
	}

.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
	top:auto;
	bottom:1em
	}

.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
	transform:rotate(90deg)
	}

.splide--ttb>.splide__pagination {
	display:flex;
	flex-direction:column;
	bottom:50%;
	left:auto;
	right:.5em;
	transform:translateY(50%)
	}

/* ***Ende Splide-Styles *** */
/* Sonstiges */

/* Markierungsstyles*/

mark /* Hervorhebungsfarbe der Suchtreffer */
	{
	background: transparent;
	color: #ff4554;
	padding: 0px;
	}
.Mitte mark
	{
	padding-left: 4px;
	padding-right: 4px;
	color: #ff4554;
	}

.SubTree2 a mark
	{
	color: #333333;
	}

/* Navigation oben Ergaenzungen */

#KLink01{
	display: none;
}#KLink02{
	display: none; 
}#KLink03{
	display: none; 
}#KLink04{
	display: none; 
}#KLink05{
	display: none; 
}

.dropdownmenu{
	order: 2;
}

.snippet-userGuide {
	order:4;
 }

 .snippet-userGuide:hover {
	background-color: #FFFFFF;

 }
 .snippet-userGuide:hover a{
	color: black;
 }
 .snippet-userGuide a{
	color: white;
 }

/* Responsive Layout*/ 

.KapVerzMobileButton
	{
	display: none;
	}
.dropdownmenu input{
	display: none;
}
.dropdownmenu span{
	display: none;
	}

@media (min-width: 992px) {
    .snippet-header {
        display: flex;
    }
}

@media (max-width: 990px)
	{

/* 	.snippet-Handbuch 
		{
		display: none;
		} */
		
	#mainHead
		{
		position: relative;
		margin-left: 0px;
		padding: 0px;
		/* */
		left: 0px;
		height: 180px; 
		margin-top: 0px;
		overflow: hidden;
		background-image: none; /* abweichendes Hintergrundbild f?r den Kopf */
		background-position: top right;
		border: 0px solid blue;
		}
		
	.KapVerzMobileButton
		{
		display: block;
		position: fixed;
		top: 50px;
		width: 100%;
		height: 40px;
		background-color: #eaeaea;
		z-index: 300;
		font-size: 18px;
		border: 1px solid #e5e5e5;
		cursor: pointer;
		}
	
	.KapVerzMobileButton.open
		{
		display: block;
		position: fixed;
		top: 50px;
		width: 100%;
		height: 40px;
		background-color: #eaeaea;
		z-index: 300;
		border: 1px solid #e5e5e5;
		cursor: pointer;
		}
	
	.KapVerzMobileButton span
		{
		background-image: url('./arrow_down.png');
		background-position: right;
		background-repeat: no-repeat;
		height: 25px;
		width: 80px;
		}
	
	.KapVerzMobileButton.open span
		{	
		background-image: url('./arrow_up.png');
		background-position: right;
		background-repeat: no-repeat;
		height: 25px;
		width: 80px;
		}	
	
	.snippet-seite
		{
		background: #E1E1E1;
		display: none; 
		}

	.headerLogo
		{
		display: none;
		}
		
	#Titel
		{
		top: 160px;
		height: 0px;
		left: 20px;
		right: 10px;
		padding: 0px;
		z-index: 98;
		}
		
	.Mitte
		{
		white-space: normal;
		overflow-x: auto;
		overflow-y: hidden;
		align-items: top;
		position: relative; 
		top: 0px;
		/* height: auto; */
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		padding-left: 0px;
		width: 100%;
		z-index: 100;
		font-size: 28px;
		line-height: 28px;
		hyphens:auto;
		font-weight: 500;
		}
	
	.grid_element_Text_main
		{
		order: 1;
		position: relative;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		}
		
	.grid_container.mainContent
		{
		display: flex;
		flex-direction: column;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		margin-top: 0px;
		top: 0px;
		z-index: 101;
		}
	
	#mainContent 
		{
		margin-right: 0%; 
		padding-right: 0%; 
		float: left;
		position: relative;
		overflow-y: auto;
		overflow-x: hidden;
		top: 0px;
		margin-bottom: 90px; /* wegen fixem Snippet-Bereich unten */
		margin-top: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 6px;
		width: 100%;
		border: 0px solid pink;
		z-index: 21;
		/* Backup-Textauszeichnung f?r Text ohne <p>-Tags */
		font-size: 20px; 
		line-height: 22px;
		hyphens: auto;
		}

	div.marginalie 
		{
		display: flex;
		position: relative;
		font-size: 17px;
		line-height: 30px;
		font-family: 'Urbanist';
		font-weight: bold;
		width: 40px;
		margin-left: 0px;
		margin-top: 4px; 
		color: #333333;
		hyphens: auto;
		top: 0px;
		}
	
	.grid_element_Text_right.mainRight
		{
		display: none; /* vorübergehend */
		order: 2;
		background: #FFFFFF;
		position: fixed; 
		height: 60%;
		overflow-x: auto;
		padding: 1px;
		margin: 0px; 
		width: 100%;
		max-width: unset;
		top: 110px;
		z-index: 600 !important;
		border-top: 1px solid #E1E1E1;
		border-top: 0px;
		}
	
	.grid_element_Text_right.mainRight.grid_element_Text_right_open
		{
		display: block;
		}
	
	.SubTreeTitle
		{
		display: none; 
		}
	
	.SubTree
		{
		position: relative;
		padding-left: 35px;
		z-index: 220;
		}
	
	#SubTree
		{
		width: 100%;
		overflow-y: auto;
		position: relative;
		top: 0px;
		}

	.printRight
		{
		display: none;
		}

	.BreadCrumb
		{
		top: 90px; 
		left: 22px;
		right: 10px;
		position: fixed;
		font-size: 16px;
		white-space: normal;
		hyphens: auto;
		}

	#Kopfzeilenfunktionen
		{
		order: 1;
		justify-content:left;
		}

	#Kopfzeile
		{display: block;}


	#Kopfleiste
		{
		/* float:left;  */
		padding-top: 0px;
		padding-left: 0px;
		display: block !important; 
		/* flex-direction: row; */
		line-height: 60px;
		width: 100%;
		justify-content:left;
		}
	
	#Kopfleiste > a
		{
		display: none;
		padding-left: 54px;
		padding-right: 25px;
		}
		
	#Kopfleiste .aWrapper a
		{
		display: inline-block;
		}

	.dropdownmenu
		{
		order: 1; 
		padding-top: 17px;
		padding-left: 5px;
		width: 0px;
		}

	.dropdownmenu input:checked ~ #rightTableContent
		{
		display: block !important;
		/* height: 98%; */
		width: 35%;
		z-index: 99;
		top: 50px;
		left: 0px;
		z-index: 318;
		left: 0;
		width: 100%;
		}
	
	
	.tipue_search_right
		{
		order: 2;
		left: 60px;
		width: 360px;
		margin-left: 20px;
		box-shadow: none;
		}
	
	#tipue_search_input
		{
		font-size: 16px;
		line-height: 21px;
		background-color: transparent !important;
		min-width: 100px;
		width: 68%;
		box-sizing: border-box;
		padding: 18px;
		box-shadow: none;
		outline: 0;
		margin: 0;
		vertical-align: text-bottom;
		}
	
	.tipue_search_left 
		{
		width: inherit;
		/* float: left; */
		margin-left: 4px;
		margin-right: 4px;
		margin-top: 0px;
		padding-top: 0px;
		background-color: #f5f5f5;
		height: 60px;
		border-top: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
		}

	.tipue_search_left #goSearchBtnHead
		{
		float: right;
		outline: none;
		border: none !important;
		width: 50px;
		margin-left: 3px;
		font-size: 24px;
		height: 60px;
		border: 0px;
		margin-top: -1px;
		margin-right: -6px;
		background: #333333;
		background-image: url(./tipuesearch/css/search.png);
		background-repeat: no-repeat;
		line-height: 1;
		}

	.tipue_search_left #clearSearchBtn{
		float: none;
		width: 24px;
		height: 80px;
		margin-left: 35px;
		margin-top: 7px;
		font-size: 20px;
		border: 0px;
		border-top: 0px;
		margin-right: 3px;
		padding-top: 0px;
		color: transparent;
		background: transparent;
		background-image: url(./tipuesearch/css/remove.png);
		background-repeat: no-repeat;
		line-height: 1;
		-webkit-appearance: none;
		}
 
	#rightNavContainer 
/* Das ist der Container fuer die Suchergebnisliste*/
		{
		display: none;
		position: fixed;
		float: left;
		height: 90%;
		width: inherit;
		top: 6rem;
		left: 0rem;
		bottom: 1rem;
		z-index: 99;
		margin-right: 0rem;
		padding: 0rem 0.5rem 0.5rem 0.5rem;
		Background-color: white;
		border: 1px solid #e1e1e1;
		border-top: 0px;
		z-index: 300;
		}

	 /********** Oeffnen- und Schliessen-Button ***************/ 
	.line-menu 
		{
		background-color: #ffffff;
		border-radius: 5px;
		width: 100%;
		height: 4px; 
		}

	.line-menu.half 
		{
		width: 50%;
		}
	
	.line-menu.start 
		{
		transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
		transform-origin: right;
		}

	.btnOpen .line-menu.start 
		{
		transform: rotate(-90deg) translateX(2px);
		}

	.line-menu.end
		{
		align-self: flex-end;
		transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
		transform-origin: left;
		}

	.btnOpen .line-menu.end 
		{
		transform: rotate(-90deg) translateX(-3px);
		}

	#tableContent-btn
		{
		display: none;
		}

	#tableContent-btn:hover span
		{
		width: 30px;
		opacity: 1;
		transform: rotate(45deg) translate(-28px, -28px);
		background: #232323;
		margin-left: 19px;
		margin-top: 18px;
		}

	/* But let's hide the middle one. */
	#tableContent-btn:hover span:nth-last-child(3)
		{
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
		}

	/* Ohyeah and the last one should go the other direction */
	#tableContent-btn:hover span:nth-last-child(2)
		{
		transform: rotate(-45deg) translate(0, -1px);
		}

	#index-btn
		{
		display: none !important;
		}

	#manual-btn
		{
		margin-left: 60px;
		}
		
	.HTMLButton
		{
		font-family: 'Urbanist';
		height: 50px !important;
		background-color: #bb0000 !important;
		border: 0px !important;
		outline: none;
		font-weight: 400;
		position: relative;
		align-items: flex-start;
		width: 130px;
		margin-bottom: 5px;
		cursor: pointer !important;
		margin-left: 20px;
		}

	a.HTMLButton 
		{
		padding-left: 20px;
		padding-right: 20px;
		color: #ffffff !important;
		}

	.HTMLButton a:link
		{
		color: #FFFFFF !important;
		font-weight: 400;
		}

	.HTMLButton a:visited
		{
		color: #FFFFFF !important;
		font-weight: 400;
		}

	.HTMLButton:hover
		{
		height: 50px !important;
		width: 130px !important;
		background-color: #ffffff !important;
		color: #333333 !important;
		}

	.HTMLButton a:hover
		{
		background-color: #ffffff;
		color: #333333 !important;
		}

	.HTMLButton a:hover:visited
		{
		color: #333333 !important;
		font-weight: 400;
		}
		
/* Ab hier neu Martin 30.5.22*/
	#dropdownmenu
		{
		display: block;
		position: relative;
		top: 50px;
		left: 50px;
		
		z-index: 1;
		
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
		}

	#dropdownmenu a
	{
	  text-decoration: none;
	  color: #333333;
	  
	  transition: color 0.3s ease;
	}

	#dropdownmenu a:hover
	{
	  color: #FFFFFF;
	}


	.dropdownmenu input
		{
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: 3px;
		left: 10px;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
		}

	/*
	 * Just a quick hamburger
	 */
	.dropdownmenu span
		{
		display: block;
		width: 33px;
		height: 4px;
		left: 10px;
		top: -4px;
		margin-bottom: 5px;
		position: relative;
		background: #FFFFFF;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 5px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
					background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
					opacity 0.55s ease;
		cursor: pointer;
		}

	.dropdownmenu span:first-child
	{
	  transform-origin: 0% 0%;
	cursor: pointer;}

	.dropdownmenu span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	cursor: pointer;}


	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	.dropdownmenu input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -2px);
	  background: #FFFFFF;
	}

	/*
	 * But let's hide the middle one.
	 */
	.dropdownmenu input:checked ~ span:nth-of-type(3)
	{
	  opacity: 0;
	  transform: rotate(-45deg) translate(0px, 0px);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	.dropdownmenu input:checked ~ span:nth-of-type(2)
	{
	  transform: rotate(-45deg) translate(-6px, 0px);
	}
	
	.dropdownmenu:hover #rightTableContent{
		display: none !important;
	}
		
	.snippet-main
	{
	position: fixed;
	bottom: 24px;
	display: block;
	color: #333333;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px !important;
	z-index: 201;
	/* height: 150px; */
	width: 100%;
	margin-right: 10px !important;
	border-top: 2px solid #E1E1E1;
	padding-top: 0px;
	max-height: 120px;
	overflow-x: auto;
	left: 0px;
	padding-left: 20px;
	}
	
	.snippet-main ul
	{
	padding-left: 0px;
	list-style-image: url('arrow_right.png');
	line-height: 28px !important;
	}
	
	ul.Aufz1 {margin-left: 18px}
	ul.Aufz2 {margin-left: 18px}
	
	#LexFooter 
	{
		bottom: -15px; 
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	#Footer 
	{
		position: absolute;
		height: 24px;
		left: 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		vertical-align: bottom;
		padding-top: 0px;
		z-index: 500;
		bottom: 0px;
		background: #ffffff;
		width: 100%;
	}
	
	p.Footer
	{
	position: relative; 
	margin-top: 0px;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	border-top: 2px solid #E1E1E1 !important;
	margin-left: 0px;
	margin-right: 0px;
	}	
	
}

@media (max-width: 580px)
{

	#imprint-btn
	{
	color: transparent;
	background-image: url('paragraph.png');
	background-repeat: no-repeat;
	background-position:  center 15px;
	height: 50px;
	background-size: 15px;
	border: 0px !important;
	outline: none;
	font-weight: 400;
	position: absolute;
	align-items: flex-start;
	right: 1%;
	width: 40px;
	}
	#imprint-btn:hover
		{
		background-color: transparent;
		color: transparent;
		background-image: url('paragraph_hover.png');
		background-repeat: no-repeat;
		background-position: center 15px;
		}

	.HTMLButton
		{
		display: none
		}

}		

* ### Ende StyleMaster_Kopf */