/*
-------------------------------------------------------------
Style Sheet voor: BibliOosterschelde

auteur:    Ibuildings
email:     info@ibuildings.nl
website:   http://www.ibuildings.nl
-------------------------------------------------------------
*/

html, body
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Trebuchet MS, Tahoma, Arial;
  font-size: 0.9em;
}

body
{
  background: #FFFFFF;
}

table
{
  font-family: Trebuchet MS, Tahoma, Arial;
  font-size: 1em;
}

#boMainTable
{
  width: 100%;
  height: 100%;
}

#boMainTableUpper
{
  vertical-align: top;
}

#boWrapper
{
  position: relative;
}

#boHeader
{
  position: relative;
  height: 331px;
}

#boLogo
{
  position: relative;
  height: 103px;
  background: #FFFFFF url(../img/biblioosterschelde/bo_logo.jpg) no-repeat left top;
}

#boLogo img
{
  border: none;
}

#boBanner
{
  position: relative;
  height: 177px;
  background: #FF9933 url(../img/biblioosterschelde/bo_header_right.png) repeat-x left top;
  z-index: 30; /* Omdat de footer background (links) er achter langs gaat bij kleine schermhoogte. */
}

#boCorpsSize
{
  position: absolute;
  text-align: right;
  right: 10px;
  top: 40px;
  width: 130px;
  _width: 170px;
  height: 30px;
  padding: 10px 10px 0 30px;
  background: url(../img/biblioosterschelde/bril.jpg) no-repeat left top;
  color: #00B5E8;
  font-size: 12px;
}

#boCorpsSize .big
{
  font-size: 16px;
  color: #58585a;
  cursor: pointer;
  cursor: hand;
}

#boCorpsSize .normal
{
  font-size: 12px;
  color: #58585a;
  cursor: pointer;
  cursor: hand;
}


/* ZOEKEN
-------------------------------------------------------------*/


#boSearch
{
  position: relative;
  height: 51px;
  margin: 0;
  padding: 0 0 0 48px;
  background: url(../img/biblioosterschelde/bo_search_bg.jpg) repeat-x left top;
  z-index: 30; /* Omdat de footer background (links) er achter langs gaat bij kleine schermhoogte. */
}

#boSearch table
{
  color: #00b5e8;
  font-size: 12px !important;
}

#boSearch table td
{
  vertical-align: top;
  padding: 5px 0 0 0;
}

#boSearch table .spyglass { padding: 0 5px 0 0; width: 58px; }
#boSearch table .searchstring { padding: 6px 0 0 5px; width: 150px; }
#boSearch table .zoekenin { width: 60px; padding-top: 10px; }
#boSearch table .zoekveld { width: 180px; }
#boSearch table .searchbutton { width: 20px; }
#boSearch table .breadcrumb { text-align: right; padding: 4px 20px 0 20px; color: #58585a; }

#boSearch table .breadcrumb a
{
  color: #58585a;
} 

#boSearch table .breadcrumb a:hover
{
  text-decoration: none;
}

#boSearch table .searchstring .text
{
  display: block;
  float: left;
  padding: 1px 3px 0 3px;
  border: 1px solid #00b5e8;
  font-family: Trebuchet MS, Tahoma, Arial;
  font-size: 1em;
  _font-size: 1em;
  letter-spacing: 1px;
  color: #00b5e8;
}

#boSearch table .searchstring .button
{
  display: block;
  float: left;
}

.htdigresults .htdigresultstars img
{
  float: left;
  padding: 0;
  margin: 0;
}



/* NAV + DYNAMIC IMAGE
-------------------------------------------------------------*/

#boNav
{
  position: relative;
  float: left;
  height: 177px;
  padding: 0;
  width: 256px;
  background: #b2b4b5 url(../img/biblioosterschelde/bo_nav_bg.png) no-repeat left top;
  font-size: 14px;
}

#alignTable
{
  position: relative;
  width: 256px;
  height: 177px;
  vertical-align: middle;
}

#alignTable td
{
  height: 177px;
  vertical-align: middle;
  font-size: 1em;
}

#boNav a, #boNav a:visited
{
  display: block;
  height: 20px;
  margin: 0;
  padding: 0 15px 0 50px;
  background: url(../img/biblioosterschelde/bo_nav_selected.gif) no-repeat left top;
  text-decoration: none;
  color: #FFFFFF;
  white-space: nowrap;
}


#boNav a:hover, #boNav a:active, #boNav a.selected
{
  background: url(../img/biblioosterschelde/bo_nav_selected.gif) no-repeat left -20px !important;
color: #ff9933;
}

#boImage
{
  position: absolute;
  left: 256px;
  top: 0px;
  width: 583px;
  height: 177px;
  z-index: 40;
  background: #FFFFFF;
}

#boMaskLeft
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 45px;
  height: 177px;
  z-index: 50;
}

#boMaskRight
{
  position: absolute;
  right: -1px;
  top: 0px;
  width: 33px;
  height: 177px;
  z-index: 50;
}

#boMaskBottom
{
  position: absolute;
  top: 166px;
  left: 45px;
  width: 506px;
  height: 11px;
  z-index: 50;
  background: #FFFFFF;
}



/* SUBNAV
-------------------------------------------------------------*/

#boSubNav
{
  position: relative;
  float: left;
  width: 205px;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  z-index: 120;
  font-size: 1em;
  min-height: 20px;
  _height: 20px;
}

#boSubNav ul.submenu1
{
  /* margin: 0; */
}

#boSubNav ul.submenu1 li
{
	margin: 0;
}

#boSubNav ul.submenu2
{
  margin: 2px 0 2px 20px;
  padding: 0;
}

#boSubNav ul.submenu2 li
{
  list-style: disc;
	margin: 0;
}

#boSubNav li a
{
  color: #FFFFFF;
  text-decoration: none;
}

#boSubNav li a:hover
{
  text-decoration: underline;
}

#boSubNavTop
{
  position: relative;
  width: 205px;
  height: 7px;
  background: url(../img/biblioosterschelde/bo_subnav_bg.gif) no-repeat left top;
}

#boSubNavContent
{
  position: relative;
  width: 190px;
  _width: 205px;
  min-height: 50px;
  _height: 50px;
  margin: 0;
  padding: 15px 15px 15px 0px;
  background: url(../img/biblioosterschelde/bo_subnav_bg.gif) repeat-y left top;
}

#boSubNavBottom
{
  position: relative;
  width: 205px;
  height: 7px;
  background: url(../img/biblioosterschelde/bo_subnav_bottom.gif) no-repeat left top;
}


/* NEWS 
-------------------------------------------------------------*/

#boNews
{
  position: relative;
  float: left;
  width: 190px;
  margin: 25px 0 0 0;
  padding: 0;
  z-index: 130;
  font-size: 1em;
  color: #58585a;
  background: #FFFFFF;
}

#boNewsTop, #boNewsBottom
{
  font-size: 0px;
  height: 7px;
  width: 205px;
}

#boNewsContent
{
  position: relative;
  width: 174px;
  _width: 205px;
  min-height: 60px;
  _height: 60px;
  margin: 0;
  padding: 15px;
  border-right: 1px solid #A8C502;
}


/* CONTENT
-------------------------------------------------------------*/


#boContent
{
  position: relative;
  float: left;
  margin: 0 0 0 60px;
  padding: 0 0 20px 0;
  width: 573px;
  line-height: 160%;
  color: #58585a;
  font-size: 1em;
  z-index: 100;
}

.boParagraph
{
  position: relative;
  margin: 0;
  padding: 0 0 0 0;
}

.boParagraph img
{
  float: left;
  margin: 3px 13px 0px 0px !important;
}

.boParagraph .imageNoteTable
{
  float: left !important;
}

.boFrame
{
  position: relative;
  margin: 0;
  padding: 0 0 0 0;
  min-height: 400px;
  _height: 400px;
}

#boContent a,
#boNews a
{
  color: #00B5E8;
}

#boContent a:visited
{
  color: #FF9933;
}

#boNews a, #boNews a:visited
{
  color: #FF9933;

}

#boContent a:hover, #boContent a:active
{
  text-decoration: none;
  color: #FF9933; 
}



/* PANEL LAYOUTS
-------------------------------------------------------------*/

.boPanels
{
  position: relative;
  float: right;
  width: 193px;
  _width: 213px;
  min_height: 200px;
  _height: 200px;
  margin: 0 0 20px 20px;
  padding: 0 10px 0 10px;
  z-index: 100;
}

#boPanelNieuw
{
  position: relative;
  width: 154px;
  margin: 0 0 0 15px;
}

#boPanelNieuwTop
{
  height: 161px;
  background: url(../img/biblioosterschelde/bo_newpanel_top.jpg) no-repeat left bottom;
}

#boPanelNieuwContent
{
  position: relative;
  min-height: 62px;
  _height: 62px;
  padding: 2px 10px 2px 10px;
  background: #bade45 url(../img/biblioosterschelde/bo_newpanel_bg.gif) repeat-x left top;
  color: #FFFFFF;
  line-height: 130%;
}

.boPanels a img
{
  border: none;
}

#boPanelNieuwContent a
{
  color: #FFFFFF;
  text-decoration: none;
}

#boPanelNieuwImg
{
  position: absolute;
  width: 154px;
  text-align: center;
  z-index: 70;
}

#boPanelNieuwImg img
{
  border: none;
}

#boPanelLidworden
{
  position: relative;
  width: 154px;
  margin: 25px 0 0 15px;
}

#boPanelLidworden img
{
  border: none;
}


/* FOOTER
-------------------------------------------------------------*/

#boFooter
{
  width: 100%;
  height: 12px;
#background: #9cc416;
  background: #FF9933;

}

#boFooterDiv
{
  position: relative;
  height: 12px;
#background: #9cc416;
  background: #FF9933;
}

#boFooterLeft
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 20;
  width: 185px;
  height: 234px;
  background: url(../img/biblioosterschelde/bo_footer_left.gif) no-repeat left top;
}



/* FORMULIEREN
-------------------------------------------------------------*/

.formTable, .formTable input, .formTable select, .formTable label, .formTable textarea
{
  font-family: Trebuchet MS, Tahoma, Arial;
  font-size: 12px;
  color: #58585a;
}

.formtd170
{
  width: 170px;
  white-space: nowrap !important;
}

.formtd170 img
{
  float: none;
}

.formtdfixed
{
  width: 170px;
}

.formtdfixed img
{
  float: none;
}

.formtdakkoord img
{
  float: none;
}


/* Activities
-------------------------------------------------------------*/

.activitytitlebar
{
  background-color: #00b5e8;
  color: #FFFFFF;
}


/* COMMON
-------------------------------------------------------------*/

#boContent h3
{
  color: #FF9933;
  font-size: 15px;
  text-transform: uppercase;
}

.clear, .clearboth
{
  clear: both;
  height: 1px;
  _margin-top: -10px;
}

.red
{
  color: #CF1919 !important;
}

.blue
{
  color: #00B5E8;
  font-weight: bold;
}

.green
{
 color: #666633;
 # color: #9BC415;
  font-weight: bold;
}