/*

Nieuws (green):
    R 127
    G 194
    B 27
    Web #7FC21B

Fun (blue): 
    R 0
    G 151
    B 180
    Web #0097B4

Win:
    R 255
    G 126
    B 2
    Web #FF7E02

Clubs:
    R 239
    G 4
    B 125
    Web #EF047D

Kidsweek Junior:
    R 255
    G 1
    B 3
    Web #FF0103
*/
 
html,body {
    margin:  0;
    padding: 0;
}

body {
    background:  white url(bg_top.gif) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size:   12px;
    line-height: 130%;
}

a { 
    color: #0066B3; 
    color:#FF0103;
    text-decoration: none;
}

h1 {
    font-weight:normal;
    font-size:30px;
    line-height:40px;
    margin: 0px 0px 10px 0px;
}
h2 {
    font-weight:normal;
    font-size:18px;
    line-height:40px;
    margin: 0px 20px 20px 0px;
}
h3 {
    font-size:12px;
    font-weight:bold;
    margin:8px 0 0 0;
    padding:0px;
}

td,th {
    font-weight:normal;
    vertical-align:top;
}

img {
    border:0px;
}


/* Wrapper --------------------------------------------------------------------------------- */

#wrapper {
    width:955px;
    margin:0px auto 0px auto;
    padding:0px;
}

#wrapper_popup {
    margin:0px 0px 0px 15px;
    padding:0px;
}



/* Logo --------------------------------------------------------------------------------- */

#logo {
  padding-top:18px;
  padding-bottom:5px;
  position: absolute;
  z-index: 15;
 /*  behavior: url(jslib/iepngfix/iepngfix.htc); */
}


/* Zoeken */
#header_zoeken{ 
  background: url(../kwj2008/backgrounds/bg-zoeken.png) repeat-x;
  margin:      0em auto;
  padding:     0em;
  border:      0;
  font-family: arial, helvetica;
  position:    absolute;
  right:       0px;
  top:         3px;
  color:       #fff;
  padding:     2px 0px 2px 10px;
  height:      21px;
  text-transform: uppercase;
 }

#header_zoeken .submit {
  background-color:    transparent;
  background-image:    url('../kwj2008/images/pijl.gif');
  background-repeat:   no-repeat;
  background-position: left center;
  width:  17px;
  cursor: pointer;
  border: none;
}
#header_zoeken input{ 
  width:  90px;
  height: 15px;
  border: none;
}

/* fix voor mantis 6151: tabel in formulier schiet naar rechts, onder een afbeelding */
.content_block_node table {
    float: left;
}

/* Navigation --------------------------------------------------------------------------------- */

#table_navigation{ 
  height: 123px;
}

#table_navigation.high {
    height: 130px;
}

#nav {
  position: absolute;
  right:  0px;
  left:   0px;
  
  margin:0px;

  margin-top:30px;

  overflow:hidden;
/*
  xxwidth: 100%;
  xxpadding:0px;
  xxheight:56px;
*/
  height: 39px;
  padding-left: 310px;
  background: orange;
  font-size: 110%;
  background: url(../kwj2008/backgrounds/bg-nav.png) repeat-x;
}

    ul#navlist {
        margin:0px;
        padding:0px;
    }

  ul#navlist li {
        list-style-type:none;
        float:left;
        text-align:center;
        vertical-align:middle;
font-weight: bold;
        margin:0px;
  margin-right:1px;
        padding:0px;
    }


/*
    ul#navlist li {
        list-style-type:none;
        float:left;
        text-align:center;
        vertical-align:middle;
        background: url(button_green_0.png) no-repeat;
        margin:0px;
        margin-right:1px;
        padding:0px;
    }





    ul#navlist li { behavior: url(/jslib/iepngfix/iepngfix.htc) }

        ul#navlist li.green {
            float:left;
            text-align: center;
            background: url(button_green_0.png) no-repeat;
        }
        ul#navlist li.green_active {
            float:left;
            text-align: center;
            background: url(button_green_1.png) no-repeat;
        }

        ul#navlist li.blue {
            float:left;
            text-align: center;
            background: url(button_blue_0.png) no-repeat;
        }
        ul#navlist li.blue_active {
            float:left;
            text-align: center;
            background: url(button_blue_1.png) no-repeat;
        }

        ul#navlist li.orange {
                float:left;
                text-align: center;
                background: url(button_orange_0.png) no-repeat;
        }
        ul#navlist li.orange_active {
                float:left;
                text-align: center;
                background: url(button_orange_1.png) no-repeat;
        }

        ul#navlist li.pink {
                float:left;
                text-align: center;
                background: url(button_pink_0.png) no-repeat;
        }
        ul#navlist li.pink_active {
                float:left;
                text-align: center;
                background: url(button_pink_1.png) no-repeat;
        }

        ul#navlist li.red {
                float:left;
                text-align: center;
                background: url(button_red_0.png) no-repeat;
        }
        ul#navlist li.red_active {
                float:left;
                text-align: center;
                background: url(button_red_1.png) no-repeat;
        }

*/

#navlist li.orange_active a{ 
  color: #FF7E02;
}
#navlist li.green_active a{ 
  color: #7FC21B;
}
#navlist li.blue_active a{ 
  color: #0097B4;
}
#navlist li.pink_active a{ 
  color: #e6006d;
}
#navlist li.red_active a{ 
  color: #f80012;
}

    ul#navlist a {
        display:block;
        width:120px;
        height:55px;
        text-decoration:none;
        text-transform:uppercase;
        color:white;
  /* overlay:hidden; */
        padding-top:15px;
    }
    ul#navlist a:hover {
        color: #000;
    }
    ul#navlist li.activelink a,ul#navlist li.activelink a:hover {
        color: #003;
    }


/* Subnavigation --------------------------------------------------------------------------------- */

#subnav {
  margin:0px;
  /*
     xxpadding:0px;
     xxpadding-bottom:10px;
     xxwidth: 755px;
     xxheight:50px;
     xxwidth: 100%;
     */
  clear:both;
  overflow:hidden;
}

#subnav{ 
  padding-left: 310px;
  margin-top:   95px;
  left:         0px;
  right:        0px;
  position:     absolute;
  height:       20px;
}

    .subnav_green {
        background: url(../kwj2008/backgrounds/bg-subnav-green.png) repeat-x;
    }
    .subnav_blue {
        background: url(../kwj2008/backgrounds/bg-subnav-blue.png) repeat-x;
    }
    .subnav_orange {
        background: url(../kwj2008/backgrounds/bg-subnav-orange.png) repeat-x;
    }
    .subnav_pink {
        background: url(../kwj2008/backgrounds/bg-subnav-pink.png) repeat-x;
    }
    .subnav_red {
        background: url(../kwj2008/backgrounds/bg-subnav-red.png) repeat-x;
    }

    /* .subnav_blue { behavior: url(/jslib/iepngfix/iepngfix.htc) } */

    ul#subnavlist {
        margin:0;
        padding:0;
        padding-left:15px;
    }
    ul#subnavlist li {
        list-style-type:none;
        margin:0px;
        padding:0px 15px 0px 15px;
        float:left;
        text-align: center;
        line-height: 20px;
        color:white;
        /* xxpadding-top:10px;*/
    }
    ul#subnavlist li.active {
        font-weight:bold;
    }
    ul#subnavlist a {
        display:block;
        text-decoration:none;
        text-transform:uppercase;
        color: white;
  /* overlay:hidden; */
    }
    ul#subnavlist a:hover {
        color: #000;
    }
    ul#subnavlist li.activelink a,ul#subnavlist li.activelink a:hover {
        color: #003;
    }


/* Content --------------------------------------------------------------------------------- */

.columns5_nopad {
    margin:0px;
    padding:0px;
    width:750px;
}

.columns5 {
    margin:0px;
    padding:0px 20px 20px 0px;
    width:730px;
}

.columns4_nopad {
    margin:0px;
    padding:0px;
    width:600px;
}

.columns4 {
    margin:0px;
    padding:0px 20px 10px 0px;
    width:580px;
}

.columns3 {
    margin:0px;
    padding:0px 20px 10px 0px;
    width:420px;
}

.columns2 {
    margin:0px;
    padding:0px 20px 10px 0px;
    width:280px;
}

.column1 {
    margin:0px;
    padding:0px 20px 10px 0px;
    width:110px;
}

.column1_small {
    margin:0px;
    padding:0px 20px 10px 20px;
    width:110px;
}

.column_green a {
    color:#7FC21B;
}
.column_blue a {
    color:#0097B4;
}
.column_orange a {
    color:#FF7E02;
}
.column_pink a {
    color:#EF047D;
}
.column_red a {
    color:#FF0103;
}

.extra_green a {
    color:#7FC21B;
}
.extra_blue a {
    color:#0097B4;
}
.extra_orange a {
    color:#FF7E02;
}
.extra_pink a {
    color:#EF047D;
}
.extra_red a {
    color:#FF0103;
}

#collage {
    margin:0px;
    padding:0px;
    vertical-align:bottom;
}
#collage_content {
    overflow:hidden;
}

/* 20080923, nieuwe achtergronden */
.column_art{ 
  padding-left:  10px;
  padding-right: 10px;
  width:         451px;
}
.column_art_green{ 
  background:    url(../kwj2008/backgrounds/bg-art-green.png)  no-repeat;
}
.column_art_orange{ 
  background:    url(../kwj2008/backgrounds/bg-art-orange.png) no-repeat;
}
.column_art_red{ 
  background:    url(../kwj2008/backgrounds/bg-art-red.png)    no-repeat;
}
.column_art_pink{ 
  background:    url(../kwj2008/backgrounds/bg-art-pink.png)   no-repeat;
}
.column_art_blue{ 
  background:    url(../kwj2008/backgrounds/bg-art-blue.png)   no-repeat;
}


/* Homepage --------------------------------------------------------------------------------- */

.box_top {
    width:136px;
    line-height:22px;
    text-align:center;
    color:white;
}
    .box_top_green {
        background: url(box_top_green.gif) no-repeat;
    }
    .box_top_blue {
        background: url(box_top_blue.gif) no-repeat;
    }
    .box_top_orange {
        background: url(box_top_orange.gif) no-repeat;
    }
    .box_top_pink {
        background: url(box_top_pink.gif) no-repeat;
    }
    .box_top_red {
        background: url(box_top_red.gif) no-repeat;
    }

.box_content1 {
    width:136px;
    margin:0px;
    padding:0px;
    padding-left:3px;
    overflow:hidden;
}
    .box_content1_green {
        background: url(box_content_green.gif) repeat-y;
    }
    .box_content1_blue {
        background: url(box_content_blue.gif) repeat-y;
    }
    .box_content1_orange {
        background: url(box_content_orange.gif) repeat-y;
    }
    .box_content1_pink {
        background: url(box_content_pink.gif) repeat-y;
    }
    .box_content1_red {
        background: url(box_content_red.gif) repeat-y;
    }

.box_bottom {
    width:136px;
    height:6px;
}
    .box_bottom_green {
        background: url(box_bottom_green.gif) no-repeat;
    }
    .box_bottom_blue {
        background: url(box_bottom_blue.gif) no-repeat;
    }
    .box_bottom_orange {
        background: url(box_bottom_orange.gif) no-repeat;
    }
    .box_bottom_pink {
        background: url(box_bottom_pink.gif) no-repeat;
    }
    .box_bottom_red {
        background: url(box_bottom_red.gif) no-repeat;
    }

.box_content2 {
    width:136px;
    padding:0px 3px 0px 3px;
    margin:0px;
    margin-bottom:5px; 
}
    .box_content2_green a {
        color:#7FC21B;
    }
    .box_content2_blue a {
        color:#0097B4;
    }
    .box_content2_orange a {
        color:#FF7E02;
    }
    .box_content2_pink a {
        color:#EF047D;
    }
    .box_content2_red a {
        color:#FF0103;
    }



.box2_top {
    width:286px;
    line-height:22px;
    text-align:center;
    color:white;
}
    .box2_top_green {
        background: url(box2_top_green.gif) no-repeat;
    }
    .box2_top_blue {
        background: url(box2_top_blue.gif) no-repeat;
    }
    .box2_top_orange {
        background: url(box2_top_orange.gif) no-repeat;
    }
    .box2_top_pink {
        background: url(box2_top_pink.gif) no-repeat;
    }
    .box2_top_red {
        background: url(box2_top_red.gif) no-repeat;
    }

.box2_content1 {
    width:286px;
    margin:0px;
    padding:0px;
    padding-left:3px;
    overflow:hidden;
}
    .box2_content1_green {
        background: url(box2_content_green.gif) repeat-y;
    }
    .box2_content1_blue {
        background: url(box2_content_blue.gif) repeat-y;
    }
    .box2_content1_orange {
        background: url(box2_content_orange.gif) repeat-y;
    }
    .box2_content1_pink {
        background: url(box2_content_pink.gif) repeat-y;
    }
    .box2_content1_red {
        background: url(box2_content_red.gif) repeat-y;
    }

.box2_bottom {
    width:286px;
    height:6px;
}
    .box2_bottom_green {
        background: url(box2_bottom_green.gif) no-repeat;
    }
    .box2_bottom_blue {
        background: url(box2_bottom_blue.gif) no-repeat;
    }
    .box2_bottom_orange {
        background: url(box2_bottom_orange.gif) no-repeat;
    }
    .box2_bottom_pink {
        background: url(box2_bottom_pink.gif) no-repeat;
    }
    .box2_bottom_red {
        background: url(box2_bottom_red.gif) no-repeat;
    }

.box2_content2 {
    width:286px;
    padding:0px 3px 0px 3px;
    margin:0px;
    margin-bottom:10px; 
}
    .box2_content2_green a {
        color:#7FC21B;
    }
    .box2_content2_blue a {
        color:#0097B4;
    }
    .box2_content2_orange a {
        color:#FF7E02;
    }
    .box2_content2_pink a {
        color:#EF047D;
    }
    .box2_content2_red a {
        color:#FF0103;
    }


.boxsml_top {
    width:116px;
    line-height:22px;
    text-align:center;
    color:white;
}
    .boxsml_top_green {
        background: url(boxsml_top_green.gif) no-repeat;
        background-position:1px 0px;
    }
    .boxsml_top_blue {
        background: url(boxsml_top_blue.gif) no-repeat;
        background-position:1px 0px;
    }
    .boxsml_top_orange {
        background: url(boxsml_top_orange.gif) no-repeat;
        background-position:1px 0px;
    }
    .boxsml_top_pink {
        background: url(boxsml_top_pink.gif) no-repeat;
        background-position:1px 0px;
    }
    .boxsml_top_red {
        background: url(boxsml_top_red.gif) no-repeat;
        background-position:1px 0px;
    }

.boxsml_content1 {
    width:116px;
    margin:0px;
    padding:0px;
    padding-left:3px;
    overflow:hidden;
}
    .boxsml_content1_green {
        background: url(boxsml_content_green.gif) repeat-y;
    }
    .boxsml_content1_blue {
        background: url(boxsml_content_blue.gif) repeat-y;
    }
    .boxsml_content1_orange {
        background: url(boxsml_content_orange.gif) repeat-y;
    }
    .boxsml_content1_pink {
        background: url(boxsml_content_pink.gif) repeat-y;
    }
    .boxsml_content1_red {
        background: url(boxsml_content_red.gif) repeat-y;
    }

.boxsml_bottom {
    width:116px;
    height:6px;
}
    .boxsml_bottom_green {
        background: url(boxsml_bottom_green.gif) no-repeat;
    }
    .boxsml_bottom_blue {
        background: url(boxsml_bottom_blue.gif) no-repeat;
    }
    .boxsml_bottom_orange {
        background: url(boxsml_bottom_orange.gif) no-repeat;
    }
    .boxsml_bottom_pink {
        background: url(boxsml_bottom_pink.gif) no-repeat;
    }
    .boxsml_bottom_red {
        background: url(boxsml_bottom_red.gif) no-repeat;
    }

.boxsml_content2 {
    width:116px;
    padding:0px 3px 0px 3px;
    margin:0px;
    margin-bottom:10px; 
}
    .boxsml_content2_green a {
        color:#7FC21B;
    }
    .boxsml_content2_blue a {
        color:#0097B4;
    }
    .boxsml_content2_orange a {
        color:#FF7E02;
    }
    .boxsml_content2_pink a {
        color:#EF047D;
    }
    .boxsml_content2_red a {
        color:#FF0103;
    }


/* Article landingspage --------------------------------------------------------------------------------- */

.intro_top {
    width:286px;
    line-height:22px;
    text-align:center;
    color:white;
}
    .intro_top_green {
        background: url(intro_top_green.gif) no-repeat;
    }
    .intro_top_blue {
        background: url(intro_top_blue.gif) no-repeat;
    }
    .intro_top_orange {
        background: url(intro_top_orange.gif) no-repeat;
    }
    .intro_top_pink {
        background: url(intro_top_pink.gif) no-repeat;
    }
    .intro_top_red {
        background: url(intro_top_red.gif) no-repeat;
    }

.intro_content1 {
    width:286px;
    margin:0px;
    padding:0px;
    padding-left:3px;
    overflow:hidden;
}
    .intro_content1_green {
        background: url(intro_content_green.gif) repeat-y;
    }
    .intro_content1_blue {
        background: url(intro_content_blue.gif) repeat-y;
    }
    .intro_content1_orange {
        background: url(intro_content_orange.gif) repeat-y;
    }
    .intro_content1_pink {
        background: url(intro_content_pink.gif) repeat-y;
    }
    .intro_content1_red {
        background: url(intro_content_red.gif) repeat-y;
    }

.intro_bottom {
    width:286px;
    height:6px;
}
    .intro_bottom_green {
        background: url(intro_bottom_green.gif) no-repeat;
    }
    .intro_bottom_blue {
        background: url(intro_bottom_blue.gif) no-repeat;
    }
    .intro_bottom_orange {
        background: url(intro_bottom_orange.gif) no-repeat;
    }
    .intro_bottom_pink {
        background: url(intro_bottom_pink.gif) no-repeat;
    }
    .intro_bottom_red {
        background: url(intro_bottom_red.gif) no-repeat;
    }

.intro_content2 {
    width:286px;
    padding:0px 3px 0px 3px;
    margin:0px;
    /* margin-bottom:20px; */
}
    .intro_content2_green a {
        color:#7FC21B;
    }
    .intro_content2_blue a {
        color:#0097B4;
    }
    .intro_content2_orange a {
        color:#FF7E02;
    }
    .intro_content2_pink a {
        color:#EF047D;
    }
    .intro_content2_red a {
        color:#FF0103;
    }



/* Articles --------------------------------------------------------------------------------- */

h1.newsheading {
    margin:30px 20px 20px 0px;
}
.newsintro {
    margin:10px 20px 0 0;
    font-weight: bold;
    line-height: 24px;
}
.newsbody {
    margin:10px 20px 0 0;
    line-height: 24px;
}

.caption {
    font-size:12px;
    line-height: 100%;
    margin:5px 0px 20px 0px;
}

/* QL nieuw --------------------------------------------------------------------------------- */

td .ql_w1 {
    /*
    width:136px;
    padding:0px 14px 20px 0px;
    */
    padding-bottom:10px;
}
td .ql_w2 {
    /*
    width:280px;
    padding:0px 20px 20px 0px;
    */
    padding-bottom:10px;
}
td .ql_w3 {
    /*
    width:430px;
    padding:0px 20px 20px 0px;
    */
    padding-bottom:10px;
}
td .ql_w4 {
    /*
    width:580px;
    padding:0px 20px 20px 0px;
    */
    padding-bottom:10px;
}

.qldata_banner_1, .qldata_1_kwart, .qldata_1_half, .qldata_1_vol {
    width:130px;
}
.qldata_banner_2, .qldata_2_kwart, .qldata_2_half, .qldata_2_vol {
    width:280px;
}
.qldata_banner_3, .qldata_3_kwart, .qldata_3_half, .qldata_3_vol {
    width:430px;
}
.qldata_banner_4, .qldata_4_kwart, .qldata_4_half, .qldata_4_vol {
    width:580px;
}

.qldata_banner_1 h3, .qldata_1_kwart h3, .qldata_1_half h3, .qldata_1_vol h3,
.qldata_banner_2 h3, .qldata_2_kwart h3, .qldata_2_half h3, .qldata_2_vol h3,
.qldata_banner_3 h3, .qldata_3_kwart h3, .qldata_3_half h3, .qldata_3_vol h3,
.qldata_banner_4 h3, .qldata_4_kwart h3, .qldata_4_half h3, .qldata_4_vol h3
{
    background-color:#333;
    color:white;
    text-transform:uppercase;
    padding:2px 5px 1px 5px;
    margin:0px;
}

.qldata_1_kwart h3, .qldata_2_kwart h3, .qldata_3_kwart h3, .qldata_4_kwart h3
{
    margin:0px 0px 4px 0px;
}

.qldata_1_kwart img, .qldata_2_kwart img, .qldata_3_kwart img, .qldata_4_kwart img {
    float:right;
    padding:3px 0px 2px 4px;
}

.qldata_1_half img, .qldata_2_half img, .qldata_3_half img, .qldata_4_half img {
    padding:0px 0px 3px 0px;
}

.qldata_1_vol img, .qldata_2_vol img, .qldata_3_vol img, .qldata_4_vol img {
    padding:0px;
}



/* Quiz ----------------------------------------------------------------------------------- */

.quizcell {
    width:200px;
    padding:0px 20px 20px 0px;
}



/* Footer --------------------------------------------------------------------------------- */

#footer {
  background-image:  url(../kwj2008/backgrounds/bg-footer.png);
  background-repeat: repeat-x;
  background-color:  #ffd800;
  color:   black;
  padding: 3px 0 3px 150px;
  margin:  15px 0 0 0;
  text-transform: uppercase;
  clear: both;
}

#footer a{ 
  width:        8em;
  color:        #FFF;
  margin-right: 5em;
  font-weight:  bold;
}

#footer a.black{ 
  color: #000;
}

#footer a:hover{ 
  text-decoration: underline;
}

#footer a:active{ 
  color: red;
}

.ruler {
    border-top:1px solid #ddd;
    margin-top: 3ex;
    margin-bottom: -2ex;
}

div#reacties span.created {
    font-size: 80%;
}


/* Ecard --------------------------------------------------------------------------------- */

td.ecardcell {
    padding:0px 20px 20px 0px;
    text-align: left;
    width:200px;
}

/* ARTIKEL REACTIE */
#jouw_reactie .text{ 
  width:  400px;
 }



/* Google ads mantis 5410 */
.googlead {margin:3 55 3 0;}
.googlead .advertentie_head{width:auto;text-align:center;}
.googlead .advertentie_body{width:auto;}


table#serviceform td {
    font-size: 12px; /* Fix font too big on IE7 */
    vertical-align: text-top;
}