/*
arch-tag: 69bbb6c6-5aff-42c0-9763-7d65fe055840
*/


h1, h2, h3 { margin:0; padding:0; }

html {
   position: relative;
   min-height: 100%;
}

body {
   background-color: #eeeeff;
   color: #000000;
   line-height: 1.35em;
   margin: 0;
   padding: 0;
   margin: 0 auto 6em auto;

}

a {
   color: #e539d6;
   text-decoration: none;
}

p {
   margin: 0;
}

em {
   font-weight: bold;
   text-decoration: none;
   font-style: normal;
}

h1 {
   color: #000000;
   font-size: 2em;
   font-weight: normal;
   margin-top: 1.6em;
   margin-bottom: 1em;
   text-align: center;
}

h2 {
   color: #000000;
   font-weight: normal;
   margin-top: 1.6em;
   margin-bottom: 1em;
}

h3 {
   color: #000000;
   font-weight: normal;
   margin-top: 1.6em;
   margin-bottom: 1em;
}

ul {
   padding-left: 1.2em;
}

.subtitle {
   font-style: italic;

}

.row {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   max-width: 50em;
}

.column1-2 {
   float: none;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 3em;
   padding-left: 1em;
   padding-right: 1em;
   width: 90%;
}

.column1 {
   float: none;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 3em;
   padding-left: 1em;
   padding-right: 1em;
   width: 90%;
}

.decotextbox {
   padding: 1em;
   border: 1px solid #555555;
   border-radius: 10px;
   background-color: #eeeeff;

   -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.20);
   -moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.20);
   box-shadow: 0 0px 10px 2px rgba(0,0,0,0.20);
}

.bar {
   width: 100%;
   height: 2em;

   line-height: 1em;
   font-size: 80%;

   background-color: #a0a2d0;
   color: #000000;

   -webkit-box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.30);
   -moz-box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.30);
   box-shadow: 0 0px 10px 2px rgba(0,0,0,0.30);
}

#langBar {
   padding: 0;
}

#langSel  {
   margin: 0;
   float: right;
   margin-top: 0.5em;
   padding-right: 0.7em;
   list-style-type: none;
   list-style-position: outside;
}

#langSel li {
   float: left;
   padding-left: 1em;
}

#langSel img {
   width: 1.5em;
}


#headerdecobox{
   width: 100%;
   background-color: #ffffff;
   color: #000000;

   border-top: 1px solid black;
   border-bottom: 1px solid black;

   -webkit-box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.30);
   -moz-box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.30);
   box-shadow: 0 0px 10px 2px rgba(0,0,0,0.30);
}

#header .logo {
   color: #054287;
}

#header .logo img {
   width: 14em;
   margin: 2em 0 2em 1em;
}

.warning-closed {
    border: 0.1em solid #FF0000;
    color: #A00000;
    font-size: 3em;
    line-height: 1.35em;
    text-align: center;
    margin-bottom: 0.1em;
}

#main-nav {
   margin-top: -3.5em;
   text-align: center;
}

#menu-link {
   float: right;
   z-index: 1001;
   font-weight: bold;
   margin: -1em 1em -0.7em 1em;
}

#menu-link img {
   width: 1em;
}

.menu {
   list-style-type: none;
   list-style-position: outside;
   padding: 0;
   margin: 0 0 3em 0;
}

.menu.navSubL1, .menu.navSubL2, .menu.navSubL3 {
   list-style-type: none;
   list-style-position: outside;
   padding-left: 1em;
}

.menu li a {
  width: 100%;
  height: 1em;
  line-height: 1em;
  display: inline-block;
}

.menu li span {
  width: 100%;
  height: 1em;
  line-height: 1em;
  display: inline-block;
}

.menu li.navEntryCurrentL0, .menu li.navEntryCurrentL1, .menu li.navEntryCurrentL2,
.menu li.navEntryCurrentL3 {
   color: #000000;
   font-weight: bold;
}

.menu li.navEntryL0, .menu li.navEntryL1, .menu li.navEntryL2, .menu li.navEntryL3 {
   color: #e539d6;
   font-weight: bold;
}

.menu li.navEntryL0, .menu li.navEntryCurrentL0 {
   font-size: 110%;
}

.menu li.navEntryL1, .menu li.navEntryCurrentL1 {
   font-size: 110%;
}

.menu li.navEntryL2, .menu li.navEntryCurrentL2 {
   font-size: 100%;
}

.navbullet {
   width: 0.6em;
   vertical-align: middle;
}


body:not(:target) #menu {
   z-index: 1000;
   margin-bottom: 2em;
}

body:not(:target) #menu li {
   width: 100%;
   height: 0;
   line-height: 0;
   overflow: hidden;
   -webkit-transition: height 0.25s;
   -moz-transition: height 0.25s;
   -o-transition: height 0.25s;
   transition: height 0.25s;
}

body:not(:target) #menu:target {
   z-index: 1001;

   background-color: #eeeeff;
   -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,020);
   -moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.20);
   box-shadow: 0 0px 10px 0 rgba(0,0,0,0.20);
}

body:not(:target) #menu:target li {
   width: 100%;
   height: 1em;
   line-height: auto;
   padding: 0.7em 0 0.7em 0;
   border-bottom: solid 1px #555555;

   overflow: visible;
   -webkit-transition: height 0.25s;
   -moz-transition: height 0.25s;
   -o-transition: height 0.25s;
   transition: height 0.25s;
}

body:not(:target) #menu:target li:first-child {
   border-top: solid 1px #555555;
}

body:not(:target) #menu:target li:last-child {

}

@media all and (min-width: 769px) {
   #main-nav {
      float: left;
      margin: -7em 0 0 26em;
   }
   #menu-link {
      display: none;
   }
   body:not(:target) #menu {
      padding-top: 0;
      background: none;
   }
   body:not(:target) #menu li {
      display: inline;
      border: none;
      margin: 0;
   }
   body:not(:target) #menu li a, body:not(:target) #menu li span {
      line-height: 1em;
      padding: 0 .75em 0 0.75em;
      height: 1em;
      width: auto;
      border: none;
      background-color: transparent;
   }
   body:not(:target) #menu:target {
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }
   body:not(:target) #menu:target li {
      width: 100%;
      height: 1em;
      line-height: auto;
      padding: 0.5em 0 0.5em 0;
      border: none;
      background-color: transparent;
   }
   body:not(:target) #menu:target li:first-child {
      border: none;
   }
}


#content {
   color: #555555;
   margin-top: 3em;
   margin-bottom: 1.5em;
   padding-bottom: 0;
}

#team {
   max-width: 350px;
}

.teammember {
   margin-bottom: 3em;

}

.teampic { padding: 1em; }
.teampic img {
   background-color: black;
   border-radius: 10px;
   width: 100%;
}

.teammember .teammembertext {
   float: none;
   margin-left: auto;
   margin-right: auto;
   padding: 0 1em 1em 1em;
}

dl.impressum dt {
   color: #000000;
   font-weight: normal;
   margin-top: 1.5em;
}

dl.impressum dd {
   margin-top: 0.5em;
   margin-bottom: 0;
   margin-left: 2em;
}

dl.impressum dd a.haftpflicht {
   float: left;
   margin-right: 1em;
}


#footer {
   position: absolute;
   padding: 1em 0 0 0;
   bottom: 0;
   left: 0;
   margin-left: auto;

   text-align: center;

   border-top: 1px solid #555555;
}

span.generationTime {
   float: left;
}

span.permalink {
}

span.banners {
   float: right;
   clear: none;
}

.clear {
   clear: both;
}

.nav-doc-links {
        margin: 0;
        padding: 0;
}
.nav-doc-links ul {
        margin: 0;
        padding: 0;
}
.nav-doc-links li {
        margin-right: 0.3em;
        padding-right: 0.3em;
        list-style: none;
        display: inline-block;
}
.nav-doc-links li:before {
        content: "\2193";
}
.nav-doc-links a {
        padding: 0;
        text-decoration: none;
        font-style: italic;
        color: #109B7C;
        line-height: 100%;
}
.nav-doc-links-line, .nav-doc-top-line {
        clear: both;
        margin: 0;
        margin-top: -0.2em;
        padding: 0;
        width: 100%;
        height: 1px;
        border-style: none;
        background-color: #109B7C;
}

.nav-doc-top {
        margin: 0;
        margin-bottom: -0.2em;
        float: right;
        clear: both;
}
.nav-doc-top ul {
        margin: 0;
        padding: 0;
}
.nav-doc-top li {
        list-style: none;
        display: inline-block;
}
.nav-doc-top li:before {
        content: "\2191";
}
.nav-doc-top a {
        padding: 0;
        text-decoration: none;
        font-style: italic;
        color: #109B7C;
        line-height: 100%;
}

@media all and (max-width: 320px) {
}

@media all and (min-width: 321px)  and (max-width: 480px) {
   #header .logo img { width: 18em; }
   #menu-link img { width: 2em; }
   #main-nav { margin-top: -2.5em;}
}

@media all and (min-width: 481px)  and (max-width: 768px) {
   #header .logo img { width: 24em; }
   #menu-link img { width: 3em; }

}

@media all and (min-width: 769px) and (max-width: 959px) {
   #header .logo img { width: 24em; }
   #menu-link img { width: 3em; }
   .column1-2 {
      width: 45%;
      float: left;
   }
   .column1 {
      width: 100%;
   }
   #team { max-width: none; width: 800px; }
   .teammember { margin-bottom: 3em; }
   .teampic { width: 30%; float: left; }
   .teammember .teammembertext {
      width: 60%;
      float: left;

   }
}

@media all and (min-width: 960px) {
   #header .logo img { width: 24em; }
   #menu-link img { width: 3em; }
   .column1-2 {
      width: 45%;
      float: left;
   }
   .column1 {
      width: 100%;
   }
   #team { max-width: none; width: 800px; }
   .teammember { margin-bottom: 3em; }
   .teampic { width: 30%; float: left; }
   .teammember .teammembertext {
      width: 60%;
      float: left;

   }
}