/* Grundeinstellungen */
body{
margin: 0px auto; padding: 0px; margin: auto; 
display: flex; flex-direction: row-reverse; flex-flow: wrap;
}
header{
  border-top: 0px; border-top-style: solid; border-top-color: none; 
  background: none; padding: 0px; padding-bottom: 0px; margin: 0px; margin-bottom: 0px;
  border-bottom: 0px; border-bottom-style: solid; border-bottom-color: none;
  flex: 1 100%;
}
nav{
  background: none; padding: 0px; margin: 0px; margin-top: 0px; min-width: 400px;
  flex: 1 100%;
}

footer{
  border: none; background: white; padding-top: 5px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;   flex: 1 100%;
}
main{
  border: none; background: white; padding-left: 10px; padding-right: 15px; padding-top: 10px; flex: 3 1 0%;
}
article{
  border: none; background: white; padding: 0px; margin: 0px; font-size: 125%;
}
section{
  border: none; background: white; padding: -5px; margin: 0px;
}
aside{
  border: none; background: #cbcbcb; max-width: 215px; padding-left: 15px; padding-top: 10px; padding-right: 10px;
  flex: 1 1 0%;
}
h2 {
  text-decoration: underline; 
}
hb {
  font-size: xx-small;
}
.e {
  color: #04B404; 
}
/* Eigene Positionierungen */
.mycenter{
  text-align: center;
}
.myright{
  text-align: right;
}
.myleft{
  text-align: left;
}
.bild {
    max-width: 100%;
    height: auto;
}
/* Absolute Positionierungen */
#f1 {
  position:fixed; top:144px; left:0px; width:141px; height:26px; background-color:#cc0000; font-size: large; font-weight: bold;
}
#f2 {
  position:absolute; top:140px; right:0px; width:93px; height:26px;
}
#f3 {
  position:absolute; top:26px; right:0px; width:93px; height:26px;
}
/* Eigene Abstände */
.abs10 {
  margin-top:10px;
}
.abs15 {
  margin-top:15px;
}
.abs50 {
  margin-top:50px;
}
.abs75 {
  margin-top:75px;
}
.abs100 {
  margin-top:100px;
}
.abs500 {
  margin-top:500px;
}
.abs1000 {
  margin-top:1000px;
}
/* Hover-Einstellungen */
a:link {
  text-decoration: none; color: #4D4C4C;
}
a:active {
  color: #4D4C4C;
}
a:hover {
  text-decoration: underline; background-color: #C2C2C2; font-weight:bold;
  color: #000000;
}
a:visited {
  text-decoration: underline; color: #727272;
}
/* Styles */
.bodytxt {
  color: #000000;
}
.style0, .tab1, .tab2 {
  font-family: sans-serif; font-size: small;
}
.style0 {
  border: none; background-color: none;
}
.style1 {
  background-color: #ffffff;
}
.style2 {
  background-color: #D3D3D3;
}
.style_button {
  border-width:3px; border-color:#FFFFF0; border-style:outset; padding:1px; background-color:#FFFF80; 
}
.tab1 {
  border: thin solid black; text-align: center; font-weight: bold;
}
.tab2 {
  border: thin solid black; vertical-align: top;
}
.tab3 {
  border: none; vertical-align: top;
}
/* Navigations-Styles */
ul , li {
 margin:0;
 padding:0;
 list-style:none;
 text-decoration:none;
}
ul#navi  {
  float:left;
  background:#BDBDBD;
  width:100%;                  /* geändert von 150px auf 100% */
}
ul#navi a {
 display:block;
 padding:5px;
 color:#ffffff;
 font-size:100%;
 font-weight:bold;
 border-right:1px solid #BDBDBD; 
 text-align:left;
}
ul#navi li  {
 position:relative;            
 float:left;                   /* hinzugefügt um eine horizontale Ausrichtung zu erzielen */
 width:10.5em                  /* Hinzugefügt 168px / 16 = 10.5em */
}
/* Alle Ebenen ausblenden */
ul#navi ul  ,
ul#navi  li:hover ul ul , 
ul#navi  li:hover  ul ul ul  {
 position:absolute;
 left:-9999px;
 background:#BDBDBD;
}
ul#navi  li:hover ul {
 background:#BDBDBD;
}
ul#navi  li:hover ul ul {
 background:#BDBDBD;
}
ul#navi  li:hover ul ul ul {
 background:#BDBDBD;
}
ul#navi ul {
 top:auto;                    /* Neue Position definiert 16px Schriftgröße + (2 x 5px) padding = 30px / 16 = 1.875em*/
}
/* Einzelne Ebenen einblenden */ 
ul#navi li:hover ul  {
 left:0;
 z-index: 200;
}
/* Neuer Deklarationsblock um die Unterpunkte präzise zu positionieren */
ul#navi ul  li:hover  ul , 
ul#navi ul  ul li:hover  ul  {
 position:absolute;
 left:100%;
 top:0;
 }
/* Hover Hinter- und Vordergrundfarbe für alle Ebenen */
ul#navi li:hover > a , ul#navi  ul li:hover  > a, ul#navi ul  ul  li:hover  > a, ul#navi ul  ul ul  li:hover  > a  {
 background:#A4A4A4;
 color:#ffffff;
}
ul#navi a span {
 float:right;
 font-weight:normal;
 }

/* Slider-Einstellungen */
body{background-color:#F9F9F9;}
#container{margin:0px; width:215px;}

/**** SLIDER ***/
.viewer {
	height: 98px;	
	width: 215px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	z-index: 50;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0.1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0.1);
	box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0.1); 
}
.slideimages {
	position: relative;
	border: 0;
	top: 0; left: 0;
}
.slideimages img {float: left;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
}
.paging {
	position: absolute;
	bottom: 0px;
	left:1px;
	height:9px;
	z-index: 100;
	display: none;
	background-color:#1c1c1c;
	padding:3px 1px 0px 3px;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 	
}
.paging a {
	display:block;
	width:7px;
	height:7px;
	background:url(/p/images/mark-up.gif);
	text-indent:-9999px;
	float:left;
	margin-right:7px;
}
.paging a.active {
	background:url(/p/images/mark-dwn.gif);
}

/* The work below, CSSBox, is released under the Creative Commons
   Attribution-ShareAlike 4.0 license and is available on
   https://github.com/TheLastProject/CSSBox. You are not required to add
   additional credit to your website, just leave the above text in this file */
div.cssbox {
  display: inline-block;
}

span.cssbox_full {
  z-index: 999999;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  cursor: default;
  transition: opacity 0.5s linear;
}

span.cssbox_full img {
  position: fixed;
  background-color: white;
  margin: 0;
  padding: 0;
  max-height: 90%;
  max-width: 90%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px black;
}

a.cssbox_close,
a.cssbox_prev,
a.cssbox_next {
  z-index: 999999;
  position: fixed;
  text-decoration: none;
  visibility: hidden;
  color: white;
  font-size: 36px;
}

a.cssbox_close {
  top: 1%;
  right: 1%
}

a.cssbox_close::after {
  content: '\00d7';
}

a.cssbox_prev,
a.cssbox_next {
  top: 50%;
  transform: translate(0%, -50%);
}

a.cssbox_prev {
  left: 5%;
}

a.cssbox_next {
  right: 5%;
}

a:target ~ a.cssbox_close,
a:target ~ a.cssbox_prev,
a:target ~ a.cssbox_next {
  visibility: visible;
}

a:target > img.cssbox_thumb + span.cssbox_full {
  visibility: visible;
  opacity: 1;
  pointer-events: initial;
}
/* This is the end of CSSBox */