#piu-product-colLeft {
    width:308px;
    float:left;
}

#piu-productNav-wrap {
    height:22px;
    margin:0 0 12px 0;
    background:url(../gfx/piu/productnav-wrap.jpg) no-repeat 0 0;
}

    #piu-productNav-wrap strong {
	display:block;
	position:absolute;
	top:3px;
	left:12px;
	color:#FFF;
	font-size:12px;
    }

    #piu-productNav-wrap ul {
	padding:0 0 0 100px;
    }
    
	#piu-productNav-wrap ul li {
	    width:50px;
	    padding:0 0 0 2px;
	    float:left;
	    list-style:none;
	}
	
	    #piu-productNav-wrap ul li a {
		height:19px;
		padding:3px 0 0 0;
		display:block;
		color:#000;
		font-size:12px;
		text-align:center;
		background:url(../gfx/piu/productnav-item-no.jpg) no-repeat 0 0;
	    }
	    
	    #piu-productNav-wrap ul li a:hover,
	    #piu-productNav-wrap ul li a:active,
	    #piu-productNav-wrap ul li a.active {
		text-decoration:none;
		background:url(../gfx/piu/productnav-item-act.jpg) no-repeat 0 0;
	    }


        #piu-product-images-wrap ul li {
            list-style:none;
        }


	.ce-piu-accessories-details-wrap .browsenav,
	.ce-piu-heads .browsenav {
	    width:330px;
	    height:22px;
	    position:absolute;
	    top:12px;
	    left:12px;
	}
    
	    .ce-piu-accessories-details-wrap .browse,
	    .ce-piu-heads .browse  {
		width:34px;
		height:22px;
		margin:0 3px 0 0;
		display:block;
		float:left;
		text-decoration:none !important;
	    }
	
	    .ce-piu-accessories-details-wrap .next,
	    .ce-piu-heads .next {
		background:url(../gfx/button-next-no.gif);
	    }
    
	    .ce-piu-accessories-details-wrap .next:hover,
	    .ce-piu-heads .next:hover {
		background:url(../gfx/button-next-ro.gif);
	    }
    
	    .ce-piu-accessories-details-wrap .prev,
	    .ce-piu-heads .prev {
		background:url(../gfx/button-previous-no.gif);
	    }
    
	    .ce-piu-accessories-details-wrap .prev:hover,
	    .ce-piu-heads .prev:hover {
		background:url(../gfx/button-previous-ro.gif);
	    }



		/* Button Navigation zum Umschalten zwischen den Strahlervarianten (=items) */
		.ce-piu-spotlightVariants-item .buttonNav,
		.ce-piu-heads .buttonNav {
		    height:22px;
		    padding:12px 0 0 0;
		}
		
		    .ce-piu-spotlightVariants-item .buttonNav a,
		    .ce-piu-heads .buttonNav a {
			margin:0 3px 0 0;
			display:block;
			float:left;
		    }
    
			/* Zustand no -> alle ausblenden ausser no */
			.ce-piu-spotlightVariants-item .button,
			.ce-piu-heads .button {
			    display:none;
			}
			
			.ce-piu-spotlightVariants-item .button.no,
			.ce-piu-heads .button.no {
			    display:block;
			}   
			
			/* Zustand act -> alle ausblenden ausser act, Zustand ro ueber act -> act drin lassen! */
			.ce-piu-spotlightVariants-item .active .button,
			.ce-piu-heads .active .button {
			    display:none !important;
			}    
			
			.ce-piu-spotlightVariants-item .active .button.act,
			.ce-piu-heads .active .button.act {
			    display:block !important;
			}
		    
			/* Zustand ro -> alle ausblenden ausser ro */
			.ce-piu-spotlightVariants-item a:hover .button,
			.ce-piu-heads a:hover .button {
			    display:none;
			}  
		    
			.ce-piu-spotlightVariants-item a:hover .button.ro,
			.ce-piu-heads a:hover .button.ro {
			    display:block;
			}
			







/* -- Bildnavigation -- */

/* Andere Fuellkachel */
#pagenav-singlerow-container {
    background: #000 url('../gfx/piu/pagenav-singlerow-bg.jpg') repeat-x 0 0 !important;
}

.ce-piu-heads-list-item .item-overlay,
.ce-piu-spotlightVariants-list-item .item-overlay,
.pagenav-singlerow-item-act .pagenav-singlerow-item-hover {
    opacity:0.6 !important;
    filter: alpha(opacity=60) !important;
    -moz-opacity:0.6 !important;
}

/* -- CE: Piu Kopfuebersicht -- */
.ce-piu-heads {
}



    /* Darstellung der einzelnen Views */
    .ce-piu-heads .ce-piu-heads-list-wrap,
    .ce-piu-heads .ce-piu-heads-details-wrap,
    .ce-piu-heads .ce-piu-heads-inserts-wrap,
    .ce-piu-heads-header .viewTrigger { /* back to list unsichtbar */
	display:none;
    }
    
    .ce-piu-heads .showList .ce-piu-heads-list-wrap,
    .ce-piu-heads .showDetails .ce-piu-heads-details-wrap,
    .ce-piu-heads .showInserts .ce-piu-heads-inserts-wrap,
    .ce-piu-heads-header.selected .showDetails .viewTrigger { /* back to list sichtbar */
	display:block;
    }
    
    
    
    
    /* Header */
    .ce-piu-heads-header {
	position:relative;
    }
    
	.ce-piu-header-backToList {
	    width:34px;
	    height:21px;
	    display:block;
	    position:absolute;
	    top:0;
	    right:0;
	    text-decoration:none !important;
	    background:url(../gfx/accordion-list-no.gif);
	    border-left:2px solid #FFF;
	}
	
	.ce-piu-header-backToList:hover {
	    background:url(../gfx/accordion-list-ro.gif);
	}    

    /* Liste */
    .ce-piu-heads-list-wrap {
	width:573px;
	height:378px;
	float:left;	
	padding:0 15px 0 12px;
    }
    
	.ce-piu-heads-text {
	    height:56px;
	    padding:21px 0 0 0;
	}
    
    
	#ce-piu-heads-list {
	    width:573px;
	    height:256px;
	    overflow:hidden;
	    background:url(../gfx/piu/headers-tablediv-bg.gif) repeat-x 0 0;
	}
	
	    .ce-piu-heads-list-item {
		cursor:pointer;
		border-left:2px solid #f5f5f5;
		position:relative;
	    }
	    
	    .ce-piu-heads-list-item.first {
		border:none;
	    }
	    
		.ce-piu-heads-list-item  .imgs img {
		    display:block;
		    border-bottom:2px solid #f5f5f5;
		}

		.ce-piu-heads-list-item .title {
		    position:absolute;
		    top:5px;
		    left:7px;
		    color:#FFF;
		    font-family:Arial;
		    font-size:10px;
		}	    
	    
		.ce-piu-heads-list-item .item-overlay {
		    width:113px;
		    height:242px;
		    position:absolute;
		    top:0;
		    left:0;
		    display:none;
		    background:#000;
		}
		
		.ce-piu-heads-list-item.ro .item-overlay {
		    display:block;
		}
		
		/* nicht empfohlene Version */
		.ce-piu-heads-list-item.notRecommended .item-overlay {
		    opacity:0.6 !important;
		    filter: alpha(opacity=60) !important;
		    -moz-opacity:0.6 !important;
		    background:#FFF;
		    display:block !important;
		}
	    

    
    /* Details */
    .ce-piu-heads  .ce-piu-heads-details-wrap {
	width:600px;
	height:378px;
	float:left;
	position:relative;
    }
    
	.ce-piu-heads  .ce-piu-heads-details-wrap .ajaxPlzWait {
	    padding:49px 0 0 12px;
	}
    
	.ce-piu-heads  .ce-piu-heads-details-wrap .details_text {
	    width:576px;
	    position:absolute;
	    top:49px;
	    left:12px;
	}
	
	.ce-piu-heads  .ce-piu-heads-details-wrap .details_img {
	    width:271px;
	    height:254px;
	    position:absolute;
	    right:0;
	    bottom:11px;
	}
	
	.ce-piu-heads  .ce-piu-heads-details-wrap .details_diashow {
	    width:316px;
	    height:254px;
	    position:absolute;
	    left:12px;
	    bottom:11px;
	    background:#000;
	}
    
    /* Inserts */
    .ce-piu-heads-inserts-wrap {
	width:573px;
	height:378px;
	float:left;	
	padding:0 15px 0 12px;
    }
    
	.ce-piu-heads-inserts-wrap .ajaxPlzWait {
	    padding:21px 0 0 0;
	}
    
	.ce-piu-heads-inserts-text {
	    height:56px;
	    padding:21px 0 0 0;
	}
    
    
	#ce-piu-heads-inserts-list {
	    height:256px;
	}
	
	    .ce-piu-heads-inserts-item {
		border-left:2px solid #f5f5f5;
		position:relative;
	    }
	    
	    .ce-piu-heads-inserts-item.first {
		border:none;
	    }
	    
		.ce-piu-heads-inserts-item img {
		    display:block;
		    border-bottom:2px solid #f5f5f5;
		}
    
    /* Zusatzinfos rechts */
    .ce-piu-heads-additionalInfo {
	margin:0 0 0 616px;
    }



/* -- CE: Piu Strahlervarianten -- */
.ce-piu-spotlightVariants-item {
}

    /* Header */
    .ce-piu-spotlightVariants-header {
    }
    
    /* Content */
    .ce-piu-spotlightVariants {
    }
    
    
	/* Zusatzinfos rechts */
	.ce-piu-spotlightVariants-additionalInfo {
	    margin:0 0 0 616px;
	}    
    
	/* Liste mit Button Nav */
	.ce-piu-spotlightVariants-list-wrap {
	    width:573px;
	    height:378px;
	    float:left;	
	    padding:0 15px 0 12px;
	}
    
	    .ce-piu-spotlightVariants-item {
	    }
    
    
    

		
		
		.ce-piu-spotlightVariants-list-wrap .description {
		    padding:27px 0 0 0;
		    height:144px;
		}

		
		.ce-piu-spotlightVariants-list-item {
		    position:relative;
		}
		
		    .ce-piu-spotlightVariants-linkList {
			width:573px;
			height:164px;
			overflow:hidden;
			background:url(../gfx/piu/spotlightVariants-tablediv-bg.gif) repeat-x 0 0;
		    }
		    
			.ce-piu-spotlightVariants-list-item {
			    cursor:pointer;
			    border-left:2px solid #f5f5f5;
			    position:relative;
			}
			
			.ce-piu-spotlightVariants-list-item.first {
			    border:none;
			}
			
			    .ce-piu-spotlightVariants-list-item .imgs {
				width:113px;
				height:150px;
				overflow:hidden;
			    }
			
			    .ce-piu-spotlightVariants-list-item .title {
				position:absolute;
				top:5px;
				left:7px;
				z-index:100;
				color:#FFF;
				font-family:Arial;
				font-size:10px;
			    }
			
			    .ce-piu-spotlightVariants-list-item .item-overlay {
				width:113px;
				height:150px;
				position:absolute;
				z-index:999;
				top:0;
				left:0;
				display:none;
				background:#000;
			    }
			    
			    .ce-piu-spotlightVariants-list-item.ro .item-overlay {
				display:block;
			    }
			    
	    
		
		
		



/* -- CE: Piu Montagezubehoer -- */
.ce-piu-accessories-header,
.ce-piu-accessories {
}

/* Header */
.ce-piu-accessories-header {
    position:relative;
}
    
    .ce-piu-accessories-viewSwitch {
	width:34px;
	height:21px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	text-decoration:none !important;
	background:url(../gfx/accordion-list-no.gif);
	border-left:2px solid #FFF;
    }
    
    .ce-piu-accessories-viewSwitch:hover {
	background:url(../gfx/accordion-list-ro.gif);
    }
    
    .ce-piu-accessories-viewSwitch.showDetails,
    .ce-piu-accessories-viewSwitch {
	display:none !important;
    }    

    .accordion-header.selected  .ce-piu-accessories-viewSwitch.showDetails {
	display:block !important;
    }

/* Content */
.ce-piu-accessories {
}    

    .ce-piu-accessories .ce-piu-accessories-details-wrap {
	display:none;
    }

    .ce-piu-accessories.showDetails .ce-piu-accessories-details-wrap {
	display:block;
    }

    .ce-piu-accessories .ce-piu-accessories-list-wrap {
	
    }

    .ce-piu-accessories.showDetails .ce-piu-accessories-list-wrap {
	display:none;
    }
    
    
    /* Zusatzinfos rechts */
    .ce-piu-accessories-additionalInfo {
	margin:0 0 0 616px;
    }
    
    /* Details */
    .ce-piu-accessories-details-wrap {
	width:600px;
	height:378px;
	float:left;
	position:relative;
    }
    
	.ce-piu-accessories-details-wrap .browsenav {
	    z-index:20;
	}
    
	.ce-piu-accessories-details-wrap .ajaxPlzWait {
	    padding:49px 0 0 12px;
	}
	    
	.ce-piu-accessories-details-wrap .details_text {
	    width:576px;
	    position:absolute;
	    top:49px;
	    left:12px;
	    z-index:20;
	    color:#FFF;	    
	}    
	    
	.ce-piu-accessories-details-wrap .details_img {
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:10;
	}
   
    
    /* Liste */
    .ce-piu-accessories-list-wrap {
	width:573px;
	height:378px;
	float:left;	
	padding:0 15px 0 12px;
    }
    
	.ce-piu-accessories-text {
	    height:185px;
	    padding:21px 0 0 0;
	}
    
    
	#ce-piu-accessories-list {
	    width:573px;
	    height:164px;
	    overflow:hidden;
	    background:url(../gfx/piu/accessories-tablediv-bg.gif) repeat-x 0 0;
	}
	
	    .ce-piu-accessories-list-item {
		cursor:pointer;
		border-left:2px solid #f5f5f5;
		position:relative;
	    }
	    
	    .ce-piu-accessories-list-item.first {
		border:none;
	    }
	    
		.ce-piu-accessories-list-item .item-overlay {
		    width:113px;
		    height:150px;
		    position:absolute;
		    top:0;
		    left:0;
		    display:none;
		    opacity:0.2;
		    filter: alpha(opacity=20);
		    -moz-opacity:0.2;
		    background:#000;
		}
		
		.ce-piu-accessories-list-item.ro .item-overlay {
		    display:block;
		}
	    
		.ce-piu-accessories-list-item .title {
		    padding:0 5px 0 0;
		    position:absolute;
		    top:5px;
		    left:7px;
		    color:#FFF;
		    font-family:Arial;
		    font-size:10px;
		}