body, html {
  font-family:Verdana,Arial,Helvetica;
  line-height:150%;
  margin: 0em;
  background: white;
}

/* CONTAINER */

#container {
  width: 990px;
  margin: 0em auto;
  color: white;
  position: relative;
}

/* GENERAL STUFF */
        
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #BD2810;
  color: #ff6a08;
  font-size: 18px;
  line-height: 100%;
  margin-top:20px;
}
.home_wrapper h1 { color: red; } 

h2 {
  color: #BD2810;
  color: #ff6a08;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

img {
  border:0px;
}

a {
  color:#BD2810; /* @TODO */
  color:#ff6a08;
  text-decoration: none;
}

a:hover {
  color:#cD3820; /* @TODO */
  color:#ff6a08;
  text-decoration: underline;
}

label:hover{ 
  background: #FFC;
}

strong {
    font-weight:700;
}
/* HEADER ELEMENTS */

#header {
  margin-top: -1px;
  clear: both;
  height: 160px;
/*  background-image: url(img/nbs-header.png); */
/* @TODO rel vanaf hier? */
  border-top: 1px solid white; /* huh firefox */
}

/* the slogan */
#header p { 
  margin-top: -20px;
  margin-left: 30px;
  color: #999999;
}


#header #home_link a{
  display:    block; 
  float:      right;
  height:     160px;
  width:      795px;
  position:   relative;
}

#header #home_link2 a{ 
  position: absolute;
  top:      0em;
  left:     0em;
  width:    240px;
  height:   80px;
}

/* TOPBAR */

#topbar {
  margin-top: -1px;
  clear: both;
  height: 30px;
  border-top: 1px solid #ff6a08; /* huh firefox */
  border-bottom: 1px solid #ff6a08; /* huh firefox */
  background:#4a6aa2; /* light blue */
  background:#20387b; /* dark blue */
  background:#ff0000; /* red */
  background: none repeat scroll 0 0 white;
}


/* TOPBAR/TOPNAV */

#topbar #topnav {
  float:right;
  width:320px;
  height:30px;
}
#topbar #topnav a {
  line-height:30px;
  color:red;
  text-decoration: none;
  padding-left:10px;
  font-weight: 700;
}

#topbar #loginbox {
  float:right;
  width:180px;
  height:30px;
  color: #333;
}


/* TOPBAR/SEARCHBOX */

#topbar #searchbox {
  float:right;
  width:235px;
  height:30px;
}

#searchform input {
  width: 160px;
} 
#searchform button { 
  background: none;
  border: 1px solid white;
  color: red;
  font-weight:700;
}
#searchform button img { 
  vertical-align: middle;
}
#searchform button:hover { 
  border: 1px outset #ff6a08;
}
#searchform button:active {
  border: 1px inset #ff6a08;
}

#search_field {
  padding:1px;
  border:1px solid #ff6a08;
  margin-top:3px;
}


/* TOPBAR/TOOLBOX */

#topbar #toolbox {
  float:right;
  width:240px;
  height:26px; /* was 32px */
  padding-top:4px;
}
#toolbox img { 
  border: 1px solid #4a6aa2; /* lichtblauw */
  border: 1px solid #ff6a08; /* oranje */
  border: 1px solid white; /* wit */
  margin-left:4px;
}
#toolbox img:hover  { border: 1px outset #ff6a08;}
#toolbox img:active { border: 1px inset  #ff6a08;}


input,textarea,select {
  background-color: #eee;
  /* color: #999999; */
  /* border: 1px solid #CCC; */
  font-size: 11px;
  padding: 3px;
}

.button {
  padding: 2px;
}


/* _top 'tussenbalk' allemaal even hoog */
#content_top{
}

#content_top div#logout-wrapper{
  position:   relative;
  top:        25%;
}

#logout-wrapper a {
  color: #555;
}
#logout-wrapper .command {
  padding: 0px;
}

/* IE hack */
#content_top input { height: 40px; max-height: 40px; }

#content_innersidebar{ 
  margin:     0em;
  padding:    0em;
}

#content_innersidebar p{ 
  /* grr */
  margin:   0em;
  padding:  0em;
}



#navigation_top{
  background:  #f1f4f9;
  height:      40px;
  position:    relative;
  overflow:    hidden;
  font-weight: bolder;
}

#navigation_top div{ 
  margin:      0em;
  padding:     0em 0em 0em 1em;
  position:    absolute;
  height:      1em;
  top:         25%;
}

#navigation_top a{ 
  font-size:   90%;
  color:       #B4C6E6; /*@TODO */
  padding: 0em .5em 0em .5em;
}
#navigation_top div a:hover{ 
  color:       #336699;
}
#navigation_top 

/* SIDEBAR */

#sidebar_filler{
  float: right;
  width: 240px;
  background-color: #EDEDEE; 
}

.bar_top{ 
  height:      40px;
  position:    relative;
  color: black;
}
.bar_top img { 
  float:       right; 
  margin:      .5em 1em 0em 1em;
  position:    absolute;
  right:       1em;
}
.bar_top p {
  color: #EEE;
  padding:     0em 0em 0em 1em !important;
  font-weight: bold;
  position:    absolute;
  top:         30%;
  font-size:   12pt;

border: none !important;

}
.bar_top p a{ 
  color:   #EEE;
  display: block;
  width:   240px;
  height:  30px;
}

.sidebaritem { 
  margin-bottom:25px;
}

.sidebaritem h3 { 
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: white;
  /* background-color: red; */
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  margin-top:20px;
  margin-bottom:10px;
  margin-left: -20px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#navigation .sidebar .sidebaritem h3 {
  margin-left:0px;
  color: #ff6a08;
}

#content_innersidebar .sidebar .sidebaritem h3 { 
  color: #BD2810;
  color: #ff6a08;
  margin-left: -10px;
  margin-top:10px;
  background-color: white;
  font-size: 20px;
  font-weight: normal;
}
#content_innersidebar.home_wrapper .sidebar .sidebaritem h3 { 
    color:red; 
} 

.sidebar_left_spacer {
  height:      4em;
}

#navigation .sidebaritem .sidebar_movie {
    margin-left:10px;
}

#sidebar .sidebar p a {
    color: white;
}

/* THE SMALL BOX BELOW NAV */

#navigation p {
  margin-top: 40px;
  padding: 5px;
  border-bottom: 1px dotted #CCC;
  border-top: 1px dotted #CCC;
}

/* CONTENT ELEMENTS */

#content_wrapper{ 
  width:         560px; /* 560 - 2  1px border  */
  padding:       0em;
  border-top:    0px solid white;   /* joep: huh, needed for FF */
  border-bottom: 1px solid white;   /* joep: huh, needed for FF */
  overflow:      hidden;
  position:      absolute;
  right:         240px;
  left:          190px;
  color:         black;
}

/* @TODO narrow */
#content_wrapper_narrow{ 
  width:         320px; /* 560 - 2  1px border  */
  padding:       0em;
  border-top:    0px solid white;   /* joep: huh, needed for FF */
  border-bottom: 1px solid white;   /* joep: huh, needed for FF */
  overflow:      hidden;
  position:      absolute;
  right:         240px;
  left:          190px;
  color:         black;
}

#content_innersidebar_wrapper{ 
  float:         right;
  width:         225px;
  background:    white;
  padding-left: 10px;
  padding-right: 5px;
  color:         black;
}

#content {
  padding: 0px 20px 20px 20px;
}

#content h2 {
  margin-top:15px;
}

#content_narrow {
  padding: 0px 20px 20px 20px;
}

#content_narrow h2 {
  margin-top:15px;
}

#content p {
  color:         black;
}

/* SIDEBAR ELEMENTS */

#sidebar {
  float: right;
  width: 220px;
  background: #ff6a08; 
  right: 0px;
  border-left: 1px solid #ff6a08;
/*  border-top: 1px solid white;*/
  padding-left:19px;
}

#sidebar_content{  
  width: 240px;
  overflow: hidden;
}

#sidebar h2 {
  margin-top:15px;
  border-bottom: 1px solid #DDDDDD; 
}

#sidebar p {
  padding:0px;
  margin:0px;
  padding-bottom: 10px;
}

#sidebar img#nbs-sidebar-bg{
  margin: 0em 0em 0em  -80px;
  width: 320px;
  height: 162px;
  padding: 0em;
}       

/* FOOTER ELEMENTS */

#footer {
  margin-top: 0em;
  clear:      both;
  padding:    0em;
  background: red;
}

#footer p {
  color:white;
  padding: .2em;
  text-align: right;
  font-size: 90%;
  
}

#footer p a {
  color:white;
  font-weight: 700;
}

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

/* And they lived happily ever after. The End. */


/* ALGEMEEN */


th {
    text-align:left;
    background:#eee;
}

img {
    border:0px;
}

img.left {
    float:left;
    margin:0px 15px 15px 0px;
}

img.right {
    float:right;
    margin:0px 0px 15px 15px;
}

p.left {
    clear: both;
    padding:15px;
/*
    border-left:1px solid #45451E;
    border-bottom:1px solid #45451E;
    background: #ddd;
    color:#666;
 * */
}

p.right {
    clear: both;
    padding:15px;
/*
    border-right:1px solid #45451E;
    border-bottom:1px solid #45451E;
    background: #ddd;
    color:#666;
 * */
}

#timing {
    position:absolute;
    left:10px;
    top:10px;
    color:#999;
}

/* FORUM */

ul.forum_list {
  list-style: none; 
  padding: 0em;
} 
ul.forum_list li{
  list-style:     none; 
  border-bottom:  1px solid #45451E;
  padding-bottom: 1em;
  margin-bottom:  1em;
} 
.forum_reageer{ 
  text-align: right;
  margin: 0em;
}
.forum_discussion_title{ 
  margin: 0em;
}
.forum_nav{ 
  float: right;
  border-left: 1px solid #45451E;
  padding: 1em 1em 1em 1em;
  margin: 0em 0em 1em 1em;
}
.forum_nav ul{ 
  list-style-position: inside; 
  margin: 0em;
  padding: 0em;
}

/* FORUM form */

form#FORUM div table{ 
  width: 90%;
}
form#FORUM div table input[type='text']{ 
  width: 100%;
}
form#FORUM div table textarea{ 
  width: 100%;
}
input#captcha{ 
  width: 3em;
}

/* LINKS */
dl.links dt{
  font-weight: bold;
}
dl.links dd{
  margin: 0em 0em 1em 1em;
}

/* BANNERS NAVIGATION  */

#navigation #navigation_banners{ 
  text-align:    center;
  padding:       2em 0em 2em 0em;
}
#navigation #navigation_banners img{ 
  margin-bottom: 1em;
}


/* SIDEBAR DL voor nieuws en agenda */

.sidebar_sidebarswrapper {
  width:            480px; 
  float:            right;
  border-left: 1px solid #ff6a08;
}

.sidebar_sidebarsbgwrapper{ 
  background-color: #FFF;
  text-align: right;
}

dl.sidebar_dl{ 
  margin-top: 1.5em;
}

dl.sidebar_dl dt{ 
  background-image: url(img/nbs-sidebar-blokje.png);
  background-repeat: no-repeat;
  background-position: 0em .5em;
  padding-left: 1em;
  font-weight: 700;
  color: #1a3876;
}

dl.sidebar_dl dt a{ 
  color: white;
  font-weight: 700;
}

dl.sidebar_dl dd{ 
  padding: 0em 1em 1.5em 1em;
  margin: 0em;
  color: white;
  font-weight: 700;
}
dl.sidebar_dl dd img{ 
  margin: .3em 0em .3em 0em;
}

dl.sidebar_dl dd a{ 
  color: white;
}


/* DEBUG */
#debug{ 
  border: 2px solid #BBF;
  -moz-border-radius: 1em;
  background: #DDF;
  position: fixed;
  top: 1em;
  right: 1em;
  z-index: 100;
 }


/* FAQ */
#faq_ul ul.subcat_list{
  padding: 0em 0em 0em .5em;
}

#faq_ul ul.faq_list{
  padding: 0em 0em 0em 1em;
}

#faq_ul ul.faq_list li{
 padding-bottom: .3em;
}

/* DONATIE ERROR */
.error_block{ 
  background: #EDEDEE;
}

dl.error{ 
  background: #EDEDEE;
}
dl.error dt{ 
  font-weight: bold;
  float: left;
}
dl.error dd{ 
  color: #F00;
  padding-left: 8em;
}

.streep {
    border-bottom: 2px solid #b9cde4; /* light blue */
    margin-bottom:10px !important;
    width:200px;
}
.streep a {
  color: #666;
  text-decoration: none;
}
.streep a:hover {
  text-decoration: underline;
}
a.linkedin_button {
    background-image: url(img/linkedin.png);
    display:block;float:left;height:16px;width:16px;
    cursor:pointer;
}