@import url("../fonts/barlow.css");
@import url("../fonts/barlow_semi_condensed.css");

html * {max-height:1000000px;}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: var(--barlow);
	text-align:left;
   	font-size: 0.9rem;
	background-color:#ffffff;
}

.mainnav {
	color:#FFFFFF;
	background-color: #78b6c5;
	float:left;
	vertical-align:middle;
	font-weight:500;
	font-size:0.9rem;
	letter-spacing: 0.035rem;
	line-height:1.7em;
	margin:0px;
	padding:0 0 0 .25rem;
	text-decoration:none;
	height:23px;
	font-family: var(--barlow-semi-condensed);
}

.subnav {
	color:#000000;
	float:left;
	font-size:0.9em;
	line-height:1.4em;
	height:20px;
	background-color:#E7E9EA;
	vertical-align:middle;
	font-family: var(--barlow-semi-condensed);
}

.subnavsel {
	color:#002D5C;
	float:left;
	font-weight: bold;
	font-size:0.9em;
	line-height:1.4em;
	height:20px;
	background-color:#E7E9EA;
	vertical-align:middle;
}

.aktivsubnav {
	color:#FFFFFF;
	float:left;
	height:20px;
	font-size:0.9em;
	line-height:1.4em;
	vertical-align:middle;
	/* font-weight:bold; */
	background-color:#002D5C;
}

#head {
	font-size:1em;
	line-height:1em;
	text-decoration:none;
	/* font-weight:bold; */
}

#content {
	width:980px;
	font-size:0.9em;
	line-height:1.4em;

}

tr {vertical-align: top; }

b2 {color: #0000C0; }

td { padding-right: 15px; padding-bottom: 10px;}
.vgt {width: 30px; text-align: center; float: left;}
.t {width: 100px; text-align: left; float: left;}
.ref { font-family: "Courier New", Courier, mono; white-space: pre; }

.col {padding: 15px; border: 1px solid silver; border-radius: 4px;}
.kat {padding: 15px;}
#katlist li {margin-left: -30px; cursor:pointer;}
#katcontent li {margin-left: -30px;}
.publist li {margin-left: -30px; padding-bottom: 10px;}
.publist ul {margin: 0px;}
#praea li {margin-left: -15px; padding-bottom: 5px; padding-top: 5px;}
#praea td {border: 1px solid grey; padding: 2px;}
#praea th {border: 1px solid grey; padding: 2px;}
.kt td {padding: 2px;}
.kt th {padding: 2px;}
.le {display: list-item; margin-left:15px; }
#katcontent ul {margin: 0px;}
.inactive {display:none;}
.katm {text-align: center; margin: 0px 5px; width: 20px; cursor:pointer; font-family: "Courier New", Courier, mono; white-space: pre;}

/* a:link, a:visited, a:hover, a:active {text-decoration: none; color: #002D5C; border: none;} */

#content a:link, #content a:visited, #content a:hover {text-decoration: underline; color: #002D5C; border: none;
	background: url("../images/link.gif") no-repeat 0 6px transparent;
	padding-left: 6px;
	display: inline-block;
}

#content a[href^="mailto"]:before { text-decoration: underline;
/*	background: url("../images/mailto_med.gif") no-repeat 0 center transparent; */
/*	padding-left: 16px; */
	display: inline-block;
	content: '✉ ';
}

#katcontent a:link, #katcontent a:visited, #katcontent a:hover {text-decoration: underline; color: #002D5C; border: none;
	background: url("../images/link.gif") no-repeat 0 6px transparent;
	padding-left: 6px;
	display: inline;
}

#labmit a:link, #labmit a:visited, #labmit a:hover {text-decoration: none; color: #002D5C; border: none;
	background: none;
	padding-left: 0;
	display: inline-block;
}

.nolink a:link, .nolink a:visited, .nolink  a:hover {text-decoration: none; color: #002D5C; border: none;
	background: none;
	padding-left: 0;
	display: inline-block;
}

.galimg { border: 1px solid #E7E9EA; margin: 10px;}

#gallery { text-align: left;}

#gallery a:link, #gallery a:visited, #gallery a:hover {background: none; padding-left: 0;}

legend {padding-left: 10px; padding-right: 10px; }
fieldset { border: 1px solid #E7E9EA;}

.mainnav a:link,.mainnav a:visited,.mainnav a:active,.aktivsubnav a:link, .aktivsubnav a:visited {color:#ffffff; text-decoration:none; }
.mainnav a:link,.mainnav a:visited,.mainnav a:active { text-transform: uppercase;}
.subnav a:link, .subnav a:visited {color:#000000; text-decoration:none; }
.subnavsel a:link, .subnavsel a:visited {color:#002D5C; text-decoration:none; font-weight: bold;}
.mainnav a:hover, .aktivsubnav a:hover, .subnavsel a:hover, .subnav a:hover {color: #002D5C;}
.aktivsubnav a:hover {color: #FFFFFF; }
.mainnav a:hover {color: #FFFFFF; }


.css-arrow-acute {
	margin-left:15px;
	margin-right:15px;
	border-color: transparent transparent #555555;
	border-style: solid;
	border-width: 0 15px 15px;
	height: 0;
	width: 0;
}

.mitlist {margin-left: 15px;  cursor:pointer; display: list-item; text-decoration: underline black dashed; list-style: disclosure-closed; margin-bottom: -15px; text-underline-offset: 2px;}
.mitlisto {margin-left: 5px;  cursor:pointer; display: inline-block;}
.prealist {cursor:pointer; display: inline-flex; text-decoration: underline; padding-bottom: 10px;}
.prealist:hover  { color:#002D5C; }
.hiddenlink {
	cursor:pointer;
	text-decoration: underline;
	color: #002D5C;
	border: none;
	background: url("../images/link.gif") no-repeat 0 6px transparent;
	padding: 0 0 5px 6px;
	display: inline-block;
	}

.mitnav {
	text-decoration:none;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#000000;
	width: 700px;
}

.mitnavn a:link, .mitnavn a:visited,.mitnavn a:hover,.mitnavn a:active {
	text-decoration:none;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#000000;
	float:left;
}

.mitnava a:link, .mitnava a:visited,.mitnava a:hover,.mitnava a:active {
	text-decoration:none;
	font-weight: bold;
	color:#000000;
	background-color:#FFFFFF;
	float:left;
}

.mitrest {
	clear: both;
}

.miactive {padding: 15px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #E7E9EA; display:block; text-align:justify;}
.miinactive {display:none;}

#mitdet li {margin-bottom: 10px;}


.menu{
	font-size:0.9rem;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-weight:500;
	font-family: var(--barlow-semi-condensed);
	}
.menu ul{
	/* background:#000000; */
	background-color: #78b6c5;
	height:23px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{
	float:left;
	padding:0px;
	
}
.menu li a{
	/* background:#000000  */
	background: #78b6c5 url("../images/direktlink_button_weiss.gif") right center no-repeat;
	color:#FFFFFF;
	display:block;
	line-height:23px;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
	background: #78b6c5 url("../images/direktlink_button_weiss.gif") right center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}
.menu li ul{
	background: #78b6c5;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	margin-left: -110px;
	width:200px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
.menu li:hover ul{
	display:block;

	}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
	border-bottom: 1px solid #E7E9EA;
	}
.menu li:hover li a{
	background:none;

	}
.menu li ul a{
	display:block;
	height:23px;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
	/* background:#333333; */
	background: #78b6c5;
	border:0px;
	color:#002D5C;
}
.menu p{
	clear:left;
}

.ibo {display:block; float:right; margin-top: 20px; text-align: left;}
.ibol {display:block; float:left; margin-top: 20px; text-align: left;}
.ibi {overflow: hidden; border-radius: 0.4em; border: 1px solid silver; position: relative; background-color: #E7E9EA; /*#98d6e5;*/ font-weight: bold;}
.ibh {margin: 0; background: #e0e2e3; height: 2.75em; padding: 0 0 0 15px; font-weight: bold; align-items: center; display: flex; color: #ffffff; background-color: rgba(0,45,92,0.8); cursor: pointer;}
.ibb {background-color: rgba(255, 255, 255, 0.8);padding: 5px 3px; position: absolute; bottom: 0; width: 330px;}
.ibh:hover { background: #002D5C; color: #ffffff; }
.ibi:hover {border: 1px solid #002D5C;}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#content .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#content .tabber {
 display:none;
}
#content .tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#content ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

#content ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

#content ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 display: inline;
}

#content ul.tabbernav li a:link { color: #448; }
#content ul.tabbernav li a:visited { color: #667; }

#content ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

#content ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#content ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#content .tabberlive .tabbertab {
 padding:5px;
 /*border:1px solid #aaa; */
 
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#content .tabberlive .tabbertab h2 {
 display:none;
}
#content .tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#content .tabberlive#tab1 {
}
#content .tabberlive#tab2 {
}
#content .tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

fieldset {
  padding: 5px;
}

input { margin-bottom: 2px; }

legend { padding: 0px 10px;}

#bk label {
  float:left;
  width:70px;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  white-space:nowrap;
  font-weight:bold;
}

#unter label {
  float:left;
  width:90px;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  white-space:nowrap;
  font-weight:bold;
}

#loc label {
 float:left;
 font-weight:normal;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  white-space:nowrap;
}	

#index ol { counter-reset: item }
#index li { display: block;}
#index li:before { content: counters(item, ".") " "; counter-increment: item }

.index ol { list-style: none outside none; }
.index li { display: block;}
.index ul li { list-style-type: circle; }

.calc input[type=text] {
	border: 1px solid silver;
	border-radius: 3px;
	text-align: right;
}

.calc select {
	border: 1px solid silver;
	border-radius: 3px;
}

.calc p.w {
	font-weight: bold;
	margin: 30px 0;
	padding: 5px;
	border: 1px dashed silver;
	border-radius: 3px;
}

div.org {position: absolute; border: 1px solid black; padding: 7px 7px 0 7px; border-radius: 3px; background-color: #ffffff;}
div.oline {position: absolute; border: 1px solid black; }

div.clicktab  { cursor:pointer;}
div.clicktab:hover { background-color: #002D5C; color: #ffffff; cursor:pointer;}
.blt { border-left: 1px solid black; border-top: 1px solid black; }
.blb { border-left: 1px solid black; border-bottom: 1px solid black; }
.brt { border-right: 1px solid black; border-top: 1px solid black; }
.brb { border-right: 1px solid black; border-bottom: 1px solid black; }
.ba { border: 1px solid black;}


.bot 	{ border-top:.5pt solid black;	border-right:none;	border-bottom:none;	border-left:none;}
.botb	{ border-top:.5pt solid black; 	border-right:none;	border-bottom:none;	border-left:.5pt solid black;}
.bob	{ border-top:none; border-right:none; border-bottom:none;	border-left:.5pt solid black;}
.bolb	{ border-top:none; border-right:none; border-bottom:.5pt solid black; border-left:.5pt solid black;}
.boltr	{ text-align:center; vertical-align:middle;	border-top:.5pt solid black; border-right:.5pt solid black;	border-bottom:none;	border-left:.5pt solid black;}
.bolbr	{ text-align:center; vertical-align:middle; border-top:none; border-right:.5pt solid black; border-bottom:.5pt solid black; border-left:.5pt solid black;}

.headpic {}

#katcontent table > tbody > tr > td:first-child b {
	color: #002D5C;
	//padding: 0 5px;
	//font-weight: normal;
}
#katcontent table > tbody > tr:nth-child(odd) {
  background-color: #E7E9EA;
}
#katcontent table > tbody > tr:nth-child(even) {
  background-color: #E7E9EA80;
}

#katcontent table > tbody > tr > td {
	padding: 5px;
}

.section {
	display: none;
	&:target {
		display: block;
	}
}