body {
   font-family: verdana, Arial, Helvetica, Times New Roman,Times;
 }
td.mainbox0 {
	background-image : url(images/background_empty.jpg);
    background-repeat:no-repeat;
	background-position : left;
    vertical-align:middle;
}

td.mainbox1 {
	background-image : url(images/background_0.jpg);
    background-repeat:no-repeat;
	background-position : left;
    vertical-align:middle;
}
td.mainbox2 {
	background-image : url(images/background_1.jpg);
    background-repeat:no-repeat;
    vertical-align:middle;
   	background-position : left;
}
td.mainbox3 {
	background-image : url(images/background_2.jpg);
    background-repeat:no-repeat;
    vertical-align:middle;
	background-position : left;
}
td.mainbox4 {
	background-image : url(images/background_3.jpg);
    background-repeat:no-repeat;
    vertical-align:middle;
	background-position : left;
}
td.mainbox5 {
	background-image : url(images/background_5.jpg);
    background-repeat:no-repeat;
    vertical-align:middle;
	background-position : left;
}
td.mainbox6 {
	background-image : url(images/background_4.jpg);
    background-repeat:no-repeat;
    vertical-align:middle;
	background-position : left;
}
td.mainbox7 {
	background-image : url(images/background_6.jpg);
    background-repeat:no-repeat;
    vertical-align:middle;
	background-position : left;
}
 .headline1 {
 font-size:10pt;
 font-weight:bold;
   margin-bottom:8px;
  }
.headline2 {
 font-size:9pt;
 font-weight:bold;
  }
.headline3 {
 font-size:8pt;
  color:#000000;
  }
  
.brodtext {
  font-size:8pt;
  margin-bottom:8px;
  color:#626262;
   } 
.brodtext_indrag {
  font-size:9pt;
  margin-bottom:8px;
mmargin-left:15px;
  color:#626262;
   } 
.adress {
  font-size:7pt;
  margin-bottom:3px;
  color:#626262;
   } 
    
a{
   font-family: verdana, Arial, Helvetica, Times New Roman,Times;
   font-weight:inherit;
    font-size:8pt;
  color:#000000;
   text-decoration:none;

}
a.mail{
   font-family: verdana, Arial, Helvetica, Times New Roman,Times;
    font-size:6pt;
   color:#4d4d4d;
   text-decoration:none;
   font-weight:normal;
   padding-left:8px;
}
div.textbox {
    text-align:left;
    margin-left: 35px;
    margin-right:35px;
    width:400px;
    height:400px;
    overflow:auto;
 }
 
div.textbox2 {
    text-align:left;
    margin-left: 35px;
    margin-right:85px;
    width:350px;
    height:400px;
    overflow:auto;
 }
 div.textbox3 {
    text-align:left;
    margin-left: 35px;
    margin-right:10px;
    width:180px;
    height:400px;
    overflow:auto;
 }
 div.textbox4 {
    text-align:left;
    margin-left: 10px;
    margin-right:10px;
    width:500px;
    height:400px;
    overflow:auto;
 }
 /*
        =================================
        start of Tooltip css code here
        ================================= */
 
        a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:transparent;    /* background colour of display text */
        color:#000000;               /* colour of display text */
        text-decoration:none;
        }
 
        a.info:hover {
        z-index:25;
        background-color:#efefef;
        }
 
        a.info span{
        display: none;  /* hide the span text using this css */
        }
 
        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:20em;
        border:1px solid #333333; /* border colour */
        padding-left:5px;
        padding-top:5px;
        padding-right:5px;
        padding-bottom:5px;
        background-color:#fefefe; /* background colour here */
        color:#000000;         /* text colour */
        text-align:left;
        font-size: .8em;
        font-weight:normal;
        font-style:normal;
        z-index:30;
        }