/* Zusatzstyles für den Internaktiven Produktvergleich (iProducts) - TN 06.2009 */


html, body { margin: 0; padding: 0; height: auto;}
body{ min-height: 100%; _height: 100%; }
html[xmlns] { min-height:100%;  overflow-y: scroll; } /*v-scrollbar für moz einschalten*/


a#launchButton:link, a#launchButton:visited, a#launchButton:hover, a#launchButton:active {
	background: #fff url(../images/chrome/iProducts/teaser.gif) no-repeat; height: 32px; width: 237px; display: block; overflow: hidden; margin-bottom: 10px;
}
a#launchButton:hover, a#launchButton:active { background-position: 0 -32px; }
a#launchButton span { display: none; }

a, input {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}
#iProducts p, #iProducts ul, #iProducts ol {  line-height:125%; }
#iProducts h2 {  height: 57px; margin: 23px 0 0;  =margin-top: 33px; padding: 0; }
a#closeButton:link, a#closeButton:visited, a#closeButton:hover, a#closeButton:active {
	position: absolute; right: 24px; top: 5px; font-weight: bold; background: transparent url(../images/chrome/iProducts/minimize.gif) left center no-repeat; padding: 0 0 0 17px;
}

#iProducts #helpLayer{
	background: transparent url(../images/chrome/iProducts/helpLayer.gif) 0 0 no-repeat;
	position: absolute;
	left: 0;	top: 0;
	width: 725px; height: 21px;
	float: none;
	margin: 0;	padding: 0 25px 0;
	z-index: 3000;
	overflow: hidden;
}
	#iProducts #helpButton:link, #iProducts #helpButton:visited, #iProducts #helpButton:hover, #iProducts #helpButton:active { position: absolute; left: 700px; top: 3px; font-weight: bold; background: transparent url(../images/chrome/iProducts/help.gif) left center no-repeat; padding: 0 230px 0 18px; }
	#iProducts #helpLayer h2 { margin-top: 33px; }
	#iProducts #helpLayer div { margin: 165px 0 0 460px; height:auto; width: 425px; float: none; padding: 0; background: none; }
	#iProducts #helpLayer p { line-height: 150%; }
		#iProducts #helpLayer li { padding-bottom: 15px; }

#iProducts{
	width: 957px;	height: 532px;
	padding: 10px 0 0 25px; 	margin-left: -491px;
	left: 50%;	top: 30px;
	background: transparent url(../images/chrome/iProducts/iProducts.gif) no-repeat;
	z-index: 220;
	position: fixed;
	display: none;
	_position: absolute;
}
	#iProducts ul { margin:0; }

#iProducts .cover{ background: #fff; position: absolute; z-index: 2500; display: none;  }
	#fullOverlayCover{
		top: 0; left: 0;
		width: 100%; height: 100%;	min-height: 100%;
		background: #37342c;
		z-index: 200;
		position: fixed; _position: absolute;
		display: none;
	}
	#iProducts #hOverlayCover{ top: 91px; left:263px; width: 677px; height: 100px; }
	#iProducts #vOverlayCover{ top: 208px; left:13px; width: 920px; height: 280px; }

/*~~ H OVERLAY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#iProducts #hOverlay {
		 position: absolute; left: 249px; top: 244px;
		 width: 25px; height: 261px;
		 padding: 0; margin: 0;
		 overflow: hidden; z-index: 2000;
	}
		#iProducts #hOverlay div {
			background: #fff url(../images/chrome/iProducts/hOverlay.gif) right top no-repeat;
			width: 100%; height: 100%; padding: 0; margin: 0;
		}
		#iProducts #hOverlay span{ display: none; }
			#iProducts #hOverlay a:link, #iProducts #hOverlay a:visited, #iProducts #hOverlay a:hover, #iProducts #hOverlay a:active{
				position: absolute; right: 0; top:0; 
				/*_left: expression(0+(this.parentNode.style.width)+'px');*/
				width: 25px; height: 261px; 
				background: transparent url(../images/chrome/iProducts/hOverlayButton.gif) no-repeat;   
				overflow: hidden;
				_left: 0;
			}
			#iProducts #hOverlay a:hover, #iProducts #hOverlay a:active{
				background-position: -25px 0;   
			}
			#iProducts #hOverlay a.opened:link, #iProducts #hOverlay a.opened:visited, #iProducts #hOverlay a.opened:hover, #iProducts #hOverlay a.opened:active{
				background-image: url(../images/chrome/iProducts/hOverlayButton_opened.gif); 
			}
			#iProducts #hOverlay table { margin-left:32px; width: 630px; }
				#iProducts #hOverlay table ul { width: 615px; }
				#iProducts #hOverlay td { height: 92px; =height: 74px; width: 210px; padding: 4px 0  15px;  table-layout: fixed; vertical-align: top; overflow: hidden; }

/*~~ V OVERLAY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#iProducts #vOverlay {
		 position: absolute; left: 277px; top: 201px;
		 width: 670px; height: 25px;
		 padding: 0; margin: 0;
		 overflow: hidden; z-index: 2000;
	}
		#iProducts #vOverlay div {
			background: #fff url(../images/chrome/iProducts/vOverlay.gif) left bottom no-repeat;
			width: 100%; height: 100%; padding: 0; margin: 0;
		}
		#iProducts #vOverlay span{ display: none; }
			#iProducts #vOverlay a:link, #iProducts #vOverlay a:visited, #iProducts #vOverlay a:hover, #iProducts #vOverlay a:active{
				position: absolute; bottom: 0; left:0;
				width: 670px; height: 25px; 
				background: transparent url(../images/chrome/iProducts/vOverlayButton.gif) no-repeat;   
				overflow: hidden;
				_top: 0;
			}
			#iProducts #vOverlay a:hover, #iProducts #vOverlay a:active{
				background-position: 0 -25px;   
			}
			#iProducts #vOverlay a.opened:link, #iProducts #vOverlay a.opened:visited, #iProducts #vOverlay a.opened:hover, #iProducts #vOverlay a.opened:active{
				background-image: url(../images/chrome/iProducts/vOverlayButton_opened.gif); 
			}
			#iProducts #vOverlay table { margin-top: 25px; _margin-top: 40px; }
				#iProducts #vOverlay td { width: 208px; padding: 0 5px 0 15px; table-layout: fixed; vertical-align: top; }

/*~~ TOOLTIP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#toolTip {
		background: transparent url(../images/chrome/iProducts/toolTip_bg.gif) right bottom no-repeat ; 
		color: #a80056;
		position: absolute; top: -5000px;
		margin: -4px 0 0 8px; 
		z-index: 5000;
		width: 150px;
		font-size: .9em;
	}
		#toolTip h3{ font-size: 12px; background: transparent url(../images/chrome/iProducts/toolTip_header.gif) no-repeat; color: #fff; height: 21px; padding: 0 0 0 15px; margin: 0 0 5px; line-height: 21px; position: relative; top: -3px; }
		#toolTip p{ padding: 5px 5px 5px 20px; margin: 0; }


	#iProducts div {position:relative; float: left; width: 206px; height: 45px; margin: 0 5px 15px 0; padding: 32px 0 0 14px; xoutline: 1px solid lime; background: transparent url(../images/chrome/iProducts/hv-bg.gif) 0 0 no-repeat; line-height: 115%; }
		#iProducts p.bracket { color: #000; font-weight: bold; background: transparent url(../images/chrome/iProducts/headerRow-bracket.gif) no-repeat; text-align: center; margin:0; height: 30px; }

	#iProducts div.row0 { height: 90px; margin-bottom: 0; cursor: pointer; cursor: hand; color:#000 !important; }
	#iProducts div#doIt { background: none; padding-left: 0; width:220px; cursor: default;  }
		#doIt a:link, #doIt a:visited, #doIt a:hover, #doIt a:active { display: block; height: 24px; line-height: 24px; width: 200px; padding: 0 0 0 20px; background: transparent url(../images/chrome/iProducts/compareButton.gif) no-repeat;  color: #fff; text-decoration: none;  position:absolute; bottom:15px; z-index: 10; }
		#doIt a:hover, #doIt a:active { background-position: 0 -24px; }	
		#doIt ul {
			position: absolute;	bottom: 25px;
			z-index: 5;
			overflow: hidden;
			height: 0; width: 212px;
			padding: 5px 0 0 8px;	margin: 0;
			background: transparent url(../images/chrome/iProducts/productList.gif) no-repeat;
			list-style: none;
			color: #a80056;
			line-height: 160%;
		}
		#doIt li {	list-style: none;}
		.grey{color: #b2aaae;}
		
	#iProducts div#headerRow { width: 670px;  background: none; padding: 0; height: auto; }
		#iProducts div#headerRow div { margin-bottom: 0; height: 45px; }
			#iProducts div#h1 { background-image: url(../images/chrome/iProducts/h1_bg.gif); }
			#iProducts div#h1.hover { background-image: url(../images/chrome/iProducts/h1-hover_bg.gif); }
			#iProducts div#h1.active { background-image: url(../images/chrome/iProducts/h1-active_bg.gif) !important; }
			#iProducts div#h2 { background-image: url(../images/chrome/iProducts/h2_bg.gif); }
			#iProducts div#h2.hover { background-image: url(../images/chrome/iProducts/h2-hover_bg.gif); }
			#iProducts div#h2.active { background-image: url(../images/chrome/iProducts/h2-active_bg.gif) !important; }
			#iProducts div#h3 { background-image: url(../images/chrome/iProducts/h3_bg.gif); }
			#iProducts div#h3.hover { background-image: url(../images/chrome/iProducts/h3-hover_bg.gif); }
			#iProducts div#h3.active { background-image: url(../images/chrome/iProducts/h3-active_bg.gif) !important; }

	#iProducts div#innerHeaderRow { clear: left; width:922px; margin-right: 0; margin-bottom: 0; padding: 0; height: 32px; background: none;  }
		#iProducts div#innerHeaderRow p.bracket { background-image: url(../images/chrome/iProducts/innerHeaderRow-bracket.gif); width: 252px; }

	#iProducts div.active input { display: inline !important; }

	#iProducts div#v1 { background-image: url(../images/chrome/iProducts/v1_bg.gif); }
	#iProducts div#v1.hover { background-image: url(../images/chrome/iProducts/v1-hover_bg.gif); }
	#iProducts div#v1.active { background-image: url(../images/chrome/iProducts/v1-active_bg.gif) !important; }
	#iProducts div#v2 { background-image: url(../images/chrome/iProducts/v2_bg.gif); }
	#iProducts div#v2.hover { background-image: url(../images/chrome/iProducts/v2-hover_bg.gif); }
	#iProducts div#v2.active { background-image: url(../images/chrome/iProducts/v2-active_bg.gif) !important; }
	#iProducts div#v3 { background-image: url(../images/chrome/iProducts/v3_bg.gif); }
	#iProducts div#v3.hover { background-image: url(../images/chrome/iProducts/v3-hover_bg.gif); }
	#iProducts div#v3.active { background-image: url(../images/chrome/iProducts/v3-active_bg.gif) !important; }

	#iProducts div.col0 { clear: left; margin-right: 32px; cursor: pointer; cursor: hand; color:#000 !important; }
	#iProducts div.col2, #iProducts div.row1, #iProducts div.row3  { background-image: url(../images/chrome/iProducts/hv-bg_alternativ.gif); }
	#iProducts div.col3 { margin-right: 0; }

	#iProducts div.product { background-image: url(../images/chrome/iProducts/p-bg.gif); color: #fff; }
	#iProducts div.product.hover { color: #b2aaae; background-image: url(../images/chrome/iProducts/p-hover-bg.gif); }
		#iProducts div.product input { display: none; }
	.crossActive { font-weight: bold; color: #a80056 !important; }

	#iProducts div#p1 { background-image: url(../images/chrome/iProducts/p1_bg.gif); }
	#iProducts div#p1.hover { background-image: url(../images/chrome/iProducts/p1-hover_bg.gif); }
	#iProducts div#p1.active { background-image: url(../images/chrome/iProducts/p1-active_bg.gif) !important; }
	
	#iProducts div#p2 { background-image: url(../images/chrome/iProducts/p2_bg.gif); }
	#iProducts div#p2.hover { background-image: url(../images/chrome/iProducts/p2-hover_bg.gif); }
	#iProducts div#p2.active { background-image: url(../images/chrome/iProducts/p2-active_bg.gif) !important; }
	
	#iProducts div#p3 { background-image: url(../images/chrome/iProducts/p3_bg.gif); }
	#iProducts div#p3.hover { background-image: url(../images/chrome/iProducts/p3-hover_bg.gif); }
	#iProducts div#p3.active { background-image: url(../images/chrome/iProducts/p3-active_bg.gif) !important; }
	
	#iProducts div#p6 { background-image: url(../images/chrome/iProducts/p6_bg.gif); }
	#iProducts div#p6.hover { background-image: url(../images/chrome/iProducts/p6-hover_bg.gif); }
	#iProducts div#p6.active { background-image: url(../images/chrome/iProducts/p6-active_bg.gif) !important; }
	
	#iProducts div#p7 { background-image: url(../images/chrome/iProducts/p7_bg.gif); }
	#iProducts div#p7.hover { background-image: url(../images/chrome/iProducts/p7-hover_bg.gif); }
	#iProducts div#p7.active { background-image: url(../images/chrome/iProducts/p7-active_bg.gif) !important; }
	
	#iProducts div#p9 { background-image: url(../images/chrome/iProducts/p9_bg.gif); }
	#iProducts div#p9.hover { background-image: url(../images/chrome/iProducts/p9-hover_bg.gif); }
	#iProducts div#p9.active { background-image: url(../images/chrome/iProducts/p9-active_bg.gif) !important; }
	

.product input { position: absolute; right: 2px; top: 6px; border: none; }	


/*.active {color: fuchsia;}
.hover {color: lime;}*/