/**
*
* Wichtig wg. Fehler vom 25.03.2016
* Content-Bereich schwarz eingefärbt.
*
*/

.main-container {
    display: inline-block;
}

/**
*
* Style Sheet für WE Bridge
*
*/

#mainPanelContent {
position: relative;
font-size: 11px;
width: 740px;
}

#mainPanelContent p {
margin: 0;
}
#mainPanelImage {
position: absolute;
top: 0;
right: 0;
}

.prodBeschreibung, .prodDetails, {
width: 100%;
margin-bottom: 15px;
}

.tblPackung {
width: 720px;
} 

#Label_Seitenueberschrift {
font-size: 12px;
font-weight: bold;
color: #cc0001;
padding-bottom: 15px;
}

.tblInhaltsstoffe {
width: 75%;
}

.tableHeaderCell {
font-weight: bold;
color: #fff;
background-color: #cc0001 !important;
}

.cell1row1 { background-color:#eeeeee; }
.cell1row2 { background-color:#f3e3e3; }
.text { display:block; }
.tTable { 
margin-top:5px;
    border-collapse: separate;
    border-spacing: 2px;
 }
.tTable td { padding: 0 2px; }

.Ueberschrift_11 {
font-weight: bold;
}

.cellMenge, .cellTagesdosis, .cellNrv, .cellOrigNr {
width:150px;
}
.cellHeaderMenge, .cellHeaderTagesdosis {
border-left: 2px solid #eeeeee;
vertical-align: bottom;
}
.cellHeaderTagesdosis {
border-right: 2px solid #eeeeee;
}

a.ProduktInfoLink, a.ProduktInfoLink:link, a.ProduktInfoLink:active, a.ProduktInfoLink:visited {
font-weight: bold;
color: #cf0000;
text-decoration: none;
}

a.ProduktInfoLink:hover {
text-decoration: underline;
}

.prodDetails {
margin-top:20px;
}

.text { display:block; }
.tTable { margin-top:5px; } 
.nettofuellmenge {
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin: 4px 2px 0;
    overflow: hidden;
    text-indent: -9999em;
    width: 14px;
}
.e-black {
    background-image: url("/skin/frontend/blacknwhite/default/images/e-black.svg");
}
.e-white {
    background-image: url("/skin/frontend/blacknwhite/default/images/e-white.svg");
}
.e-red {
    background-image: url("/skin/frontend/blacknwhite/default/images/e-red.svg");
}

/**
*
* Feel free to add your own css rules here.
*
*/
	/******* Cojaniz CSS Transition ******************/

img.zoom {
	border:1px solid #FFF;
	transform-origin: 100% 0%;

	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;

	transform: scale(0.8, 0.8);
	-moz-transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	-o-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
}
img.zoom:hover {
	border:1px solid #DDD;
	transform-origin: 100% 0%;
	box-shadow: -10px 10px 15px silver;

	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
}