/*<license>
Copyright (c) 2010, 2011, triptic bv
All Rights Reserved.

This source is subject to the qdo LICENSE AGREEMENT.
Please see the 'license.txt' file for more information.
All other rights reserved.

THIS CODE AND INFORMATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.
</license>*/
@media screen and (max-width: 980px) {
    /* ----------------------------------------------------- */
    /* Header */
    /* ----------------------------------------------------- */
    div.headerwrap                              { position: fixed; height: 50px; }
    div.headerwrap:after                        { display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; z-index: 10; border-bottom: 1px solid #d2d2d2; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); content: ""; }
    div.sitewrapinner                           { padding-top: 50px; }

    div.menuwrap,
    div.searchbox form,
    div.servicemenu,
    div.socialmenu,
    div.languagemenu,
    div.mobile-languagemenu                    { display:none; }

    div.header                                 { height: 50px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    div.header>div.logo                        { display: none; }
    div.header>div.mobile-logo                 { display: block; float: left; width: 74.4%; padding: 0; text-align: center; }
    div.header>div.mobile-logo img             { width: auto; height: auto; max-width: 100%; }
    div.header>div.topmenu                     { position: relative; top: 0; right: 0; float: left; width: 12.8%; }
    div.header>span.sidebar-menubutton         { position: relative; display: block; float: left; width: 12.8%; height: 100%; cursor: pointer; }
    div.header>span.sidebar-menubutton:before  { position: absolute; top: 50%; left: 0; width: 32px; height: 32px; margin-top: -16px; background: url("../images/sprite_sidebar-menu.png") 0 0 no-repeat; content: ""; }
    div.searchbox                              { float:right; text-align: right; }
    div.searchbox a.mobile-search              { display: inline-block; width: 32px; height: 32px; margin-top: 3px; background: url("../images/sprite_sidebar-menu.png") -32px 0 no-repeat; cursor: pointer; }

    /* Sidebar-menuwrap */
    div.sitewrap > div.sidebar-menuwrap div.sidebar-menu        { width: 50%; }
    div.sitewrap > div.sidebar-menuwrap:before                  { right: 50%; }
}
@media screen and (max-width: 900px) {

    div.halfcontent                            { float: none; width: 100%; }
    div.slideshow div.prev_item a,
    div.slideshow div.next_item a              { display: none; }


    /* ----------------------------------------------------- */
    /* Media */
    /* ----------------------------------------------------- */
    div.wysiwyg span.ttlayer                    { margin: inherit; float: none; }
    span.ttlayer,
    span.ttlayer img,
    div.listview div.item div.thumb img,
    span.imagecaption                           { max-width: 100% !important; height: auto !important; }
    span.ttlayer                                { display: block; float: none !important; margin: 0 auto 10px !important; }

    div.wysiwyg div.caroufredsel_wrapper,
    div.wysiwyg div.caroufredsel_wrapper > div,
    div.wysiwyg div.wcarousel div.carousel-slide { height: 250px !important; }

    /*wcarousel-thumbs*/
    div.wysiwyg div.wcarousel-thumbs div.caroufredsel_wrapper,
    div.wysiwyg div.wcarousel-thumbs div.caroufredsel_wrapper > div,
    div.wysiwyg div.wcarousel-thumbs div.wcarousel div.carousel-slide { height: 64px !important; }

    div.wcarouselwrap a.wcarousel-controls { display: none !important; }
    div.wcarouselwrap a.wcarousel-controls:before { top: 95px !important; margin-top: 0 !important; }
    div.wysiwyg div.wcarousel a.wcarousel-controls { top: 0 !important; margin-top: 0 !important; display: block !important; }

    /* Table */
    div.wysiwyg table { table-layout: fixed; }
}

@media screen and (max-width: 760px) {
    div.content                                { float: none; width: 100%; }
    div.aside                                  { float: none; width: 100%/*231/940*/; }
    div.content + div.aside                    { margin-top: 40px; }

    /* ----------------------------------------------------- */
    /* Widecontent textbox */
    /* ----------------------------------------------------- */
    div.widecontent div.inserttexttext div.textbox	            { float: none; width: 100%; padding: 0; }
    div.widecontent div.inserttexttext div.textbox+div.textbox	{ margin-top: 20px; padding-left: 0; }

    /* ----------------------------------------------------- */
    /* item overview  */
    /* ----------------------------------------------------- */
    div.mainwrap div.itemleft img              { width: auto; height: auto; max-width: 100%; }

    /* breadcrumbs */
    div.breadcrumbs ul { display: none; }


    /* ----------------------------------------------------- */
    /* Slideshow */
    /* ----------------------------------------------------- */
    div.slideshow,
    div.homeslide,
    div.slidewrap                              { height: 170px; }

    /* slideshow description */
    div.slide div.image                        { height: 170px; width: 100%; }
    div.slide div.image img                    { display: block; width: auto; height: auto; max-height: none; max-width: 100%; }

    /* ----------------------------------------------------- */
    /* Footer */
    /* ----------------------------------------------------- */
    div.footer div.wysiwygitem,
    div.footer div.item                             { float: none; width: 100%; }
    div.footer div.item ul.brands li a              { margin: 0 0 0 30px !important; }
    div.footer div.item ul.brands li:first-child a  { margin-left: 0 !important; }

    div.footbottom > div.centersite > div.social span       { display: block; margin-bottom: 6px; }
    div.footbottom > div.centersite > div.social a.linkedin { margin-left: 0; }

    /* Table */
    div.wysiwyg table { table-layout: auto; }
    div.wysiwyg table,
    div.wysiwyg tbody,
    div.wysiwyg table tr,
    div.wysiwyg table td  { display: block; text-align: left !important; }
    div.wysiwyg table td  { padding-left: 0 !important; padding-right: 0 !important; }
    div.wysiwyg table span.ttlayer  { margin: 0 !important; }
}

@media screen and (max-width: 580px) {
    /* ----------------------------------------------------- */
    /* Slideshow */
    /* ----------------------------------------------------- */
    div.slideshow,
    div.homeslide,
    div.slidewrap                              { height: 170px; }

    /* slideshow description */
    div.slide div.image                        { height: 170px; width: 100%; }
    div.slide div.image img                    { display: block; width: auto; height: auto; max-width: none; max-height: 170px; }

    /* Sidebar-menuwrap */
    div.sitewrap > div.sidebar-menuwrap div.sidebar-menu        { width: 80%; }
    div.sitewrap > div.sidebar-menuwrap:before                  { right: 20%; }
}

@media screen and (max-width: 500px) {

    /* ----------------------------------------------------- */
    /* Formview */
    /* ----------------------------------------------------- */
    form.formview {}
    form.formview div.formrow {}
    form.formview div.colone { float: none; width: 100%; padding-right: 0; }
    form.formview div.coltwo { float: none; width: 100%; }

    form.formview input.text                   { margin-right: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    form.formview div.coltwo > input.checkbox:first-child,
    form.formview div.coltwo > input.radio:first-child    { margin-left: 0; }
    form.formview input.password               { margin-right: 0; }
    form.formview textarea                     { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    form.formview textarea:focus               { background: #eeeeee; }

    form.formview button						{ border: none; background: none; }
    form.formview button>span                   { display: block; border: 1px solid #2d2d2d; float: left; background:url(../images/sprite_general.png) 0 -523px; padding: 3px 5px; margin: 0; }
    form.formview button span span               { display: block; padding: 0 16px 0 8px; color: #ffffff; background:url(../images/sprite_general.png) 100% -172px; }
    form.formview button:hover>span              { border: 1px solid #c2c2c2; }

    form.formview a.button                     { display: inline-block; padding: 2px 8px; border: 1px solid #9e9e9e; background: #21428d; color: #ffffff; font-weight: bold; text-decoration: none; }


    /* ----------------------------------------------------- */
    /* Footer */
    /* ----------------------------------------------------- */
    div.footer div.wysiwygitem table,
    div.footer div.wysiwygitem table tr,
    div.footer div.wysiwygitem table td { display: block; }
    div.footer div.item                 { margin-top: 20px; }
    div.footer div.item ul.brands li    { width: 50%; }
    div.footer div.item ul.brands li a  { margin: 0 !important; }

    div.footbottom > div.centersite > div.footnote,
    div.footbottom > div.centersite > div.social        { float: none; width: 100%; }
    div.footbottom > div.centersite > div.social        { margin-top: 10px; }
    div.footbottom > div.centersite > div.social span   { display: inline-block; margin-right: 6px; }
}
@media screen and (max-width: 400px) {

    /* ----------------------------------------------------- */
    /* Footer */
    /* ----------------------------------------------------- */
    div.footer div.item ul.brands li             { float: none; }
}