/* 
    Created on : Jul 22, 2014, 11:29:31 AM
    Author     : Nemanja Pavlovic, Frontend at deepscreen GmbH
    Type       : Print CSS
    First use  : Kanya AG
*/

/* GLOBALS */
#page-header, #page-middle, #page-bottom, #page-footer { max-width: 100%; }
#page-middle-top > .csc-default, body.home-page #page-middle > .csc-default, #page-middle-bottom > .csc-default { max-width: 100%; }
.controll-wrapper, .delete-item {display: none;}
.basket-img-wrapper {margin: 30px 0;}


/* HEADER */
#container-header { position: relative; }

/* LOGO */
#logo { margin: 25px auto; }

/* NAVIGATION */
#main-navigation, #meta-navigation, #lang-navigation, .news-search-form { display: none; opacity: 0; }

/* SLIDER */
.owl-carousel { width: 100%; height: auto; }
.owl-carousel .owl-item.active2 { display: block; width: 100%; }
.owl-carousel .owl-item.active2 img { width: 100%; height: auto; }
.cover-slider .item .slider-area { right: auto; left: 0; opacity: .8;}
.cover-slider .slider-navigation, .cover-slider .item .slider-area .more { display: none; }

/* CUBES ON HOME PAGE */
body.home-page #page-middle-top, body.home-page #page-middle-bottom { background: none; }

/* HOME PAGE */
body.home-page #page-middle {
    margin: 0;
    border: 0;
    page-break-before: always; 
    background: none;
}

#page-middle-top .column-one, #page-middle-top .column-two, #page-middle-top .column-three, #page-middle-top .column-four {
    width: 47%;
}

body.home-page #page-middle .fce-middle-3-inner .column-left, 
body.home-page #page-middle .fce-middle-3-inner .column-center, 
body.home-page #page-middle .fce-middle-3-inner .column-right {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
    display: block;
}

.fce-middle-2-inner .column-left, .fce-middle-2-inner .column-right {
    width: 100%;
    display: block;
}

.fce-middle-2-inner .column-left {
    margin-bottom: 70px;
}

a.katalog-button, a.newsletter-button { display: none; }

/* TOP */
#container-top { margin: 0; }

/* SINGLE VIEW */
.single-element .product-left, .single-element .product-right {
    display: inline-block;
    margin: 0;
}

.single-element .product-left { width: 68%; margin-right: 1%; }

.single-element .product-right { width: 30%; }

.single-element .single-gallery img, .single-element .schema img { width: 50%; height: auto; }

/* CONTENT PAGES */
#page-middle .middle-left, #page-middle .middle-right { width: 100%; margin-right: 0; }

/* FOOTER TOP */
#page-footer ul.footer-menu, #page-footer div.footer-text {
    width: 100%;
    margin-left: 0;
    display: block;
    text-align: center;
}