/**
 * Custom element (big picture with hovers)
 * Please note:class ".custom-container .position-X" renamed to ".custom-container .tabX"
 * from page.css
 */
.custom-container
{
	position:relative;
}

/* HTML structure / CSS update by 4486 (additional SPAN tag around image) */
.custom-container .presentation img
{
	position:relative;
	left:-190px;
}

.custom-container .hover
{
	color:#ffffff;
}

.custom-container .hover div.arrow-left
{
	position:absolute;
	top:4px;
	left:4px;
	width:16px;
	height:16px;
	background:transparent url('images/hover-arrow-left.png') no-repeat top left;
}


.custom-container .hover div.arrow-right
{
	position:absolute;
	top:4px;
	right:4px;
	width:16px;
	height:16px;
	background:transparent url('images/hover-arrow-right.png') no-repeat top left;
}


.custom-container .hover div.arrow-up
{
	/* tbd */
}


.custom-container .hover div.arrow-down
{
	/* tbd */
}


.custom-container .hover h2
{
	margin: 0;
	padding: 2px 0 4px 0;
	line-height: 15px;
	font-weight: bold;
	font-family: Arial,Helvetica,Verdana,sans-serif !important;
}

.custom-container .hover.text-with-image .pict
{
	width:150px;
}

/* Update 19.12.2011 / 4486 */
.custom-container .hover.text-with-image .text
{
	width:135px;

}

.custom-container .hover .text h2 a,
.custom-container .hover .text h2 a:hover
{
        font-size: 8pt !important;
        background: none;
        text-transform: none;
        	color:#ffffff !important;

}

.custom-container .hover .text a,
.custom-container .hover .text a:hover
{
	padding-right:12px;
	
	font-size:7pt;
	color:#ffffff !important;
	font-weight:bold;
	text-transform:uppercase;

	background:transparent url('images/right-arrow-white.png') no-repeat right center;
}

.custom-container .hover .text p {
        padding-bottom:4px !important;
        font-size:9pt;
        font-family:Arial, Helvetica, sans-serif;
        padding-top:5px;
        }

.custom-container .hover .text a:hover {
        text-decoration: underline;
}


/* new class added by 4486 */
.custom-container .hover .text a.hover-title-link,
.custom-container .hover .text a.hover-title-link:hover
{
	background:none;
	font-size:12pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff !important;

	 
}

/* top/left removed by 4486. moved to CustomProperties */
.custom-container .tab1
{
	position:absolute;
}

.custom-container .tab1 .hover
{
	width:290px;
	height:130px;
	top:-6px;
	left:-195px;

	z-index:1000;
}

/* top/left removed by 4486. moved to CustomProperties */
.custom-container .tab2
{
	position:absolute;
}

.custom-container .tab2 .hover
{
	width:290px;
	height:130px;
	top:-6px;
	left:-195px;

	z-index:1000;
}

/* top/left removed by 4486. moved to CustomProperties */
.custom-container .tab3
{
	position:absolute;
}

.custom-container .tab3 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab4
{
	position:absolute;
}

.custom-container .tab4 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab5
{
	position:absolute;
}

.custom-container .tab5 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab6
{
	position:absolute;
}

.custom-container .tab6 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab7
{
	position:absolute;
}

.custom-container .tab7 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab8
{
	position:absolute;
}

.custom-container .tab8 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab9
{
	position:absolute;
}

.custom-container .tab9 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}

/* new setting */
.custom-container .tab10
{
	position:absolute;
}

.custom-container .tab10 .hover
{
	width:290px;
	height:130px;
	top:-5px;
	left:-5px;

	z-index:1000;
}


/**
 * hoverable blocks
 */
.hoverable-block
{
	position:relative;
	display:block;
	
}

.hoverable-block .hover
{
	position:absolute;
	top:-1px;
	left:-100px;
	padding:4px;
	
	color:#ffffff;
	background:transparent url("images/hover-background.png") repeat;
}

.hoverable-block .text-with-image img
{
	float:left;
	margin-right:10px;
}
