/*
-------------------------------
    style.css
-------------------------------
*/

/* -- basic elements -- */

* {
    margin:0;
    padding:0;
}
img {
    border:0;
    display:block; /* to prevent spaces under img in non-IE browsers */
}

#div_skipnav {
    display:none;
}

html {

}

body {
    font:8pt verdana; /* basic font settings */
    background-color: #000000;
    color:#333;
}
h2 {
    font-size:20px;
    font-weight:bold;
    line-height:1.3em;
    text-transform:uppercase;
}

input {
    border: 1px solid #999999;
}

input[type=submit],
input[type=button] {
    padding-left: 5px;
    padding-right: 5px;
}
h2.competenceTitle {
    width:418px;
    height:50px;
}

#h_1 { background:url(../images/ssp2008/headers/header_dans.png);background-repeat: no-repeat; }
h2#h_1 span { display: none; }

#h_2 { background:url(../images/ssp2008/headers/header_koken.png);background-repeat: no-repeat; }
h2#h_2 span { display: none; }

#h_3 { background:url(../images/ssp2008/headers/header_muziek.png);background-repeat: no-repeat; }
h2#h_3 span { display: none; }

#h_4 { background:url(../images/ssp2008/headers/header_mode.png);background-repeat: no-repeat; }
h2#h_4 span { display: none; }

#h_5 { background:url(../images/ssp2008/headers/header_voetbal.png);background-repeat: no-repeat; }
h2#h_5 span { display: none; }

#h_6 { background:url(../images/ssp2008/headers/header_film.png);background-repeat: no-repeat; }
h2#h_6 span { display: none; }


h3 {
    font-size:13px;
    font-weight:bold;
    line-height:2em;
}

p, ul, ol {
    line-height:1.3em;
    margin:0.5em 0 1em;
}

blockquote {
    font-style:italic;
}

#div_content li {
    margin-left:15px;
    list-style-type:disc;
}

#div_content a {
    color:#666;
}
#div_content a:hover {
}

#video_iframe {

}

a {
    color: #e21762;
}
/* -- Main Div's -- */


#div_content {
    width: 457px;
    height: 589px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image:url(../images/ssp2008/main_content_footer.jpg);
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;


}

#div_content_bar {
    width: 230px;
    float: right;
    height: 588px;
    position: relative;
    background-image: url(../images/ssp2008/bar.jpg);
    margin-top: 25px;
}

    #div_content_bar span{
        display: block;
        margin-top: 25px;
        margin-left: 20px;
        color: #FFFFFF;
    }

    #div_content_bar h2 {
        color: #e21762;
        font-size: 10px;
        padding:0;
        margin:0;
        width: 190px;
    }

    #div_content_bar p {
        padding: 0;
        margin: 0;
        width: 190px;
    }

    .div_content_bar_image_header {
        height: 33px;
        margin-top: 30px;
        margin-left: 7px;
    }

#div_footer img {
    display: inline;
    margin: 19px 0px 0px 3px;
}
#div_footer a {
    margin:0 !important;
}
#div_footer .stripe {
    width:6px !important;
}

#div_bar_center_home {
    position:absolute;
    left:203px;
    top: 0px;
    width: 733px;
    height: 600px;
}

#div_container {
    display: block;
    position: relative;
    width: 960px;
    margin: 0 auto;
}

#div_bar_left p {
    line-height:0em;
    margin:8px 0px 0px 0px;
}

#div_bar_left {
    position:absolute;
    top:25px;
    width:196px;
}
#div_header {
    width:196px;
    height:190px;
}
#div_header h1 {
    display:none;
}

#div_menu {
    margin-top: 8px;
}

#div_bar_center {
    position:absolute;
    top:0;
    left:250px;
    z-index:100;
}

#div_bar_right {
    position:absolute;
}

#div_footer {
    position:absolute;
    left:203px;
    height:60px;
    background:#fff;
    margin-top: 7px;
    background-image: url(../images/ssp2008/sponsors.jpg);
    width: 734px;
    height: 77px;
    top: 611px;
    width: 734px
}

#div_footer .stripe {
    display:block;
    float:left;
    width:10px;
    height:60px;
}
#div_footer p {
    padding:0 0 0 7px;
    margin:0;
}

#div_footer_design {
    color: #FFFFFF;
    position: absolute;
    margin-top: 700px;
    text-align: center;
    width: 940px;
    font-size: 10px;
}

/* -- Menu -- */

#div_menu a {
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    font-size:8pt;
}
#div_menu a:hover {
    color:#c0c0c0;
}
#div_menu a.selected {
    color:#333 !important;
}

/* -- Id's -- */

#a_4 {
    display:block;
}
#a_banner_left span {
    display:none;
}

#a_banner_right {
    display:block;
}
#a_banner_right span {
    display:none;
}

#breadcrumb, #breadcrumb a {
    font-weight:bold;
    color:#999;
}

/* -- Classes -- */

.nodis {
    display:none;
}

/* -- FORM -- */

.label {
    text-align:right;
}
.button {
    font-weight:bold;
}
form div {
    margin:0.5em 0 1em;
}

input, select, textarea {

}
input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {

}

/* validator class */
.validator_element_highlight {
    border:1px solid #f00;
}
.validator_label_highlight {
    color:#f00;
}

/* roundcorners.js */
.round_top { display: block; position: relative; height:10px; width:100%; top: -10px; }
.round_bottom { display: block; position: absolute; top:100%; left: 0px; height:10px; width: 100%; }

.bg { background-color: #ffffff; }
.round_mid { background-color: #ffffff; height:10px; }
.round_t_l { background-image: url(../images/t-l.png); width:8px; height:10px; }
.round_t_r { background-image: url(../images/t-r.png); width:10px; height:10px; }
.round_b_l { background-image: url(../images/b-l.png); width:8px; height:10px; }
.round_b_r { background-image: url(../images/b-r.png); width:10px; height:10px; }