/* Demoflow
   -------------------------------- */
/* ########### STEUERUNG ############## */
div.demoflow-button-left {
	float: left;
	width: 10px;
	height: 20px;	
	margin: 7px -10px 0 0;
	cursor: pointer; cursor: hand;
}
.ie div.demoflow-button-left {margin: -1px -10px 0 0;}
div.demoflow-button-left .bg {
}

div.demoflow-button-right {
	margin:-16px 0 0 20px;
	width: 10px;
	height: 20px;
	cursor: pointer; cursor: hand;
	float:right;
}
.ie div.demoflow-button-right {margin: -10px 0 0 0;}

div.demoflow-button-right .bg {
	position: absolute;
	left: 0;
	top: 0;
}
div.coverflow-steuerung{
	position: relative;
	top: -260px;
	left: 400px;
	/* Wegen Verschiebung zuegg Bild... */
	margin-bottom:1em;
/*	padding: 10px 0px 0px 0px;*/
/*	left: 780px;*/
/*	background: #fff000;*/
	/*right:10px;*/
	width:136px;
	height:20px;
	text-align:center;
	z-index: 999;
}
.ie div.coverflow-steuerung{position: relative;	top: -240px;left: 400px;width:130px;}
div.coverflow-steuerung a{font-size:0.7em;color:#336da6;}
div.coverflow-steuerung a:hover{color:#000;}
.ie div.coverflow-steuerung a{font-size:0.85em;}
/* ########### / STEUERUNG ############## */



.demoflow {
	position: relative;
	top: 0px;
	left: 0px;
	margin-top:0.8em;
	margin-bottom:2em;
	width: 550px;
	height: 200px;
	/*border: 1px solid #ccc;*/
	overflow:hidden;
}
.ie .demoflow {
	margin-top:1em;
}


.flowoz{
	background: url('../zimgs/zuegg_bg_demoflow.jpg') top left;
	background-repeat:no-repeat;
}
.flowzuegg{
	background: url('../zimgs/zuegg_bg_demoflow_zuegg.jpg') top left;
	background-repeat:no-repeat;
}
.flowueberruebe{
	background: url('../zimgs/zuegg_bg_demoflow_ueberruebe.jpg') top left;
	background-repeat:no-repeat;
}
.flowsirup{
	background: url('../zimgs/zuegg_bg_demoflow_sirup.jpg') top left;
	background-repeat:no-repeat;
}

.demoflow div {
	float: left;
	height: 100px;
	width: 85px;
	cursor: pointer; cursor: hand;
}

.ie .demoflow div {
	zoom: 1;
}

.demoflow div {
	border: 0px solid #ccc;
}


.demoflow div:hover {
	width: 110%;
	height: 110%;
	margin: -5px;
/*	border: 1px solid #fff;*/
	/*opacity: 1 !important;*/
}

.demoflow div img {
	height: 100%;
	width: 100%;
}
.demoflow div img:hover {
	height: 108%;
	width: 108%;
}

.demoflow div.shadow {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
}

.ie .demoflow div.shadow {
	display: none;
}


/* ##### TOOLTIP ##### */
.tooltip2 {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #0080b4;
	padding: 2px;
	z-index:999;
	
}
.tooltip2 .head{
	background-color: #c1dbfb;
	color: white;
	font-weight: bold;
	font-size:0.9em;
	padding: 2px;
}
.tooltip2 .content{
	color: 000066;
	font-size: 10px;
	border-size: 4px;
	text-align: left;
	padding-left:1em;
}
.tooltip2 .content td{
	width: 50%;
	font-size: 10px;
	text-align: center;
}
.aktualisierung {position:absolute;width:300px;margin: -25px 0 0 35px;background: #ffffff;font: 0.8em/0.8em Verdana, Helvetica, Arial, sans-serif;color:#9c9d9f;}