/*Std. Definitionen*/
body, h1, h2, h3, h4, h5, h6, ul, ol, p, img
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

header, footer, main, nav
{
  display: block;
  position: relative;
}




/* -------------------------------------------------- */
/* ----- Watzmann.theater --- AV --- 13.10.2015 ----- */
/* -------------------------------------------------- */

body
{
  background-image: url(../images/Layout/WrapperBG.gif);
  background-position: center top;
  background-repeat: repeat-y;
  background-color: #4d4d4d;
}



/* ------------------- */
/* Header */
/* ------------------- */

header#Header
{
  background-color: #ffffff;
  background-image: url(../images/Layout/Pfahl.jpg);
  background-position: left top;
  background-repeat: repeat;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

header#Header div#HeaderWrapper
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}

header#Header div#Logo
{
  padding-top: 25px;
  padding-bottom: 25px;
}

header#Header div#Logo img
{
  width: 350px;
}

header#Header div#HeaderText
{
  position: absolute;
  top: 40px;
  left: 25px;
}


/* Störer "Aufzeichnung ansehen" */
header#Header div#Stoerer
{
  position: absolute;
  top: 55px;
  right: 15px;
  z-index: 5;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.5));
  transform: rotate(-12deg);
  -webkit-transform: rotate(-12deg);
  animation: StoererWackeln 6s ease-in-out 2s infinite;
}

header#Header div#Stoerer a
{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  background-color: #e20613;
  color: #ffffff;
  text-decoration: none;
  -webkit-clip-path: polygon(50% 0%, 56.9% 6.5%, 65.5% 2.4%, 70% 10.8%, 79.4% 9.5%, 81.1% 18.9%, 90.5% 20.6%, 89.2% 30%, 97.6% 34.5%, 93.5% 43.1%, 100% 50%, 93.5% 56.9%, 97.6% 65.5%, 89.2% 70%, 90.5% 79.4%, 81.1% 81.1%, 79.4% 90.5%, 70% 89.2%, 65.5% 97.6%, 56.9% 93.5%, 50% 100%, 43.1% 93.5%, 34.5% 97.6%, 30% 89.2%, 20.6% 90.5%, 18.9% 81.1%, 9.5% 79.4%, 10.8% 70%, 2.4% 65.5%, 6.5% 56.9%, 0% 50%, 6.5% 43.1%, 2.4% 34.5%, 10.8% 30%, 9.5% 20.6%, 18.9% 18.9%, 20.6% 9.5%, 30% 10.8%, 34.5% 2.4%, 43.1% 6.5%);
  clip-path: polygon(50% 0%, 56.9% 6.5%, 65.5% 2.4%, 70% 10.8%, 79.4% 9.5%, 81.1% 18.9%, 90.5% 20.6%, 89.2% 30%, 97.6% 34.5%, 93.5% 43.1%, 100% 50%, 93.5% 56.9%, 97.6% 65.5%, 89.2% 70%, 90.5% 79.4%, 81.1% 81.1%, 79.4% 90.5%, 70% 89.2%, 65.5% 97.6%, 56.9% 93.5%, 50% 100%, 43.1% 93.5%, 34.5% 97.6%, 30% 89.2%, 20.6% 90.5%, 18.9% 81.1%, 9.5% 79.4%, 10.8% 70%, 2.4% 65.5%, 6.5% 56.9%, 0% 50%, 6.5% 43.1%, 2.4% 34.5%, 10.8% 30%, 9.5% 20.6%, 18.9% 18.9%, 20.6% 9.5%, 30% 10.8%, 34.5% 2.4%, 43.1% 6.5%);
  transition: 0.3s;
}

header#Header div#Stoerer a:link {color: #ffffff; text-decoration: none;}
header#Header div#Stoerer a:visited {color: #ffffff; text-decoration: none;}
header#Header div#Stoerer a:hover {color: #ffffff; text-decoration: none; background-color: #ba0510; transform: scale(1.08);}
header#Header div#Stoerer a:active {color: #ffffff; text-decoration: none;}

header#Header div#Stoerer span.StoererRing
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 126px;
  height: 126px;
  border: 2px dashed rgba(255,255,255,0.75);
  border-radius: 50%;
}

header#Header div#Stoerer span.StoererPlay
{
  position: relative;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  background-color: #ffffff;
  border-radius: 50%;
}

header#Header div#Stoerer span.StoererPlay:after
{
  content: "";
  position: absolute;
  top: 8px;
  left: 12px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #e20613;
}

header#Header div#Stoerer a:hover span.StoererPlay:after {border-left-color: #ba0510;}

header#Header div#Stoerer span.StoererText
{
  font-family: 'League Gothic', 'Palatino Linotype', Times New Roman, Serif;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

/* Kurzes Wackeln alle paar Sekunden */
@keyframes StoererWackeln
{
  0%, 12%, 100% {transform: rotate(-12deg);}
  3% {transform: rotate(-6deg);}
  6% {transform: rotate(-16deg);}
  9% {transform: rotate(-9deg);}
}

@media (prefers-reduced-motion: reduce)
{
  header#Header div#Stoerer {animation: none;}
}


/* ------------------- */
/* Wrapper */
/* ------------------- */

div#Wrapper
{
  background-color: #000000;
}



/* ------------------- */
/* Navigation */
/* ------------------- */

div#NavWrapper
{
  background-color: #4d4d4d;
}

div#NavWrapper nav#Navigation
{
  margin-left: auto;
  margin-right: auto;
  width: 780px;
}

div#NavWrapper nav#Navigation ul
{
  list-style-type: none;
}

div#NavWrapper nav#Navigation ul li
{
  color: #ffffff;
  font-family: 'League Gothic', 'Palatino Linotype', Times New Roman, Serif;
  font-size: 25px;
  float: left;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  width: 156px;
}


div#NavWrapper nav#Navigation ul li a
{
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding-bottom: 20px;
  padding-top: 25px;
}

div#NavWrapper nav#Navigation ul li a:link
{
  color: #ffffff;
  text-decoration: none;
}

div#NavWrapper nav#Navigation ul li a:visited
{
  color: #ffffff;
  text-decoration: none;
}

div#NavWrapper nav#Navigation ul li a:hover
{
  color: #e20613;
  text-decoration: none;
}

div#NavWrapper nav#Navigation ul li a:active
{
  color: #ffffff;
  text-decoration: none;
}

div#NavWrapper nav#Navigation ul li a.Markiert
{
  background-color: #e20613;
  color: #ffffff;
}

div#NavWrapper nav#Navigation ul li a.Markiert:link
{
  color: #ffffff;
  text-decoration: none;
}

div#NavWrapper nav#Navigation ul li a.Markiert:visited
{
  color: #ffffff;
  text-decoration: none;
}

div#NavWrapper nav#Navigation ul li a.Markiert:hover
{
  color: #ffffff;
  text-decoration: none;
  background-color: #ba0510;
}

div#NavWrapper nav#Navigation ul li a.Markiert:active
{
  color: #ffffff;
  text-decoration: none;
}


/* ------------------- */
/* Content */
/* ------------------- */

div#Wrapper div#InnerWrapper div#Content
{
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt
{
  padding: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div.FloatLeft
{
  position: absolute;
	left: -180px;
	top: 58px;
  width: 158px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div.SpalteLinks
{
  float: left;
  width: 275px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div.SpalteRechts
{
  margin-left: 300px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke
{
  text-align: center;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke p
{
  color: #d52420;
  font-family: 'League Gothic', 'Palatino Linotype', Times New Roman, Serif;
  font-size: 33px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke a
{
  color: #ffffff;
  text-decoration: none;
  background-color: #d52420;
  padding: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: block;
  font-size: 32px;
  line-height: 34px;
  padding-top: 12px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke a:link {color: #ffffff; text-decoration: none;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke a:visited {color: #ffffff; text-decoration: none;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke a:hover {color: #ffffff; text-decoration: none; background-color: #ba0510;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt div#AufzeichnungWolke a:active {color: #ffffff; text-decoration: none;}


/* Formatierungen */
div#Wrapper div#InnerWrapper div#Content main#Inhalt,
div#Wrapper div#InnerWrapper div#Content main#Inhalt h1,
div#Wrapper div#InnerWrapper div#Content main#Inhalt h2,
div#Wrapper div#InnerWrapper div#Content main#Inhalt h3,
div#Wrapper div#InnerWrapper div#Content main#Inhalt h4,
div#Wrapper div#InnerWrapper div#Content main#Inhalt h5,
div#Wrapper div#InnerWrapper div#Content main#Inhalt h6,
div#Wrapper div#InnerWrapper div#Content main#Inhalt p,
div#Wrapper div#InnerWrapper div#Content main#Inhalt ul li,
div#Wrapper div#InnerWrapper div#Content main#Inhalt ol li,
div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr td,
div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr th
{
  color: #ffffff;
  font-family: 'Bitter', Arial, Verdana, sans-serif;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt h1
{
  margin-bottom: 30px;
  font-size: 42px;
  color: #e20613;
  font-family: 'League Gothic', 'Palatino Linotype', Times New Roman, Serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt h2 {margin-bottom: 25px; font-size: 22px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt h3 {margin-bottom: 20px; font-size: 20px; color: #e20613;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt h4 {margin-bottom: 15px; font-size: 16px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt h5 {margin-bottom: 5px; font-size: 14px; color: #e20613; text-transform: uppercase;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt h6 {margin-bottom: 5px; font-size: 14px; font-weight: 600;}

div#Wrapper div#InnerWrapper div#Content main#Inhalt p
{
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 23px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt ul {list-style-type: disc; margin-left: 30px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt ul li
{
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 23px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt ol {margin-left: 30px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt ol li
{
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 23px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt a {color: #e20613; text-decoration: underline;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a:link {color: #e20613; text-decoration: underline;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a:visited {color: #e20613; text-decoration: underline;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a:hover {color: #e20613; text-decoration: none;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a:active {color: #e20613; text-decoration: underline;}

div#Wrapper div#InnerWrapper div#Content main#Inhalt a.LinkWieButton
{
  background-color: #e20613;
  color: #ffffff;
  text-decoration: none;
  padding: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 15px;
  font-family: 'League Gothic', 'Palatino Linotype', Times New Roman, Serif;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt a.LinkWieButton:link {color: #ffffff; text-decoration: none;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a.LinkWieButton:visited {color: #ffffff; text-decoration: none;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a.LinkWieButton:hover,
div#Wrapper div#InnerWrapper div#Content main#Inhalt a.LinkWieButton.Markiert
{
  color: #ffffff;
  text-decoration: none;
  background-color: #ba0510;
}
div#Wrapper div#InnerWrapper div#Content main#Inhalt a.LinkWieButton:active {color: #ffffff; text-decoration: none;}


div#Wrapper div#InnerWrapper div#Content main#Inhalt p.Unternavigation a.LinkWieButton {font-size: 23px !important;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt p.Unternavigation a.LinkWieButton:last-child {margin-right: 0px;}


div#Wrapper div#InnerWrapper div#Content main#Inhalt table {border-collapse: collapse;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr:last-child td {border: 0px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr td
{
  padding: 8px;
  padding-right: 15px;
  vertical-align: top;
  border-bottom: 1px solid #e20613;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt table.TextKlein tr td
{
	font-size: 13px;
	padding-right: 8px;
}


div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr td.Besch {text-align: right; font-weight: 600;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr td.Feld {}

div#Wrapper div#InnerWrapper div#Content main#Inhalt table.formular tr td {border-bottom: 0px solid #000000;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt table.formular tr td table tr td {padding: 0px; padding-right: 15px;}

div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr td p {line-height: 20px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt table tr td p:last-child {margin-bottom: 0px;}



div#Wrapper div#InnerWrapper div#Content main#Inhalt span.TextKlein {font-size: 11px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt span.TextGross {font-size: 18px;}


div#Wrapper div#InnerWrapper div#Content main#Inhalt img.BildFliessendLinks
{
  margin-right: 20px;
  float: left;
  margin-bottom: 10px;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt img.BildFliessendRechts
{
  margin-left: 20px;
  float: right;
  margin-bottom: 10px;
}



div#Wrapper div#InnerWrapper div#Content main#Inhalt input[type='submit']
{
  background-color: #e20613;
  color: #ffffff;
  text-decoration: none;
  padding: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 15px;
  font-family: 'League Gothic', 'Palatino Linotype', Times New Roman, Serif;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt input[type='submit']:hover
{
  color: #ffffff;
  text-decoration: none;
  background-color: #ba0510;
}

div#Wrapper div#InnerWrapper div#Content main#Inhalt div.HinweisBox {background-color: #4d4d4d; padding: 20px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt div.HinweisBox h3 {margin-bottom: 10px; color: #ffffff;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt div.HinweisBox p:last-child {margin-bottom: 0px;}
div#Wrapper div#InnerWrapper div#Content main#Inhalt div.HinweisBox a.LinkWieButton {display: inline-block;}




/* ------------------- */
/* Footer */
/* ------------------- */


div#Wrapper div#FooterWrapper
{
  background-image: url(../images/Layout/BergLinie.png);
  background-position: center top;
  background-repeat: repeat-x;
  position: relative;
}

div#Wrapper div#FooterInnerWrapper
{
  background-image: url(../images/Layout/Berg.png);
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 170px;
  padding-bottom: 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}


div#Wrapper div#FooterWrapper footer#Footer
{
  margin-top: 40px;
}

div#Wrapper div#FooterWrapper footer#Footer div#FooterAdresse
{
}

div#Wrapper div#FooterWrapper footer#Footer p
{
  color: #aaaaaa;
  font-family: 'Bitter', Arial, Verdana, sans-serif;
  font-size: 10px;
  margin-bottom: 10px;
}

div#Wrapper div#FooterWrapper footer#Footer a
{
  color: #aaaaaa;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper footer#Footer a:link
{
  color: #aaaaaa;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper footer#Footer a:visited
{
  color: #aaaaaa;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper footer#Footer a:hover
{
  color: #dddddd;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper footer#Footer a:active
{
  color: #aaaaaa;
  text-decoration: none;
}




/* ------------------- */
/* Footer Navigation   */
/* ------------------- */

div#Wrapper div#FooterWrapper nav#FooterNavigation
{
}

div#Wrapper div#FooterWrapper div#FooterNavigationListe
{
  margin-top: 10px;
}

div#Wrapper div#FooterWrapper div#SocialMedia
{
  position: absolute;
  left: 120px;
  top: -40px;
}

div#Wrapper div#FooterWrapper div#SocialMedia img
{
  height: 20px;
}

div#Wrapper div#FooterWrapper div#SocialMedia a
{
  display: inline-block;
  margin-right: 10px;
}


div#Wrapper div#FooterWrapper nav#FooterNavigation ul
{
  list-style-type: none;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li
{
  color: #aaaaaa;
  font-family: 'Bitter', Arial, Verdana, sans-serif;
  font-size: 12px;
  display: inline-block;
  margin-right: 15px;
  text-transform: uppercase;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li a.Markiert
{
  font-weight: 600;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li a
{
  color: #aaaaaa;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li a:link
{
  color: #aaaaaa;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li a:visited
{
  color: #aaaaaa;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li a:hover
{
  color: #ffffff;
  text-decoration: none;
}

div#Wrapper div#FooterWrapper nav#FooterNavigation ul li a:active
{
  color: #aaaaaa;
  text-decoration: none;
}







/* ------------------- */
/* Global */
/* ------------------- */

div.clear
{
  clear: both;
}