*
{
	text-align:center;
	font-family:Helvetica Neue Light, Helvetica, Geneva, Arial, sans-serif;
   margin: 0;
   padding: 0;
}

body
{
   width: 100%;
   margin: 0 auto; 
	background-color:#FFF;
}

img
{
	border-style:none;
}

img.novideo
{
   -webkit-filter: brightness(0.3);
   -moz-filter: brightness(0.3);
   -ms-filter: brightness(0.3);
   -o-filter: brightness(0.3);
   filter: brightness(0.3);
}

a{
   color: #A1141D;
}

div#start
{
   color:#EBEBEB; 
   display:none;
}

/***********************************  obere navigation  **************************************************/
nav#menue, div#topline
{
	height:auto;
	margin:0 0.5em;
	padding:0;
	border-style:none;
   /*position:absolute;*/
   position:fixed;
   top:0;
   left:0;
   background-color:#666;
   z-index:10;
   text-align:left;
}

nav#menue
{
	width:10em;
   /*display:none;
   left:0;*/
   left:-15em;
   transition: all 0.5s ease-in;
   top:2.1em;
}

div#topline
{
	width:calc(100% - 1em);
   display: block;
   white-space:nowrap;
}

div#desktopview
{
   float:left;
   margin-top: 0.1em;
   padding-left:3em;
}

#topline a
{
	width:100%;
	margin:0;
	padding:0;
   padding-left:0.5em;
   font-size:0.8em;
   font-weight:bold;
	color:#FFF;
	text-decoration:none;
	line-height:2.5em;
}

label.mbuttonlabel
{
   font-size:1.6em; 
   line-height:0;
   font-weight:bold;
   cursor:pointer;
   /*position:absolute;*/
   position:fixed;
   padding:0.7em 0 0 0.2em;
   margin:0;
   margin-left:0.5em;
   top:0em;
   left:0em;
   background-color:#666;
   color:#FFF;
   z-index:11;
}

input#mbutton
{
   display:none;
}

#mbutton:checked ~ nav
{
   /*display:block;*/

   left:0;
   transition: all 0.5s ease-in;
}

#mbutton:checked + label.mbuttonlabel::after
{
   content:"\2716";
   color:#A1141D;
}

#mbutton:checked + label.mbuttonlabel span
{
   display:none;
}

#menue ul
{
	margin:0;
	padding:0;
   list-style:none;
}

#menue ul li
{
	position:relative;
   /*width:calc( 100% + 1em );*/
   width:auto;
	margin:0;
	padding:0;
   padding-left:1.5em;
   font-size:1.0em;
   font-weight:bold;
   line-height:2.0em;
   border-top:1px solid #555;
}

#menue a
{
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	color:#FFF;
	text-decoration:none;
	white-space:nowrap;
}

#menue .mainmenue a
{
	text-transform:uppercase;
}

#menue .notcurrent a
{
	background-color:#666;
}

#menue .current a
{
	background-color:#333;
}

#menue a:hover
{
	background-color:#333;
}

nav#sepsubmenue
{
	width:calc(100% - 1em);
	height:1em;
	margin:0 auto;
	padding:0.3em 0 1.0em 0;
	border-style:none;
  	text-align:center;
   background-color:#FFFFFF;
   position:relative;
   top:2.5em;
   z-index:8;
}

#sepsubmenue ul
{
   width:auto;
	margin:0 auto;
	padding:0;
	font-size:1.0em;
	line-height:auto;
   text-align:center;
   border-collapse:collapse;
}

#sepsubmenue ul li
{
	list-style:none;
   display:inline;
	margin:0;
	padding:0 0.5em;
   border-right:1px solid #555;
}

#sepsubmenue ul li:first-child
{
   border-left:1px solid #555;
}

#sepsubmenue li a
{
	margin:0;
	padding:0;
	border-style:none;
	color:#000;
	text-decoration:none;
	white-space:nowrap;
   background-color:#FFFFFF;
	text-transform:uppercase;
}

#sepsubmenue ul a:hover
{
   background-color:#FFFFFF;
	color:#A1141D;
}

#sepsubmenue .notcurrent a
{
	color:#000000;
}

#sepsubmenue .current a
{
	color:#A1141D;
}

@media (max-width: 43em) 
{
   #sepsubmenue ul li, #sepsubmenue ul li:first-child
   {
      border:none;
   }
}

/****************************************  header  **************************************************/
header
{
   display:block;
   text-transform:uppercase;
	width:auto;
	height:auto;
	margin:0 auto;
   margin-top:0.5em;
	padding:0;
   padding-top:0.5em;
	border-style:none;
  	text-align:center;
   background-color:#FFFFFF;
   position:relative;
   top:2em;
}

header a
{
   text-decoration:none;
   color:black;
}

header h1, header h2
{
   text-align:center;
   text-shadow: 0.05em 0.05em 0.1em grey;
   font-weight:400;
}
header a h1
{
   font-size:3em;  
   line-height:100%;
}
header a h2
{
   font-size:1.75em;   
}
header a .colored
{
   color:#A1141D;
}

@media (max-width: 40em) 
{
   header a h1
   {
      font-size:2.0em;  
   }
   header a h2
   {
      font-size:1.1667em;   
   }
}
@media (max-height: 40em) 
{
   header a h1
   {
      font-size:2.0em;  
   }
   header a h2
   {
      font-size:1.1667em;   
   }
}
main
{
   display:block;
}


/***********************************  content **************************************************/
article
{
   margin:0 0.5em;
   padding-top:0.5em;
   padding-left:0.5em;
   padding-right:0.5em;
   padding-bottom:0.5em;
   position:relative;
   top:3.0em;
	height:auto;
   background-color:#F5F5F5;
}

article h1
{
	color:#A1141D;
	font-size:1.6em;
	text-align:left;
	font-family:Helvetica Neue Light, Helvetica, Geneva, Arial, sans-serif;
	font-weight:400;
}

article h2
{
	font-size:1.2em;
	text-align:left;
	font-family:Helvetica Neue Light, Helvetica, Geneva, Arial, sans-serif;
	font-weight:400;
	margin:1em 0;
}

article h3
{
   margin:0;
   margin-top: 0.5em;
   padding:0;
   font-size: 1.2em;
   line-height: 1.7em;
   text-align:left;
   color: #A1141D;
   background-color: #CCCCCC;
}

article b
{
   font-weight:bold;
}

article hr
{
	border:none;
	border-top:1px solid #CCC;
	color:#FFF;
	background-color:#FFF;
	height:1px;
	margin-top:0.5em;
	margin-bottom:1em;
}

article p
{
	text-align:left;
	font-size:1.0em;
	line-height:1.4em;
   margin:0.5em 0;
}

article video
{
	width:100%;
	height:auto;
}

article .iframevideo
{
	padding:0;
	position:relative;
	width:100%;
	height:0;
	overflow:hidden;
}

article .iframevideo iframe
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

article .imgright, article .imgright img, article .imgright svg
{
   float:right;
   padding-left:10px;
   max-width:50%;
   width:auto;
   height:auto;
}

article .imgright img, article .imgright svg
{
   max-width:100%;
}

}
article .imgleft
{
   float:left;
   padding-right:10px;
   max-width:50%;
   width:auto;
   height:auto;
}

article ul, ol
{
   text-align:left;   
	padding-inline-start: 20px;
}

article ul li, ol li
{
   text-align:left;   
	font-size:95%;
	line-height:130%;
}

article table
{
   table-layout:fixed;
   width:100%;
	border:0;
	border-collapse:collapse;
}

article table.w50pr10, article table.w50pr10fl
{
   width:calc(50% - 1.5em);
   max-width:25em;
   margin-right:1em;
   table-layout:auto;
}

article table.w50pr10fl
{
   float:left;
}
 
@media (max-width: 40em) 
{
   article table.w50pr10, article table.w50pr10fl
   {
      width:60%;
      float:none;   
   }
}

article table.dnlist
{
   width:calc(100% - 1.5em);
   max-width:30em;
   table-layout:auto;
}
article table.dnlist td:first-child
{
   min-width:15em;
}

article table.livelist
{
   table-layout:auto;
}

article table.livelist td:first-child
{
   min-width:4em;
}

article table.formlist
{
   table-layout:auto;
}

article table.formlist td
{
   padding-right:0.5em;
}

article table.formlist td:last-child
{
   padding-right:0;
}

article table td
{
   text-align:left; 
	font-size:1.0em;
	line-height:1.4em;
}

article table td h2
{
	font-size:1.2em;
}

article table td hr
{
   margin-top:1em;
	margin-bottom:1em;
}

article .formular 
{
   background-color:#666;
   color:#fff;
   height:1.8em;
   font-size:1.2em;
	margin: 0em;
	padding: .4em 1em;
	width: 8em;
   cursor: pointer;
   border: none;
}

article .formular:hover
{
   background-color:#333;
}

article form table td h2
{
   font-size:1.0em;
   margin:0;
}

article form table td:first-child
{
   width:5em;
   font-size:1.2em;
   line-height:1.8em;
}

article form input,textarea,select 
{
   text-align:left; 
   width:auto;
   max-width:40em;
}

article form input,select 
{
   font-size:1.2em;
}

@media (max-width: 40em) 
{
   article form input,textarea,select 
   {
      max-width:calc(100% - 1.5em);
   }
}
article .error 
{
   color:#ff0000;
}

article .igrey
{
   color:#888;
   font-style:italic;
}

article .back2mainpage, article .clear
{
   clear:both;
}

/***********************************  footer  **************************************************/
footer
{
	width:calc(100% - 1em);
   height:auto;
	margin:0.5em;
	padding:0;
   padding-top:0.5em;
   padding-bottom:0.5em;
	border-style:none;
   background-color:#FFF;
	clear:both;
   position:relative;
   top:3.0em;
}

footer div#footertext
{
   width:auto;
   margin:0 auto;
}

footer #footertext ul
{
   padding:0;
	color:#999;
	text-align:center;
	font-size:0.8em;
}

footer #footertext ul li
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0 15px;
   border-left:1px solid #999;
}

footer #footertext ul li:first-child
{
   border:none;
   padding-left:0;
}

footer #footertext ul li:last-child
{
   padding-right:0;
}

@media (max-width: 40em) 
{
   footer #footertext ul li
   {
      display:list-item;
      border:none;
   }
}