#wrap{width:980px;margin:20px auto;box-shadow:0 0 20px rgba(0,0,0,0.9);font-family: 'Titillium Web', sans-serif;}
#wrap .clear{clear:both}
#wrap .left{float:left}
#wrap .right{float:right}
#wrap .big{font-size:36px;font-weight:700;line-height:30px}
#wrap a{text-decoration:none;color:#000}
#wrap #header{margin-bottom: 45px; background:#ff8400 url(img/header-bg.jpg) no-repeat top center;border-bottom:4px solid #000;height:322px;color:#fff}
#wrap #topmenu ul{margin-left: 30px;padding:0;}
#wrap #topmenu ul li{display:inline-block}
#wrap #topmenu ul li a{color:#fff;background:transparent url(img/icons.png) no-repeat 0 6px;padding-left:10px;margin-right:88px;font-size:14px;line-height:32px}
#wrap #topmenu ul li.last a{margin-right:30px}
#wrap #topmenu ul li a:hover{color:orange;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;transition: all .4s ease}
#wrap .logo{margin:40px 0 0 20px;display:block}

#wrap #tel{margin:40px 20px 0 0}
#wrap #tel p{margin:0;text-align:right;text-shadow:3px 4px 4px #000}
#wrap #tel p.phone{background:transparent url(img/icons.png) no-repeat 87px -188px;font-size:22px }

#wrap #vorteile{margin:55px 0 0;padding:0}
#wrap #vorteile li{display:inline-block;background:transparent url(img/icons.png) no-repeat 0 -33px;padding-left:25px;font-size:24px}
#wrap #vorteile li{margin-left:60px}

#wrap #suche{width:100%;border-top:1px solid rgba(255,255,255,0.4);padding-top:10px}
#wrap #suche > *{float:left;line-height:24px}
#wrap #suche > span{background:transparent url(img/icons.png) no-repeat 0 -139px;padding-left:20px;font-size:20px;margin-left:70px;margin-right:40px}
#wrap #suche form{margin-left:20px}
#wrap #suche input{height:28px;line-height:28px;padding:0;border:0;margin:0;font-size:18px;border-radius:4px;width:500px}
#wrap #suche .submit{background:#000;color:#fff;border:0;position:relative;left:-10px;width:150px;text-transform:uppercase;cursor:pointer}
#wrap #suche .submit:hover,
#wrap #suche .submit:focus{background:#555;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;transition: all .4s ease}


/* ----------------------------
	LEFT
---------------------------- */



#wrap #menu ul{margin:0;padding:0}
#wrap #menu ul li{list-style:none}
#wrap #menu > ul > li > a {
  background: url("img/menu-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  height: 36px;
  line-height: 34px;
  margin-bottom: 3px;
  padding-left: 20px;
  text-transform: uppercase;
  width: 200px;
}
#wrap #menu > ul > li > a span {
  background: url("img/icons.png") no-repeat scroll 166px -84px rgba(0, 0, 0, 0);
  display: block;
  width: 100%;
}
#wrap #menu ul li ul li a:before{
    display: inline-block;
    content: '>>';
    margin-right: 4px;
    font-size:10px;
    line-height: 16px
    
}
#wrap #menu ul li ul li a{
    display: block;
    padding:0 20px;
    width:200px;
}
#wrap #menu ul li ul li a:hover{
    color:orange;
    padding-left: 30px;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#wrap #content #left {
	width: 248px;
	min-height: 1px;
	float: left;
}

/* left-menu */
#wrap #content #left #left-menu {
	float: left;
	clear: right;
	margin-bottom: 15px;
}

#content #left #left-menu ul {
	float: left;
	width: 237px;
	padding-top: 45px;
	background-image: url(../images/left-menu-label.png);
	background-repeat: no-repeat;
	list-style: none;
}

#wrap #content #left #left-menu ul li {
	width: 237px;
	margin-top: 1px;
	float: left;
	display: block;
}

#wrap #content #left #left-menu ul li a {
	display: block;
	float: left;
	text-align: left;
	width: 216px;
	padding-left: 21px;
	text-decoration: none;
	font-size: 16px;
	height: 31px;
	line-height: 31px;
	background-color: #CACACA;
	color: #252525;
}

#wrap #content #left #left-menu ul li a:hover {
	background-color: #CFCFCF;
}

#wrap #content #left #left-menu ul ul {
	background-image: none;
	padding: 0px;
	float: left;
	display: none;
}

#wrap #content #left #left-menu ul li ul li {
	width: 237px;
	float: left;
	margin-top: 1px;
}

#wrap #content #left #left-menu ul li ul li a {
	display: block;
	float: left;
	text-align: left;
	width: 206px;
	padding-left: 31px;
	text-decoration: none;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	padding-top: 1px;
	background-color: #DDDDDD;
}

#wrap #content #left #left-menu ul li ul li a:hover {
	color: #0161aa;
	background-color: #DDDDDD;
}


#wrap #content #left #left-menu ul li ul li ul li ul {
	margin-bottom: 2px;
}

#wrap content #left #left-menu ul li ul li ul li a {
	background-color: #eaeaea;
	width: 196px;
	padding-left: 41px;
}

#content #left #left-menu ul li ul li ul li a:hover {
	color: #0161aa;
	background-color: #eaeaea;
}


/* left boxes */
#wrap #content #left .box {
	float: left;
	clear: both;
	width: 236px;
	margin-bottom: 11px;
	position: relative;
	overflow: hidden;
}

#wrap #content #left .box a {
	text-align: center;
}

#wrap #content #left .box img.box-hover {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#wrap #content #left .box a:hover img.box-hover {
	display: block;
}

#wrap #content #left .box a .left-arrow {
	display: block;
	width: 19px;
	height: 30px;
	background-image: url(../images/left-box-arrow.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 144px;
	left: -19px;
}



/* ----------------------------
	RIGHT
---------------------------- */

#wrap #content #right {
	width: 732px;
	float: left;
}

/* personal */
#wrap #content #right .personal-content {
	clear: both;
    float: left;
    width: 695px;
	margin: 15px 10px;
    text-align: justify;
	font-size: 13px;
}

#wrap #content #right .personal-content h1 {
	font-size: 15px;
}

#wrap #content #right .personal-content h1 + p,
#wrap #content #right .personal-content p + p {
	margin-top: 15px;
}

/* category-promo-box */
#wrap #content #right #category-promo {
	margin-bottom: 20px;
	float: left;
	clear: both;
}

#wrap #content #right #CentralArea {
	width: 720px;
}

#wrap #content #right #category-promo .r3 {
	width: 720px;
}

/* product-info */
#wrap #content #right #product-info {
	float: left;
	width: 732px;
}

/* product-info heading */
#wrap #content #right #product-info #heading {
	height: 44px;
	float: left;
	clear: both;
	width: 732px;
}

#wrap #content #right #product-info #heading h1 {
	color: #252525;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial;
	line-height: 44px;
    width:470px;
    margin-top: 0;
    text-align: center
}

#wrap #content #right #product-info #heading #norm {
	float: right;
	width: 234px;
}

#wrap #content #right #product-info #heading #norm #norm-label {
	line-height: 40px;
	display: block;
	float: left;
	font-size: 12px;
	color: #252525;
	margin-right: 2px;
}

#wrap #content #right #product-info #images {
	float: left;
	width: 482px;
	height: 482px;
	position: relative;
	background-color: #FFFFFF;
}

#wrap #content #right #product-info #images #big-images {
	position: absolute;
	top: 52px;
	left: 50px;
	width: 380px;
	height: 340px;
	overflow: hidden;
	line-height: 340px;
	text-align: center;
	vertical-align: middle;
}

#wrap #content #right #product-info #images #big-images img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 380px;
	max-height: 340px;
	cursor: pointer;
}

#wrap #content #right #product-info #images #small-images {
	position: absolute;
	top: 415px;
	left: 217px;
	width: 265px;
}

#wrap #content #right #product-info #images #small-images img {
	border: 1px solid #D6D6D6;
	width: 57px;
	height: 57px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	cursor: pointer;
}


#wrap #content #right #product-info #images #zoom-images {
    display: none;
	background-color: transparent;
    padding: 10px;
    height: 620px;
	top: -52px;
	left: -60px;
    position: absolute;
    width: 620px;
    z-index: 99999;
	text-align: center;
	float: left;
	background-image: url(../images/zoom-back.png);
	background-repeat: repeat;
}

#wrap #content #right #product-info #images #zoom-images img {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#wrap #content #right #product-info #images #btn-zoom {
	background-image: url(../images/pi-zoom.png);
	background-repeat: no-repeat;
	width: 86px;
	height: 32px;
	position: absolute;
	top: 1px;
	left: 394px;
	cursor: pointer;
}

#wrap #content #right #product-info #images #btn-zoom-out {
	background-image: url(../images/pi-zoom-out.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

#wrap #content #right #product-info #images #under-product-img-logo {
	position: absolute;
	top: 415px;
	left: 15px;
	width: 190px;
	height: 58px;
	line-height: 58px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

#wrap #content #right #product-info #images #under-product-img-logo img {
	vertical-align: middle;
}

/* base-info */
#wrap #content #right #product-info #base-info {
	float: left;
	margin-left: 11px;
	width: 237px;
}

#wrap #content #right #product-info #base-info #angebot {
  background: #ff8601; /* Old browsers */
background: #fdb513; /* Old browsers */
background: -moz-linear-gradient(top,  #fdb513 0%, #fdb513 44%, #ff8601 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb513), color-stop(44%,#fdb513), color-stop(100%,#ff8601)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdb513 0%,#fdb513 44%,#ff8601 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdb513 0%,#fdb513 44%,#ff8601 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdb513 0%,#fdb513 44%,#ff8601 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdb513 0%,#fdb513 44%,#ff8601 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb513', endColorstr='#ff8601',GradientType=0 ); /* IE6-9 */

  border-top: 4px solid #000000;
  height: 111px;
  position: relative;
  width: 235px;
  border-bottom: 4px solid #000000;
  margin-bottom: 5px;
}

#wrap #content #right #product-info #base-info #angebot .offer-label {
	color: #252525;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	display: block;
	clear: both;
	padding:  10px 18px 4px 18px;
}

#wrap #content #right #product-info #base-info #angebot .price {
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	padding:  0px 18px 0px 18px;
	text-shadow:3px 3px 3px #000
}

#wrap #content #right #product-info #base-info #angebot .tax {
	color: #252525;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	display: block;
	clear: both;
	padding:  5px 18px 9px 18px;
}

#wrap #content #right #product-info #base-info #angebot .top-price {
	width: 50px;
	height: 64px;
	position: absolute;
	top: -1px;
	left: 181px;
	background-image: url(../images/pi-top-price.png);
	background-repeat: no-repeat;
}

#wrap #content #right #product-info #base-info #angebot .arrow-left {
	width: 6px;
	height: 10px;
	position: absolute;
	top: 50px;
	left: -6px;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
}

#wrap #content #right #product-info #base-info #btn-warenkorb {
	margin: 11px 0px 15px 0px;
	float: left;
	height: 56px;
}

#wrap #content #right #product-info #base-info #btn-warenkorb a {
	display: block;
	float: left;
	background-image: url(../images/pi-btn-warenkorb.png);
	width: 237px;
	height: 56px;
}

#wrap #content #right #product-info #base-info #btn-warenkorb a:hover {
	background-image: url(../images/pi-btn-warenkorb-hover.png);
}



#wrap #content #right #product-info #base-info #delivery-methods {
	margin: 0px 0px 1px 0px;
	float: left;
	height: 46px;
}

#wrap #content #right #product-info #base-info #payment-methods {
	margin: 0px 0px 1px 0px;
	float: left;
	height: 56px;
}

#wrap #content #right #product-info #base-info #options {
	float: left;
}

#wrap #content #right #product-info #base-info #options .option {
	float: left;
	margin-bottom: 1px;
}

#wrap #content #right #product-info #base-info #options .option {
	position: relative;
}

#wrap #content #right #product-info #base-info #options .option .option-hover {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#wrap #content #right #product-info #base-info #options .option:hover .option-hover {
	display: block;
}

/* product-description */
#wrap #content #right #product-description {
	float: left;
	width: 732px;
	margin-top: 12px;
}

#wrap .tabs {
	position: relative;
}

#wrap .tabs ul#tabs-titles {
	float: left;
	width: inherit;
	margin:0;
	padding:0
}

#wrap .tabs ul#tabs-titles li {
	list-style: none;
	float: left;
	width: 174px;
	margin-right: 1px;
	text-align: center;
	background-image: url(../images/pd-tab-title-back.png);
	background-repeat: repeat-x;
	position: relative;
}

#wrap .tabs ul#tabs-titles li.first {
	width: 206px;
}

#wrap .tabs ul#tabs-titles li.last {
	margin-right: 0px;
}

#wrap .tabs ul#tabs-titles li.active {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #D6D6D6;
	border-bottom: none;
	height: 30px;
	width: 173px;
}

#wrap .tabs ul#tabs-titles li.first.active {
	width: 205px;
}

#wrap .tabs ul#tabs-titles li a {
	display: block;
	line-height: 29px;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	color: #252525;
}

#wrap .tabs ul#tabs-titles li.active a {
	margin-top: -1px;
}

#wrap .tabs #tabs-content {
	background-color: #FFFFFF;
    border-top:1px solid #d6d6d6;
    float: left;
    margin-top: -1px;
    width: 730px;
	padding-bottom: 90px;
	min-height: 304px;
}

#wrap .tabs #tabs-content .tab-content {
	clear: both;
	display: none;
	padding: 20px 27px 5px 20px;
	font-size: 13px;
}

#wrap .tabs #tabs-content #tab1.tab-content {
	display: block;
}

#wrap #tabs-content table + p,
#wrap #tabs-content p + table,
#wrap #tabs-content ul + p,
#wrap #tabs-content p + ul,
#wrap #tabs-content ol + p,
#wrap #tabs-content p + ol,
#wrap #tabs-content p + p,
#wrap #tabs-content p + p {
	margin-top: 10px;
}

#wrap #tabs-content ul, #tabs-content ol {
	list-style-position: inside;
}

#wrap #tabs-content ul li + li, #tabs-content ol li + li {
	margin-top: 5px;
}

#wrap #tabs-content table {
	border-collapse: collapse;
	width: 100%;
	float: left;
	margin-bottom: 16px;
}

#wrap #tabs-content table tr td {
	padding: 7px 23px 7px 23px;
}

#wrap #tabs-decoration {
	position: absolute;
	bottom: 10px;
	left: 25px;
	width: 682px;
	height: 66px;
}

#wrap #tabs-decoration img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#wrap #tabs-decoration div#tabs-decoration-text {
	position: absolute;
	left: 100px;
	top: 20px;
	width: 575px;
	height: 40px;
	overflow: hidden;
	color: #6A6B6E;
	font-size: 12px;
	line-height: 13px;
}

#wrap #tabs-decoration div#tabs-decoration-text a {
	color: #6A6B6E;
	text-decoration: none;
}

#wrap #tabs-decoration div#tabs-decoration-text strong {
	font-size: 22px;
	line-height: 30px;
}