.imageinfo {
        position: absolute;
        overflow: hidden;
        height:14px;
        border:0px solid #000000;
        width: 35px;
        padding-left: 2px;
        padding-top: 0px;
        text-align: left;
        font-family: Tahoma, Times, Arial;
    }
        
    .imageinfohover {
        position: absolute;
        overflow: hidden;
        height: auto;
        border: 1px dotted #000000;
        min-width:220px;
        width: auto;
        background-color: #FFFFFF;
        padding-left: 2px;
        padding-top: 0px;
        text-align: left;
        font-family: Tahoma, Times, Arial;
        z-index: 25;
    }
    
.menue dl {
    margin-bottom: 16px;
    margin-top: 16px;
}
    
.menue dd { 
    padding:2px 2px 2px 8px;
    margin:0;
    
}

.menue dt {
    padding:2px;
    font-weight:bold;
}

.menue a, .menue a:visited, .menue a:active { 
    color:#FFFFFF; text-decoration:none;
}

.menue a:hover { 
    color: #FFFFFF; text-decoration:underline; 
}

.improveinfo a, .improveinfo a:visited {
  color:red;
  text-decoration:none;  
}
.improveinfo a:hover {
  color:red;
  text-decoration:underline;  
}

.inforight {  
  text-align:right;
  float:right;
  margin:2px 5px;
}

.infoleft {
  text-align:left;
  margin:2px 15px;   
}

.inforight, .infoleft {
  font-family: Verdana;  
  color:#666666;
  font-size:10px;
  padding:0;
  font-weight:normal;  
}

.region {
    padding-top: 20px;
    text-align: left;
    font-weight: bolder;
    font-size: 13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tbsearch {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border-collapse:collapse;  
}
.tbsearch td {
    padding:3px 0 3px 3px;
    vertical-align:top;
}

.tbinfocharts td {
    padding:1px 0px 1px 3px;
    margin-top:0;
}

.tbinfocharts td p {
    margin:0px 5px 2px;
}

/* Style für die Versionen in der Titelansicht */

.versions td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align:top;}

.tablehead {
color:#000000;
font-size:11px;
font-weight:bold;
}
.discription td {
font-style:italic;
}

.region {
    padding-top: 15px;
    text-align: left;
    font-weight: bolder;
    font-size: 13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bold { font-weight:bold; }

.versiontitle {
width:auto;
font-weight: bold;
}
.versionpublisher {padding-left:5px;}
.compilationbonus { padding-top:5px; padding-left:10px; }

.year { width:40px;}
.version { width:auto; }
.system { width: 180px;}
.symbol { width: 95px;}

.spcompi { text-decoration:underline; font-style:italic; }

#tbmessagelist {
  border-collapse:collapse;    
}

#tbmessagelist td {
  padding: 2px 0;  
}

.filtermenu td {
    width:100px;
}

#genre {
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
    border-top:1px solid grey;
    border-bottom:1px solid grey;
    margin-top:10px;
    min-width:780px;

}

#genre div {
    width: 256px;
    
}

#genre ul {
    margin:0 0 10px 10px;
    padding:0;
}

#genre input {
    margin:0 5px 0 0;
    
}

.genreHeadlines {
    margin:15px 0 0 0;
    padding:0;
    font-weight:bold;
    background-color:#E7E7E7;
}

    div.tooltip {outline:none;text-decoration:none;}
    div.tooltip strong {line-height:20px;}
    div.tooltip > div 
    {
      text-align:left;
      font-size:9px;
	    width:230px;
	    padding: 5px;
	    margin-top: 12px;
	    margin-left: -60px;
	    opacity: 0;
	    visibility: hidden;
	    z-index: 10;	   
	    position: absolute;

	    font-family: Arial;
	    font-size: 11px;
	    font-style: normal;  
        	    
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -o-border-radius: 3px;
	    border-radius: 3px;
	    
	    
        -webkit-box-shadow: 2px 2px 2px #999;
	    -moz-box-shadow: 2px 2px 2px #999;		
	    box-shadow: 2px 2px 2px #999;	    
	    
	    -webkit-transition-property:opacity, margin-top, visibility, margin-left;
	    -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	    -moz-transition-property:opacity, margin-top, visibility, margin-left;
	    -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	    -o-transition-property:opacity, margin-top, visibility, margin-left;
	    -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	    transition-property:opacity, margin-top, visibility, margin-left;
	    transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
	    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    }
    
	div.tooltip:hover > div
	{
		opacity: 1;
		text-decoration:none;
		visibility: visible;
		overflow: visible;
		display: inline;
	}
 div.tooltip > div > p {
    margin:7px 0;
 }