body {
 font-family:arial;
 font-size:14px;
 background-color: #fff;
}

.info {
 font-size:10px;
}

h1 {
 font-size:24px;
 color:#000000;
 margin-bottom:0px;
}

h2 {
 font-size:16px;
 color:#000000;
 margin-bottom:5px;
}

h3 {
 font-size:14px;
 color:#000000;
 margin-bottom:2px;
}

p {
 margin-top:0px;
}

a:link, a:visited, a:active, a:hover {  
 color: #7d6666;
 font-style: normal;
 background: #eaeaea;
 text-decoration:none;
 font-weight:bold;
 color:#900;
 font-size:12px;
}

a:active, a:hover { 
 background: #900;
 color: #fff;
 text-decoration:underline;
}

#title {
 height:120px;
 padding:5px;
 border-bottom:10px solid #990000;
 background: #ADC4D2 url(finales-headermotiv.jpg);
 background-color: #fff;
 margin-bottom:20px;
}

#left, #right {
 width:16%;
 line-height:18px;
 border:1px solid #9FB6C4;
 background-color:#eaeaea;
}

#left {
 float:left;
}

#right {
 float:right;
}

.menutitle {
 font-weight:bold;
 border-top:1px solid #000000;
 margin-top:15px;
}

#content {
 float:left;
 width:60%;
 margin-left:3%;
 border:1px solid #eaeaea;
 padding:10px;
 background-color:#fff;
}




/* Relative class Tooltip - verwendet wie ein Link mit Target #*/

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
 position: relative;
 text-decoration: underline;
 font-style: italic;
 font-size:13px;
 color: #0000ff; 
}
a.tooltip:hover {
 color: #0000ff; 
 background: transparent;
}
a.tooltip span {
  display: none;  
  text-decoration: none; 
}
a.tooltip span b {
 display: block;
 margin: 0;
 padding: 0;
 font-size: 14px;
 font-weigth: bold;
 color: yellow;
 background-color: gray;
 border: 0px;
 border-bottom: 1px solid black;
}
a.tooltip:hover span {
 display: block;
 position: absolute; 
 top: 20px; 
 left: 0; 
 width: 200px;
 z-index: 100;
 color: #000000; 
 border:1px solid #000000; 
 background: #FFFFCC;
 font: 12px Verdana, sans-serif; 
 text-align: left;
 }