@charset "utf-8";

/**
* @version 1.0
* @author http://www.eventlokal.net
* @copyright Copyright (C) 2012 Lokal für Werbung und Event GmbH All rights reserved
*/


/** Allgemeine Formatierungen Responsive Design **/

[class*="span"] {
    margin: 0px;
}

p {
    margin: 0px;
}


/** Kleinere Displays **/

@media (max-width: 1290px) {
    div#menuTop ul.menu li {
        font-size: 135%;
        margin-right: 35px;
    }
}

@media (min-width: 1170px) {
    div#menuTop ul.menu li {
        font-size: 125%;
        margin-right: 30px;
    }
}

@media (max-width: 1170px) {
    div#menuTop ul.menu li {
        font-size: 100%;
        margin-right: 25px;
    }
    h1 {
        font-size: 120%;
        line-height: 120%;
    }
    body,
    td,
    th {
        font: 300 95%/140% 'Open Sans Condensed', sans-serif;
        color: #ffffff;
    }
}


/** Laptops / Tablets quer **/


/** Tablets hoch **/

@media (min-width: 728px) and (max-width: 770px) {
    div#marke {
        width: 30%;
        padding: 45px 0px 0px 0px;
    }
    div.caption {
        font-size: 60%;
        line-height: 120%;
    }
}


/** Smartphones quer **/

@media (max-width: 727px) {}


/** Smartphones hoch **/

@media (max-width: 467px) {}


/* Landscape phones and down / Landscape phone to portrait */

@media (min-width: 100px) and (max-width: 727px) {
    body {
        padding: 0;
    }
    div#containerContent {
        padding: 0% 5% 0% 5%;
    }
    div#containerBottom {
        padding: 0% 5% 0% 5%;
    }
    div#marke {
        width: 90%;
        padding: 30px 0px 20px 0px;
        margin: 0px auto;
    }
    div#modPicHeader {
        display: none;
    }
    div#modRight {
        margin-top: 25px;
    }
    div#footer {
        font-size: 90%;
        margin-bottom: 20px;
    }
    div#respButton {
        margin: 10% 0% 0% 83%;
    }
    .noMobile {
        display: none;
    }
    .justMobile {
        display: block;
    }
    /* Menügestaltung Mobile */
    div#menuTop {
        margin: 0px;
        height: 0px;
    }
    div#menuTop ul.menu {
        margin: 15px 0px 15px 0px;
    }
    div#menuTop ul.menu li {
        display: block;
        font-size: 120%;
        margin: 0%;
    }
    div#menuTop ul.menu li a {
        line-height: 80%;
    }
    div#menuTop ul.menu li.current.active a {
        background-image: none;
    }
    div#menuTop ul.menu li a:hover {
        background-image: none;
    }
    div#menuTop ul.menu li.active.deeper.parent a {
        background-image: none;
    }
    .items-row {
        margin-bottom: 0%;
    }
    .item {
        margin-bottom: 5%;
    }
    .overlay {
        bottom: 0px ! important;
        width: 100% ! important;
        visibility: visible ! important;
    }
}