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


/* main elements */

html, body {
    height: 100%;
}

body {
    background:url(../images/bg.jpg) no-repeat black;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    color:white;
    font-size:11pt;
}

div#page {
    background:url(../images/raster.gif) repeat;
    margin:0 auto;
    width:100%;
    /*min-height: 1200px;*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    
}

img {
    border:0;
}

h1 {
    color:#FF0000;
    font-family:Gill Sans Mt, Arial, Helvetica, Verdana;
    font-size:12px;
    border-bottom:3px solid red;
    padding-bottom:11px;
    margin-top:10px;
}

h1.not_first_h1 {
    color:#FF0000;
    font-family:Gill Sans Mt, Arial, Helvetica, Verdana;
    font-size:12px;
    border-bottom:3px solid red;
    padding-bottom:11px;
    margin-top:30px;
}

h2 {
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    margin:0px 0 5px 0;
    clear:both; 
}

h2.first_title {
    margin-top:25px;
}

h2 a {
    color:black;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    margin:30px 0 5px 0;
}

h2 a:hover {
    color:black;
    text-decoration:underline;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    margin:30px 0 5px 0;
}

h3 {
    color:red;
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    margin:5px 0 13px 0;
}

h4 {
    color:black;
    font-size:11px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    margin:20px 0 5px 0;
}
h5 {
    color:red;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    margin:0px 0 5px 0;
    clear:both; 
}
h5.first_title {
    margin-top:25px;
}

p {
    font-size:11px;
    color:black;
    padding:0 0 0 0;
    margin:0 0 0 0;
    text-align:justify;
    line-height:20px;
    font-weight:normal;
}

a {
    color:black;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}

a:hover {
    color:black;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
}

span.highlight {
    /* to highlight text in a paragraph. color = blue */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#0066ff;
}

textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666;
    padding:5px;
    border:0;
    width:355px;
    word-wrap: virtual;
}

input {
    border:0;
    width:200px;
    font-size:12px;
    color:#666;
}

button {
    float:right;
}

div#little_trick {
    /* this div makes sure that the grid fills the whole page, it makes div#page the same size as the body */
    clear:both;
}

/* large divs that divide the page */

div#top {
    width:910px;
    height:60px;
}

div#main {
    width:910px;
}

div#left {
    width:545px;
    margin-left:15px;
    float:left;
}

div#right {
    margin-left:70px;
}

div#top_content {
    background:url(../images/top_content.gif) no-repeat !important;
    background:url(../images/top_content.gif) no-repeat 2px left;
    width:545px;
    height:15px;
    float:left;
}

div#main_content {
    background:white;
    width:465px;
    padding:0px 40px 15px 40px;
    float:left;
}

div#bottom_content {
    background:url(../images/bottom_content.gif) no-repeat;
    width:545px;
    height:15px;
    float:left;
}

/* footer */

div#footer {
    width:545px;
    margin-top:5px;
    text-align:right;
    float:left;
}

div#footer a {
    background:url(../images/btn_to_top.gif) no-repeat;
    display:block;
    width:39px;
    height:14px;
    float:right;
}

div#footer a:hover {
    background:url(../images/btn_to_top_hover.gif) no-repeat;
    display:block;
    width:39px;
    height:14px;
    float:right;
}

/* end div */

div#end {
    background:url(../images/logo_small.gif) no-repeat 50% 50%;
    width:545px;
    height:140px;
    float:left;
}

/* a01 div */

div#a01 {
    width:545px;
    float:left;
    height:25px;
    vertical-align:top;
}

div#a01 a {
    color:red;
    text-decoration:none;
    font-size:10px;
    font-weight:normal;
}

div#a01 a:hover {
    color:red;
    text-decoration:none;
    display:block;
    width:66px;
    border-bottom:1px dotted red;
    font-size:10px;
    font-weight:normal;
}

/* splash page */

div#logo_splash {
    margin:20% 0px 0px 45%;
}

div#enter {
    margin:10px 0px 0px 40%;
}

div#enter span {
    color:red;
    font-size:30px;
}

div#enter img {
    vertical-align:text-top;
    margin-right:5px;
}


/* for a list with a title(size h2) and a paragraph for each listitem */

ul.just_a_list {
    color:black;
    font-size:11px;
    font-weight:bold;
}

ul.just_a_list li {
    margin-bottom:15px;
}

ul.just_a_list li span.just_a_list_title {
    margin-bottom:5px;
    display:block;
}


a.red {
    background:url(../images/arrow_more.gif) no-repeat right;
    display:block;
    color:red;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    margin-top:7px;
    width:100px;
}

a.red:hover {
    background:url(../images/arrow_more_act.gif) no-repeat right;
    display:block;
    color:#df0000;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    width:100px;
    margin-top:7px;
}

/* for large images (same width as paragraph:465px) in between the text */

img.img_content {
    width:465px;
    margin:20px 0px 10px 0px;
}

/* right part of the page */

div#right {
    width:280px;
    float:left;
    clear:right;
    
}

div#right div#logo {
    margin-top:15px;
    background: url(../images/logo.gif) no-repeat;
    width:280px;
    height:107px;
}

div#sponsors {
    width:250px;
    height:105px;
    margin:0px 2px 5px 0;
    float:right;
}

div#linknetwerk {
   width:165px;
    height:60px;
    margin:10px 2px 15px 0;
    float:right;
}

div#nieuwsbrief {
    width:200px;
    height:110px;
    margin:0 59px 0 0;
    float:right;
}

div#nieuwsbrief div#myTitle {
    float:right;
    font-size:10px;
    width:100%;
    text-align:right;
}

div#nieuwsbrief div.myBtn {
    width:10px;
    float:right;
    height:17px;
    margin-top:6px;
    margin-left: 5px;
    position:relative;
    left:27px;
    top:31px;
}

div#nieuwsbrief div.myBg {
    background: url(../images/input_bg.gif) no-repeat;
    float:right;
    width:161px;
    height:17px;
    padding:0 0 0 0;
    margin-top:8px;
    position:relative;
    left:10px;
}

div#nieuwsbrief input {
    background:transparent;
    color:white;
    border:none;
    font-size:10px;
    width:151px;
    height:17px;
    float:right;
    padding:0px 5px 0px 5px;
    margin-right:0px;
}

div#nieuwsbrief button {
    background:url(../images/arrow_send.gif) no-repeat center right;
    border:0;
    cursor:pointer;
    display:block;
    width:8px;
    height:20px;
}

div#nieuwsbrief button:hover {
    background:url(../images/arrow_send_act.gif) no-repeat center right;
    border:0;
    cursor:pointer;
    display:block;
    width:8px;
    height:20px;
}

div#download_dossier {
    width:200px;
    float:right;
    text-align:right;
    margin:0px 8px 20px 0;
}

div#download_dossier a {
    color:white;
    font-size:10px;
    background: url(../images/arrow_download.gif) no-repeat center right;
    display:block;
    width:140px;
    padding-right:20px;
    text-decoration:none;
    margin-bottom:4px;
    float:right;
}

div#download_dossier a:hover {
    color:#ccc;
    font-size:10px;
    background: url(../images/arrow_download_act.gif) no-repeat center right;
    display:block;
    width:140px;
    padding-right:20px;
    text-decoration:none;
    float:right;    
}

div#bus {
    width:68px;
    height:30px;
    background:url(../images/bus.gif) no-repeat right;
    float:right;
    margin:0px 10px 10px 0;
    cursor:pointer;
}

img#bus_text {
    margin:15px 0 5px 0;
}

/* end of css for right part of the page */

/* for arrow links in the right corner of the white content part of a detail page, to go back to the overview */

div.back {
    float:left;
    width:100%;
    position:relative;
    top:20px;
    margin-top:-20px;
}

div.back a {
    float:right;
    color:red;
    text-decoration:none;
    font-size:10px;
    background:url(../images/arrow_back.gif) no-repeat right;
    display:block;
    padding:5px 1px 0 10px;
    width:60px;
    height:19px;
}

div.back a:hover {
    float:right;
    color:#DF0000;
    text-decoration:none;
    font-size:10px;
    background:url(../images/arrow_back_act.gif) no-repeat right;
    display:block;
    padding:5px 1px 0 10px;
    width:60px;
    height:19px;
}

/* blog reactions */

div.reaction_top {
    float:left;
    height:20px;
}

div.reaction_top span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:black;
    margin:0 0 0 0;
    padding:0 0 0 0;
    float:left;
}

div.form_close {
    width:10px;
    height:8px;
    background:url(../images/form_close_act.gif) no-repeat;
    cursor:pointer;
    float:right;
    height:20px;
}

div.form_close:hover {
    width:10px;
    height:8px;
    background:url(../images/form_close.gif) no-repeat;
    cursor:pointer;
    float:right;
    height:20px;
}

div.reaction {
    /* is the grey background of a reaction */
    background:#E8E8E8;
    margin-bottom:10px;
    width:425px;
    padding:0px 20px 12px 20px;
    float:left;
}

h2.reaction_title {
    /* is the title of one reaction */
    margin:11px 0 0px 0;    
    color:black;
    font-size:11px;
    font-weight:bold;
}

h3.reaction_info {
    /* info under the reaction title */
    color:#666;
    margin:5px 0 8px 0;
}

p.reaction_par {
    /* the text of the reaction */
    line-height:15px;
    color:#666;
}

span.reaction_highlight {
    /* the highlight in a reaction text */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#666;
}

div#reaction_footer_1 {
    /* btn to expand reaction form */
    width:102px;
    background:url(../images/btn_reaction.gif) no-repeat right;
    height:17px;
    float:right;
    cursor:pointer;
}

div#reaction_footer_1:hover {
    /* btn to expand reaction form, onmouseover */
    width:102px;
    background:url(../images/btn_reaction_act.gif) no-repeat right;
    height:17px;
    float:right;
    cursor:pointer;
}

div#reaction_form {
    display:none;
    width:465px;
    background:#E8E8E8;
    float:left;
}

div#reaction_form table {
    margin:11px 20px 5px 20px;
}

td.label {
    color:#666;
    font-size:11px;
    width:70px;
    vertical-align:top;
    padding-top:6px;
}

td.reageer {
    color:red;
    font-weight:bold;
    font-size:11px;
    vertical-align:top;
    height:20px;
}

td.closer {
    text-align:right;   
}

td.send {
    padding-top:5px;
    text-align:right;
}

div#reaction_form form {
    width:465px;
    margin:0 0 0 0;
}

div#btn_reacties_1 {
    background:url(../images/arrow_reactions.gif) no-repeat right;
    width:102px;
    height:16px;
    margin:10px 0 0 0;
    cursor:pointer;
    float:right;
}

div#btn_reacties_1:hover {
    background:url(../images/arrow_reactions_act.gif) no-repeat right;
    width:102px;
    height:16px;
    margin:10px 0 0 0;
    cursor:pointer;
    float:right;
}

div.counter {
    font-size:12px;
    color:red;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
    text-align:right;
    float:right;
    font-weight:bold;
    margin:0 0 0px 0;
    width:100%;
}

/* end of blog reactions */

/* contact info */

span.span_black {
    color:black;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

/* links */

a.more {
    margin:0 0 0 5px;
    font-weight:normal;
    text-decoration:none;
}

a.more:hover {
    margin:0 0 0 5px;
    font-weight:normal;
    text-decoration:none;
    color:#999;
}

a.more img {
    vertical-align:middle;
    display:inline-block;
}

a.more_separate {
    background:url(../images/arrow_more.gif) no-repeat right;
    display:block;
    width:90px;
    color:red;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    float:right;
    margin-top:7px;
}

a.more_separate:hover {
    background:url(../images/arrow_more_act.gif) no-repeat right;
    display:block;
    width:90px;
    color:#df0000;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    float:right;
    margin-top:7px;
}

/* main navigation */

div#nav {   
    float:left;
    margin:0px 0px 0px 15px;
}

div#nav ul {
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:12px;
}

div#nav ul li.pass {
    float:left;
    margin:0 10px 0 0;
    padding:0 0 0 0;
    list-style:none;
    font-family:Gill Sans Mt, Arial, Helvetica, Verdana;
    font-size:12px;
    height:44px;
}

div#nav ul li#act {
    float:left;
    margin:0 10px 0 0;
    padding:0 0 0 0;
    list-style:none;
    font-family:Gill Sans Mt, Arial, Helvetica, Verdana;
    font-size:12px;
    font-weight:bold;
    height:44px;
}

div#nav ul li#act div#leftie {
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:url(../images/nav_act_left.gif) no-repeat;
    width:6px;
    height:44px;
}

div#nav ul li#act div#rightie {
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:url(../images/nav_act_right.gif) no-repeat;
    width:6px;
    height:44px;
}

div#nav ul li#act div#link_wrap {
    float:left;
    height:44px;
    width:auto !important;
    width:40px;
}

div#nav ul li.pass a {
    color:white;
    text-decoration:none;
    display:block;
    padding-left:10px;
    padding-top:20px;
    font-size:12px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}


div#nav ul li.pass a:hover {
    text-decoration:none;
    background:url(../images/nav_arrow.gif) no-repeat left 26px;
    display:block;
    padding-left:10px;
    font-size:12px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}

div#nav ul li#act a {
    color:white;
    text-decoration:none;
    background:url(../images/nav_arrow.gif) no-repeat left 26px red;
    display:block;
    padding:20px 0 0 10px;
    height:24px;
    font-size:13px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}

div#nav ul li#act a:hover {
    color:white;
    text-decoration:none;
    background:url(../images/nav_arrow.gif) no-repeat left 26px red;
    display:block;
    padding:20px 0 0 10px;
    height:24px;
    font-size:13px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}
/*sub navigation repomndrock*/
div#subnav {
    background:white;
    width:545px;
    float:left;
}

div#subnav ul {
    margin:0 0 0 20px;
    padding:0 0 0 0;
    font-size:12px;
}

div#subnav ul li.passhis {
    float:left;
    margin:0 20px 0 0;
    padding:0 0 0 0;
    list-style:none;
    font-family:Gill Sans Mt, Arial, Helvetica, Verdana;
    font-size:12px;
    height:44px;
}

div#subnav ul li#act {
    float:left;
    margin:0 10px 0 0;
    padding:0 0 0 0;
    list-style:none;
    font-family:Gill Sans Mt, Arial, Helvetica, Verdana;
    font-size:12px;
    font-weight:bold;
    height:44px;
}

div#subnav ul li#act div#leftie {
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:url(../images/nav_act_left.gif) no-repeat;
    width:6px;
    height:44px;
}

div#subnav ul li#act div#rightie {
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background:url(../images/nav_act_right.gif) no-repeat;
    width:6px;
    height:44px;
}

div#subnav ul li#act div#link_wrap {
    float:left;
    height:44px;
    width:auto !important;
    width:40px;
}

div#subnav ul li.passhis a {
    color:black;
    text-decoration:none;
    display:block;
    padding-left:10px;
    padding-top:20px;
    font-size:12px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}


div#subnav ul li.passhis a:hover {
    text-decoration:none;
    background:url(../images/subnav_arrow.gif) no-repeat left 26px ;
    display:block;
    padding-left:10px;
    font-size:12px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}

div#subnav ul li#act a {
    color:white;
    text-decoration:none;
    background:url(../images/nav_arrow.gif) no-repeat left 26px red;
    display:block;
    padding:20px 0 0 10px;
    height:24px;
    font-size:13px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}

div#subnav ul li#act a:hover {
    color:white;
    text-decoration:none;
    background:url(../images/nav_arrow.gif) no-repeat left 26px red;
    display:block;
    padding:20px 0 0 10px;
    height:24px;
    font-size:13px;
    font-family:Gill Sans MT, Arial, Helvetica, sans-serif;
}


/* navigation on the right */

div#topnav {    
    width:100px;
    float:right;
}

div#topnav ul {
    margin:10px 0 0 0;
    padding:0 0 0 0;
    font-size:12px;
    float:right;
}

div#topnav ul li {
    float:left;
    margin:0 8px 0 0;
    padding:0 0 0 12px;
    list-style:none;
    background:url(../images/dot_red.gif) no-repeat left 7px;
}

div#topnav ul li#first {
    background:none;
}

div#topnav ul li a {
    font-size:10px;
    color:white;
    text-decoration:none;
}

div#topnav ul li a:hover {
    font-size:10px;
    color:#ccc;
    text-decoration:none;
}

div#topnav ul li a.topnav_act {
    font-size:11px;
    color:red;
    text-decoration:none;
    font-weight:bold;
}

div#topnav ul li a.topnav_act:hover {
    font-size:11px;
    color:red;
    text-decoration:none;
    font-weight:bold;
}

div#topnav ul li img {
    position:relative;
    top:-2px;
}

/* end of top navigation on the right */

/* kwis_form */

span.form_title {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:black;
    margin:30px 0 10px 0;
    padding:0 0 0 0;
    float:left;
}

div.kwis_form {
    background:#E8E8E8;
    margin-bottom:10px;
    width:425px;
    color:black;
    padding:0px 20px 12px 20px;
    float:left;
}

div.kwis_form form {
    width:465px;
    margin:0;
}

.input_long {
    width:250px;
}

div.kwis_form table {
    margin:11px 0px 5px 0px;
}

div.kwis_form form table td.label {
    width:100px;
    padding-bottom:10px;
}

table#sponsor_table {
    width:465px;
    padding:0;
    border:0;
    margin: 30px 0px 15px 0px;
}

table#sponsor_table td {
    background:url(../images/sponsor_bg2.gif) no-repeat;
    width:150px;
    height:70px;
    text-align:center;
    vertical-align:middle;

}
table#sponsor_table2 {
    width:350px;
    padding:0;
    border:0;
    margin: 30px 0px 15px 0px;
}

table#sponsor_table2 td {
    background:url(../images/sponsor_bg2.gif) no-repeat;
    width:110px;
    height:70px;
    text-align:center;
    vertical-align:middle;

}