body {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #000000;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

img {
  border: 0px;
}

html,body,div,center,p,table,tr,th,td,ul,li {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: transparent;
}

body td {
vertical-align: top;
}

h1 {
  font-family: arial,helvetica,sans-serif;
  font-size: 40px;
  font-weight: normal;
  color: #000000;
  margin: 0px;
}

h2 {
  font-family: arial,helvetica,sans-serif;
  font-size: 50px;
  font-weight: normal;
  color: #000000;
  margin: 0px;
}

h3 {
  font-family:arial,helvetica,sans-serif;
  font-size:32px;
  font-weight:normal;
  color:#000000;
  margin:0px;
}

h4 {
  font-family:arial,helvetica,sans-serif;
  font-size:20px;
  font-weight:normal;
  color:#000000;
  margin-top:0px;
  margin-bottom:10px;
}

h5 {
  font-family:arial,helvetica,sans-serif;
  font-size:18px;
  font-weight:normal;
  color:#000000;
  margin-top:0px;
  margin-bottom:10px;
}


p.rubrik {
  font-family: arial,helvetica,sans-serif;
  font-size: 45pt;
  line-height: 45pt;
  margin-top: 0px;
  color: #000000;
  background-color: transparent;
}


p.programm {
  font-family: arial,helvetica,sans-serif;
  font-size: 40pt;
  line-height: 45pt;
  margin-top: 0px;
  color: #000000;
  background-color: transparent;
}

p.teaser {
  font-family: arial,helvetica,sans-serif;
  font-size: 11pt;
  line-height: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000000;
  background-color: transparent;
}

p {
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
  line-height: 14pt;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #000000;
  background-color: transparent;
}

p.navtext {
  font-family:arial,helvetica,sans-serif;
  font-size:9pt;
  color:#000000;
}

p.projekt {
  font-family:arial,helvetica,sans-serif;
  font-size:10pt;
  color:#000000;
}

p.subhead {
  font-family:arial,helvetica,sans-serif;
  font-size:14pt;
  color:#000000;
  margin-top: 0px;
  margin-bottom:15px;
}

.white {
  font-family:arial,helvetica,sans-serif;
  font-size:11pt;
  color:#ffffff;
  margin-top: 0px;
  margin-bottom:9px;
}

.whitebold {
  font-family:arial,helvetica,sans-serif;
  font-size:11pt;
  font-weight: bold;
  color:#ffffff;
  margin-top: 0px;
  margin-bottom:9px;
}

.small {
  font-family:arial,helvetica,sans-serif;
  font-size:8pt;
  color:#000000;
}


a:link {
  color:#777777;
  text-decoration:none;
}
a:visited {
  color:#777777;
  text-decoration:none;
}
a:hover {
  color:#777777;
  text-decoration:none;
}
a:active {
  color:#777777;
  text-decoration:none;
}


a.web:link {
  color:#000000;
  text-decoration:none;
}
a.web:visited {
  color:#000000;
  text-decoration:none;
}
a.web:hover {
  color:#ffffff;
  text-decoration:none;
}
a.web:active {
  color:#ffffff;
  text-decoration:none;
}


#inhalt { 
height: 510px;
width: 700px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
top: 5%;
left: 13%;
position: absolute;
border: 1px solid #000000;
text-align: left;
}

#include { 
height: 510px;
width: 700px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
position: absolute;
border: 0px solid #000000;
text-align: left;
}


#rahmen { 
height: 510px;
width: 700px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
top: 5%;
left: 13%;
position: absolute;
border: 1px solid #000000;
text-align: left;
}


#inner {
  width: 1px;
  position: absolute;
  margin: 15px;
}

#printbutton {
  position: absolute;
  top: 55px;
  left: 550px;
  z-index :20;
}

#scrollable {
  height:430px;
  overflow:auto;
  scrollbar-base-color: #ffffff;
  scrollbar-arrow-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-face-color: #ffffff;
}



#content {
  position: absolute;
  width: 640px;
  height: 450px;
  padding:30px;
  border: 0px solid #ff0000;
  }



#pic {
  position: absolute;
  width: 700px;
  height: 380px;
  border: 0px solid #000000;
  }


#startbutton {
  text-align: right;
  vertical-align: top;
  font-size: 12pt;
  line-height: 12pt;
  font-weight: bold;
  color: #777777;
  margin-right:50px;
  border: 0px solid #000000;
}


#textblock {
  position: absolute;
  top: 380px;
  left: 0px;
  width: 700px;
  height: 130px;
  border: 0px solid #000000;
}

#text {
  position: absolute;
  top: 341px;
  left: 0px;
  width: 640px;
  margin:10px;
  border: 0px solid #000000;
}

#back {
  position: absolute;
  top: 455px;
  left: 694px;
  width: 25px;
  margin:10px;
  z-index:20;
  border: 0px solid #000000;
}

#nav {
  position: absolute;
  top: 515px;
  left: 0px;
  width: 700px;
  height: 20px;
  text-align: right;
  color: #777777;
  border: 0px solid #000000;
}

.nav1, .nav1active {
  border: 0px solid #000000;
  margin-left: 20px;
  }
  

.nav1 a {
  color: #777777;
  border: 0px solid #000000;
}


.nav1active a {
  color: #777777;
  font-weight:bold;
  border: 0px solid #000000;
}

.nav2, nav2active {
  margin-left: 20px;
  }
  

.nav2 a {
  color: #777777;
  border: 0px solid #000000;
}


.nav2active a {
  color: #777777;
  font-weight:bold;
  border: 0px solid #000000;
}





#blaettern {
  position: absolute;
  top: 340px;
  left: 700px;
  width: 70px;
  height: 130px;
}


#blaettern-li {
  position: absolute;
  top: 340px;
  left: -25px;
  width: 70px;
  height: 130px;
}

#blaettern2 {
  position: absolute;
  top: 408px;
  left: 526px;
  width: 200px;
  text-align:right;
}

#blaettern3 {
  position: absolute;
  top: 300px;
  left: 626px;
  width: 100px;
  text-align:right;
  border: 0px solid #000000;
}


#blaettertext {
  position: absolute;
  top: 343px;
  left: 450px;
  width: 200px;
  height: 130px;
  text-align: right;
  font-weight: bold;
}

#blaettertext3 {
  position: absolute;
  top: 303px;
  left: 450px;
  width: 200px;
  height: 130px;
  text-align: right;
  font-weight: bold;
}


#stamp {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 200px;
  height: 130px;
}

#stamp2 {
  position: absolute;
  top: 80px;
  left: 45px;
  width: 200px;
  height: 130px;
}

#stamp3 {
  position: absolute;
  top: -25px;
  left: -40px;
  width: 200px;
  height: 130px;
}


#preload {
display: none;
}





a.tooltip{
    position:relative; /*this is the key*/
    z-index:100; 
    color:#000;
    text-decoration:none
}

a.tooltip:hover{
    z-index:101; 
}

a.tooltip span{display: none}

a.tooltip:hover span{
    display:block;
    position:absolute;
    top:25px; 
    left:5px; 
    width:60px;
    border:1px solid #aaa;
    background-color:#fefefe; 
    font-size:12px;
    color:#666;
    text-align: center;
    padding: 4px;
}