/* ==[ CSS - FILE ]===================================================================
*	PFAD:		/_assets_de/module/produkt_tabelle/popup_details.css	
*
* ===[ CSS - INDEX ]================================================================= 
*
* _ControlPanel		[  ]
* _TableDefault		[  ]
* _ToolTipp		    [  ]
* _FootNotes	    [  ]
*
================================================================================================================= */



/* _  [  ]	
================================================================================================================= */
#load_table .details_box {
    margin: 0 auto;
    text-align: left;
	background-color:#EEEFF4;
}
.details_box > div{
	background-color:#EEEFF4;
}

/* _ControlPanel  [  ]	
================================================================================================================= */
				    #controlpanel h1 {
						font-size: 24px;
						position:absolute;
					}
					#controlpanel > div {
						overflow: hidden;
						display: table;
						height: 150px;
					}
					
					#controlpanel > div > div {
						left: 0;
						display: table-cell;
						vertical-align: middle;
					}
					
					#controlpanel > div > div > div {
					    margin: 0 auto;
					}
					
					#controlpanel > div > div > div > div {
						width:208px;
						padding: 7px 0 0 7px;
						background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_options_popup.sld.png") 0 0 no-repeat;
					}
					
					#controlpanel .bottom {
						padding: 0 6px 0 0;
						height: 10px;
						background-position: left bottom;
					}
					
					#controlpanel select {
						background-color: #FFFFFF;
						border: 1px solid #595F67;
						font-size: 12px;
						height: 25px;
						width: 200px;
					}
					
					#controlpanel select { margin-bottom: 5px; }
					#controlpanel select.last { margin-bottom: 0px; }
						#controlpanel .pager { height: 44px; }
						#controlpanel .pager:after {
							content: ".";
							display: block;
							clear: both;
							visibility: hidden;
							line-height: 0;
							height: 0;
						}
					
						#controlpanel .pager a {
							color: #fff;
							display: block;
							float: left;
							height: 42px;
							line-height: 42px;
							font-size: 14px;
						}
					
							#controlpanel .pager a.active {
								padding-left: 10px;
								width: 63px;
								background: transparent url("/_assets_de/module/produkt_tabelle/image/table_option_actpage.png") 0 0 no-repeat;
							}
							
							#controlpanel .pager a.next {
								padding-left: 15px;
								width: 72px;
								margin-left: 2px;
								background: transparent url("/_assets_de/module/produkt_tabelle/image/table_option_nextpage.spr.png") 0 0 no-repeat;
							}
						
							#controlpanel .pager a.prev {
								padding-left: 20px;
								width: 67px;
								margin-right: 2px;
								background: transparent url("/_assets_de/module/produkt_tabelle/image/table_option_prevpage.spr.png") 0 0 no-repeat;
							}
						
							#controlpanel .pager a.next:hover,
							#controlpanel .pager a.prev:hover { background-position: 0 100%; }


/* _TableDefault  [  ]	
================================================================================================================= */
	#tab_details.offer {
		position: relative;
		display: block;
		border-collapse: collapse;
	    border-spacing: 0;
	}
		#tab_details.offer tr, .offer td, .offer th, .offer thead, .offer tfoot, .offer tbody { display: block; }
		#tab_details.offer tr { clear: both; }
		#tab_details.offer tr:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
	
		#tab_details.offer td,
		#tab_details.offer th {
			position: relative;
			float: left;
			text-align: center;
    		line-height: 15px;
            padding: 6px 5px 7px;
		}
		
		#tab_details.offer th:first-child,
		#tab_details.offer td:first-child {
			text-align: left;
			padding: 6px 0px 7px 20px;
			width: 240px;
		}
			#tab_details.offer thead.product th:first-child {
				 background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_orangebar_feature_popup.png") 0 0 repeat-x;
				 width: 240px;
			}

			#tab_details.offer thead.product th {
				z-index: 4;
				vertical-align: top;
				padding: 0px 5px 0px;
				background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_orangebar_product_popup.png") 0 0 repeat-x;
				width: 140px;
				height: 150px;
			}

				#tab_details.offer thead.product th h2 {
					color: #fff;
					line-height: 22px;
					font-size: 20px;
					height: 48px;
					margin-top: 9px;
					white-space: normal;
				}
			
			
			#tab_details.offer thead.product th:first-child {
				padding-left: 20px;
				padding-right: 0;
			}

		  #tab_details .jq_btn_order.button_lblue {
  	          position: absolute;
              bottom: -10px;
			  left: 24px;
			  display: block;
			  height: 28px;
			  padding-right: 33px;
			  color: #e6ebf5;
			  font-weight: normal;
			  background: transparent url("/_assets_de/image/element/btn_large_blue_right.spr.png") right bottom no-repeat;
			  font-size: 14px;
		  }
		 #tab_details .jq_btn_order.button_lblue span {
			  background-color: transparent;
			  background-image: url("/_assets_de/image/element/btn_large_blue_left.spr.sld.png");
			  background-position: left bottom;
			  display: block;
			  padding: 5px 0 9px 15px;
			  line-height: 14px;
		  }
		  #tab_details .jq_btn_order.button_lblue:visited {
			  color: #fff;
		  }
		  #tab_details .jq_btn_order.button_lblue:hover {
			  color: #fff;
			  background-position:  100% 0;
		  }
		  #tab_details .jq_btn_order.button_lblue:hover span {
			  background-position: left top;
		  }
		  
		#tab_details.offer tbody { }
			
			#tab_details.offer tbody tr:first-child td { padding-top: 27px; }
	        #tab_details.offer tbody tr.firstRow td { padding-top: 27px; }
			#tab_details.offer .pricewrap { height: 90px; width:140px;}
			#tab_details.offer .pricewrap img{ height: 70px; width:140px; padding-bottom: 20px;}
				
			#tab_details.offer tbody tr {
				background: transparent url("/_assets_de/module/produkt_tabelle/image/separator_table.png") left bottom repeat-x;
				position: relative;
				z-index: 2;
			}
				#tab_details.offer tbody tr.Highlight { color: #c00; }
				
				#tab_details.offer tbody tr.separate {
					background: transparent url("/_assets_de/module/produkt_tabelle/image/separator_table_strong.png") left bottom repeat-x;
				}
				#tab_details.offer tbody tr.last { background: none; }
				#tab_details.offer tbody tr.last td {
					margin-bottom: 0;
					padding-bottom: 9px;
				}
				
				#tab_details.offer tbody tr.large td { height: 45px; }
			
				#tab_details.offer tbody td {
					margin-bottom: 2px;
					min-height: 15px;
    				width: 140px;
				}
					
			#tab_details.offer .jq_toggler { background: none; }
				#tab_details.offer .jq_toggler th:first-child { 
				   background-position: 0 -10px;
				   width:240px;
                }

				#tab_details.offer .jq_toggler th {
					color: #fff;
					font-weight: normal;
					cursor: pointer;
					padding-bottom: 14px;
					background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_toggler_popup.spr.png") -20px -10px no-repeat;
					height: 15px;
					width:140px;
				}
				
				#tab_details.offer .jq_toggler th.open {
					padding-bottom: 0px;
					height: 25px;
				}
				
				#tab_details.offer .jq_toggler th.last { background-position: 100% -10px; }
				
					#tab_details.offer .jq_toggler th > span {
						position: absolute;
						right: 5px;
						top: 6px;
						height: 18px;
						font-size: 11px;
						padding: 1px 23px 0 0;
						background: transparent url("/_assets_de/module/produkt_tabelle/image/arrow_down_white.png") right top no-repeat;
					}
					#tab_details.offer .jq_toggler.open th > span{
						background: transparent url("/_assets_de/module/produkt_tabelle/image/arrow_up_white.png") right top no-repeat;
					}
				
					#tab_details.offer .jq_toggler .doopen,
					#tab_details.offer .jq_toggler .doclose {
						display: none;
					}
			
					#tab_details.offer .jq_toggler:hover .doopen {
						display: inline;
					}
					#tab_details.offer .jq_toggler.open:hover .doopen {
						display: none;
					}
					#tab_details.offer .jq_toggler.open:hover .doclose {
						display: inline;
					}
		
	/* highlight column */

		#tab_details.offer tbody .jq_toggler th > div { display: none; }
		
		#tab_details.offer tbody .jq_toggler th.highlight > div {
			display: block;
			position: absolute;
			width: 140px;
			background: url("/_assets_de/module/produkt_tabelle/image/bg_highlight.png") repeat-y scroll 0 0 transparent;
			height: 35px;
			top: 0;
			z-index: -1;
		}
	
		#tab_details.offer tbody td.highlight { background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_highlight.png") 50% 0 repeat-y; }

/* _ToolTipp [  ]	
================================================================================================================= */
.jq_Tip {
	background: transparent url("/_assets_de/module/produkt_tabelle/image/icon_tooltip.png") 5px 8px no-repeat;
}

	.jq_Tip:hover { background-image: url("/_assets_de/module/produkt_tabelle/image/icon_tooltip_hover.png"); }
	
	.jq_Tip a,
	.jq_Tip a:hover {
		color: #222;
		font-weight: normal;
		margin-left: -20px;
		padding-left: 20px;		
	}


#JT {
	margin: -12px 0 0 -9px;
	line-height: 16px;
    position: absolute;
    z-index: 2000;
	background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_tooltip.sld.png") left top no-repeat;
}

	#JT h5 {
		color: #003773;
		font-size: 13px;
	}
	
	#JT p { font-size: 11px; }
	#JT_copy { padding: 17px 22px 0 25px; }
	
	.JT_loader {
		background-image: url("/_assets_de/module/produkt_tabelle/image/tooltip_loader.gif");
	    background-position: center center;
	    background-repeat: no-repeat;
	    height: 23px;
	    width: 100%;
	}
	
	#JT_footer {
		height: 17px;
		margin-bottom: -8px;
		background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_tooltip.sld.png") left bottom no-repeat;
	}


/* _FootNotes <Anchor>  [  ]
====================================================================================================================== */

.details_box  dl#footnotes {padding: 20px;}


/* _utility_classes <Anchor>  [ definitions for utility classes ]
====================================================================================================================== */

.hide { display: none !important; }
.show { /* empty - dont delete */ }