/* theme.css */

/* colors */

body{
    color:#8b8e8b;
    background-color:#d4e6ef;
}
h1,h2,h3,h4,h5 {
    color:#8b8e8b;
}
input[type=submit] {
    -webkit-appearance: none;
    border-radius:0;
}
.uppercase {
    text-transform:uppercase;
}
.tx-vgext-pi1 #survey-form input[type=submit],
.td-link a,
.submit-btn,
#skipvideo,
.producttable-link a {
    font-size:1em;
    cursor:pointer;
    padding:3px 15px;
    color:#ffffff;
    border:0px;

    background-color: #ebc200;
}
.tx-vgext-pi1 #survey-form input[type=submit]:hover,
.td-link a:hover,
.submit-btn:hover,
#skipvideo:hover,
.producttable-link a:hover {
    background:#ebc200;
    text-decoration:underline;
}
.slogan h1,
.slogan h2,
.slogan h3,
.slogan h4,
.slogan h5 {
    color:#ebc200;
}
.menu .news-item .fancybox-ajax,
a {
    color:#e16049;
}
.cell-2 {
    background-color:#ffffff;
}
.cell-3-2 .col2 .div-support .support-text {
    color:#ffffff;
    background-color:#ebc200;
    font-size:.9em;
}
.cell-3-2 .col2 .div-support h2 a {
    color:#ffffff;
}
.product-menu ul li .inner {
    background-color:#ffffff;
}
.input-text {
    background-color:#ffffff;
    color:#ffffff;
    border: 1px solid #ffffff;
    font-size:.8em;
}
.menu ul li a.js-slide {
    background-color:#ffffff;
    color:#ebc200;
    font-size:.8em;
}
.news-menu ul li a.js-slide {
    font-size:.9em;
}
.menu ul li a.js-slide:hover,
.menu ul li.active a.js-slide {
    color:#8b8e8b;
}
.footer {
    font-size:.7em;
    color:#ebc200;
    background-color: #ffffff;
}
.footer a {
    color:#ebc200;
}
.footer b {
    color:#ebc200;
}
input:focus + label,
input:active + label {
    color:#e16049 !important;
}
.cell-3-1 .contentbox .productbox h1 {
    color:#ebc200;
    border-top:5px solid #ebc200;
    border-left:5px solid #ebc200;
    border-right:5px solid #ebc200;
    background-color:#ffffff;
    font-size:1em;
}
.cell-3-1 .contentbox .productbox .innertext {
    border:5px solid #ebc200;
}
.producttable th {
    color:#ebc200;
}
.menu .productbox .csc-menu {
    background-color:#ffffff;
}
.news-date {
    color:#ebc200;
    font-size:.8em;
    margin:10px 10px 4px 0px;
}
.news-menu .news-date {
    margin:15px 10px 4px 10px;
}
.menu .news-item a {
    color:#000000;
}
.menu .newsbrowser a {
    color:#e16049;
}
.product .description {
    color:#ebc200;
    display:block;
}
.div-login a {
    background-color:#ebc200;
    color:#ffffff;
}
.product .title {
    color:#ebc200;
    background-size: auto 13px;
    padding-left:113px;
}
.box {
    background-color: #ffffff;
}
.box h1 {
    color:#ebc200;
}
.box h1.csc-firstHeader {
    padding-top:32px;
}

/* images */

.box h1 {
    background-image:url('../../images/logos/Logos_urbanscreen/UrbanSCREENS_Schriftzug.png');
}
.cell-3-1 .contentbox .productbox h1 {
    background-image:url('../../images/logos/Logos_urbanscreen/UrbanSCREENS_Schriftzug.png');
}
.product .title {
    background-image:url('../../images/logos/Logos_urbanscreen/UrbanSCREENS_Schriftzug.png');
}
.cell-3-1 .screen {
    background-image:url('../img/screen2.png');
}
.lightbox {
    background-color:#ffffff;
}
.lightbox .bottom-fb {
    background-image:none;
}
.lightbox {
    background:url('../img/bg_lightbox.jpg') 0% 95% no-repeat fixed;
}

.outer {
    background:url('../img/HG/HG-3200x1440.jpg') no-repeat right bottom scroll;
    background-color:#ffffff;
}

.cell-2-2 .slogan {
    padding:20px 0px 20px 0px;
}
@media(max-width:1920px) {
    .outer {
        background: url('../img/HG/HG-2000x1080.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width:1680px) {
    .outer {
        background: url('../img/HG/HG-1800x1050.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width:1530px) {
    .outer {
        background: url('../img/HG/HG-1550x768.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width:1280px) {
    .outer {
        background: url('../img/HG/HG-1350x1024.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width:1280px) and (max-height:800px) {
    .outer {
        background: url('../img/HG/HG-1350x800.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width:1215px) {
    .outer {
        background: url('../img/HG/HG-1250x768.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width: 975px) {
    .outer {
        background: url('../img/HG/HG-1000x600.jpg') no-repeat right bottom scroll;
    }
}
@media(max-width:770px) {
    .outer {
        background: url('../img/HG/HG-800x1024.jpg') no-repeat right bottom scroll;
    }
    .cell-2-2 .slogan {
        padding:10px 0px 10px 0px;
    }
    .product .title {

    }
}
@media(max-width:700px) {
    .outer {
        background: url('../img/HG/HG-800x800.jpg') no-repeat right bottom scroll;
    }
    .product .title {
        background-size: auto 11px;
        padding-left:97px;
    }
}
@media(max-width:568px){
    .product .title {
        background-size: auto 9px;
        padding-left:85px;
    }
}
@media(max-width:468px) {
    .outer {
        background: url('../img/HG/HG-550x568.jpg') no-repeat right bottom scroll;
    }
    .product .title {

    }
}

/* corrections */

.product .left {
    padding-top:10px;
}
.logo img {
    width: 300px !important;
    margin-top:18px;
}
.cell-2-2 {
    width: 58%;
}
.row-1 {
    height: 50px;
}
.footer .line-left .inner {
    font-size:1em;
}
@media (max-width: 1530px) {
    .logo img {
        width: 280px !important;
    }
}
@media (max-width: 1280px) {
    .logo img {
        width: 270px !important;
    }
}
@media (max-width: 1215px) {
    .logo img {
        width: 236px !important;
    }
}
@media (max-width: 975px) {
    .logo img {
        width: 195px !important;
        margin-top:23px;
    }
    .row-1 {
        height: 50px;
    }
    .footer {
        padding-top:30px;
    }
}
@media (max-width: 770px) {
    .row-1 {
        height: 135px;
    }
    .cell-2-1 {
        float: none;
        width: 100%;
    }
    .logo img {
        margin-top:30px;
    }
}
@media (max-width: 568px) {
    .cell-2-1 {
        top: 0px;
    }
}
@media (max-width: 420px) {
    .logo img {
        margin-top:40px;
        width: 175px !important;
    }
}
.div-login { display:none; }