@charset "utf-8";
/* CSS Document */


/* --- MAIN STUFF --- */

    * {
        margin: 0;
        padding: 0;
    }

    @font-face{
        font-family: 'cosmic';
        src: url('../../../fonts/ca-webfont.eot');
        src: local('☺'),
            url('../../../fonts/ca-webfont.woff') format('woff'),
            url('../../../fonts/ca-webfont.otf') format('opentype'),
            url('../../../fonts/ca-webfont.ttf') format('truetype'),
            url('../../../fonts/ca-webfont.svg#webfontCWGy5Apf') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face{
        font-family: 'joystix';
        src: url('../../../fonts/joystix_monospace_0-webfont.eot');
        src: local('☺'),
            url('../../../fonts/joystix_monospace_0-webfont.woff') format('woff'),
            url('../../../fonts/joystix_monospace_0-webfont.otf') format('opentype'),
            url('../../../fonts/joystix_monospace_0-webfont.ttf') format('truetype'),
            url('../../../fonts/joystix_monospace_0-webfont.svg#webfontCWGy5Apf') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    body{
        background-color: #000000;
        background-image: url("../images/back.png");
        color: #9d1c1f;
        font-family: "joystix", Arial, Helvetica, sans-serif;
        font-size: 0.8em;
    }

    .clearingDiv{
        clear: both;
        height: 0;
    }

    a span{
        position: relative;
        top: -10000px;
    }

    a{
        color: #86d428;
    }

    h2{
        margin-top: 15px;
        margin-bottom: 15px;
    }

/* --- MAIN DESIGN --- */

    /* -- HEADER -- */

    #header{
        width: 850px;
        margin-left: auto;
        margin-right: auto;
    }

    #header h1 span{
        position: relative;
        top: -10000px;
    }

    #header h1{
        background-image: url("../images/logo.png");
        display: block;
        width: 329px;
        height: 208px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    #header img{
        width: 330px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

        /* - Menu -*/

        #menu a{
            color: #a23434;
            text-decoration: none;
            font-family: "cosmic","joystix", Arial, Helvetica, sans-serif;
            font-size: 2em;
            margin-left: 50px;
        }

        #menu .selected, #menu a:hover{
            color: #82d327;
        }

        #menuleft, #menuright{
            float: left;
        }

        #menuright{
            margin-left: 200px;
        }

        /* - Audio -*/

        #hardstyleAudio{
            position: absolute;
            top: 25px;
            margin-left: 50px;
        }

        #hardcoreAudio{
            position: absolute;
            top: 25px;
            margin-left: 675px;
        }

    /* -- LOADER -- */

    #loader{
        background-color: #333333;
        width: 50px;
        height: 50px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    /* -- CONTAINER -- */

    #container{
        margin-bottom: 25px;
        margin-top: 25px;
    }

    /* -- SPONSORS -- */

    #sponsors{
        width: 825px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        text-align: center;
    }

    #sponsors p{
        font-size: 18px;
        margin-bottom: 25px;
    }

    #sponsors img{
        width: 150px;
        display: block;
        float: left;
        margin: 0 0 15px 15px;
    }

    /* made by defoil */
    #defoil{
        color: #ffffff;
        text-align: center;
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 11px;
    }

    #defoil a{
        color: #9d1c1f;
        text-decoration:none;
    }

    #defoil a img{
        border-style: none;
    }

/* --- PAGE SPECIFIC ---*/

    /* -- HOME -- */
    #homeHolder{
        background-image: url("../images/halfdarkback.png");
    }

    #home{
        width: 560px;
        margin-left: auto;
        margin-right: auto;
        padding: 25px;

        color: #86d428;
        font-size: 1.5em;
    }

    #introVideo{
        margin-top: 75px;
    }

        /* info & prijs*/
        #homeInfo, #homePrijs{
            float: left;
        }

        #homePrijs{
            text-align: right;
            position: relative;
            left: 275px;
        }

        /* feeds */

        #feeds{
            margin-top: 25px;
        }

        #feeds a{
            text-decoration: none;
            border-style: none;
            display: block;
            width: 40px;
            height: 40px;
            float: left;
            margin-left: 15%;
        }

        #facebook{
            background-image: url("../images/facebook.png");
        }

        #netlog{
            background-image: url("../images/netlog.png");
        }

        #twitter{
            background-image: url("../images/twitter.png");
        }

        #youtube{
            background-image: url("../images/youtube.png");
        }

    /* -- LINEUP -- */

    #lineupList li{
        list-style-type: none;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #86d428;
    }

    .listHolder{
        width: 525px;
        margin-left: auto;
        margin-right: auto;
    }

    #lineupList .fullLine{
        background-image: url("../images/halfdarkback.png");
        color: #a23434;
    }

    .explanation{
        display: block;
    }

    .explanation p{
        width: 400px;
        margin-left: 25px;
    }

    .explanation p, .explanation img{
        margin-top: 25px;
        display: block;
        float: left;
    }

    .style{
        float: right;
        margin-right: 75px;
    }

    .dj{
        margin-left: 75px;
    }

    /* -- MEDIA -- */

    #audio, #video, #foto{
        width: 850px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        padding-bottom: 50px;
        text-align: center;
    }

    #media p{
        margin-top: 25px;
    }

    .video{
        width: 560px;
        margin-left: auto;
        margin-right: auto;
    }

    .mediaHolder{
        background-image: url("../images/halfdarkback.png");
    }

    /* -- NIEUWS -- */

    .loading{
        width: 50px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #nieuws{
        /*width: 850px;
        margin-left: auto;
        margin-right: auto;*/
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #nieuws li{
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 15px;
        padding-top: 15px;
        list-style-type: none;
        text-align: center;
    }

    .tweet_even{
        background-image: url("../images/halfdarkback.png");
    }


    /* fb like */

    .fb_iframe_widget{
        margin-top: 25px;
        left: 20px;
        padding-bottom: 5%;
    }

    .fb_ltr{
        margin-left: auto;
        margin-right: auto;
    }

    .fb_ltr a{
        color: #9D1C1F;
    }

    .fbDarkWidget {
        border: none;
        background: none;
    }