@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

/* standards ----------------------------------- */

a:link
a:visited,
a:hover,
a:active{
        transition:all .05s ease-in-out;
}

a:hover{
        opacity:0.8;
}

.green{
        color:#8df40f;
}

.bold{
        font-weight:bold;
}


/* standards ----------------------------------- */

table {
        width: 99%;
        border-collapse:collapse;
        border:1px solid #1A6692;
}

thead th {
        background: url(bg_th.jpg) no-repeat right;
        height: 47px;
        font-size: 0.8em;
        font-weight: bold;
        padding: 0px 7px;
        margin: 20px 0px 0px;
        text-align: left;
        border-right: 1px solid #1A6692;
}
tbody tr {
background: url(bg_td1.jpg) repeat-x top;
}
tbody tr.odd {
        background: #FFF8E8 url(bg_td2.jpg) repeat-x;
}

tbody th,td {
        font-size: 0.8em;
/*        line-height: 1.4em;*/
        font-family: Arial, Helvetica, sans-serif;
        color: #777777;
        padding: 10px 7px;
        border-top: 1px solid #1A6692;
        border-right: 1px solid #1A6692;
        text-align: left;
}

tfoot th {
        background: url(bg_total.jpg) repeat-x bottom;
        color: #FFFFFF;
        height: 30px;
}
tfoot td {
        background: url(bg_total.jpg) repeat-x bottom;
        color: #FFFFFF;
        height: 30px;
}


.header {
        border-radius: 5px 5px 0 0;
        background-clip: padding-box;
        width: 1020px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 21px;
        background-image: url("../images/header-background.png");
        min-height: 160px;
}

.logo {
        margin-top: 28px;
        margin-left: 25px;
}

.contacts {
        margin-top: 39px;
        margin-left: 108px;
        line-height: 18px;
}

.call {
        background: url("../images/call-icon.png") no-repeat;
        color: #fff;
        font-family: "PT Sans", sans-serif;
        padding-left: 26px;
        letter-spacing: 1.5px;
        font-weight: bold;
        word-spacing: -3px;
}

.mail {
        background: url("../images/mail-icon.png") no-repeat;
        padding-left: 25px;
        background-position: 0px 5px;
        margin-left: 32px;
        margin-top: -3px;
}

.mail a {
        color: #8fd6ff;
        border-bottom: 1px solid #78adcc;
        font-family: "PT Sans", sans-serif;
        font-size: 80%;
}

.visit {
        background: url("../images/besuchen.png") left top no-repeat;
        width: 171px;
        height: 50px;
        position: absolute;
        top: 42px;
        left: 50%;
        margin-left: 340px;
}

.visit-shop {
        margin-top: 6px;
        line-height: 28px;
        padding-left: 10px;
}

.visit-shop a {
        background: url("../images/shop-icon.png") no-repeat;
        display: block;
        background-position: 13px 1px;
        color: #000000;
        font-family: "PT Sans", sans-serif;
        font-size: 85%;
        padding-left: 45px;
        padding-right: 20px;
        float: left;
        margin-top: -1px;
        position:relative;
        transition:all .1s ease-in-out;
}

.visit-shop a:hover{
        left:3px;
}

.visit-shop a span {
        border-bottom: 1px solid #000;
        font-weight: 600;
}

.menu-block {
        margin-top: 17.5px;
        margin-left: -0.5px;
        width: 1010px;
        background-color: #215e8e;
        background-image: linear-gradient(to top, rgba(0,0,1,.1) 0%, rgba(255,255,255,.1) 100%);
}

ul.menu {
        padding-left: 10px;
        position:relative;
        overflow:visible;
}

ul.menu li {
        float: left;
}

ul.menu li a {
        display: block;
        padding-left: 19px;
        padding-right: 19px;
        padding-top: 12px;
        padding-bottom: 12px;
        color: #fff;
        font-family: "PT Sans", sans-serif;
        font-size: 85%;
        letter-spacing: 0.2px;
}

ul.menu li:hover a {
        color: #c4eaff;
}

ul.menu li ul {
        display: none;
        background: transparent;
        width: inherit;
        position:absolute;
        left:20px;
        bottom:-40px;
        width:1000px;
}

ul.menu li:hover ul {
        display: block;
        position: absolute;
}

ul.menu li:hover ul li {
        float: left;
}

ul.menu li:hover ul li a {
        display: block;
        padding-left: 25px;
        padding-right: 28px;
        font-size: 80%;
        padding-top: 13px;
        color: #fff;
}

ul.menu li:hover ul li a:hover {
        color: #c4eaff;
        text-decoration: underline;
}

.search {
        margin-left: 47px;
        margin-top: 7px;
        margin-right:20px;
}

.search input[type="text"] {
        width: 222px;
        padding-left: 6px;
        padding-right: 6px;
        height: 26px;
        border-radius: 2px;
        background-clip: padding-box;
        background-color: #fff;
        box-shadow: inset 0 1px 0 rgba(0,0,1,.67);
        color: #000000;
        font-family: "PT Sans", sans-serif;
        font-size: 75%;
}

.search input[type="image"] {
        margin-left: 4px;
        margin-top: 0.5px;
}

.content {
        width: 1000px;
        min-height: 1060px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-clip: padding-box;
        background-color: #f4f4f4;
        box-shadow: 0 0 7px rgba(0,0,0,.3);
        border-bottom: 10px solid #1a6692;
        overflow: hidden;
        font-family: "PT Sans", sans-serif;
}

.product_image {
        width: 479px;
        height: 499px;
        background-color: #fff;
        box-shadow: 0 1px 5px rgba(0,0,1,.42), inset 0 0 38px 2px rgba(0,0,1,.1);
        position: absolute;
        margin-top: 20px;
        margin-left: 20px;
}

.product_image img {
/*        width: inherit;
        height: inherit;*/
        max-width: 100%;
    max-height: 100%;
        width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
/*
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
*/
}

.choose_product {
        position: absolute;
        margin-top: 527px;
        margin-left: 20px;
}

.choose_product img {
        position:relative;
        display: inline-block;
        width: 90px;
        height: 90px;
        background-color: #fff;
        box-shadow: 3px 4px 5px rgba(0,0,1,.2);
        margin-right: 3px;
        cursor:pointer;
        transition:all .1s ease-in-out;
}

.choose_product img:hover{
        box-shadow: 1px 2px 5px rgba(0,0,1,.2);
        top:2px;
        left:1px:
}

.choose_product_template:nth-child(5) {
        margin-right: 7px;
}

.add-image {
        display: block;
        width: 52px;
        height: 52px;
        box-shadow: 0 0 2px rgba(0,0,1,.49);
        position: absolute;
        margin-top: -67px;
        margin-left: 417px;
        font-family: "PT Sans", sans-serif;
        font-size: 225%;
        color: #6c6c6c;
        text-align: center;
        font-weight: bolder;
}

.product_info {
        margin-right: 20px;
        margin-top: 45px;
        width:450px;
        min-height: 200px;
}

.product_header {
        padding-right: 42px;
}

.product_header h2 {
        color: #1a6793;
        font-family: "PT Sans", sans-serif;
        font-size: 150%;
}

.product_header h1 {
        font-family: "PT Sans", sans-serif;
        font-size: 310%;
        color: #414141;
        font-weight: lighter;
        margin-top: 1px;
}

.product_details {
        margin-left: 3px;
        margin-top: 17px;
        min-hight: 600px;
}

.product_detail {
        font-family: "PT Sans", sans-serif;
        font-size: 85%;
        padding-bottom: 6px;
        border-bottom: 1px solid #dadada;
        margin-bottom: 6px;
}

.product_detail p:first-child {
        width: 400px;
}

.rating {
        margin-top: 13px;
        margin-left: 4px;
        word-spacing: -4px;
        padding-bottom: 10px;
        margin-bottom: 34px;
        border-bottom: 1px solid #dadada;
}

.rating p {
        font-family: "PT Sans", sans-serif;
        font-size: 85%;
        padding-top: 3px;
        margin-left: 9px;
}

.rating span{
        display:inline-block;
        height:20px;
        width:20px;
        margin-right:2px;
        background:url(../images/star-unchecked.png) no-repeat center;
}

.rating span.checked{
        background-image:url(../images/star-checked.png);
}

.rating img {
        cursor: pointer;
}

.buy-form {
        width: 1000px;
        min-height: 128px;
        background-color: #1a6793;
        box-shadow: inset 0 0 5px rgba(0,0,1,.21);
        background-image: url("../images/buy-form-background.jpg");
        background-repeat: no-repeat;
        background-position: top right;
}

.price {
        margin-left: 535px;
        padding-top: 10px;
}

.price h1 {
        color: #e8e8e8;
        font-family: "PT Sans";
        font-size: 375%;
        text-shadow: 0 1px 2px rgba(0,0,1,.41);
}

.price h1 sup {
        color: #e8e8e8;
        margin-left: -10px;
        font-size: 60%;
        position:relative;
        top:5px;
}

.quantity {
        margin-top: 23px;
        margin-left: 33px;
}

.quantity label {
        color: #f3f3f3;
        font-family: "PT Sans";
        font-size: 14px;
        margin-left: 0px;
        display: block;
        margin-bottom: -15px;
}

.quantity input[type="text"] {
        width: 30px;
        height: 42px;
        border: 1px solid #d5d5d5;
        border-radius: 2px;
        background-clip: padding-box;
        background-color: #fff;
        box-shadow: inset 0 0 0 rgba(0,0,1,.3);
        color: #272727;
        font-family: "PT Sans";
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-left: 4px;
}

.buy-form a {
        display: block;
        width: 182px;
        height: 30px;
        border-radius: 3px;
        background-clip: padding-box;
        background-color: #ffcb00;
        box-shadow: 0 5px 5px rgba(0,0,1,.51), inset 0 2px 0 rgba(255,255,255,.5);
        color: #272727;
        font-family: "PT Sans";
        font-size: 22px;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255,255,255,.4);
        text-align: center;
        margin-left: 5px;
        margin-top: 45px;
        padding-top: 7px;
        padding-bottom: 7px;
}

.buy_button{
        margin-left:20px;
        width: 0px;
}

.free-delivery p {
        color: #8df40f;
        font-family: "PT Sans";
        font-size: 14px;
        font-weight: bold;
        text-shadow: 0 1px 2px rgba(0,0,1,.41);
        margin-left: 530px;
        padding-left: 19px;
        margin-top: 2px;
        background: url("../images/free-delivery-icon.png") no-repeat;
}

.shipping-and-delivery {
        margin-left: 545px;
        margin-top: 22px;
}

.product-border {
        border-top: 5px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        padding-top: 2px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 16px;
}

.product-desc {
        width: 665px;
        margin-top: 11px;
        margin-left: 20px;
}

.description h2 {
        color: #414141;
        font-family: "PT Sans";
        font-size: 28px;
        text-shadow: 0 1px 0 #fff;
        font-weight: normal;
        margin-bottom: 11px;
}

.description p {
        color: #414141;
        font-family: "PT Sans";
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
}

.description-details {
        margin-top: 19px;
}

.description-details div {
        width: 320px;
        overflow: auto;
        max-height: 550px;
        width: 650px;
        margin-bottom: 35px;
}

.description-details div:first-child {
        margin-right: 18px;
}

.description-details div h3 {
        color: #000;
        font-family: "PT Sans";
        font-size: 18px;
}

.description-details div ul {
        margin-top: 10px;
}

.description-details div ul li {
        color: #414141;
        font-family: "PT Sans";
        font-size: 13px;
        font-weight: normal;
        background: url("../images/checked-icon.png") no-repeat;
        padding-left: 22px;
        padding-bottom: 8px;
        letter-spacing: 0.5px;
}

.description-details div ul li p {
        border-bottom: 1px solid #c8c8c8;
        padding-bottom: 6px;
}

.description-details div ul li:last-child p {
        border-bottom: none;
}

.adds-block {
        margin-right: 19px;
        margin-top: 26px;
}

.add-template {
        width: 280px;
        min-height: 60px;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,1,.3), inset 0 3px 0 #fff;
        background-image: url("../images/add-background.png");
        border-right: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
        margin-bottom: 8px;
}

.background {
        width: 280px;
        min-height: 50px;
        margin-bottom: 10px;
}

.add-template h3 {
        color: #196793;
        font-family: "PT Sans";
        font-size: 19px;
        text-shadow: 0 1px 0 #fff;
        letter-spacing: -0.5px;
        margin-left: 14px;
        padding-top: 10px;
}

.add-template p {
        color: #121212;
        font-family: "PT Sans";
        font-size: 13px;
        text-shadow: 0 1px 0 #fff;
        margin-top: 6px;
        margin-left: 14px;
        margin-right: 14px;
        line-height: 18px;
}

.add-template:nth-child(2) .background {
        background-image: url("../images/add-2.png");
        background-repeat: no-repeat;
        background-position: 172px 86px;
}

.add-template:nth-child(3) .background {
        background-image: url("../images/add-3.png");
        background-repeat: no-repeat;
        background-position: 188px 81px;
}

.add-template:nth-child(3) {
        margin-bottom: 11px;
}

.more-products-header h2 {
        color: #000;
        font-family: "PT Sans";
        font-size: 28px;
        font-weight: normal;
        margin-left: 19px;
        margin-top: 11px;
        letter-spacing: -0.6px;
        word-spacing: 2px;
}

.slider {
        margin-top: 21px;
        margin-left: 20px;
}

.arrow-left {
        margin-top: 118px;
        margin-right: 5px;
        cursor: pointer;
}

.arrow-right {
        margin-top: 118px;
        cursor: pointer;
}

.product-template {
        display: block;
        width: 182px;
        min-height: 277px;
        background-color: #fff;
        box-shadow: 3px 4px 5px rgba(0,0,1,.2);
        margin-right: 12px;
        position:relative;
}

.product-template:hover{
        box-shadow: 1px 2px 5px rgba(0,0,1,.2);
        left:1px;
        top:2px;
        opacity:1;
}

.product-template:nth-child(6) {
        margin-right: 5px;
}

.product-template-image {
        margin-left: 29px;
        margin-top: 6px;
}

.product-template-info h2 {
        color: #000;
        font-family: "PT Sans";
        font-size: 14px;
        text-shadow: 0 1px 0 #fff;
        text-align: center;
        font-weight: normal;
}

.product-template-info h1 {
        font-size: 27px;
        color: #f17b00;
        margin-top: 4px;
        text-align: center;
        font-weight: normal;
}

.product-template-info h3 {
        font-size: 13.5px;
        font-weight: normal;
        text-align: center;
}

.offers {
        margin-left: 22px;
        margin-top: 23px;
        margin-bottom: 32px;
}

.offers a {
        position:relative;
        color: #272727;
        font-family: "PT Sans";
        font-size: 22px;
        font-weight: bold;
        width: 330px;
        padding-top: 4px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 13px;
        border-radius: 5px;
        background-clip: padding-box;
        background-color: #ffcb00;
        box-shadow: 0 1px 2px rgba(0,0,1,.51), inset 0 2px 0 rgba(255,255,255,.5);
}