@charset "utf-8";

#ccstemplate, #ccstemplate div,#ccstemplate dl,#ccstemplate dt,#ccstemplate dd,#ccstemplate ul,#ccstemplate ol,#ccstemplate li,#ccstemplate h1,#ccstemplate h3,#ccstemplate h4,#ccstemplate h5,#ccstemplate h6,#ccstemplate pre,#ccstemplate code,#ccstemplate form,#ccstemplate fieldset,#ccstemplate legend,#ccstemplate input,#ccstemplate button,#ccstemplate textarea,#ccstemplate p,#ccstemplate blockquote,#ccstemplate th,#ccstemplate td{margin:0;padding:0;}#ccstemplate fieldset,#ccstemplate img{border:0;}#ccstemplate address,#ccstemplate caption,#ccstemplate cite,#ccstemplate code,#ccstemplate dfn,#ccstemplate em,#ccstemplate strong,#ccstemplate th,#ccstemplate var,#ccstemplate optgroup{font-style:inherit;font-weight:inherit;}#ccstemplate del,#ccstemplate ins{text-decoration:none;}#ccstemplate li{list-style:none;}#ccstemplate caption,#ccstemplate th{text-align:left;}#ccstemplate h1,#ccstemplate h2,#ccstemplate h3,#ccstemplate h4,#ccstemplate h5,#ccstemplate h6{font-size:100%;font-weight:normal;}#ccstemplate q:before,#ccstemplate q:after{content:'';}#ccstemplate abbr,#ccstemplate acronym{border:0;font-variant:normal;}#ccstemplate sup{vertical-align:baseline;}#ccstemplate sub{vertical-align:baseline;}#ccstemplate legend{color:#000;}#ccstemplate input,#ccstemplate button,#ccstemplate textarea,#ccstemplate select,#ccstemplate optgroup,#ccstemplate option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}#ccstemplate input,#ccstemplate button,#ccstemplate textarea,#ccstemplate select{*font-size:100%;}table{border-spacing: 0;}





#ccstemplate .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#ccstemplate .clearfix {
	display: inline-block;
}

/* Vor IE Mac verstecken \*/
* html #ccstemplate .clearfix {height: 1%;}
/* Ende */

#ccstemplate .hide {
    position: absolute;
    left: -99999px;
    top: -99999px;
}

#ccstemplate strong {
    font-weight: bold;
}

#ccstemplate, #CentralArea div#ccstemplate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(http://www.musikhl.de/knapp/site-bg.jpg) left top;
	margin: 0 -15px;
	padding: 35px 0;
}


#ccstemplate .small {
	font-size: 9px;
	line-height:12px;
	color: #969696;
}

#ccstemplate a {
	color: #666;
}

#ccstemplate a:hover {
	text-decoration: underline;
}

.vz-hide {
	display:none;
}

/** hide default ccstemplate header and cat navi **/
.tpcate, .hdr, .trc, .tprs {
    display: none;
}


#ccstemplate .limiter {
	margin: auto;
	width: 980px;
}

#ccstemplate .bg {
	background: #ffffff;
	-webkit-border-radius: 12px;
	        border-radius: 12px;
}

#vi-container #ccstemplate .detail .header,
#ccstemplate .header,
#desc_div #ccstemplate .detail .header {
	position: relative;
	height: 106px;
	padding-top: 26px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	z-index: 150;
}

/***
* Head
***/

#ccstemplate .logo {
	margin: 0 0 0 26px;
	float:left;
}

#ccstemplate .right {
	float:right;
}

#ccstemplate ul.meta {
	display:block;
}

#ccstemplate  ul.meta,
#ccstemplate .meta li {
	padding: 0;
	margin: 0;
}

#ccstemplate .meta li {
	float:left;
	padding: 0 5px;
}

#ccstemplate .meta li.last {
	padding-right: 0;
	background: none;
}

#ccstemplate .meta a {
	font-size: 11px;
	color: #666;
	text-decoration:none;
}

#ccstemplate .meta a:hover {
	text-decoration:underline;
}

#ccstemplate .content ul.meta {
	margin: 40px 0 0 34px;
}

#ccstemplate .content .meta li {
	float:none;
	padding: 5px 0 5px 13px;
	background: url(http://www.musikhl.de/knapp/sprite-button-icons.png) no-repeat 0 -362px;
}

/***
* Navigation
***/

#ccstemplate .topnav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36px;
	background: #C50000;
}

#ccstemplate .topnav  ul {
	padding: 0 2px;
}

#ccstemplate .topnav li {
	float: left;
}

#ccstemplate .topnav li a {
	color: #ffffff;
	line-height: 36px;
	text-transform: uppercase;
	display: block;
	padding: 0 12px 0 12px;
	background: url(http://www.musikhl.de/knapp/topnav-separator.png) no-repeat left center;
	
	font-family: 'TradeGothicCondEighteen', Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

#ccstemplate .topnav li.active a {
	text-decoration: underline;
	font-family: 'TradeGothicBoldCondTwenty', Tahoma, Geneva, sans-serif;
}

#vi-container #ccstemplate .topnav .home a,
#desc_div #ccstemplate .topnav .home a,
#ccstemplate .topnav .home a {
	background: url(../images/background/topnav-home.png) no-repeat 28px center;
	width: 22px;
	height: 36px;
}

#ccstemplate .leftnav ul[id^=nav-] {
	display: none;
}

#ccstemplate .leftnav ul.active {
	display: block;
}

#vi-container #ccstemplate .detail .leftnav,
#desc_div #ccstemplate .detail .leftnav,
#ccstemplate .leftnav {
	width: 154px;
	margin: 0;
	padding-bottom: 10px;
}

#ccstemplate .leftnav,
#ccstemplate .leftnav a {
	color: #969696;
	font-size: 12px;
	text-decoration: none;
	
}

#vi-container #ccstemplate .detail .leftnav a,
#desc_div  #ccstemplate .detail .leftnav a,
#ccstemplate .leftnav a {
	display: block;
	line-height: 24px;
}

#ccstemplate .leftnav a:hover {
	color: #C50000;
}

#ccstemplate .leftnav li li {
	margin-left:21px
}

#ccstemplate .leftnav li.active a {
	color:#920c00;
}

/***
* Suchfunktion
***/

#ccstemplate .search {
	width: 175px;
	height: 22px;
	float: right;
	position: relative;
	margin-top:15px;
}

#ccstemplate .search input,  
#vi-container #ccstemplate .detail .search input,
#desc_div  #ccstemplate .detail .search input,
#ccstemplate .searchrow input {
	background-color: #ffffff;
	border: 0;
	color: #a1a19f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	width: 147px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	padding-left: 6px;
}

#vi-container #ccstemplate .search .search-button,
#desc_div #ccstemplate .search .search-button,
#ccstemplate .search .search-button {
	border:0;
	width: 21px;
	height: 22px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0;
}

/***
 * Top artikel
 */

#ccstemplate .item a:hover .title {
	text-decoration: underline;
}

#ccstemplate .item span {
	display: block;
}


#ccstemplate .item .inner {
	margin: 0 1px 0 0;
	height: 276px;
	width: 175px;
	padding: 0 0 0 5px;
}

#ccstemplate .item .image {
	display: block;
	text-align: center;
	width: 176px;
	background: #ffffff;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
}

#ccstemplate .item .vz-no-image {
	background: #fff no-repeat center center;
}


#ccstemplate .topartikel .item .title {
	font-size: 16px;
	overflow: hidden;
	padding: 21px 0 0 0;
	line-height:18px;
	padding-bottom: 0;
	;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: #afafaf;
	font-family: 'TradeGothicCondEighteen', Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
#ccstemplate .topartikel .item .stp,
#ccstemplate .topartikel .item .price {
	color: #1a1a18;
	float: left;
	padding: 0 ;
	font-size: 16px;
	
	font-weight: normal;
	font-family: 'TradeGothicBoldCondTwenty', Tahoma, Geneva, sans-serif;
}

#ccstemplate .item .stp span,
#ccstemplate .item .price span {
	display: inline;
}

#ccstemplate .item .bo {
	float: right;
	height: 15px;
	width: 67px;
	display: none;
	font-size: 11px;
	font-weight: bold;
}

#ccstemplate .item .stp {
	margin-left: 12px;
	color:#cfcfcf;
	display:none;
	font-size: 15px;
	text-decoration:line-through;
}





#ccstemplate .topartikel {
	width: 140px;
	height: 100%;
	background: #e6e6e6  no-repeat left bottom;
	padding: 0 7px 13px 7px;
	margin: 15px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#ccstemplate .topartikel h2 {
	color: #C50000;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 38px;
	height: auto;
	padding: 0;
	margin-left: 0;
	font-weight: normal;
font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
display: block;
}

#ccstemplate .topartikel  .item {
	width: 140px;
	padding: 0;
	min-height:300px;
}

#ccstemplate .topartikel  .item .title {
	padding: 10px 0;
	
}

#ccstemplate .topartikel .top .item .price {
	line-height: 33px;
	margin-top: 8px;
	padding: 0;
}

#ccstemplate .topartikel .top .item .stp {
	margin-top: 8px;
	padding-top: 6px;
}

/***
* Filtersuche
***/

#ccstemplate .filtersearch {
	width: 200px;
	height: 24px;
	position: absolute;
	right: 20px;
	top: 38px;
}


#ccstemplate .searchrow {
	height:24px;
}

#ccstemplate .searchrow input,
#vi-container #ccstemplate .detail .searchrow input,
#desc_div #ccstemplate .detail .searchrow input{
	background: #e6e6e6;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	width: 163px;
	height: 24px;
	line-height: 24px;
	padding-left: 6px;
	color: #969696;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}

#ccstemplate .detail .searchrow input {
	width: 169px;
}

#ccstemplate .filtersearch .search-button {
	background: #e6e6e6 url(http://www.musikhl.de/knapp/sprite-button-icons.png) no-repeat 4px -395px;
	border:0;
	width: 30px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	color: #ffffff;
	font-family: Georgia;
	font-size: 12px;
	padding-left:15px;
	left: 169px;
	padding-bottom:4px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}

#ccstemplate .filtersearch .search-button:disabled {
	background-position: 0 -418px;
	cursor: default;
}

#ccstemplate .filtersearch label {
	color: #920c00;
	font-size: 17px;
	font-family: Georgia;
	width:59px;
	float:left;
}

#ccstemplate .filterrow .search-button {
	top: 71px;
}

#ccstemplate .filtersearch .filter {
	float:left;
	width:370px;
}

#ccstemplate .filtersearch .filter select {
	width: 115px;
}

#ccstemplate .filtersearch .filter .ui-selectmenu {
	margin-bottom: 5px;
} 

#ccstemplate .metanav {
	position: absolute;
	right: 13px;
	top: 15px;
}

#ccstemplate .metanav li {
	float: left;
	padding: 0 7px 0 9px;
	background:  no-repeat left center;
}

#ccstemplate .metanav li:first-child {
	background: none;
}

#ccstemplate .metanav li a {
	text-decoration: none;
}

/***
* Content 
***/

#ccstemplate .content {
	min-height: 324px;
	margin-bottom: 24px;
	padding: 0 10px 26px 10px;
	display: block;
}


/***
* FUSS
***/

#ccstemplate .footer {
	border-top: 1px solid #afafaf;
	border-top: 1px solid rgba(175,175,175,0.43);
	height: 50px;
	padding-top: 12px;
	text-align: right;
}

#ccstemplate .footer .meta li,
#ccstemplate .footer .meta li a {
	color: #afafaf;
	font-size: 11px;
}

#ccstemplate .footer .meta li {
	float: right;
	background:  no-repeat left 3px;
}

#ccstemplate .footer .meta li.none {
	background: none;
}

#ccstemplate .footer .meta li:first-child  {
	float: left;
}

/***
 * 2 col structure
 ***/

#ccstemplate .content .leftcol {
	display: table-cell;
	width: 154px;
	vertical-align: top;
	background: #f5f5f5;
	padding: 10px 15px;
	min-height: 500px;
}

#ccstemplate .content .rightcol {
	display: table-cell;
	width: 766px;
	padding-left: 10px;
	vertical-align: top;
	min-height: 500px;
}

#ccstemplate .detail .content .rightcol {
	padding-top: 25px;
}

/***
* Startseite
***/

#ccstemplate .content .row {
	padding: 0 0 10px 0;
}

#ccstemplate .content .teaser {
	width: 236px;
	height: 140px;
	float: left;
	border-right: 5px solid #000;
}

#ccstemplate .content .teaser a {
	text-decoration: none;
	display:block;
}

#ccstemplate .linkbox li a:hover,
#ccstemplate .content .teaser a:hover span {
	color: #920c00;
}

#ccstemplate .content .teaser span {
	font-family: Georgia;
	font-size: 22px;
	color: #333;
	display:block;
	height: 23px;
	margin-top: 10px;
	padding-left: 10px;
	background:  no-repeat 252px 5px;
}

#ccstemplate .textbox {
	font-size: 11px;
	float: left;
	height: 104px;
	line-height: 15px;
	width: 442px;
	padding: 0 0 0 16px;
	color: #969696;
	border-left: 1px solid #ffffff;
	margin-bottom: 46px;
}

#ccstemplate .textbox1 {
	width: 146px;
	border: 0;
	padding-left: 10px;
}

#ccstemplate .textbox3 {
	width: 338px;
}

#ccstemplate .textbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 3px;
	color: #ffffff;
}

#ccstemplate .textbox a {
	color: #969696;
}

#ccstemplate .content .row .last {
	border: 0;
}




/***
* Detailansicht
***/

#ccstemplate.detail {
	margin: 0;
}

#ccstemplate .detail .search input {
	width: 175px;
	height:22px;
}

#ccstemplate .detail .col1 {
	float: left;
	width: 400px;
	padding-bottom: 20px;
}

#ccstemplate .detail .col2 {
	position: relative;
	float: right;
	width: 351px;
	padding-bottom: 20px;
	vertical-align:top;
}
	
#ccstemplate .text h1,
#ccstemplate .detail h1 {
	font-size: 22px;
	line-height: 34px;
	color: #969696;
	font-family: 'TradeGothicCondEighteen', Tahoma, Geneva, sans-serif;
}

#ccstemplate .article-images {
	
}


/** startpage slider **/

#vi-container #ccstemplate .detail .slider h2,
#desc_div  #ccstemplate .detail .slider h2,
#ccstemplate .slider h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #920c00;
	font-size: 16px;
	margin: 0 0 0 -19px;
	padding: 9px 0 0 0;
	height: 25px;
	font-family: 'TradeGothicBoldCondTwenty', Tahoma, Geneva, sans-serif;
	font-size: 21px;
	text-transform: uppercase;
}

#vi-container #ccstemplate .detail .slider h2,
#desc_div  #ccstemplate .detail .slider h2,
#ccstemplate .detail .slider h2 {
	color: #000;
	font-size: 21px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif
}

#vi-container #ccstemplate .detail .article-description .slider h2,
#desc_div #ccstemplate .detail .article-description .slider h2,
#ccstemplate .detail .article-description .slider h2 {
	margin-left: -20px;
	padding-top:24px;
	height: 25px;
}

#ccstemplate .detail .article-description .slider .prev,
#ccstemplate .detail .article-description .slider .next {
	top: 89px;
}

#ccstemplate .detail .article-description .slider .prev {
	left: 0;
}

#ccstemplate .detail .article-description .slider .next {
	right: 9px;
}

#ccstemplate .bx-prev, #ccstemplate .bx-next {
	background: none;
}

#ccstemplate .slider {
	width: 900px;
	height: 300px;
	float: left;
	position: relative;
	padding: 0 30px;
}

#ccstemplate .category .slider {
	padding-top: 16px;
}

#ccstemplate .slider .slider-container {
	display:none;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

#ccstemplate .slider .item {
	display:none;
	width: 181px;
	height: 276px;
	float: left;
}

#ccstemplate .item a {
	color: #000;
	font-weight: bold;
	display: block;
	text-decoration: none;
}


#ccstemplate .slider .prev, #ccstemplate  .slider .next {
	background: url(../images/background/sprite-button-icons.png) no-repeat 0 -598px;
	position: absolute;
	width: 21px;
	height: 97px;
	top: 75px;
	left: 9px;
	z-index: 40;
	display:none;
	overflow: hidden;
}
#ccstemplate .slider .next {
	background-position: 0 -501px;
	left: 930px;
}

#ccstemplate .slider .prev a, .slider .next a {
	display:block;
	height: 100%;
	padding-left: 21px;
}


/***
* Kategorie-Einstiege
***/

#ccstemplate .category h1,
#ccstemplate .text h1,
#ccstemplate .detail h1 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 48px;
	padding:0;
	margin:0;
	color: #565655;
}

#vi-container #ccstemplate .detail .slider,
#desc_div #ccstemplate .detail .slider,
#ccstemplate .category .slider,
#ccstemplate .detail .slider {
	width: 706px;
	margin-right:0;
}

#vi-container #ccstemplate .detail .top,
#vi-container #ccstemplate .top,
#desc_div  #ccstemplate .detail .top,
#desc_div  #ccstemplate .top,
#ccstemplate .category .top,
#ccstemplate .detail .top {
	width: 140px;
	height: 314px;
	padding-top: 0;
}

#vi-container #ccstemplate .lastwatched h2,
#desc_div #ccstemplate .lastwatched h2,
#ccstemplate .category .lastwatched h2,
#ccstemplate .detail .lastwatched h2,
#ccstemplate .gallery .lastwatched h2 {
	font-size: 16px;
	font-weight: normal;
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	margin-left:0;
	margin-top:0;
}

#ccstemplate .category .slider .next,
#ccstemplate .detail .slider .next {
	left: auto;
	right: 0;
}
#ccstemplate .category .rightcol {
	padding-top: 5px;
}

#ccstemplate .category .row {
	padding-top: 5px;
	clear: both;
	margin-left: -5px;
}

#ccstemplate .category .row img {
	float: left;
	padding-left: 5px;
}

/***
* Detailansicht
***/

#ccstemplate.detail {
	margin: 0;
}

#ccstemplate .detail .search input {
	width: 175px;
	height:22px;
}

#ccstemplate .detail .col1 {
	float: left;
	width: 400px;
	padding-bottom: 20px;
}

#ccstemplate .detail .col2 {
	position: relative;
	float: right;
	width: 351px;
	padding-bottom: 20px;
}
	
#ccstemplate .text h1,
#ccstemplate .detail h1 {
	font-size: 30px;
	line-height: 34px;
	color: #969696;
	font-family: 'TradeGothicCondEighteen', Tahoma, Geneva, sans-serif;
}

#ccstemplate .article-images {
	
}
#ccstemplate .article-images-large {
	width: 400px;

	background: url(../images/background/ajax-loader.gif) no-repeat center center;
	background-color: #ffffff;
}

#ccstemplate .article-images-large:before  {
	content: "Bewegen Sie die Maus über das Bild um zu zoomen";
	display: block;
	width: 200px;
	position: absolute;
	background: #000 url(../images/background/zoom.png) no-repeat 15px center;
	z-index: 10000;
	color: #fff;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-align: left;
	padding: 10px 10px 10px 60px;
	font-family: 'TradeGothicCondEighteen', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	left: 50%;
	margin-left: -220px;
	margin-top: 170px;
	display: none;
}
#ccstemplate .article-images-large.shownotice:before  {
	display: block;
}

#ccstemplate .article-images-large img {
	width: 400px;

}

#ccstemplate .detail .article-images-small {
	border-top: 1px solid #d7d7d7; 
}

#vi-container #ccstemplate .detail .article-images-small h2, 
#desc_div  #ccstemplate .detail .article-images-small h2, 
#ccstemplate .detail .article-images-small h2 {
    color: #000000;
    font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
	padding-top: 9px;
}

#vi-container #ccstemplate .detail .article-thumbs,
#desc_div #ccstemplate .detail .article-thumbs,
#ccstemplate .category .article-thumbs,
#ccstemplate .detail .article-thumbs {
	width: 311px;
	position: relative;
	height: auto;
	padding: 26px 20px 0 20px;
}

#ccstemplate .detail .article-thumbs.multisku {
	padding-left: 0px;
	padding-right: 0px;
	width: 350px;
}

#ccstemplate .detail .article-thumbs.multisku .thumb {
	margin-right: 0px;
}


#ccstemplate .detail .article-thumbs .prev, 
#ccstemplate .detail .article-thumbs .next {
	position: absolute;
	width: 11px;
	height: 34px;
	top: 53px;
	left: 0;
	z-index: 40;
	display:none;
	overflow: hidden;
	background: none;
}
#ccstemplate .detail .article-thumbs .next {
	left: 339px;
}
#ccstemplate .detail .article-thumbs .prev a, 
#ccstemplate .detail .article-thumbs .next a {
	display:block;
	height: 100%;
	padding-left: 21px;
	background: url(../images/background/sprite-button-icons.png) no-repeat 0 -825px;
}

#ccstemplate .detail .article-thumbs .next a {
	background-position: 0 -873px;
}

#ccstemplate .detail .article-thumbs a.disabled {
	background: none;
}

#ccstemplate .article-thumbs .thumb {
	float: left;
	width: 83px;
	height: 83px;
	padding: 0;
	margin: 0 5px 0 0;
	cursor: pointer;
	border: 2px solid #ffffff;	
}

#ccstemplate #vz-ebay-thumb-container {
	display:none;	
}

#ccstemplate #vz-ebay-image-thumb a.active {
	border: 2px solid #F47D1F;	
}

#ccstemplate .article-thumbs .thumb img {
	width: 83px;
	height: 83px;
	background: url(../images/background/ajax-loader.gif) no-repeat center center;
}

#ccstemplate .article-description {
	clear: both;
	font-size: 13px;
	line-height: 18px;
	color: #969696;
	border-top: 1px solid #D7D7D7;
}

#ccstemplate .article-desc-content {
	padding-left: 15px;
	color: #969696;	
}

#ccstemplate .article-desc-content ul {
	margin: 10px 0;
}

#ccstemplate .article-desc-content li {
	list-style: disc outside none;
	margin: 0 0 5px 15px;
}
#ccstemplate .article-images-large {
	width: 400px;

	background: url(../images/background/ajax-loader.gif) no-repeat center center;
	background-color: #ffffff;
}

#ccstemplate .article-images-large:before  {
	content: "Bewegen Sie die Maus über das Bild um zu zoomen";
	display: block;
	width: 200px;
	position: absolute;
	background: #000 url(../images/background/zoom.png) no-repeat 15px center;
	z-index: 10000;
	color: #fff;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-align: left;
	padding: 10px 10px 10px 60px;
	font-family: 'TradeGothicCondEighteen', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	left: 50%;
	margin-left: -220px;
	margin-top: 170px;
	display: none;
}
#ccstemplate .article-images-large.shownotice:before  {
	display: block;
}

#ccstemplate .article-images-large img {
	width: 400px;

}

#ccstemplate .detail .article-images-small {
	border-top: 1px solid #d7d7d7; 
}

#vi-container #ccstemplate .detail .article-images-small h2, 
#desc_div  #ccstemplate .detail .article-images-small h2, 
#ccstemplate .detail .article-images-small h2 {
    color: #000000;
    font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
	padding-top: 9px;
}

#vi-container #ccstemplate .detail .article-thumbs,
#desc_div #ccstemplate .detail .article-thumbs,
#ccstemplate .category .article-thumbs,
#ccstemplate .detail .article-thumbs {
	width: 311px;
	position: relative;
	height: auto;
	padding: 26px 20px 0 20px;
}

#ccstemplate .detail .article-thumbs.multisku {
	padding-left: 0px;
	padding-right: 0px;
	width: 350px;
}

#ccstemplate .detail .article-thumbs.multisku .thumb {
	margin-right: 0px;
}


#ccstemplate .detail .article-thumbs .prev, 
#ccstemplate .detail .article-thumbs .next {
	position: absolute;
	width: 11px;
	height: 34px;
	top: 53px;
	left: 0;
	z-index: 40;
	display:none;
	overflow: hidden;
	background: none;
}
#ccstemplate .detail .article-thumbs .next {
	left: 339px;
}
#ccstemplate .detail .article-thumbs .prev a, 
#ccstemplate .detail .article-thumbs .next a {
	display:block;
	height: 100%;
	padding-left: 21px;
	background: url(../images/background/sprite-button-icons.png) no-repeat 0 -825px;
}

#ccstemplate .detail .article-thumbs .next a {
	background-position: 0 -873px;
}

#ccstemplate .detail .article-thumbs a.disabled {
	background: none;
}

#ccstemplate .article-thumbs .thumb {
	float: left;
	width: 83px;
	height: 83px;
	padding: 0;
	margin: 0 5px 0 0;
	cursor: pointer;
	border: 2px solid #ffffff;	
}

#ccstemplate #vz-ebay-thumb-container {
	display:none;	
}

#ccstemplate #vz-ebay-image-thumb a.active {
	border: 2px solid #C50000;	
}

#ccstemplate .article-thumbs .thumb img {
	width: 83px;
	height: 83px;
	background: url(../images/background/ajax-loader.gif) no-repeat center center;
}

#ccstemplate .article-description {
	clear: both;
	font-size: 13px;
	line-height: 18px;
	color: #969696;
	border-top: 1px solid #D7D7D7;
}

#ccstemplate .article-desc-content {
	padding-left: 15px;
	color: #969696;	
}

#ccstemplate .article-desc-content ul {
	margin: 10px 0;
}

#ccstemplate .article-desc-content li {
	list-style: disc outside none;
	margin: 0 0 5px 15px;
}

#ccstemplate .article-desc-content h3,
#ccstemplate .fittings h3,
#ccstemplate .old-price h3  {
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	font-size: 21px;
	font-weight: normal;
	padding:0;
	padding-bottom: 15px;
	color: #000000;
	text-transform: uppercase;
}

#ccstemplate .article-desc-content .price {
	display:block;
	margin-top:7px;
	float:left;
}
#ccstemplate .article-desc-content .old-price {
	float:none;
}
#ccstemplate .article-desc-content .rebate {
	margin:15px 0 0 20px;
	float:left;
}


#vi-container #ccstemplate .article-images .price,
#desc_div  #ccstemplate .article-images .price,
#ccstemplate .article-images .price {
	position:absolute;
	padding:5px 15px;
}

#ccstemplate .price {
	padding-top:10px;
	padding-bottom: 10px;
}

#ccstemplate .old-price {
	float: left;
	line-height: 32px;
}

#ccstemplate .old-price .pricecontainer {
	position: relative;
	font-size: 30px;
	line-height: 32px;
	color: #969696;
	display:inline;
	text-decoration: line-through;
	font-family: 'TradeGothicBoldCondTwenty',Tahoma,Geneva,sans-serif;
	padding-right: .5em;
}

#ccstemplate .new-price {
	font-size: 40px;
	color: #C50000;
	line-height: 35px;
	font-family: 'TradeGothicBoldCondTwenty',Tahoma,Geneva,sans-serif;
}

#ccstemplate .price-addon {
	margin-top: 6px;
	color: #58585a;
	font-size: 11px;
}

#ccstemplate .article-desc-price {
	padding-bottom: 57px;
}
#ccstemplate .fittings, #ccstemplate .warranty {
	margin-top:31px;
	padding-top: 7px;
	border-top: 1px solid #D7D7D7;
	clear: both;
	display: none;
}

#ccstemplate .fittings.laptop,
#ccstemplate .fittings.organizer,
#ccstemplate .fittings.cabin {
	display: block;
}

#ccstemplate .fittingicon {
	
	background-repeat: no-repeat;
	width: 55px;
	height: 55px;
	float: left;
	margin-right: 10px;
	position: relative;
	display: none;
}

#ccstemplate .fittings.laptop .fittingicon01 {
	background-position: 0 0;
	display: block;
}

#ccstemplate .fittings.organizer .fittingicon02 {
	background-position: -55px 0;
	display: block;
}

#ccstemplate .fittings.cabin .fittingicon03 {
	background-position: -110px 0;
	display: block;
}

#ccstemplate .warranty {
	display: inherit;
}

#ccstemplate .warranty.hide {
	display: none;
}

#ccstemplate .warranty  .icon {
	
	background-repeat: no-repeat;
	width: 112px;
	height: 51px;
	float: left;
	margin-right: 13px;
	margin-top: 10px;
	display: block;
}

#ccstemplate .warranty .link {
	padding-left: 9px;
	background: no-repeat 0 -369px;
	margin-top: 32px;
	float: left;
	display: block;
}

#ccstemplate .warranty a {
	text-decoration: none;
}

#ccstemplate .warranty .link  span {
	text-decoration: none;
	font-weight: bold;
    border-bottom: 1px dotted #C50000;
    color: #C50000;
	line-height: 12px;
}

#ccstemplate .article-shipping {
	font-size: 12px;
	line-height: 16px;
	margin-top: 32px;
    border-top: 1px solid #D7D7D7;
}

#ccstemplate .article-shipping td {
	font-size: 12px;
	line-height: 16px;
	color: #969696;
}

#ccstemplate .article-shipping li {
	list-style-type: disc;
	margin-left: 15px;
}

#vi-container #ccstemplate .detail .article-shipping-col1,
#desc_div  #ccstemplate .detail .article-shipping-col1,
#ccstemplate .article-shipping-col1,
#vi-container #ccstemplate .article-shipping-col2 .payment,
#desc_div #ccstemplate .article-shipping-col2 .payment,
#ccstemplate .article-shipping-col2 .payment,
#vi-container #ccstemplate .article-shipping-col2 .support,
#desc_div  #ccstemplate .article-shipping-col2 .support,
#ccstemplate .article-shipping-col2 .support {
	width: 370px;
	margin-right: 30px;
	padding: 23px 0 30px 15px;
	color: #969696;
}

#ccstemplate .article-shipping-col1 {
	float:left;
}

#ccstemplate .article-shipping h2 {
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	font-size: 21px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 15px;
	margin:0;
	color: #000000;
	text-transform: uppercase;
}

#ccstemplate .article-shipping-col2 {
	width: 351px;
	float: left;
}

#vi-container #ccstemplate .detail .article-shipping-col2 .payment,
#vi-container #ccstemplate .detail .article-shipping-col2 .support,
#desc_div #ccstemplate .detail .article-shipping-col2 .payment,
#desc_div #ccstemplate .detail .article-shipping-col2 .support,
#ccstemplate .article-shipping-col2 .payment,
#ccstemplate .article-shipping-col2 .support {
	width: 341px;
	margin-right: 0;
	padding-left: 9px;
}

#ccstemplate .article-shipping-col2 .payment {
	border-bottom: 1px solid #d7d7d7;
}
#vi-container #ccstemplate .detail .article-shipping-col2 .support,
#ccstemplate .article-shipping-col2 .support {
	padding-top: 42px;
}

#ccstemplate .article-shipping a {
	text-decoration: none;
	color: #969696;
}

#ccstemplate .article-shipping a:hover {
	text-decoration: underline;
}

#vi-container #ccstemplate .detail .more-colors,
#desc_div #ccstemplate .detail .more-colors,
#ccstemplate .category .more-colors, 
#ccstemplate .detail .more-colors {
	clear: both;
	padding: 9px 0 0 0;
	height: auto;
	border-top: 1px solid #d7d7d7;
	float: none;
	width: 100%;
	margin-top: 31px;
}

#vi-container #ccstemplate .detail .more-colors h2,
#desc_div  #ccstemplate .detail .more-colors h2,
#ccstemplate .category .more-colors  h2, 
#ccstemplate .detail .more-colors  h2{
	margin: 0 0 0 0px;
}

#ccstemplate .detail .more-colors .item {
	width: 40px;
	height: 40px;
	margin: 0 2px 2px 0;
}

#vi-container #ccstemplate .detail .more-colors .item .inner, 
#desc_div  #ccstemplate .detail .more-colors .item .inner, 
#ccstemplate .more-colors .item .inner {
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
}

#ccstemplate .more-colors .item .image {
	width: 40px;
	height: 40px;
}

#ccstemplate .more-colors .item .image img {
	max-width: 40px;
	max-height: 40px;
}

#vi-container #ccstemplate .more-colors .slider h2, 
#desc_div #ccstemplate .more-colors .slider h2, 
#ccstemplate .more-colors h2 {
	padding: 0;
}

#ccstemplate .detail .more-colors .item a {
	border: 1px solid #ffffff;
}

/***
* Zoom
***/


#ccstemplate div.mojozoom_marker {
	position: absolute !important;
	cursor: crosshair;
	z-index: 100;
}
#ccstemplate div.mojozoom_border,
#ccstemplate div.mojozoom_fill {
	border: #ccc 1px solid;
	position: absolute;
	width: 100%;
	height: 100%;
}
#ccstemplate div.mojozoom_fill {
	background: #ffffff;
	opacity: .5;
}
#ccstemplate img.mojozoom_img {
	border: 0px;
	padding: 0;
	
}
#ccstemplate div.mojozoom_imgctr {
	position: absolute !important;
}

#ccstemplate #vz-ebay-image-large-zoom {
	position: absolute;
	visibility: hidden;
	width: 351px;
	height: 400px;
	left: 0;
	top: 0;
	z-index:3000;
	background: #fff url(../images/background/ajax-loader.gif) no-repeat center center;
	-webkit-box-shadow:  0 0 5px #aaa;
	box-shadow:  0 0 5px #aaa;
}

#ccstemplate #vz-ebay-resize-note,
#ccstemplate #vz-ebay-color-options {
	display:none;
}

#ccstemplate #vz-ebay-color-options a {
	display:block;
	margin-right: 4px;
	width: 16px;
	height:16px;
	float:left;
	
}
#ccstemplate #vz-ebay-color-options a span {
	display:none;
}


/*
 * Text
 */
 
 
#ccstemplate .text,
#ccstemplate .text p,
#ccstemplate .text ul {
	color: #969696;
	font-size: 13px;
	line-height: 18px;
}

#ccstemplate .text h1 {
	font-size: 30px;
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	color: #000000;
	padding-top: 1em;
}

#ccstemplate .text h2 {
	font-size: 21px;
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	color: #000000;
	padding-top: 1em;
}

#ccstemplate .text h3 {
	font-size: 16px;
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	color: #000000;
	padding-top: 1em;
} 

#ccstemplate .text h4 {
	font-size: 13px;
	font-family: 'TradeGothicCondEighteen',Tahoma,Geneva,sans-serif;
	color: #000000;
	padding-top: 1em;
} 

#ccstemplate .text ul {
	padding-top: 1em;
	margin-left: 1.5em;
	list-style-type: disc;
}

#ccstemplate .text ul li {
	list-style-type: disc;
}
 
#ccstemplate .text h3 span {
    color: #969696;
    font-size: 30px;
    line-height: 34px;
}
#ccstemplate .text .rightcol {
	padding-top: 10px;
}

#ccstemplate .text p {
	padding-top: 1em;
}



/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/** ie horz. scrollbar fix **/
.Oh-h .oh-rgt-sec {
	float:none;
}


#banner {
        margin-bottom:10px;
        display:block;
}