#cookieControl {
    position: fixed;
    left: 0px;
    bottom: 0px;
    background: url(Assets/CookieControl/cookie_bg.png);
    width: 100%;
    height: 63px;
    border-top: 1px solid #2a2a2a;
    z-index: 2000;
    color: #fff;
}

    #cookieControl a {
        color: #E6008C;
        text-decoration: none;
    }

        #cookieControl a:hover {
            color: #fff;
            text-decoration: underline;
        }

    #cookieControl .ccHolder {
        position: relative;
        width: 980px;
        height: 60px;
        margin: 0 auto;
    }

    #cookieControl .ccTitle {
        position: absolute;
        left: 185px;
        top: 15px;
        font-size: 14px;
        font-weight: bold;
        line-height: 100%;
        color: #fff;
        padding: 0px;
        margin: 0px;
    }

    #cookieControl .ccText {
        position: absolute;
        left: 70px;
        bottom: 20px;
        font-size: 12px;
        font-weight: normal;
        line-height: 100%;
        color: #fff;
        padding: 0px;
        margin: 0px;
        line-height: 145%;
    }

    #cookieControl .ccButton {
        position: absolute;
        top: 16px;
        left: 0px;
    }

    #cookieControl .ccClose {
        position: absolute;
        top: 24px;
        left: 0px;
    }

        #cookieControl .ccClose a {
            background: url(Assets/CookieControl/cookie_close.png) no-repeat 0px 2px;
            padding: 0px 0px 0px 17px;
            font-size: 14px;
            font-weight: bold;
            line-height: 100%;
            color: #E6008C;
        }

            #cookieControl .ccClose a:hover {
                color: #fff;
            }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


    #cookieControl {
        position: fixed;
        left: 0px;
        bottom: 0px;
        background: url(Assets/CookieControl/cookie_bg.png);
        width: 100%;
        height: 80px;
        border-top: 1px solid #2a2a2a;
        z-index: 2000;
    }


        #cookieControl .ccHolder {
            width: 95%;
            height: 80px;
            margin-left: 2.5%;
        }

        #cookieControl .ccClose {
            position: absolute;
            top: 50px;
            right: 5px;
        }
}

/* media-queries */
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */

    #cookieControl {
        position: fixed;
        left: 0px;
        bottom: 0px;
        background: url(Assets/CookieControl/cookie_bg.png);
        width: 100%;
        height: 62px;
        border-top: 1px solid #2a2a2a;
        z-index: 2000;
    }


        #cookieControl .ccHolder {
            width: 95%;
            height: 62px;
            margin-left: 2.5%;
        }

        #cookieControl .ccClose {
            position: absolute;
            top: 8px;
            right: 5px;
        }
}