/**
-------------------------------------------------------------
	Stylesheet für: http://www.conrad.de/
	Medien:         Bildschirme und Projektoren
	Autor:          Markus Fortmann
------------------------------------------------------------- */

/**
-------------------------------------------------------------
	Regeln für die Artikeldetailseite
------------------------------------------------------------- */

/* Article */

h1.detail{	
	line-height: 120%;
	margin: 0;
}
#productdetail .headline{
	overflow: hidden; 
	height:45px;
	width: 600px;
	margin: 50px 0 0.4em 0;	
}
#productdetail .left {
	width: 380px;
	float: left;
	padding: 0 0 20px 0;
	margin: 0;
}

#productdetail .right {
	width: 386px;
	padding: 0 0 20px 19px;
	overflow: hidden;
	margin: 0;
}

#popup #productdetail .right {
	width: 195px;
}

#productdetail table {
	width: 100%;
}

#productdetail table caption {
	background: none #e6e6e7;
	text-align: left;
	padding: 4px 9px;
	border: 1px solid #bcbcbc;
	border-bottom: 0;
}

#productdetail th {
	font-weight: normal;
	text-align: left;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
}

#productdetail td,
#productdetail th {
	padding: 4px 9px;
}


#productdetail td {
	border: 1px solid #bcbcbc;
}

#productdetail tfoot td {
	border: 0;
	text-align: right;
	color: #c5c5c5;
	font-size: 0.9em;
	padding: 4px 0;
}

#productdetail tfoot a {
	color: #c5c5c5;
}


#productdetail .symbols {
	border: 1px solid #D4D4D4;
	background: none #F0F0F0;
	/*overflow: hidden;*/
	padding: 3px;
    margin-top:5px;  
 	position:relative; 
}

#productdetail .symbols ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position:relative; 
 	z-index:inherit; 
}

#productdetail .symbols li {
	float: left;
	width: 39px;
	margin: 7px;
	display: block;
	position:relative; 
 	z-index:inherit; 
}

#productdetail .symbols img {
	border: 1px solid #D4D4D4;
}

/** Showcase und Produktdetail */
.tab-content {
	border: 1px solid #BCBCBC;
	border-top: 0;
	margin: 0 0 20px 0;
	padding: 20px;
	overflow: hidden;
}

#tabbing h6 {
	margin: 6px 0 34px 0;
	padding: 0;
}

.tab-content h2 {
	font-size: 1.0em;
	margin: 0 0 20px 0;
	padding: 0;
}

.tab-content h3 {
	font-size: 1.0em;
	margin: 0;
	padding: 10px 0 0 0;
}

.tab-content ul {
  list-style-image: none;
  margin: 10px 0;
  padding: 0;
}

.tab-content ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent url('/images/default/default/icons/li.gif') 0 4px no-repeat;
}


.multimedia ul {
	margin: 0 -20px 20px -20px !important;
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	overflow: hidden;
}

.multimedia li {
	width: 170px;
	float: left;
	border-right: 1px solid #BCBCBC;
	margin: 0 0 -1px 0;
	padding: 15px 45px !important;
	text-align:center;
	background: none;
}

.multimedia li.last {
	border-right: 0;
}

.multimedia img {
	margin-top: 10px;
}

.multimedia li.video {
	background: transparent url('/images/default/default/icons/video.gif') 12px 12px no-repeat;
}

.multimedia li.picture {
	background: transparent url('/images/default/default/icons/picture.gif') 12px 12px no-repeat;
}

/** Ende: Showcase und Produktdetail */
#details ul,
#details ul li {
	list-style-type: square;
}
#details ul li {
	margin-left:20px;
}

#details table td,
#details table th {
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	border-right: 0;
}

#details table th {
	padding: 5px 5px 5px 0;
	border-left: 0;
	border-right: 1px solid #D4D4D4;
	width: 220px;
}

#details div {
	margin-bottom:25px !important;
}


#download-dokumente ul,
#download-dokumente li {
	background: none !important;
	margin: 0;
	padding: 0;
	list-style: none;
}

#download-dokumente li {
	width: 440px;
	line-height: 140%;
	padding: 0 5px 5px 0 !important;
}

#download-dokumente li strong {
	font-size: 13px;	
}

#download-dokumente div {
	width: 445px;
	float: left;
	display: block;
	margin-bottom: 10px;
}

#download-dokumente div.adobe {
	clear: both;
	width: 100%;
	margin: 0;
}

#download-dokumente div.adobe img {
	float: left;
	padding: 0 20px 20px 0;
}

#download-dokumente div.adobe p {
	display: block;
	width: 500px;
}






.videoButton {
	background: transparent url(/images/default/default/icons/video.gif) top left no-repeat;
	padding-left: 20px;
	height: 17px;
	text-align: left;
	margin-left: 15px;
	width: 180px;
	height: 150px;
}


#productdetail .number {
	height: 19px;
}


#ProdImage {
	padding: 10px 0 0 39px;
}



#ImageDetails {
	width: 378px;
	border: 1px solid #BCBCBC;
	margin-bottom: 0;
	border-bottom: none;
}

#Seals {
	padding: 0;
	margin: 0;
	width: 378px;
}

#Seals li {
	width: 189px;
	height: 39px;
	float: left;
	text-align: center;
	/*line-height: 59px;*/
	padding: 3px 0;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	margin-bottom: -1px;
	margin-right: -1px;
	position: relative;
}

#Seals li img {
	vertical-align: middle;
}

#productdetail .sticker {
	height: 20px;
	padding-left: 1px;
}

#productdetail .sticker ul,
#productdetail .sticker li {
	margin: 0;
	padding: 0;
}
* html #productdetail .sticker ul {
	margin-left: 1px;
}

#productdetail .sticker li {
	float: left;
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	border-top: 1px solid #BCBCBC;
	padding: 3px 26px 3px 9px;
	margin-left: -1px;
}


#ImageDetails .similarFlag {
	position:relative;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	left:-29px;
	top:7px;
	height:14px;
}

/* For integration with MagicZoomPlus */
#ImageDetails .similarFlag.top {
	top:-5px;
	z-index:11;
}

#ImageDetails .showbig {
	position:relative;
	left: 317px;
	top: -8px;
	width: 15px;
	height: 15px;
}

#productdetail del {
	line-height: 100%;
}

#productdetail #Short {
	width: 195px;
}
#productdetail #Short div.accountdiscount {
	color: #000000;
}
#productdetail #Short div.porto {
	color: #A3A3A3;
	margin: 4px 0 13px 0;
	font-size: 0.8em;
	line-height: 1.1em;
}

#productdetail .rating {
	border-bottom: 1px solid #BCBCBC;
	padding-bottom: 6px;
}

#productdetail .download,
#productdetail .warranty {
	border-bottom: 1px solid #BCBCBC;
	padding: 13px 0 12px 0;
}

#productdetail .availability .green {
	color: #FFC800;
	font-size:13px;
}

#productdetail .availability .red {
	color: #FF0000;
	font-size:13px;
}

#productdetail .availability .yellow {
	color: #FC800B;
	font-size:13px;
}


#productdetail table thead th {
	background-color: #e6e6e7;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-align: left;
	padding: 4px 9px;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	border-bottom:none;
	font-weight:bold;
}


#bewertungen span.buttons {
	padding-left:12px !important;
}

#bewertungen span.buttons img {
	margin-right:5px !important;
}




/**
-------------------------------------------------------------
 Layer fr Produktdetailseite
------------------------------------------------------------- */


#printLayer {
	background-color: #FFFFFF;
	padding: 20px;
}

/** Tabbing **/

#productdetail #tabnav {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#productdetail .tabs li a {
	width: 197px;
	text-decoration: none
}
#productdetail .tabs li.last a {
	width: 199px;
}

#productdetail #tabbing .inner {
	padding: 20px;
}




/** Pager Produktdetailseite **/

.mod-prodpager .sub-lft{
	float: left;
	display: block;
	height: 40px;
	overflow: hidden;
	width: 24px;
	border: 1px solid #bcbcbc;
	background-position:0px -1603px;	
}

.mod-prodpager .sub-rgt {
	float: left;
	display: block;
	height: 40px;
	overflow: hidden;
	width: 24px;
	border: 1px solid #bcbcbc;
	background-position:-53px -1603px;
}

.mod-prodpager .sub-lft {
	border-left:none;
}

.mod-prodpager .sub-lft.none {
	width:0;
	border-left:none;
	border-right:none;
}

.mod-prodpager .sub-rgt.none {
	width:0;
	border:none;
}

.mod-prodpager .sub-rgt {
	float: right;
	border-left:none;
	border-right:none;
	width: 25px;
}

.mod-prodpager .sub-lft a,
.mod-prodpager .sub-rgt a {
	display: block;
	padding-top: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
}

.mod-prodpager .sub-lft a {
	width: 24px;
}
.mod-prodpager .sub-rgt a {
	width: 25px;
}
.mod-prodpager .sub-lft:hover {
	background-position:-26px -1603px !important;
}
.mod-prodpager .sub-rgt:hover {
	background-position:-80px -1603px !important;
}

.mod-prodpager .sub-mask {
	z-index:1000;
	position: relative;
	float: left;
	width: 328px;
	height: 42px;
	overflow: hidden;
	padding: 0;
}

.mod-prodpager .sub-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;

}

.mod-prodpager ul {
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 40px;
	margin:0;
	padding:0;
}

.mod-prodpager .sub-mask ul li {
	float: left;
	width: 40px;
	display:block;
	border:1px solid #bcbcbc;
	border-left:none;
	position:relative;
}

.mod-prodpager .sub-mask ul li.active {
	border-bottom:none;
	border-right: 1px solid white;
	height:39px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background:none;
}

* html .mod-prodpager .sub-mask ul li.active {
	width:38px;
	height:38px;
	border-right:none;
}

.mod-prodpager .sub-mask ul li div {
	position:relative;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	background-position:left top;
}

.mod-prodpager .sub-mask ul li.active div {
	position:relative;
	left:-1px;
	top:-1px;
	width:38px;
	height:38px;
	border:2px solid #FFCC01;
	background:transparent;
}

.mod-prodpager .sub-mask ul li div a {
	width:100%;
	height:100%;
	display:block;
}

#ImageContainer,
#FlashContainerOverall {
 height: 250px;
 width:250px;
 margin-bottom:0px;
 float:left;
}

#ImageContainerExt {
	float:left;
	width:80px;
	height:80px;
}

#printLayer #content {
  width: 480px;
  float:none;
}

#detailPrintLayer #productdetail .right {
	width: auto;
}

#detailPrintLayer #crossselling table tbody.recommended tr td {
	padding:10px 23px 19px 23px;
}

#crossselling .halfcolumns {
	padding-bottom:3px;
}
#detailPrintLayer #crossselling .halfcolumns div.product .productText {
	width: 140px;
}

/**
	Tooltip-Layer inkl. Produktinformationen
**/
ul.productList {
	margin:0;
	padding:0;
	overflow: hidden;
}

.productList li {
	/*position:relative;*/
	z-index: inherit;
	float: left;
	display: block;
	margin: 0;
	padding: 0 !important;
	width: 147px;
	text-align: center;
	background: none !important;
}

.productList li .prod_advise {
	position:absolute;
	z-index:1000;
	/*
	top:20px;
	*/
	width:180px;
	background: transparent url(/images/layer/border_top.gif) left top  no-repeat;
	padding-top:7px;
	text-align:left;
}

.productList li .prod_advise img {
		vertical-align:top;
}
.productList li .prod_advise div.relative {
		position:relative;
}

.productList li .prod_advise div.productBox {
	background: white url(/images/layer/border_middle.gif) left repeat-y;
	padding:1px 10px 10px 10px;
}

.productList li .prod_advise div.productBox div.name {
	margin-bottom:4px;
}
.productList li .prod_advise div.productBox div.artNr {
	margin-bottom:8px;
}
.productList li .prod_advise div.productBox div.price {
	margin-bottom:6px;
	font-size:1.8em;
}

#symbollayer {
	position:absolute;
	top:-100px;
	z-index:1000;
}

.input, select {font:normal 11px/1.5 Arial, sans-serif; margin:0; padding:0;}
.inventory {
	width: 387px;
	border-top: 1px solid #bcbcbc;
	overflow: hidden;
	padding-top: 10px;
}
#inventoryCheck .dropdownInventoryCheck {
	width: 280px;
}

/** 
	probably not needed anymore
**/
.inventoryCheckDecoration {
	background-image: url(/images/default/default/panel/filial_button.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 370px;
}

.highlightNewShopFeature {
	position: relative;
	background-image: url(/images/default/default/panel/filial_kreisstoerer.png);
	background-repeat: no-repeat;
	background-position: 93% 0%;
	height: 63px;
}

.highlightNewShopFeature > div {
	background-color: #ffe600;
	width: 72%;
	padding: 2.2% 0% 2.2% 2.2%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#productdetail .submit {
	background:#fae502;
	color:#000;
	border:none;
	width:62px;
	height:18px;
	*height:19px; /* IE */
	cursor:pointer;
	border-right:1px solid #c0bd56;
  border-bottom:1px solid #c0bd56;
	vertical-align:top;
}
/**
Ticket #5276: CSS für Cliplister auf Artikeldetailansicht
*/
#clipLister {
	margin: 10px 0px;
	}