/* 
kleuren:
 lichts blauw, navtop:    #f1f4f9
 licht blauw, contenttop: #749cc9
 blauw                    #39629f

afmetingen:
 breedte:
  wrapper:    990
  navigation: 190
  sidebar:    240
  content:    560 
 hoogte:
  header      160
*/

body, html {
    font-family:Verdana,Arial,Helvetica;
    line-height:150%;
    margin: 0em;
    background: url(../img/bpw_bar.jpg) #020202;
}

td, th {
    vertical-align:top;
}

/* CONTAINER */

#container {
  xwidth: 990px;
  margin: 0em 0em 10em 10em;
  background: white;
  xposition: relative;
}

/* GENERAL STUFF */
        
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #9b0101;
  line-height: 100%;
}

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

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

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

label:hover{ 
  background:  #FFC;
}


/* HEADER ELEMENTS */

#header {
  margin-top: -1px;
  clear: both;
  height: 160px;
/*  background-image: url(../img/bpw-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;
}

/* TOOLBOX */

#toolbox{ 
  xmargin-top: 75px;
  width: 190px;
 xheight: 40px; 
}
#toolbox table{ 
  border-spacing: 0em;
  margin: 0em;
  xheight: 40px; }
#toolbox table tr td{ 
  padding: 0em;
  xvertical-align: bottom;
}

#toolbox img        { border: 0px solid  #fff;
                      margin-right: -3px;
}
#toolbox img:hover  { border: 1px outset #ddd;}
#toolbox img:active { border: 1px inset  #ddd;}

#toolbox #searchbox input{
  width: 110px;
  border:     1px solid white;
} 

#toolbox #searchbox button{ 
  background: none;
  border:     1px solid white;
  padding:    0em;
  color:  #749cc9;
}
#toolbox #searchbox button img{ 
  vertical-align: middle;
}
#toolbox #searchbox button:hover{ 
  border: 1px outset green ;
}
#toolbox #searchbox button:active{ 
  border: 1px inset green ;
}


#searchform {
  float:right;
  margin-top: -45px;
  font-size: 9px;
}

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

.button {
  padding: 2px;
}


/* TOPNAV ELEMENTS */

#topnav {
  margin:0px;
  padding:0px;
  text-align: right;
}

#topnav a {
  color:#CC6714;
  text-decoration: none;
}


/* _top 'tussenbalk' allemaal even hoog */
#content_top{
  background: url(../img/bpw_top_nav.jpg) #020202;
  xbackground-repeat: repeat;
  ixbackground: #020202;
  height:       40px;
  xtext-align: left;
}

.top_nav {
  padding:     10px 10px 10px 10px;
  color: white; 
}

.top_nav a:hover {
  color: white; 
  font-weight: bolder;

}

.top_nav a {
  color: white; 
}



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

#logout-wrapper a {
  color: black;
}
#logout-wrapper .command {
  padding: 0 1em;
}

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

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

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



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

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

#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: #D5DEEE; 
}

.bar_top{ 
  height:      40px;
  background:  #20387B;
  background:  #020202;
  position:    relative;
}
.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;
}

/* sidebar movie */
.sidebaritem .sidebar_movie{ 
  text-align: center;
  padding: 30px 0px 20px 0px;
}

#sidebar_top{
  background: #39629f;
  height:     40px;
  max-height: 40px;
  position:   relative;
}
#sidebar_top img{ 
  float:right; 
  margin: .5em 1em 0em 1em;
 position: absolute;
 right: 1em;
}
#sidebar_top p{ 
  color: #EEE;
  padding: 0em 0em 0em 1em !important;
  font-weight: bold;
  position: absolute;
  top: 30%;
}

/* sidebar left */
#navigation .sidebaritem{ 
  background:  #D5DEEE;
  color: #000;
}
#navigation .sidebaritem .bar_top{ 
  background:  #20387B;
}
#navigation .sidebaritem .bar_top p{ 
  margin:  0em; /* @TODO waarom */
  padding: 0em;
}
#navigation .sidebaritem  p{ 
  margin-top:  0em; /* TODO '#navigation p' uitzoeken */
}

#sidebar .sidebaritem.sidebar_dl { 
  xborder-left: 2px solid #ffbe00;
}

.sidebar_left_spacer{ 
  height:      4em;
  background:   #f1f4f9;

}

/* 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: 0px solid white;   /* joep: huh, needed for FF */
  overflow:      hidden;
  position:      absolute;
  right:         240px;
  left:          190px;
}

/* @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;
}

#content_innersidebar_wrapper{ 
  float:         right;
  width:         240px;
  background:    #E6E6F6;
}

#content {
  padding:      1em 2em 2em 2em;
}

#content #content_border {
  xborder-right: 2px solid #ffbe00;
  xpadding:      0em 2em 0em 0em;
}

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

#content_narrow {
  padding: 1em 2em 2em 2em;
}

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

#content p {
}

/* SIDEBAR ELEMENTS */

#sidebar {
  float: right;
  width: 240px;
  xbackground: #D5DEEE; /*  @TODO */
  background: #fffff; /*  @TODO */
  right: 0px;
  border-left: 2px solid red;
}

#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#bpw-sidebar-bg{
  margin: 0em 0em 0em  -80px;
  width: 320px;
  height: 162px;
  padding: 0em;
}       

/* FOOTER ELEMENTS */

#footer {
  margin-top: 0em;
  clear:      both;
  padding:    0em 0em 7em;
  background: #fff;
  border-top: 1px solid rgb(209, 220, 237);
}

#footer-left {
  width:       190px;
  text-align: left;
  font-size: 90%;
  float: left;
}

#footer-left a {
  margin: 0em 2em 0.2em 1em;
  color: blue;
}


#footer-center {
  width:         560px;
  padding:       0em;
  position:      absolute;
  right:         240px;
  left:          190px;
  margin: 0em 2em 0.2em 1em;
}

#footer-center p{
  margin: 0em 2em 0.2em 1em;
  color: black;
}

#footer-right {
  width:       240px;
  xpadding: .2em;
  text-align: center;
  font-size: 90%;
  float: right;
}

#footer-right p{
  margin: 0em 2em 0.2em 1em;  
  color: #89817f;
}


#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;
    border-left:1px solid #45451E;
    border-bottom:1px solid #45451E;
    padding:15px;
    background: #ddd;
    color:#666;
}

p.right {
    clear: both;
    border-right:1px solid #45451E;
    border-bottom:1px solid #45451E;
    padding:15px;
    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{ 
  background:    #fff;
  text-align:    center;
  padding:       4px 0px 4px 0px;
  border-left:   1px solid #d1dced; 
  border-right:  1px solid #d1dced; 
  border-bottom: 1px solid #d1dced; /* deze word weer weggehaal met bpw.js  */
 }
#navigation #navigation_banners img{ 
  margin-bottom: 1em;
}

#banners {
  margin-top: 25px;
}


/* SIDEBAR DL voor nieuws en agenda */

.sidebar_sidebarswrapper{ 
  width:            480px; 
  float:            right;
  background-color: #D5DEEE;
}

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

dl.sidebar_dl{ 
  margin-top: 0px;
}

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

dl.sidebar_dl dt a{ 
  xcolor: #1a3876;
  color: #020202;
}

dl.sidebar_dl dd{ 
  padding: 0em 1em 0em 1em;
  margin: 0em;
  xcolor: #1a3876;
  color: #020202;
}
dl.sidebar_dl dd img{ 
  margin: .3em 0em .3em 0em;
}

dl.sidebar_dl dd a{ 
  color: #9B0101;
}

/* SIDEBAR BOEK */
.sidebaritem .sidebar_boek_node{ 
  padding: 1em;
}


/* DEBUG */
#debug{ 
  border: 2px solid #BBF;
  -moz-border-radius: 1em;
  background: #DDF;
  position: absolute;
  top: 1em;
  right: 10em;
  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: #D5DEEE;
}

dl.error{ 
  background: #D5DEEE;
}
dl.error dt{ 
  font-weight: bold;
  float: left;
}
dl.error dd{ 
  color: #F00;
  padding-left: 8em;
}
.ruler {
    border-top:1px solid red;
    margin-bottom:-2ex;
    margin-top:3ex;
}