/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
      CSS Theme for Bopro
      
      Default font	Verdana
      Cufon used	No
      PNG transp.	No
  
      Color:
      Branding main	#5B8F2B	      - Green
      Branding sec	#9EC515	      - Lighter Green
  
      Default text:	#333
      Highlight text	#5B8F2B	      (branding main)
      Light text	#999
  
  
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body
{
  padding-top: 10px;
  background: url(bg_body.gif) white top center repeat-y;
  font-family: Verdana;
  color: #333;
  background-color:#a9a9a9;
}

#wrapper
{
  overflow: hidden;
  width: 855px;
  position: relative;
  font-size: 1.3em;
  margin: 0 auto;
  text-align: left;
}

p.intro
{
  font-weight: bold;
  color: #5B8F2B;
  line-height: 1.4em;
}

a.back
{
  text-decoration: none;
  font-size: 0.8em;
  color: #666;
  
}

/* For external links */
a[href ^= 'http']{
    padding-right:20px;
    background: transparent url(external.gif) no-repeat scroll right top;
}


/* -------------------------------------------------------------
 bye bye
------------------------------------------------------------- */
a#top,
div.clear
{
  display: none;
}

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

h1#logo
{
  height: 51px;
  width: 312px;
  background: url(logo_bopro.gif) white top left no-repeat;
  overflow: hidden;
  float: left;
  margin: 0 !important;
  line-height: 0em !important;
  padding: 0 !important;
}

h1#logo a
{
  display: block;
  padding-top: 9999px;
}

h1#logo a:hover{
background:transparent;
}


/* -------------------------------------------------------------
 header
------------------------------------------------------------- */

#header
{
  overflow: hidden;
  width: 855px;
}

#header a
{
  color: #555;
  text-decoration: none;
}

.memberof
{
  float: left;
  width: 300px;
}

#access
{
  width: 855px;
  overflow: hidden;
  font-size: 0.75em;
  color: #999;
}

#actions 
{
  float: right;
  width: 300px;
  text-align: right;
  padding-top: 4px;
}

#actions li
{
  display: inline;
  padding: 0 4px;
  border-right: 1px solid #999;
}

#actions li.last
{
  border: 0;
}

.memberof a,
#actions li a
{
  color: #999;
}

#actions li a:hover
{
  color: #666;
  text-decoration: underline;
}

#actions a.active
{
  color: #000;
}

form.search
{
  float: right;
  padding-left: 10px;
}

form.search input.submit
{
  color: white;
  background: url(bg_search.gif) #5B8F2B top left repeat-x;
  border: 1px solid #5B8F2B;
  padding: 1px 5px;
  _padding-top: 0;
  cursor: pointer;
}


/* --------------- menu ------------------ */

#menu
{
  float: right;
  width: 540px;
  text-align: right;
  padding-top: 24px;
  padding-bottom: 0;
  margin-bottom: 0;
}

#menu li
{
  display: inline;
  padding-left: 10px;
  font-size: 0.95em;
  font-weight: bold;
}

#menu li a:hover
{
  color: black;
}

#menu li.active a
{
  color: #5B8F2B;
}


/* --------------- flash visual ------------------ */

object#visual
{
   margin: 0 !important;
   padding: 0 !important;
}


/* --------------- breadcrumbs ------------------ */

ul#breadcrumbs
{
  margin-left: 200px;
  padding-top: 10px;
}

ul#breadcrumbs li
{
  display: inline;
  padding-left: 10px;
  font-size: 0.8em;
  background: url(bg_breadcrumb.gif) transparent 0px 3px no-repeat;
}

ul#breadcrumbs li.home
{
  padding-left: 0px;
  background: transparent;
}

ul#breadcrumbs li.current
{
  font-weight: bold;
}

ul#breadcrumbs li a
{
  text-decoration: none;
  color: #999;
}

ul#breadcrumbs li a:hover
{
  color: #333;
}

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

div#container {
  float:left;
  font-size: 0.9em;
  width: 855px;
  background: url(bg_container.gif) white top left repeat-x;
}

div#content {
margin:0;
margin-left: 200px;
margin-right: 257px;
padding-top: 10px;
}

/* ADDED BY FIRSTSERVED */

div#container.layout1 div#content {
margin-left: 200px;
margin-right: 50px;
}

/* END ADDED BY FIRSTSERVED */

h1
{
  color: #5B8F2B;
  line-height: 1em;
  font-size: 1.8em;
}

h2
{
  color: #9EC515;
  margin-bottom: 0;
  padding-bottom: 3px;
  line-height: 1em;
  font-size: 1.8em;
}

h3
{
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 0;
  color: #333;
}

h3 a
{
   color: #333; 
}


h4
{
  
}


h5
{
  color: #5B8F2B;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0;
}

h5 a
{
    color: #5B8F2B;
    text-decoration: none;
}

h5 a:hover
{
  text-decoration: underline;
}

/* HOME */

.home #content
{
  margin: 0;
  margin-right: 550px;
  padding-top: 20px;
}

.home #content p.intro
{
  line-height: 1.6em;
  margin-bottom: 20px;
}

#content .portlet ul
{
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
  width: 210px;
}

#content .portlet ul a
{
  font-weight: bold;
}

#content .portlet ul ul a
{
  font-weight: normal;
}


#dashboard {
float:left;
overflow:hidden;
padding-top: 20px;
margin:0 0 0 -490px;
width: 490px;
}


#dashboard .columns
{
  overflow: hidden;
  width: 490px;
}

#dashboard .columns .portlet
{
  width: 237px;
}


#dashboard table td
{
  font-size: 0.8em;
  width: 33%;
  vertical-align: top;
  padding-top: 5px;
}

#dashboard table p
{
  padding-right: 15px;
  margin-right: 10px;
  padding-bottom: 0 !important;
}

/*  PAGES  */
/* --------------- table project ------------------ */
table.meta
{
  border-top: 1px dotted #5B8F2B;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

table.meta td
{
   border-bottom: 1px dotted #5B8F2B;
   padding: 7px 2px;
   vertical-align: top;
}

table.meta strong
{
  color: #5B8F2B;
  padding-right: 10px;
}

table.meta a {text-decoration: none; color: #999 !important;}

table.meta a:hover 
{
background: #efefef;
text-decoration: none; 
color: #333 !important;}

.layout1 #content table
{
max-width: 655px !important;
_width: 655px;
}


/* --------------- listing ------------------ */

p.meta
{
  font-weight: bold;
  color: #5B8F2B;
  margin: 0;
  padding: 0;
}

p.meta a {text-decoration: none; color: #5B8F2B !important;}


#content ul.list
{
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
}

ul.list li
{
  border-bottom: 1px dotted #5B8F2B;
  padding-top: 15px;
  padding-bottom: 5px;
}

ul.list li h3
{
  line-height: 1.2em;
  color: #333;
}

ul.list li h3 a:hover
{
  text-decoration: underline;
  color: black;
}


/* ------- thumbs -------- */

ul.thumbs
{
   width: 630px;
   overflow: hidden;
}

ul.thumbs li
{
  float: left;
  width: 199px;
  margin-right: 8px;
  overflow: hidden;
  height: 80px;
}

ul.thumbs img.thumb
{
  float: left;
  margin-right: 8px;
  width: 72px;
}

ul.thumbs h5
{
  float: left;
  width: 105px;
font-weight: normal;
}


.pagination
{
  text-align: right;
  width: 390px;
  overflow: hidden;
}

#content .pagination ul
{
  float: right;
  width: auto;
  overflow: hidden;
  margin-right: 10px;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.pagination ul li
{
  float: left;
  padding-left: 3px;
  font-size: 0.9em;
  color: #666;
  cursor:pointer;
}

.pagination ul li a
{
  width: 10px;
  /*height: 10px;*/
  height: 1.5em;
  overflow: hidden;
  display: block;
}

.pagination ul li span
{
  display: block;
  background: #c7c7c7;
  border: 1px solid white;
  overflow: hidden;
  width: 8px;
  /*height:8px;*/
  height: 1.3em;
}

.pagination ul li a span
{
  border: 1px solid #c7c7c7;
  background: white;
}



/* -------------------------------------------------------------
  Sidebar
------------------------------------------------------------- */

div.sidebar {
float:left;
overflow:hidden;
width: 237px;
padding-top: 45px;
}

div#primary {
margin:0 0 0 -855px;
/* width: 180px;  change by Lemento*/
width: 185px;
}

div#secondary {
margin:0 0 0 -237px;
}


/* -------------- portlet --------------- */

.portlet h4
{
  height: 36px;
  margin: 0;
  padding: 0;
  line-height: 36px;
  background: url(bg_portletheader.gif) #efefef top right no-repeat;
  border-bottom: 1px dotted #5B8F2B;
  padding-left: 5px;
  color: #5B8F2B;
  font-weight: normal;
  font-size: 1.2em;
}

.sidebar .portlet
{
  margin-bottom: 10px;
}


/* PRIMARY */
/* ------- navigation ----------- */

ul#navigation
{
  border-bottom: 1px solid #ccc;
  padding-bottom: 0;
  margin-bottom: 0;
}

ul#navigation li
{
  margin-bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0em;
}

ul#navigation a
{
  color: #8B8D90;
  display: block;
  border-top: 1px solid #ccc;
  text-decoration: none;
  padding: 6px;
  padding-bottom: 7px;
  padding-left: 2px;
  line-height: 1.1em;
  margin: 0 !important;
}

ul#navigation a:hover
{
  background: #efefef;
  color: #333;
}

ul#navigation li.active a
{
  color: #5B8F2B;
  font-weight: bold;
}

ul#navigation li div.empty
{
height:16px;
_height:20px;
border-top:1px solid #CCCCCC;
}

ul#navigation li ul
{
  margin: 0 !important;
  padding: 0;
}

ul#navigation li ul li
{

}

ul#navigation li ul li a,
ul#navigation li.active ul li a
{
  font-size: 0.85em;
  padding-left: 20px;
    border: 0 !important;
  color: #8B8D90;
  font-weight: normal;
  background: url(bg_navigation-nivo2.gif) white 5px 10px no-repeat;
}

ul#navigation li ul li a:hover
{
  color: #333;
  background: url(bg_navigation-nivo2.gif) white 5px -45px no-repeat !important;
}

ul#navigation li ul li.active a
{
  color: #5B8F2B;
  background: url(bg_navigation-nivo2.gif) white 5px -45px no-repeat !important;
}

ul#navigation li ul li.active a:hover
{
color: #5B8F2B;
}

/* SECONDARY */
/* ---------- listing in sidebar ----------- */

.portlet ul.list li
{
  font-size: 0.85em;
  padding-left: 5px;
  padding-top: 6px;
}

.portlet ul.list ul
{
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 5px;
}

.portlet ul.list ul li
{
  padding-left: 0;
  border: 0;
  border-top: 1px dotted #666;
}

.portlet ul.list p
{
  padding: 0;
}

.portlet p.excerpt
{
  padding-right: 20px;
  padding-bottom: 5px;
  position: relative;
  line-height: 1.4em;
  zoom: 1;
}

.portlet ul.list a
{
  color: #333;
  text-decoration: none;
}

.portlet ul.list a:hover
{
  color: black;
}

/* --- read more link --- */
a.read-more
{
  position: absolute;
  right: 5px;
  bottom: 0px;
  display: block;
  width: 10px;
  height: 10px;
  background: url(bg_readmore.gif) #666 0px 0px no-repeat;
  overflow: hidden;
}

a.read-more:hover
{
  background: url(bg_readmore.gif) #666 0px -20px no-repeat;
}


a.read-more span
{
  display: block;
  padding-top: 9999px;
}



/* ---- variations ---- */

a.permalink
{
  font-weight: bold;
  display: block;
  background: url(bg_readmore.gif) #fff 97% 0px no-repeat;
}

.sidebar ul.pages a {font-weight: bold;}
.sidebar ul.pages a.permalink {font-weight: normal;}

a.permalink:hover
{
  background: url(bg_readmore.gif) #fff 97% -20px no-repeat;
}

a.download
{
  font-weight: bold;
  display: block;
  padding: 3px;
  padding-left: 20px;
  background: url(icon_pdf.gif) transparent 0 0 no-repeat;
}

a.download:hover
{
   color: black;
}

a.download strong
{
  color: #5B8F2B;
}






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

#footer
{
  padding-top: 10px;
  overflow: hidden;
  clear:left;
  width:100%;
  padding-top: 30px;
}

#footer ul li
{
  display: inline;
  padding-right: 10px;
}

#footer a
{
  color: #999;
  font-size: 0.75em;
  text-decoration: none;
}

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

a[href^="http"].no-link{
background:none;
}

img.left{
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

img.right{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}

/* -------------------------------------------------------------
  History
------------------------------------------------------------- */
div.history-overview{
	background: url(history_lijn.png) repeat-y 4px;
	padding:20px 0;
	width:550px;
}

.layout1 #content div.history-overview table.timeline{
width:100%;
border-collapse:collapse;
}

div.history-overview tr.event-year{
line-height:1.2em;
vertical-align:top;
}

div.history-overview tr.event-year td.dot{
	background: url(history_greendot.png) no-repeat 0 0.3em;
	width:20px;
}

div.history-overview td.year{
	color:#5B8F2B;
	font-weight:bold;
	padding-right:10px;
}

div.history-overview tr.empty-year{
	margin:0;
	padding:0;
	background: url(history_greydot.png) no-repeat 2px;
	line-height:1.2em;
}