@charset "utf-8";
/* CSS Document */
.hide1, .hide2, .hide3, .hide4, .hide5, .hide6, .hide7, .hide8, .hide9, .hide10 {display:none;}*/
/*.hide1 .text {display:none!important;}*/*/

* {
	font-family: Georgia,Tahoma,Verdana,Geneva,Helvetica,sans-serif!important;
}

#firstContainer {
	text-align:center;
	font-family: Georgia,Tahoma,Verdana,Geneva,Helvetica,sans-serif!important;
	font-size:18px;
	/*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(226,226,226,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e2e2e2',GradientType=0 );*/
}
#firstContainer a:visited, #firstContainer a:link {
	color:#f97c00;
	text-decoration:none;
	/*border-bottom:1px dotted #ddd;*/
}
#firstContainer a:hover,#firstContainer a:active {text-decoration:underline;}
#mainContainer {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width: 1200px;
	width: 100%;
	margin:auto;
	position:relative;
	top:0;
	left:0;
	text-align:left;
	background:#fff;
	padding:10px;

}
#header {
	position:relative;
	left:0;
	top:0;
	padding:0;
}
#logoLink {
	overflow:hidden;
	margin-bottom:20px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px; /* firefox */
	-webkit-border-radius: 10px; /* safari, chrome */
}
#htmlText {
	color:#6a6a6a;
	padding:10px 0 10px 0;
	overflow:hidden;
	/*margin-bottom:20px;*/
	padding: 10px;
}
.achtung {
	float: left;
	margin-right: 10px;
}
#testo-sinistra, #testo-destra {float: left; width: 50%}
#testo-sinistra span, #testo-destra span {font-weight: 600;}
#testo-sinistra p,#testo-destra p {margin: 10px 0 10px 0!important}
#menu, #menufoot {
	background:#000000;
	background: url(https://www.motosportmondo.it/ebay/shop_areatitleF.jpg) repeat-x;
    min-height: 35px;
    color:#fff;
    /*font-size: 16px*/;
    line-height: 34px;
    padding: 0px 10px;
    /* width: 99.9%; */
    font-weight: bold;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px; /* firefox */
	-webkit-border-radius: 10px; /* safari, chrome */
}
#searchForm input {
	line-height: 20px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #000;
}
#searchForm .v4sbox {width:200px;}
#searchForm .butt1 {
	background:#ffa010;
	margin-left:5px;
}
#searchForm label {
	font-weight:bold;
	color:#fff;
	padding:0 5px 0 5px;
}
#searchForm tr {display:inline-block;}
#mainTable {
	padding:10px 0 10px 0;
	display:table;
	width:100%;
}
#footer {
	position:relative;
	top:0;
	left:0;
	/*padding-bottom:80px;*/
	font-size:100%;
	clear:both;
}
.description {
	vertical-align: middle;
	background:#000000;
	height:48px;
	overflow:hidden;
	text-align: center;
	font-weight: bold;
	color: #fff;
	/*padding:5px 0 0 0;*/
	line-height: 48px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px; /* firefox */
	-webkit-border-radius: 10px; /* safari, chrome */
}                               
#footer .description {
	vertical-align: middle;
	background:#000000;
	height:48px;
	color: #fff;
	overflow:hidden;
	text-align: center;
	/*padding:5px 0 0 0;*/
	line-height: 48px;
}
#footer #menu {
	border-radius: 10px 10px 0 0!important;
	-moz-border-radius: 0px; /* firefox */
	-webkit-border-radius: 0px; /* safari, chrome */
}
#footer #menufoot {
	border-radius: 0 0 10px 10px!important;
	-moz-border-radius: 0px; /* firefox */
	-webkit-border-radius: 0px; /* safari, chrome */
}
#footer .description img, .description img {
	margin-right: 10px;
	vertical-align: middle;
	background: url(https://www.motosportmondo.it/ebay/shop_areatitleF.jpg)repeat-x
}
div#box{
	display: table-cell;
	width: 200px;
	height: 300px;
    vertical-align: middle;
	text-align: center;
    background: #D9FFCB;
	/* border: 1px solid #88D86B;*/
}


#row {
	/*background-color: #808285;*/
	background-color: #cecece!important;
	color: #000!important;
	font-size: 13px;
	line-height: 2;
}

.col-grid-1 {
	width: 11.3%;
	padding: 1%;
	float: left;
	text-align: center;
}
.col-grid-2 {
	width: 21.3%;
	padding: 1%;
	float: left;
}
.col-grid-3 {
	width: 31.3%;
	padding: 1%;
	float: left;
}
.col-grid-4 {
	width: 41.3%;
	padding: 1%;
	float: left;
}
.col-grid-5 {
	width: 51.3%;
	padding: 1%;
	float: left;
}
.col-grid-6 {
	width: 61.3%;
	padding: 1%;
	float: left;
}
#row .col-grid-3 {
	/*background-color: #cecece!important;*/
	/*min-height: 240px;*/
}
#row .col-grid-3 img {
	max-width: 180px;
}
.clear {clear: both;}
.green {color: #1B7A00; font-weight: 600;}
.red {color: #DF0003; font-weight: 600;}
.title {font-weight: bold!important;}
.center {text-align: center}
.center img {padding: 0 10px;}
.col-grid-4 {
	background-color: #cecece;
	float: left;
	width: 31.3%;
    /*height: 225;*/
    padding: 1%;
}
#transport .photo {width: 22%; float: left; padding: 1%}
#transport .text {width: 24%; float: left; padding: 1%}
#transport div img {float: left; max-width: 200px;}
#zahlungsarten div {width: 48%; float: left; padding: 1%}
#zahlungsarten .photo {width: 40%; float: left; padding: 1%}
#zahlungsarten .text {width: 56%; float: left; padding: 1%}
/*#zahlungsarten div img {max-width: 100px; float: left}*/
#zahlungsarten div img.payments {width: 450px!important; float: left}
#zahlungsarten .photopic {width: 20%; float: left; padding: 1%}
#zahlungsarten div img.hand {width: 100px!important; float: left; margin-right: 10px}
#zahlungsarten div img.fattura {width: 100px!important; float: left}
/*#zahlungsarten .title:after {clear: both; height: 0px}*/
#zahlungsarten .title {width: 100%}
#widerrufsrecht .photo {width: 16%; float: left; padding: 1%}
#widerrufsrecht .text {width: 78%; float: left; padding: 1%}
#widerrufsrecht div img {float: left; max-width: 200px;}
#achtung .photo {width: 16%; float: left; padding: 1%}
#achtung .text {width: 80%; float: left; padding: 1%}
#hinweise .text {font-weight: bold;}

#footer p {
	margin:0;
	padding:0;
}
h1.title {
	color: rgb(249, 124, 0);
	font-size:130%;
	margin:0 0 20px 0;
	padding:0;
	line-height:30px;
	max-width:630px;
}
.images {
	float: left;
	max-width:500px;
	padding-bottom:100px;
	text-align:center;
	position:relative;
	top:0;
	left:0;
	display:table-cell;
	border-bottom:0px solid #ddd;
	vertical-align:top;
}
img.main {
	max-width:500px;
	/*margin:0 auto 10px auto;*/
	display:none;
	text-align: left;
}
img.thumb {
	position:absolute;
	top:97%;
	margin:-80px auto 0 auto;
	max-height:80px;
	width:90px;
	cursor:pointer;
}
img.t1 {left:0;}
img.t2 {left:100px;}
img.t3 {left:200px;}
img.t4 {left:300px;}
img.t5 {left:400px;}
#details {
	float:left;
	/*display:table-cell;*/
	margin-left: 0px;
	padding:10px 0 20px 20px;
	vertical-align:top;
}
#details .herstellernummer, #details .brand {
	padding: 10px 2px 10px 0px;
	border-bottom: 0px dotted rgb(209, 209, 209);
	color: rgb(87, 87, 87);
	margin:0;
	display:table;
	max-width:630px;
}
#details .code strong, #details .herstellernummer strong, #details .txtdet strong, #details .brand strong {
	display:table-cell;
	padding-right:5px;
}
#details .code span, #details .herstellernummer span, #details .txtdet span, #details .brand span {
	color: rgb(87, 87, 87);
	display:table-cell;
}
#tabs {/*margin-top:40px;*/}
div.content h1 {
	color: rgb(249, 124, 0);
	font-size:150%;
	margin:0 0 20px 0;
	padding:0;
	line-height: 19px;
}
input[type="radio"],div.content {display: none;}
.label_tab {
	position:relative;
	z-index:1;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:160px;
	height:32px;
	line-height:32px;
	text-align:center;
	margin:0 3px -3px 0;
	background:#eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:1px solid #d6d5d5;
	border-left:1px solid #d6d5d5;
	border-right:1px solid #d6d5d5;
	padding:0 5px 0 5px;
	cursor:pointer;
	display:inline-block;
}
div.content {
	z-index:99;
	width:100%;
	overflo:auto;
	border-top: 20px solid #000000;
	clear: both;
	padding:10px 0 10px 0;
	color:#333;
	min-height:100px;
	position:relative;
}
input[type="radio"]:checked + .label_tab,.label_tab:hover {
	color: #fff;
	background:#000000;
	border-top:1px solid #272727;
	border-left:1px solid #272727;
	border-right:1px solid #272727;
}
#contentCat td,#contentCat th {border:0;}
#contentCat th {border-bottom:1px solid #ddd;}
#tabDesc:checked ~ #contentDesc,
#tabCat:checked ~ #contentCat,
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#thumb1:checked ~ #main1,
#thumb2:checked ~ #main2,
#thumb3:checked ~ #main3,
#thumb4:checked ~ #main4,
#thumb5:checked ~ #main5 {display: block !important;}
#details table {
		padding: 2px!important;
		border-spacing: 0!important;
		border-collapse: collapse!important;
		max-width: 	630px;
	 	font-size: 90%;
		border: none;
		/*border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px; /* firefox */
		/*-webkit-border-radius: 10px; /* safari, chrome */	
}
.herstellernummer strong, .herstellernummer span {color:#3591d7; font-size: 120%!important;}
.txtdet span p strong {color:#3591d7; font-size: 120%!important;}
.txtdet span table tr td:first-child {color:#3591d7;}
/*.txtdet span table tr:first-child {background-color:#3591d7;}*/
.textdate span table tr:nth-child(odd) {background-color: #E8E8E8;}

@media screen and (max-width: 640px) {
	.images {
		max-width:310px;
		padding-bottom:100px;
		text-align:center;
		position:relative;
		top:0;
		left:0;
		display:table-cell;
		border-bottom:1px solid #ddd;
		vertical-align:top;
	}
	img.main {
		max-width:320px;
		/*margin:0 auto 10px auto;*/
		display:none;
		text-align: left;
	}
	img.thumb {
		position:absolute;
		top:97%;
		margin:-80px auto 0 auto;
		/*max-height:80px;*/
		max-width:64px;
		cursor:pointer;
	}
	.clearno {clear: both}
	span.title, .col-grid-5 {font-size: 12px!important}
	#feedback .col-grid-1 {width: 12%;}
	.col-grid-6 {width: 60%;}
	.col-grid-2 img {width: 35px}
	#logoLink img {max-width:100%;}
	#htmlText img {max-width:100%;}
	#mainTable {display:block;}
	#searchForm .v4sbox {width:100px;}
	.images {
		width:100%;
		max-width:100%;
		display:block;
		padding:10px 0 80px 0;
	}
	img.t1 {left:0;}
	img.t2 {left:65px;}
	img.t3 {left:130px;}
	img.t4 {left:195px;}
	img.t5 {left:260px;}
	#details {
		width:100%;
		max-width:100%;
		display:block;
		padding:10px 0 20px 0;
	}
	#details .herstellernummer, #details .txtdet, #details .brand, #details .herstellernummer strong, #details .brand strong,#details .herstellernummer span, #details .brand span {display:block;}
	.images .main {
		max-width:100%;
		width:100%;
	}
	#details .herstellernummer, #details .txtdet, .herstellernummer span table, .txtdet span table, .code span table {max-width: 650px!important;}
	.label_tab {
		margin:0 3px 3px 0;
		min-width:48%;
	}
	div {max-width:100% !important;}
	#contentCat table {
		width:100% !important;
		float:none !important;
	}
	#contentCat tbody,#contentCat tr,#contentCat th {display:block;}
	#contentCat td {
		display:block;
		padding-left:20px;
	}

	#row .col-grid-3 {
		float: none!important;
		width: 100%;
	}
	#testo-sinistra, #testo-destra {float: none; width: 100%}
	#testo-sinistra img, #testo-destra img { width: 100%}
	#transport .photo, #transport .text {width: 100%; float: none}
	#transport div > img {max-width: 100%; width: 100%; float: none;}
	#zahlungsarten div {width: 100%; float: none; padding: 1%}
	/*#zahlungsarten div img {max-width: 100px;}*/
	#zahlungsarten .photo, #zahlungsarten .text {width: 100%; float: none;}
	#zahlungsarten div img.payments {width: 100%!important; float: none}
	#widerrufsrecht .photo {width: 30%; float: none;}
	#widerrufsrecht .photo img {margin-right:  10px}
	#widerrufsrecht .text {width: 65%; float: left; padding: 1%}
	#achtung .photo {width: 100%; float: none;}
	#achtung .text {width: 100%; float: none;}
	#details {float:none; margin-left: 0px;}
	#hinweise .text {font-weight: normal;}
	h1.title, #details .code, #details .herstellernummer, #details .txtdet, #details .herstellernummer, #details .txtdet, #details .brand {max-width:300px!important;}
	#details table {
		font-size: 11px;
		padding: 2px!important;
		border-spacing: 0!important;
		border-collapse: collapse!important;
	
	}
}