#cardgame{
	background-image: url('../../static/images/spiel_trumps_1.jpg');
}
#cardgame:hover {
	background-image: url('../../static/images/spiel_trumps_1_over.jpg');
}
#wyh{
	background-image: url('../../static/images/spiel_wyh_1.jpg');
}
#wyh:hover {
	background-image: url('../../static/images/spiel_wyh_1_over.jpg');
}
#replica{
	background-image: url('../../static/images/spiel_replica_1.jpg');
}
#replica:hover {
	background-image: url('../../static/images/spiel_replica_1_over.jpg');
}
#ritterwelt{
	background-image: url('../../static/images/spiel_ritter_1.jpg');
}
#ritterwelt:hover {
	background-image: url('../../static/images/spiel_ritter_1_over.jpg');
}
#elfenwelt{
	background-image: url('../../static/images/spiel_elfen_1.jpg');
}
#elfenwelt:hover {
	background-image: url('../../static/images/spiel_elfen_1_over.jpg');
}
#wild_life{
	background-image: url('../../static/images/spiel_safari_1.jpg');
}
#wild_life:hover {
	background-image: url('../../static/images/spiel_safari_1_over.jpg');
}
#elfenbuch {
	background-image: url('../../static/images/spiel_book_1.jpg');
}
#elfenbuch:hover {
	background-image: url('../../static/images/spiel_book_1_over.jpg');
}
#online_games {
	background-image: url('../../static/images/spiel_75_1.jpg');
}
#online_games:hover {
	background-image: url('../../static/images/spiel_75_1_over.jpg');
}

/* ----- Elfenbuch ----------- */

#bay_maincontet {
	width:900px;
	height:563px;
	background-image:url(../../static/images/book/bayala_dldf_mainbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#scrollcontent {
	position:relative;
	background:#00C;
	width:360px;
	height:420px;
	top:120px;
	left:15px;
	background:url(../../static/images/book/1px_trans_25_white.png) repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#mycustomscroll {
	top:15px;
	left:15px;
	/* Typical fixed height and fixed width example */
	width: 290px;
	height: 355px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 15px;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.vscrollerbase {
	width: 20px;
	background-image:url(../../static/images/book/scrollbar_bg.png);
	background-position:center top;
	background-repeat:repeat-y;
	opacity: .4;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.vscrollerbar {
	width: 20px;
	background-image:url(../../static/images/book/scrollbar_knob.png);
	background-position:center top;
	background-repeat:repeat-y;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#mycustomscroll ul {
	list-style-type:none;
	padding:0;
	margin:0;
	color:#9d8e00;	
	font-size: 14px;
}
#mycustomscroll ul li {
	display:block;
	padding: 4px;
}
#mycustomscroll ul li p {
	padding: 0;
	margin: 0;
	display:inline;
	line-height:20px;
	color:#888888;
}
#mycustomscroll ul li span {
	font-weight:bold;
}
#mycustomscroll ul li p a {
	font-family:Arial,"Trebuchet MS",Geneva,Helvetica,SunSans-Regular,sans-serif;
	font-size: 14px;
	color:#9d8e00;
	font-weight:bold;
	text-decoration:none;
	display: block;
}
#mycustomscroll ul li p a:hover {
	font-weight:bold;
	color:#9d8e00;
}

#mycustomscroll ul li.active:hover {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(195, 213, 210);
	/* RGBa with 0.6 opacity */
	background: rgba(195, 213, 210, 0.4);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C3D5D2, endColorstr=#C3D5D2);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C3D5D2, endColorstr=#C3D5D2)";
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#9d8e00;
}

*html #mycustomscroll ul li.active p a:hover {
	background-color: #C3D5D2;
}
*html #mycustomscroll ul li.active p a {
	padding-left: 4px;
	
}
*html #mycustomscroll ul li p {

}

*html #mycustomscroll ul li {
	padding-left: 4px;
}
*html #mycustomscroll ul li.active  {
	padding-left: 0px
}