/* 

    MKB Verkiezingsdebat 
    
    wit     #ffffff
    zwart   #000000
    oranje  #e98300
    grijs   #9fa1a4
    blauw   #008cdc

*/

body {
    background: #9fa1a4 url('../img/bg.jpg') repeat top left;
}

a:link,
a:visited {
    color: #e98300;
    text-decoration: none;
}

a:link:hover {
    color:#9fa1a4;
} 

a:link:active {
    color: #000000;
}

#site-wrapper {
    width: 942px;
    min-height: 500px;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #ffffff;
    
    -webkit-box-shadow: 0px 0px 10px #000000;
       -moz-box-shadow: 0px 0px 10px #000000;
         -o-box-shadow: 0px 0px 10px #000000;
        -ms-box-shadow: 0px 0px 10px #000000;
            box-shadow: 0px 0px 10px #000000;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
        -ms-border-radius: 8px;
            border-radius: 8px;
}

#site-wrapper-ios {
    width: 942px;
    min-height: 500px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
}

#site-wrapper-ios header {
    height: 90px;
}

h1, 
h2 {
    margin: 0;
}

h1 {
    color: #e98300;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 36px;
}

h2 {
    padding: 18px 0 0 0;
}

h3 {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin: 10px 0 0 0;
}

/* header */
header {
    width: 942px;
    height: 60px;
    
}

header h1 {
    display: block;
    background: url(../img/mkb-header.jpg) no-repeat top left;
    height: 68px;
    border: none;
    line-height: 68px;
    padding: 2px 0 0 120px;
    font-weight: 400;
    float: left;
}

header h2 {
    float: right;
    margin: 6px 45px 0 0;
}

/* cols */
section#col1 {
    float: left;
    width: 660px; 
}

section#col2 {
    float: right;
    width: 282px; 
}

#Player {
    margin: 20px 0 0 0;
    width: 640px;
    height: 360px;
    -webkit-box-shadow: 0px 3px 7px #727272;
       -moz-box-shadow: 0px 3px 7px #727272;
         -o-box-shadow: 0px 3px 7px #727272;
        -ms-box-shadow: 0px 3px 7px #727272;
            box-shadow: 0px 3px 7px #727272;
}

#streamuit {
	padding: 60px 100px;
}

video {
    -webkit-box-shadow: 0px 3px 7px #727272;
       -moz-box-shadow: 0px 3px 7px #727272;
         -o-box-shadow: 0px 3px 7px #727272;
        -ms-box-shadow: 0px 3px 7px #727272;
            box-shadow: 0px 3px 7px #727272;
}

#Twitter {
    margin: 20px 0 0 0;
}

#site-wrapper-ios #Twitter {
    margin: 0 0 0 0;
}

.logo {
    width: 200px;
    height: 130px;
    display: block;
    float: left;
    margin: 0 20px 0 0;
    text-indent: -999999px;
}

#mkb { background: #ffffff url('../img/mkb.jpg') no-repeat top left; }
#mkb:hover { background-position: 0 -130px; }

#mkbs { background: #ffffff url('../img/mkbservicedesk.jpg') no-repeat 0 0; }
#mkbs:hover { background-position: 0 -130px; }

#os { background: #ffffff url('../img/ondernemersstem.jpg') no-repeat top left; }
#os:hover { background-position: 0 -130px; }

div#footer {
    margin: 10px 0 0 0;
    text-align: center;
}

.copyright {
    font-size: 12px;
    color: #676767;
}

.copyright a:link,
.copyright a:visited {
    color: #676767;
}

.copyright a:hover {
    color: #000000;
}