body {
  padding: 0px;
  margin: 0px;
  font: normal normal normal 16px/150% Arial, Helvetica, sans-serif;
  color: #000000;
  background-color:#FFFFFF;
}

img {
  border: 0px;
}

h1 {
  text-align: center;
  font-size: 30px;
  margin: 0px;
  padding: 25px 0px 0px 0px;
}

h2 {
  font-size: 18px;
  margin: 0px;
  font-weight: normal;
}

h4 {
  text-decoration: underline;
  color: #191970;
  display: inline;
}

h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
  text-decoration: underline;
  color: #191970;
}

a:link, a:visited {
  text-decoration:none;
  color: #0000FF;
}

a:hover {
  text-decoration: underline;
  color: #0000FF;
}

a:active {
  text-decoration: underline;
  color: #FFFF00;
}

p {
  margin: 0px 0px 17px 0px;
}

/*

Beginn: Classes

*/

.logo3, .logo4, .logo5, .logo6, .logo7, .logo8, .logo9, .logo10, .biglogo1, .biglogo2, .biglogo3, .biglogo4, .biglogo5, .biglogo6, .biglogo7, .biglogo8 {
  position: absolute;
  border: 0px;
  margin: 0px;
}

.logo3 {
  width: 220px;
  height: 30px;
  left: 705px;
  top: 0px;
}

.logo4 {
  width: 132px;
  height: 48px;
  top: 490px;
  left: 310px;
}

.logo5 {
  width: 100px;
  height: 40px;
  top: 490px;
  left: 465px;
}

.logo6 {
  width: 66px;
  height: 40px;
  top: 490px;
  left: 590px;
}

.logo7 {
  width: 77px;
  height: 40px;
  top: 490px;
  left: 680px;
}

.logo8 {
  width: 84px;
  height: 60px;
  top: 475px;
  left: 200px;
}

.logo9 {
  width: 78px;
  height: 20px;
  top: 510px;
  left: 780px;
}

.logo10 {
  width: 118px;
  height: 122px;
  top: 420px;
  left: 60px;
}

.biglogo1 {
  width: 118px;
  height: 122px;
  top: 100px;
  left: 400px;
}

.biglogo2 {
  width: 233px;
  height: 167px;
  top: 270px;
  left: 335px;
}

.biglogo3 {
  width: 305px;
  height: 111px;
  top: 490px;
  left: 305px;
}

.biglogo4 {
  width: 275px;
  height: 111px;
  top: 640px;
  left: 320px;
}

.biglogo5 {
  width: 160px;
  height: 96px;
  top: 785px;
  left: 375px;
}

.biglogo6 {
  width: 202px;
  height: 106px;
  top: 915px;
  left: 340px;
}

.biglogo7 {
  width: 180px;
  height: 84px;
  top: 1055px;
  left: 365px;
}

.biglogo8 {
  width: 120px;
  height: 86px;
  top: 1165px;
  left: 395px;
}

.upsprung {
  position: relative;
  top: 4px;
  width: 30px;
  height: 20px;
}

.wirkung {                                  /* EXPONATE */
  padding: 0px 29px 0px 30px;
  margin: 0px 0px 10px 0px;
  font-style: italic;
}

.wirkungend {                               /* EXPONATE */
  padding: 45px 0px 0px 0px;
}

.ofzeit {
  position: relative;
  font-style: italic;
  text-align: right;
  margin: 159px 350px 243px 0px;
  z-index: 2;
}

.ofzeit p {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  text-decoration: underline;
  margin: 0px 0px 10px 0px;
}

.werke {
  text-decoration: underline;
  font-weight: normal !important; /* important */
  font-style: normal !important;  /* important */
}

.text {
  margin: 5px 50px 17px 50px;
  text-align: justify;
}

.text span {
  font-weight: bold;
  font-style: italic;
}

.imgright {                                 /* EXPONATE */
  height: 80px;
  width: 80px;
  float: right;
  margin: 0px 0px 0px 10px;
  border: 1px solid #000000;
}

.imgright:hover {
  border-color: #0000FF;
}

.imgright2 {                            
  float: right;
  margin: 0px 0px 0px 10px;
  border: 0px;
}

.imgglch {
  position: absolute;
  left: 702px;
  border: 0px;
  height: 80px;
  width: 220px;
}

.absdiverf {
  position: relative;
  padding: 0px 0px 394px 0px;
}

.absdivexp {
  position: relative;
  padding: 0px 0px 370px 0px;
}

.absdiverf img, .absdivexp img {
  position: absolute;
  top: 15px;
  left: 5px;
  height: 350px;
  width: 350px;
  border: 3px solid #000000;
  z-index: 1;
}

.erfi {
  position: absolute;
  top: 185px;
  left: 337px;
  width: 450px;
  padding: 10px 10px 10px 40px;
  border: 3px solid #000000;
  text-align: center;
  background-color: #993300;
  color: #FFFF00;
  z-index: 2;
}

.erflong {
  position: absolute;
  top: 45px;
  left: 337px;
  width: 450px;
  padding: 10px 10px 10px 40px;
  border: 3px solid #000000;
  text-align: center;
  background-color: #993300;
  color: #FFFF00;
  z-index: 2;
}

.link {
  margin: 12px 0px 40px 20px;
}

.link ul {
  list-style-image: url('../images/1sipky.gif');
}

.tabelle {
  margin: 10px 0px 20px 90px;
}

.tabelle table {
  border-spacing: 5px;
  border: 0px;
}

.quiz {
  margin: auto;
}

.quizbottom {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #000000;
}

.endimage {
  height: 70px;
  width: 950px;
  background-image: url('../images/konec.gif');
}

.endimage2 {
  height: 70px;
  width: 950px;
  background-image: url('../images/konec3.gif');
}

.endimage p {
  margin: 0px;
}

.valhtml {
  position: relative;
  top: 25px;
  left: 5%;
  height: 31px;
  width: 88px;
}

.valcss {
  position: relative;
  top: 25px;
  left: 6.5%;
  height: 31px;
  width: 88px;
}

.underlink {
  margin: 0px 0px 0px 180px;
}

.underlink a {
  margin: 0px 1px 0px 1px;
  color: #333333 !important; /* important */
}

.underlink a:active {
  text-decoration: underline;
  color: #333333 !important; /* important */
}

.underlink span {
  margin: 0px 1px 0px 1px;
  text-decoration: underline;
  color: #0000FF;
}

.logo {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 950px;
  height: 74px;
}

.dokumentation {
  text-align: center;
  margin: 150px 0px 200px 0px;
}

.dokumentation span {
  color: #FF0000;
  font-style: normal;
}

/*
Ende: Classes

Beginn: absolute Posizionierung
*/

#startsodk, #bioodk, #erfodk, #musodk, #autodk, #piodk, #CZodk, #Dodk, #ENodk {
  text-align: center;
  line-height: 49px;
  border: 1px dotted black;
  height: 49px;
  top: 74px;
  font-size: 18px;
  letter-spacing: 0.05em;
}

#startsodk {
  position: absolute;
  width: 106px;
  left: 25px;
}

#starts a {
  position: absolute;
  width: 133px;
  height: 51px;
  top: 74px;
  left: 0px;
  background-image: url('ENweblayout/ENStarts.gif');
}

#starts a:hover {
  background-position: 133px 0px;
}

#startsactive {
  position: absolute;
  width: 133px;
  height: 51px;
  top: 74px;
  left: 0px;
  background-image: url('ENweblayout/ENStarts.gif');
  background-position: 133px 51px;
}

#bioodk {
  position: absolute;
  width: 113px;
  left: 133px;
}

#bio a {
  position: absolute;
  width: 115px;
  height: 51px;
  top: 74px;
  left: 133px;
  background-image: url('ENweblayout/ENBio.gif');
}

#bio a:hover {
  background-position: 115px 0px;
}

#bioactive {
  position: absolute;
  width: 115px;
  height: 51px;
  top: 74px;
  left: 133px;
  background-image: url('ENweblayout/ENBio.gif');
  background-position: 115px 51px;
}

#erfodk {
  position: absolute;
  width: 128px;
  left: 248px;
}

#erf a {
  position: absolute;
  width: 130px;
  height: 51px;
  top: 74px;
  left: 248px;
  background-image: url('ENweblayout/ENErf.gif');
}

#erf a:hover {
  background-position: 130px 0px;
}

#erfactive {
  position: absolute;
  width: 130px;
  height: 51px;
  top: 74px;
  left: 248px;
  background-image: url('ENweblayout/ENErf.gif');
  background-position: 130px 51px;
}

#musodk {
  position: absolute;
  width: 93px;
  left: 378px;
}

#mus a {
  position: absolute;
  width: 95px;
  height: 51px;
  top: 74px;
  left: 378px;
  background-image: url('ENweblayout/ENMus.gif');
}

#mus a:hover {
  background-position: 95px 0px;
}

#musactive {
  position: absolute;
  width: 95px;
  height: 51px;
  top: 74px;
  left: 378px;
  background-image: url('ENweblayout/ENMus.gif');
  background-position: 95px 51px;
}

#autodk {
  position: absolute;
  width: 89px;
  left: 473px;
}

#aut a {
  position: absolute;
  width: 91px;
  height: 51px;
  top: 74px;
  left: 473px;
  background-image: url('ENweblayout/ENAut.gif');
}

#aut a:hover {
  background-position: 91px 0px;
}

#autactive {
  position: absolute;
  width: 91px;
  height: 51px;
  top: 74px;
  left: 473px;
  background-image: url('ENweblayout/ENAut.gif');
  background-position: 91px 51px;
}

#piodk {
  position: absolute;
  width: 132px;
  left: 564px;
}

#pi a {
  position: absolute;
  width: 134px;
  height: 51px;
  top: 74px;
  left: 564px;
  background-image: url('ENweblayout/ENPi.gif');
}

#pi a:hover {
  background-position: 134px 0px;
}

#piactive {
  position: absolute;
  width: 157px;
  height: 51px;
  top: 74px;
  left: 564px;
  background-image: url('ENweblayout/ENPi.gif');
  background-position: 134px 51px;
}

#ENmezera {
  position: absolute;
  width: 43px;
  height: 51px;
  left: 698px;
  top: 74px;
  background-image: url('ENweblayout/ENmezera.gif');
}

#CZodk {
  position: absolute;
  width: 58px;
  left: 800px;
}

#CZ a {
  position: absolute;
  width: 60px;
  height: 51px;
  top: 74px;
  left: 800px;
  background-image: url('../images/CZ.gif');
}

#CZ a:hover {
  background-position: 60px 0px;
}

#CZactive {
  position: absolute;
  width: 60px;
  height: 51px;
  top: 74px;
  left: 800px;
  background-image: url('../images/CZ.gif');
  background-position: 60px 0px;
}

#Dodk {
  position: absolute;
  width: 57px;
  left: 741px
}

#D a {
  position: absolute;
  width: 59px;
  height: 51px;
  top: 74px;
  left: 741px;
  background-image: url('../images/D.gif');
}

#D a:hover {
  background-position: 59px 0px;
}

#Dactive {
  position: absolute;
  width: 59px;
  height: 51px;
  top: 74px;
  left: 741px;
  background-image: url('../images/D.gif');
  background-position: 59px 0px;
}

#ENodk {
  position: absolute;
  width: 63px;
  left: 860px;
}

#EN a {
  position: absolute;
  width: 90px;
  height: 51px;
  top: 74px;
  left: 860px;
  background-image: url('../images/EN.gif');
}

#EN a:hover {
  background-position: 90px 0px;
}

#ENactive {
  position: absolute;
  width: 90px;
  height: 51px;
  top: 74px;
  left: 860px;
  background-image: url('../images/EN.gif');
  background-position: 90px 0px;
}

#toplink {
  position: absolute;
  top: 125px;
  background-image: url('../images/links.gif');
  width: 950px;
  height: 25px;
}

#toplink p {
  margin: 0px 0px 0px 50px;
}

#toplink a, #toplink span {
  margin: 0px 8px 0px 0px;
  font-weight: bold;
}

#toplink span {
  text-decoration: underline;
}

#pole {
  position: absolute;
  top: 150px;
  background-image: url('../images/pole.gif');
  width: 950px;
  background-repeat: repeat-y;
}

#pole2 {
  position: absolute;
  top: 125px;
  background-image: url('../images/pole2.gif');
  width: 950px;
  height: 537px;
  background-repeat: no-repeat;
}

#hlavni {
  position: relative;
  background-color: #FFFFFF;
  color: #000000;
  margin: auto;
  width: 950px;
}