/* previews layout */

#container_preview{
	background-color:#252525;
	position:relative;
	}
	
#container_preview_rating{
	background-color:#252525;
	position:relative;
	}

#container_preview_vergangen{
	border:1px solid #A9FF53;
	position:relative;
	}
	
#preview_top{
	vertical-align:top;
	min-height:117px;
	overflow:hidden;
	border-bottom:1px solid #40898d;
	}

#preview_top_pic_container{
	width:100px;
	float:left;
	}
	
#preview_top_pic{
	width:100px;
	float:left;
	height:91px;
	}

#preview_top_bewertung{
	width:100px;
	text-align:center;
	margin-top:155px;
	margin-bottom:15px;
	}
	
#preview_top_bewertung_out{
	width:320px;
	margin-top:155px;
	margin-left:3px;
	}
	
#preview_top_info{
	}

#preview_top_info_header a{
	font-weight:bolder;
	text-decoration:underline;
	color:#FFFFFF;
	font-size:16px;
	line-height:33px;
	vertical-align:sub;
	}
	
#preview_top_info_header a:hover{
	color:#A9FF53;
}

#preview_top_info_header_club a{
	font-weight:bolder;
	text-decoration:underline;
	color:#FFFFFF;
	font-size:16px;
	line-height:33px;
	vertical-align:sub;
	}
	
#preview_top_info_header_club a:hover{
	color:#40898d;
	line-height:33px;
	background-color:#222222;
}

#preview_top_info_content{
	margin-top:5px;
	margin-left:100px;
	}

#preview_top_link{
	line-height:26px;
	text-align:right;
	float:left;
	width:100%;
	background-color:#151515;
	}
	
#preview_top_link a:hover{
	color:#A9FF53;
	background-color:#111111;
	}

#preview_top_link_club{
	line-height:26px;
	text-align:right;
	float:left;
	width:100%;
	background-color:#111111;
	}
	
#preview_top_link_club a:hover{
	color:#40898d;
	background-color:#111111;
	}

#bewertung_ausgabe{
	width:380px;
	height:85px;
	margin-top:-71px;
	padding-top:5px;
	float:right;
}

#bewertungen_container{
	 float:left;
	 width:35px;
	 height:85px;
	 font-size:9px;
}

#monat_1{
	background-image:url(monat1.png);
	background-repeat:repeat-x;
	width:780px;
	text-align:center;
	height:30px;
	color:#A9FF53;
	vertical-align:middle;
	font-weight:bold;
	line-height:30px;
}

#monat_1:hover{
	background-image:url(monat2.png);
	background-repeat:repeat-x;
}

#monat_2{
	background-image:url(monat1.png);
	background-repeat:repeat-x;
	width:780px;
	text-align:center;
	height:30px;
	color:#A9FF53;
	vertical-align:middle;
	font-weight:bold;
	line-height:30px;
	margin-top:10px;
}

#monat_2:hover{
	background-image:url(monat2.png);
	background-repeat:repeat-x;
}

#monat_3{
	background-image:url(monat1.png);
	background-repeat:repeat-x;
	width:780px;
	text-align:center;
	height:30px;
	color:#A9FF53;
	vertical-align:middle;
	font-weight:bold;
	line-height:30px;
	margin-top:10px;
}

#monat_3:hover{
	background-image:url(monat2.png);
	background-repeat:repeat-x;
}

#werbung{
	height:80px;
}

.bold_white{
	color:#FFFFFF;
	}
	
.bold_green{
	color:#A9FF53;
	}
	
.bold_blue{
	color:#40898D;
	}

/* tooltip layout */
a.tooltip {outline:none;}
a.tooltip:hover {text-decoration:none; color:#a9ff53;} 
a.tooltip span {
    z-index:10;display:none; padding:4px 10px;
    margin-top:8px; margin-left:-260px;
    width:175px; line-height:22px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #a9ff53;  color:#EEE;
    background:#333; right:70px;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 3px #a9ff53;
    /*opacity: 0.8;*/
}