html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
/* No olvides definir estilos para focus */
:focus {
  outline: 0;
}
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* En el código HTML es necesario añadir cellspacing="0" */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{ background: #1c335c url(/layout/images/bg-index.jpg) repeat-x 0 0; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 11px; padding: 0; margin: 0; }

/*******************Reset tag basic*********************/

a{ text-decoration: none; cursor: pointer; }

p{ padding: 0; margin: 0; }

h1{ padding: 0; margin: 0; }
h2{ padding: 0; margin: 0; }
h3{ padding: 0; margin: 0; }
h4{ padding: 0; margin: 0; }
h5{ padding: 0; margin: 0; }
h6{ padding: 0; margin: 0; }

img { border: none; padding: 0px; margin: 0px; }

.clear { clear: both; }

/**************************************************************/
/* STYLES INDEX.HTML */
/**************************************************************/

.link-general { color: #309e00; text-decoration: underline; }

#header{ width: 1007px; height: 162px; margin: 0 auto; padding: 0px;}

	.logo { float: left; padding: 22px 0px 0px 12px; }
	.center-header { float: left; width: 320px; height: 105px; padding: 10px 2px 3px 15px; overflow: hidden; }
	.right { float: right; padding-top: 22px; }
	.right a { font-size: 12px; color: #fff; }
	
		.bullet-login { display: block; width: 85PX; height: 25px; background: url(/layout/images/bullet-login.gif) 0 center no-repeat; line-height: 25px; padding-left: 25px; }
		.bullet-newsletter { display: block; width: 85PX; height: 25px; background: url(/layout/images/bullet-newletter.gif) 0 center no-repeat; line-height: 25px; padding-left: 25px; }
		.bullet-car { display: block; width: 100PX; height: 25px; background: url(/layout/images/bullet-car.gif) 0 center no-repeat; line-height: 25px; padding-left: 25px; }
		.bullet-contact { display: block; width: 85PX; height: 25px; background: url(/layout/images/bullet-contact.gif) 0 center no-repeat; line-height: 25px; padding-left: 29px; }
		
		.bullet-login:hover { background: url(/layout/images/bullet-login-hoover.png) 0 center no-repeat; }
		.bullet-newsletter:hover { background: url(/layout/images/bullet-newletter-hoover.png) 0 center no-repeat; }
		.bullet-car:hover { background: url(/layout/images/bullet-car-hoover.png) 0 center no-repeat; }
		.bullet-contact:hover { background: url(/layout/images/bullet-contact-hoover.png) 0 center no-repeat; }

		.search-box { float:left; height: 35px; }
			.bg-search-left { float: left; width: 11px; height: 35px; background:url(/layout/images/bg-search-left.jpg) no-repeat 0 0; }
			.bg-search-center { float: left; width: 425px; height: 35px; background:url(/layout/images/bg-search-center.jpg) repeat-x 0 0; }
				.bg-search-center p { float: left; font-size: 14px; color: #fff; padding-top: 12px; }
				.input-search { float: left; width: 272px; height: 20px; border: 1px solid #a7a6aa; margin: 5px 12px 0px 11px; padding: 4px 5px 0px 5px; font-size: 12px;}
				.btn-search { float: left; width: 75px; height: 22px; background:url(/layout/images/btn-search.jpg) no-repeat 0 0; border: none; _border: 0px; margin-top: 7px; color: #fdfdfd; font-size: 14px; }
			.bg-search-right { float: left; width: 12px; height: 35px; background:url(/layout/images/bg-search-right.jpg) no-repeat 0 0; }

#main { position:relative; width: 985px; margin: 0px auto; padding: 11px; background: #fff url(/layout/images/bg-main-content.jpg) repeat 0 0; min-height: 800px; _height: 800px; }
	.flag-laguajes { position: absolute; right: -45px; top: 15px; }

	.left-column { float: left; width: 151px; min-height: 200px; _height: 200px;  }
		
		.bg-txts-general p { color: #fff; font-size: 14px; padding: 5px 0px 0px 0px; }
			.txt-general-left { float: left; width: 10px; height: 26px; background:url(/layout/images/bg-general-left.jpg) no-repeat 0 0; }
			.txt-general-right { float: left; width: 141px; height: 26px; background:url(/layout/images/bg-general-right.jpg) no-repeat right 0; }
		.box-general { background: #e3e3e3 url(/layout/images/bg-general-box.jpg) repeat-x 0 0; border: 1px solid #999999; border-top: none; _border-top: 0px; color: #5D5D5D; padding-bottom: 5px;}
		
		.menu-left { float: left; min-height: 200px; _height: 200px; border: 1px solid #999999; border-top: none; background: #e1e1e1 url(/layout/images/bg-menu-left.jpg) repeat-x 0 0; }
			
			.left_menu { padding: 0px; margin: 0px; _margin-top: 5px; }

			.left_menu li a { display: block; }
			.menu-left .level1active { padding: 0px 0px 5px 0px; }
			.menu-left .level2_sub { list-style: none; _height:10px; }
			
			.level1 { margin: 0px; list-style: none; font-size: 12px; padding: 5px 5px 5px 0px;}
			.level1 a { font-size: 12px; color: #5d5d5d; font-weight: bold; background:url(/layout/images/bullet-level1.gif) no-repeat 7px 8px; padding: 5px 5px 5px 20px; }
			.level1active a { font-weight: bold; color: #5d5d5d; font-weight: bold; margin: 0px; display: block; padding: 5px 5px 5px 20px; background:url(/layout/images/bullet-level1.gif) no-repeat 7px 8px; }

			.level2_sub ul {padding: 0px; margin: 0px; list-style: none;}
			.level2 { font-size: 11px; padding: 3px; margin: 0px; background:url(/layout/images/bullet-level2.gif) no-repeat 18px 10px; }
			.level2 a { padding: 4px 2px 4px 28px; font-size: 11px; color: #5d5d5d;}
			.level2active  { background:url(/layout/images/bullet-level2.gif) no-repeat 18px 10px; margin: 0px; font-size: 11px; }

			.level3_sub ul {padding: 0px; margin: 0px; list-style: none; _height:10px; }
			.level3 { padding: 4px 2px; margin: 0px; background:url(/layout/images/bullet-level3.gif) no-repeat 34px 7px; }
			.level3 a { padding-left: 40px; font-size: 11px; color: #5d5d5d;}
			.level3active  { background:url(/layout/images/bullet-level3.gif) no-repeat 34px 7px; margin: 0px; font-size: 11px; }
			
			.listas {padding: 7px 3px 0px 0px; margin: 0px; list-style: none; }
			.listas li { padding: 4px 2px; margin: 0px; background:url(/layout/images/bullet-level3.gif) no-repeat 10px 7px; }
			.listas a { padding-left: 15px; font-size: 11px; color: #5d5d5d;}
	
	.right-column { float: left; width: 174px; }
		
		.txt-general-left { float: left; width: 10px; height: 26px; background:url(/layout/images/bg-general-left.jpg) no-repeat 0 0; }
		.txt-general-right-r { float: left; width: 164px; height: 26px; background:url(/layout/images/bg-general-right.jpg) no-repeat right 0; }

		.hotline { text-align: right; padding: 12px 15px 0px 0px; font-size: 13px; }
			.hotline p { font-size: 11px; }
			.hotline a { font-size: 11px; color: #5d5d5d; }

		.img-news { float: left; padding: 22px 10px 15px 15px; }
		.txts-news { float: right; padding: 13px 7px 12px 0px; text-align: left; }
		.txts-news p { padding: 5px 0px; }

		.div-btn-news { padding: 5px; padding-bottom: 0px; }
		.news { border: 1px solid #a7a6aa; background: #fff; width: 150px; color: #a7a6aa; font-size: 12px; padding-left: 5px;}
		.btn-news { width: 82px; height: 28px; border: none; _border: 0xp; background:url(/layout/images/btn-news.png) no-repeat 0 0; color: #fdfdfd; font-size: 11px; }
		
		.content-product-topseller { padding: 15px 0px 0px 15px; }
			.product-topseller { float: left; width: 67px; height: 67px; }
			.txt-product-topseller { float: left; padding: 10px 0px 0px 13px; }
		

#footer { width: 972px; height: 23px; border: 1px solid #b5b5b5; margin: 30px 0px 40px -10px; color: #b4b4b4; padding: 0px 11px 0px 20px; line-height: 23px; background: #fff; }
	.menu-bottom { float: right; }
	.menu-bottom a { color: #b4b4b4; padding-left: 10px; }
	
/**************************************************************/
/* STYLES KATEGORIE.HTML */
/**************************************************************/

	.right-column-content { float: left; position: relative; width: 778px; min-height: 788px; _height: 788px; color: #5d5d5d; padding: 20px; border: 1px solid #999999; margin: 3px 0px 10px 13px; background: #e2e2e2 url(/layout/images/bg-right-column.jpg) repeat-x 0 0; }

		.shadow-picture-cat { position: relative; width: 167px; height: 119px; }
		.table { padding: 28px 0px 0px 80px; }
		.txt-cat { position:absolute; top: 60px; right: 8px; background:url(/layout/images/bg-txt-cat.png) no-repeat; width: 125px; height:26px; line-height: 26px; padding-left: 5px; }
		.txt-cat a { font-size: 18px; color: #5d5d5d; }
		
		.link-to-cat { background:url(/layout/images/bullet-level3.gif) no-repeat 0px 5px; padding-left: 10px; color: #5d5d5d; }
		
/**************************************************************/
/* STYLES KATEGORIE-BILD.HTML */
/**************************************************************/	

		.select-order-article { color: #5d5d5d; font-size: 11px; padding: 0px; }
		.select-order-article select { width: 39px; height: 17px; background: #fff; font-size: 11px; color: #494949; border: 1px solid #a7a6aa; }
			
		.paginate { padding-top: 10px; }
			.paginate a.articlePages_activeLink { color: #309e00; text-decoration: underline; }
			.paginate a { width: 22px; height: 15px; padding-top: 4px; margin-left: 4px; color: #5d5d5d; font-size: 11px; text-align: center; }
		
		.content-list-product { border: 1px solid #b1b1b1; padding: 10px; width: 150px; height: 100%; background: #fff; }
		.list-product { width: 150px; height: 150px; text-align: center; overflow: hidden; }
			.txt-description {  text-align: center; color: #5d5d5d; padding-top: 10px; line-height: 1.5; }
			.btn-more-info { display: block; background:url(/layout/images/btn-more-info.jpg) no-repeat; width: 87px; height: 22px; color: #fdfdfd; font-size: 13px; margin: 0 auto;}
				
/**************************************************************/
/* STYLES ARTIKEL.HTML */
/**************************************************************/	

	.content-single-article { color: #5d5d5d; }

	.shadow-picture-singlearticle { float: left; margin: 0px 15px 25px 0px; _padding: 2px 0px 0px 2px; }
		.content-img-singlearticle { width: 300px; height: 300px; overflow: hidden; }
		.zoom { padding: 5px 5px 0px 0px; }
		.zoom a { color: #309e00; text-decoration: underline; }
	
	.title-singlearticle { font-size: 30px; font-weight: normal; }
	.subtitle-singlearticle { font-size: 15px; font-weight: normal; }
	
	.options { float: right; color: #666666; position: relative; padding-right: 15px; }
	.msg-info1 { position: absolute; top: 4px; right: -3px; }
	.msg-info2 { position: absolute; top: 33px; right: -3px; }
	.options select { width: 140px; border: 1px solid #a7a6aa; color: #5d5d5d; font-size: 11px; text-align: right; }
	.options .ArticleAttrTable tbody tr td { padding-bottom: 10px; }
	
	.quatity { width: 35px; height: 15px; border: 1px solid #b5b5b5; color: #666666; text-align: right; }
	.img-ii-article { float: left; width: 75px; height: 75px; overflow: hidden; }
	.price-singlearticle { float: right; font-size: 30px; padding: 30px 50px 0 0; }
	.tax { padding: 10px 15px 30px 0px; font-size: 10px; line-height: 1.5; }
	.add-car { width: 203px; height: 62px; background:url(/layout/images/img-add-car.png) no-repeat 0px 0px; color: #fff; border: none; _border: 0px; font-size: 14px; padding: 0px 1px 8px 37px; cursor: pointer; }
	
	.content-artist-description { float: left; padding: 15px 0px 0px 0px; }
		.box-artist-description { width: 546px; height: 121px; padding: 12px; background: #fff; font-size: 11px; color: #5d5d5d; border: 1px solid #5d5d5d; line-height: 1.3; overflow-y: auto;overflow-x: hidden;overflow-y: scroll; }
		
	.interest { float: left; padding: 15px 0px 0px 25px; }
		.content-list-interest { min-height: 147px; _height: 147px; width: 151px; background: #fffb6e url(/layout/images/bg-list-interest.jpg) repeat-x; }

	.content-cross-selling { padding: 15px 0px 0px 0px; }
	
		.content-product-cross-selling { width: 737px; height: 120px; background: #fff; border: 1px solid #5d5d5d; padding: 13px; padding-right: 0px; }
			.product-cross-selling { width: 100px; height: 100px; margin: 0 auto; overflow: hidden; text-align: center; }
			.name-cross-selling { padding-top: 5px; text-align: center; }
			.name-cross-selling a { color: #5d5d5d; }
			
/*
Style for article info
*/

#article-info-rand-option{
	position:absolute;
	top: 146px;
	left:23px;
	width: 778px;
	min-height: 344px;
	_height: 344px;
	background: #ffffff url(/layout/images/article-info-bg.jpg) bottom repeat-x;
	border: 1px solid #999999;
	display: none;
	z-index: 10;
	padding-top: 5px;
}

#article-info-keilrahmen{
	position:absolute;
	top: 146px;
	right: 20px;
	width: 510px;
	min-height: 344px;
	_height: 344px;
	background: #ffffff url(/layout/images/article-info-bg.jpg) bottom repeat-x;
	border: 1px solid #999999;
	display: none;
	z-index: 10;
	padding-top: 5px;
}

.close{
	font-size: 9px;
	width: 40px;
	line-height: 20px;
	position:absolute;
	z-index: 9;
	margin-top: -26px;
	margin-left: -1px;
	background: #ffffff;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	
}

.close a{
	color:#ff0000;
}


.info-box{
	color: #5d5d5d;
	width: 213px;
	height: 261px;
	padding: 7px 12px 12px 12px; 
	background: #ffffff;
	border: 1px solid #999999;
}

.info-box p{
	width:
}

.info-title{
	font-size: 13px;
	color: #5d5d5d;
	font-weight:normal;
	text-align:center;
	margin-bottom: 20px;
}

.info-title a:link,
.info-title a:visited,
.info-title a:hover{
	text-decoration:underline;
	color: #5d5d5d;
}


.text-overflow{
	text-align:center;
	height:148px;
	overflow:hidden;
}

.text-overflow-keilrahmen{
	text-align:center;
	height:25px;
	overflow:hidden;
}

.text-green{
	color: #309e00;
}

.img-overflow{
	width:213px;
	height:113px;
	overflow:hidden;
	position:relative;
}

.zoom-lnk{
	position:absolute;
	bottom:3px;
	right:3px;
	display: block;
	width:16px;
	height:16px;
	text-indent: -9999px;
	background:url(/layout/images/zoom.png) no-repeat;
}

.info-bottom{
	width:204px;
	height: 23px;
	line-height: 23px;
	color: #ffffff;
	font-size:11px;
	background:url(/layout/images/info-article-bottom.gif) no-repeat;
	clear:both;
	margin-top:13px;
}

.info-bottom a{
	color: #ffffff;
	text-decoration:none;
}

			
/**************************************************************/
/* STYLES GENERAL.HTML */
/**************************************************************/

.link { color: #fff; }
.link a { color: #fff; }

.text_klein { color: #3C3C3C; font-size: 10px; }
.text_fett { color: #3C3C3C;  font-weight: bold; }

/**************************************************************/
/* STYLES INDEX-MENU.HTML */
/**************************************************************/	
	
	.center-index { float: left; width: 628px; min-height: 812px; _height: 812px; margin: 0px 13px 10px 13px; }
		
		.top-center-index { float: left; width: 630px; margin: 0px; }
			
			.top-center-index ul { float: right; }
			.top-center-index ul li { float: left; font-size: 13px; margin-left: 1px; }
			.top-center-index ul li a { display: block; width: 124px; height: 23px; color: #fff; background:url(/layout/images/tab-index.png) no-repeat 0 0; line-height: 23px; text-align: center; }
			.top-center-index ul li a:hover { background:url(/layout/images/tab-index-hover.png) no-repeat 0 0; }
			.top-center-index ul li a#active { background:url(/layout/images/tab-index-hover.png) no-repeat 0 0; }
		
		.foot-center-index { float: left; width: 628px; min-height: 812px; _height: 812px; border: 1px solid #999999; background: #fff; }