h1 { color: #2970a8; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 20px; line-height: 26px; text-align: left; }
h2 { color: #2970a8; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 30px; line-height: 34px; text-align: left; }

p { color: #666666; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; line-height: 18px; font-style: normal; font-weight: normal; font-variant: normal; text-align: left; }
a{ color: #30416f; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-decoration: none; }
a.nav { color: #30416f; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-decoration: none; }
a.path  { color: #30416f; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-decoration: none; }
a:hover.nav   { color: #30416f; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-decoration: none; }
a:hover.path   { color: #30416f; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-decoration: none; }
a:hover   { color: #30416f; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-decoration: underline; }


#body_layout { width: 920px; text-align: center; margin-left: auto; margin-right: auto;}
#background { background-color: #3e3d40; }

#header { padding: 0px; margin: 0px; } 

#product_images { vertical-align: middle; text-align: center; }
#product_images img { }

#article_description { 
	width: 900px; 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #ffffff; 
	background: url(https://www.glasshop-wiesner.de/__ebay_artikelbeschreibungen/media/bg_content_schein.png) no-repeat;  
	background-color: #fdfbfb; 
	display: block; 
}

#description_inner { width: 840px; padding: 35px 20px 35px 40px; margin: 0px; vertical-align: top; }

#contact_info { 
	width: 900px; 
	height: 220px;
	overflow: hidden;
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #ffffff; 
	background-color: #f2f0f0; 
	background:url(https://www.glasshop-wiesner.de/__ebay_artikelbeschreibungen/media/bg_claim.png) no-repeat; 
	display: block; 
}

#contact_info_inner { width: 840px; padding: 8px 20px 8px 40px; margin: 0px; vertical-align: top; }

#contact_details { color: #2970a8; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 18px; line-height: 22px; text-align: left; }
#fon { color: #2970a8; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 30px; line-height: 32px; text-align: left; }

#footer { 
	width: 900px; 
	height: 40px;
	text-align: center; 
	margin-left: auto; 
	margin-right: auto;  
	margin-top: 15px; 
	margin-bottom: 15px; 
	border: 1px solid #2970a8; 
	background-color: #2970a8; 
	display: block; 
}

#footer_inside { width: 840px; padding: 10px 40px 0px 20px; margin: 0px; vertical-align: middle; }

#copyright { float: left; width: 400px; display: block; text-align: left; color: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 16px; }
#implementation { float: right; width: 400px; display: block; text-align: right; color: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 16px; }
#implementation a { color: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 16px; text-decoration: none; }
#implementation a:hover { color: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 16px; text-decoration: underline; }


/* Image Slider */

#slideshow-wrap {
    display: block;
    height: 900px;
    min-width: 260px;
    max-width: 900px;
    margin: auto;
    border: 1px solid #ffffff;
    position: relative;
}

#slideshow-inner {
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    overflow: hidden;
    position: relative;
}

#slideshow-inner>ul {
    list-style: none;
    height: 100%;
    width: 200%;
    overflow: hidden;
    position: relative;
    left: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

#slideshow-inner>ul>li {
    width: 50%;
    height: 900px;
    float: left;
    position: relative;
}

#slideshow-inner>ul>li>img {
    margin: auto;
    height: 100%;
}

#slideshow-wrap input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}

#slideshow-wrap label:not(.arrows) {
    position: absolute;
    left: 50%;
    bottom: 35px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color:#ffffff;
	border: 1px solid #ffffff;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#slideshow-wrap label:not(.arrows):active { bottom: 35px }

#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: #666666; border: 1px solid #ffffff; opacity: 1; }
#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: #666666; border: 1px solid #ffffff; opacity: 1; }
#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: #666666; border: 1px solid #ffffff; opacity: 1; }
#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: #666666; border: 1px solid #ffffff; opacity: 1; }

#slideshow-wrap label[for=button-1] { margin-left: -36px }
#slideshow-wrap label[for=button-2] { margin-left: -18px }
#slideshow-wrap label[for=button-4] { margin-left: 18px }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }
#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }
#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }
#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }


label.arrows {
	position: absolute;
    top: 50%;
    margin-top: -26px;
    display: none;
    opacity: 0.5;
    cursor: pointer;
    z-index: 1000;
	background-image: url(https://www.glasshop-wiesner.de/__ebay_artikelbeschreibungen/media/arrow_right.png);
	height: 52px;
	width: 39px;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

label.arrows:hover { opacity: 1 }
label.arrows:active { margin-top: -26px }

input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4 {
    right: 0px;
    display: block;
}

input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3 {
	position: absolute;
	z-index: 2000;
	left: 0px;
    display: block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

input[type=radio]#button-2:checked~.arrows#arrow-1 { left: 35px }
input[type=radio]#button-3:checked~.arrows#arrow-2 { left: 18px }