/* IE fix */
* {
 border: 0;
}

/* Basic Framework */
#active {
 height: 9px;
}
#content {
 color: #535353;
 /* column-count: 2;
 -moz-column-count: 2;
 -ms-column-count: 2;
 -webkit-column-count: 2; */
 font: 12px "Arial";
 /* hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -webkit-hyphens: auto; */
 padding: 10px;
}
#header {
 height: 30px;
}
#main {
 height: 531px;
 overflow-x: hidden;
 overflow-y: auto;
 padding: 0;
}
#navbar {
 height: 30px;
}
#wrapper {
 height: 600px;
 left: 50%;
 margin-left: -512px;
 margin-top: -300px;
 position: absolute;
 top: 50%;
 width: 1024px;
}

/* Menu */
.menu {
 margin: 0;
 padding: 0;
}
.menu li {
 float: left;
 list-style: none;
}
.menu li a {
 color: #535353;
 display: block;
 font: 11px Arial;
 line-height: 30px;
 padding: 0 10px; 
 text-align: center;
 text-decoration: none;
 text-transform: lowercase;
}

/* Teaser Startapge */
.box1 {
 overflow: hidden;
 position: relative;
}
.box1 .teaser {
 background: rgba(210, 210, 210, .98);
 /* background: rgba(0, 166, 0, 0.75); */ /* IE Hacks in eigener Datei! */
 color: #626262;
 font: 12px "Arial";
 height: 100%;
 hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -webkit-hyphens: auto;
 line-height: 2em;
 margin: 0;
 right: -420px;
 text-align: justify;
 transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
 width: 400px;
}
.box1:hover .teaser {
 right: 0;
}
.figure1 {
 margin: 5px;
 padding: 10px;
 position: absolute;
 right: 0;
 top: 0;
}

/* Spoiler */
.box2 {
 overflow: hidden;
 position: relative;
}
.box2 .teaser {
 background: rgba(0, 166, 0, 0.75);
 /* background: rgb(0, 166, 0); /* IE fix */
 bottom: -43px;
 color: #FFFFFF;
 font: 11px "Arial";
 line-height: 1.5em;
 margin: 0;
 transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
 width: 246px;
}
.box2:hover .teaser {
 bottom: 0;
}
.figure2 {
 bottom: 0;
 margin: 0;
 padding: 5px;
 position: absolute;
}

/* BOX2??? OBSOLET??? */ /* folgender Abschnitt obsolet, da "span" nicht mehr verwendet */
#box {
 height: 177px;
 position: relative;
 width: 256px;
}
#box a {
 display: block;
}
#box a:hover {
 /* empty */
}
#box a span {
 display: none;
}
#box a:hover span {
 background: rgb(0, 166, 0);
 background: rgba(0, 166, 0, 0.75);
 bottom: 0;
 color: #FFFFFF;
 display: block;
 left: 0;
 line-height: 1.8em;
 margin: 0;
 padding: 0 0 0 5px;
 position: absolute;
 width: 251px;
 z-index: 100;
}

/* Bilderbox */
#imgbox {
 padding: 0;
 margin: 0;
}
#imgbox div {
 display: none;
}
#imgbox:hover div {
 display: block;
 position: absolute;
 top: 25%;
 left: 10%;
 padding-left: 10px;
 padding-right: 10px;
 background: rgba(64, 64, 64, 0.9);
 font: 10px "Arial";
 color: #FFFFFF;
}
dl {
 float: left;
}
dd {
 margin: 0;
}

/* Text Decoration */
a, a:visited {
 color: #535353;
 font: 40px "Arial";
 text-decoration: none; /* testweise */
}
a:hover {
 color: rgb(0, 160, 0);
}
a.startlink, a:visited.startlink {
 color: #626262;
 font: 12px "Arial";
 font-weight: bold;
 line-height: 2em;
}
a:hover.startlink {
 text-decoration: underline;
}
body {
 background: #FFFFFF;
 color: #535353;
}
h1 {
 font: 14px "Arial";
 line-height: 30px;
 margin: 0 10px 0 10px;
}
h2 {
 font: 14px "Arial";
 letter-spacing: .15em;
 text-transform: uppercase;
}
h3 {
 font: 12px "Arial";
 font-weight: normal;
 margin-top: -5px;
}
h4 {
 break-after: avoid;
 font-size: 12px;
 font-weight: normal;
 letter-spacing: .1em;
 margin-bottom: -5px;
 text-transform: uppercase;
}
h5 {
 font-size: 12px;
 font-weight: normal;
 margin-bottom: -5px;
}
p {
 line-height: 1.5em;
 text-align: justify;
}
td {
 font: 12px "Arial";
}
.col3 {
 column-count: 3;
 column-gap: 20px;
 -moz-column-count: 3;
 -moz-column-gap: 20px;
 -ms-column-count: 3;
 -ms-column-gap: 20px;
 -webkit-column-count: 3;
 -webkit-column-gap: 20px;
}
.imgcol {
 float: left;
 padding: 10px;
}
#images {
 padding-left: 25px;
}
.textlink,.textlink:hover {
 color: #535353;
 font-size: 12px;
 font-weight: bold;
}
li {
 line-height: 1.5em;
}

/* OBSOLET */
.imagecol {
 padding-top: 15px;
 text-align: center;
 vertical-align: top;
}

#textbody {
 color: #535353;
 column-count: 2;
 -moz-column-count: 2;
 -ms-column-count: 2;
 -webkit-column-count: 2;
 font: 12px "Arial";
}