html, body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

body
{
  font-family: Verdana, Helvetica, Tahoma, Arial, Trebuchet MS;
  font-size: 11px;
  font-weight: normal;
  line-height: 120%;
  color: #444444;
  background: #f7f7f7;
}

#ibsWrapper
{
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 907px;
  background: #FFFFFF url(/img/ibs_wrapper_bg.gif) repeat-y left top;
}


/* ####### PORTAL: HEADER ####### */


#ibsHeader
{
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 297px;
}

#ibsLogo
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 10px;
  top: 0px;
  width: 217px;
  height: 78px;
  background: url(/img/ibs_logo_new.gif) no-repeat top left;
}

#ibsLogo img
{
  width: 217px;
  height: 78px;
  border: none;
}


/* ##### PORTAL: BESTAANSRECHT ###### */


#ibsHeadertext
{
  position: absolute;
  margin: 0px;
  padding: 0px 80px 0px 10px;
  left: 12px;
  top: 98px;
  width: 199px;         /* Geen 217 ivm enkele padding aan linkerkant */
  height: 190px;
  overflow: hidden;
  color: #FFFFFF;
}

#ibsHeadertext table, #ibsHeadertext td
{
  height: 190px;
  vertical-align: middle;
}


/* ###### PORTAL: BANNER ####### */


#ibsBanner
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 230px;
  top: 0px;
  width: 671px;
  height: 297px;
}

#ibsBannerlink
{
  position: absolute;
  top: 78px;
  left: 230px;
  width: 671px;
  height: 219px;
  z-index: 50;
}

#ibsBannerlink img
{
  width: 671px;
  height: 219px;
  border: none;
}


/* ##### PORTAL: HEADERMENU ##### */


#ibsHeadermenu
{
  display: block;
  position: absolute;
  /* left: 527px; */  /* VOOR HEADER MET MULITLANGUAGE */
  left: 667px;
  top: 40px;
  /* width: 374px; */  /* VOOR HEADER MET MULITLANGUAGE */
  width: 234px;
  height: 38px;
}

#ibsHeadermenuTable
{
  margin: 8px 0px 0px 0px;
  padding: 0px;
  width: 100%;
}

#ibsHeadermenuTable td
{
  vertical-align: center;
}

.search { width: 50px; padding-top: 1px;}
.searchbox { width: 127px; height: 20px; }
.searchbox .textinput { margin-top: 1px; _height: 16px; _padding-top: 1px;}
.searchbutton { width: 50px; padding: 1px 0px 0px 10px; }
.ibsSearchbutton { height: 20px; border: none; }

.home { border-top: none !important; }
.menubu1 { color: #a2b849 !important; }
.menubu2 { color: #e99c18 !important; }
.menubu3 { color: #507eaa !important; }


/* ####### PORTAL: LEFT ####### */


#ibsLeft
{
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px 13px 0px 13px;
  width: 217px;         /* eigenlijk 243px. Padding l+r: 243 - (2 x 13) = 217*/
}

.ibsPanel
{
  position: relative;
  margin: 0px 0px 12px 0px;
  padding: 10px 10px 10px 10px;
  min-height: 50px;
  _height: 50px;  /* IE only */
  border: 1px solid #d8d8d8;
}

.ibsPanelinside
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.ibsPaneltop
{
  position: relative;
  float: left;
  height: 26px;
  width: 5px;
  margin: 0px;
  padding: 0px;
}

.ibsPanelheader
{
  position: relative;
  width: 100%;
  height: 26px;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

.ibsPaneltitle
{
  display: block;
  position: relative;
  margin: 0px 0px 0px 7px;
  padding: 6px 0px 0px 0px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -1px;
  color: #FFFFFF;
}

.ibsPanelcontent
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 7px 0px 7px;
  _padding: 0px 7px 0px 11px; /* IE only */
}

.ibsPanelcontent table
{
  margin: 0px;
  padding: 0px;
}

.ibsPanelbottom
{
  position: relative;
  height: 0px;
}

#ibsPanelblank
{
  position: relative;
  width: 195px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#ibsPanelblank img
{
  border: none;
}


/* ##### NAVIGATION ###### */


#ibsNav
{
  position: relative;
}

#ibsNav a, #ibsNav a:visited
{
  display: block;
  position: relative;
  /* height: 20px; */
  margin: 0px;
  padding: 5px 0px 5px 5px;
  letter-spacing: -1px;
  text-decoration: none;
}

.level1
{
  border: none !important;
  padding: 2px 0px 5px 20px !important;
  color: #444444 !important;
}

.active
{
  font-weight: bold;
}


/* ##### PORTAL: HEADLINES ##### */


a.ibsHeadline, a.ibsHeadline:visited
{
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  color: #444444;
}

a.ibsHeadline:hover, a.ibsHeadline:active
{
  color: #777777;
}

.serendipitySideBarTitle
{
  margin: 2px 0px 0px 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
}

h4.ibsHeadlinedate
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 10px;
}

h4.ibsHeadlinedate2
{
  margin: -10px 0px 0px 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 10px;
}

p.ibsHeadlinebody
{
  margin: 0px 0px 5px 0px;
  _margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  _padding: 0px 0px 5px 0px;
}


/* ##### PORTAL: CONTENT ##### */


#ibsRight
{
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 648px;
}

#ibsRightTop
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 648px; /* 3x 216 (BU's) */
}

#ibsContent
{
  position: relative;
  margin: 0px;
  padding: 15px 0px 0px 0px;
  width: 100%;
  min-height: 30px;     /* indien geen content of menu, dan blijft de balk onder de banner in beeld */
  _height: 30px;        /* indien geen content of menu, dan blijft de balk onder de banner in beeld */
}

#ibsRightLeft
{
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 418px;
}

#ibsRightRight
{
  position: relative;
  float: right;
  margin: 0px 0px 0px 10px;
  _margin: 0px 1px 0px 0px; /* IE only */
  padding: 0px;
  width: 217px;
}


/* ##### BLOG ##### */


.ibsBlog
{
  position: relative;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #e2e2e2;
}

.ibsBlogtitle
{
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 100%;
}

.ibsBlogtitle a, .ibsBlogtitle a:visited
{
  text-decoration: none !important;
}

.ibsBlogtitle a:hover, .ibsBlogtitle a:active
{
  text-decoration: underline !important;
}

.ibsBlogdate
{
  position: relative;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
}

.ibsBlogcontent
{
  position: relative;
  margin: 10px 0px 10px 0px; /* FF */
  _margin: 10px 0px 0px 0px; /* In IE neemt de clearboth al 10px ruimte in */
  padding: 0px;
  line-height: 120%;
  width: 100%;
}

.ibsBlogcontent img
{
  float: right;
  clear: right;
  margin: 0 0 1em 1.5em;
}

.ibsBlogfooter
{
  position: relative;
  margin: 0px;
  padding: 4px 3px 6px 20px;
  line-height: 100%;
  border: 1px solid #d8d8d8;
}

.ibsBlogRSS
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background: #FFFFFF;
}

.ibsBlogRSS a, .ibsBlogRSS a:visited
{
  display: block;
  padding: 1px 0px 0px 20px;
  height: 16px;
  background: url(/img/feed-icon-16x16.gif) no-repeat left top;
}

.portal, .Portal  { background: #e9dfeb url(/img/ibs_blog_footer.gif) no-repeat 9px 7px; _background: #e9dfeb url(/img/ibs_blog_footer.gif) no-repeat 9px 8px;}
.marketing, .Marketing { background: #f2f7dc url(/img/ibs_blog_footer.gif) no-repeat 9px 7px; _background: #f2f7dc url(/img/ibs_blog_footer.gif) no-repeat 9px 8px;}
.business, .Business { background: #fbe8c9 url(/img/ibs_blog_footer.gif) no-repeat 9px 7px; _background: #fbe8c9 url(/img/ibs_blog_footer.gif) no-repeat 9px 8px;}
.technology, .Technology { background: #e3e9f2 url(/img/ibs_blog_footer.gif) no-repeat 9px 7px; _background: #e3e9f2 url(/img/ibs_blog_footer.gif) no-repeat 9px 8px;}

#ibsProfile
{
  position: relative;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #e2e2e2;
}



/* ##### PORTAL: BU ###### */


.BU
{
  position: relative;
  float: left;
  width: 216px;
  height: 267px;
  z-index: 50;         /* Zelfde z-index als ibsHeadermenu */
  margin-bottom: 10px;
  color: #FFFFFF;
}

.BUbackground
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 216px;
  height: 267px;
  z-index: 60;
}

.BUlist
{
  position: absolute;
  top: 100px;
  left: 18px;
  width: 180px;
  height: 120px;
  z-index: 70;
}

.BUlink
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 216px;
  height: 267px;
  z-index: 80;
}

.BUlink img
{
  width: 216px;
  height: 267px;
  border: none;
}

.BU ul
{
  list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.BU li
{
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
}


/* ###### FOOTER ####### */


#ibsFooter
{
  position: relative;
  clear: both;
  margin: 0px;
  padding: 21px 0px 0px 0px;
  width: 907px;
  height: 60px;
  text-align: center;
}

#ibsFooter a, #ibsFooter a:visited { color: #FFFFFF; text-decoration: none; }
#ibsFooter a:hover, #ibsFooter a:active { text-decoration: underline; }


/* ####### TITELS ####### */


.title { font-size: 15px; font-weight: normal; }
.bold { font-weight: bold; }
.textcenter { text-align: center; }
.purple { color: #733c82; }
.white { color: #FFFFFF; }


/* ####### FORMS ####### */


input
{
  font-family: Verdana, Helvetica, Tahoma, Arial, Trebuchet MS;
  font-size: 11px;
  font-weight: normal;
  color: #444444;
}

.textinput, input[type=text]
{
  font-family: Verdana, Helvetica, Tahoma, Arial, Trebuchet MS;
  height: 16px;
  padding: 2px 2px 0px 2px;
  border: 1px solid #444444;
  font-size: 11px;
}

textarea
{
  font-family: Verdana, Helvetica, Tahoma, Arial, Trebuchet MS;
  font-size: 11px;
  padding: 2px 2px 0px 2px;
  border: 1px solid #444444;
}

select
{
  font-family: Verdana, Helvetica, Tahoma, Arial, Trebuchet MS;
  font-size: 11px;
  border: 1px solid #444444;
}


/* ##### VERVOLGPAGINA'S #################################################################### */


#ibsVervolgheader
{
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 179px;
}

#ibsVervolg
{
  position: relative;
  margin: 0px;
  padding: 40px 0px 0px 0px;
  width: 100%;
  min-height: 56px;     /* indien geen content of menu, dan blijft de balk onder de banner in beeld */
  _height: 56px;        /* indien geen content of menu, dan blijft de balk onder de banner in beeld */
}

#ibsVervolgbanner
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 230px;
  top: 78px;
  width: 671px;
  height: 101px;
}

#ibsVervolgtitel
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 20px;
  top: 69px;
  width: 90%;
  height: 37px;
  font-size: 22px;
  line-height: 100% !important;
  color: #FFFFFF;
}

#ibsBreadcrumb
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 10px;
  top: -21px;
  width: 90%;
  height: 25px;
  z-index: 40;
}

#ibsBreadcrumb a, #ibsBreadcrumb a:visited { color: #ffffff; }

#ibsBlogBreadcrumb
{
  margin: 0px 0px 10px 0px;
  padding: 0px;
  width: 90%;
  height: 25px;
  z-index: 40;
}

#ibsBlogBreadcrumb a, #ibsBlogBreadcrumb a:visited { color: #444444; }

/* ##### VERVOLG: CONTENT ##### */


#ibsVervolgcontent
{
  position: relative;
  margin: 0px 5px 10px 0px;
  padding: 15px;
  min-height: 400px;
  _height: 400px; /* IE only */
  border: 1px solid #e2e2e2;
  background: #FFFFFF;
}

.paragraph
{
  margin: 0px 0px 10px 0px;
  _margin: 0px 0px 0px 0px; /* IE only */
  padding: 0px 0px 15px 0px;
  line-height: 130%;
}

.productparagraph
{
  width: 90%;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  line-height: 130%;
  background: #ffffff;
  border-top: 1px dashed #cccccc;
  min-height: 120px;
  _height: 120px;
}

.productparagraphtitle
{
  margin: 2px 0px 10px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
}

.paragraph table
{
  line-height: 130%;
  font-family: Verdana, Helvetica, Tahoma, Arial, Trebuchet MS;
  font-size: 11px;
  font-weight: normal;
  line-height: 120%;
}

.paragraphleft
{
  position: relative;
  float: left;
  width: 320px;
}

.paragraphright
{
  position: relative;
  margin: 0px 0px 10px 10px;
  padding: 10px 10px 10px 10px;
  _padding: 10px 10px 0px 10px; /* IE only */
  line-height: 130%;
  border: 1px solid #e2e2e2;
}

#ibsColumnLayout
{
  width: 100%;
  border: none;
  margin-bottom: 20px;
}

.ibsLeftColumn
{
  width: 60%;
  vertical-align: top;
}

.ibsRightColumn
{
  width: 40%;
  vertical-align: top;
}

ul
{
  background: transparent;
  line-height: 120%;
  margin-top: 4px;
  margin-bottom: 6px;
  list-style: square;
}

li
{
  background: transparent;
}


/* ##### + SERENDIPITY ####### */


#content
{
  width: 400px !important;
}

H3.serendipity_date
{
  font-size: 10px;
  font-weight: bold;
}

.serendipity_entryFooter
{
  margin-top: 20px;
  font-style: italic;
  margin-bottom: 30px;
}

#serendipity_banner A
{
  text-decoration: none;
}

.serendipity_commentsTitle
{
  font-weight: bold;
}

#serendipity_commentform_comment
{
  width: 290px;
  margin: 0px;
  padding: 0px;
}

.paragraphtitle, #serendipity_banner H1, H4.serendipity_title, .serendipity_commentsTitle, .ibsHeadlinetitle
{
  margin: 2px 0px 10px 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 100% !important;
}

.alternateparagraphtitle
{
  position: relative;
  margin: 2px 0px 10px 0px;
  padding: 5px 5px 2px 5px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -1px;
  height: 20px;
}

.serendipitySideBarItem
{
  margin-bottom: 10px;
  padding: 10px 10px 15px 10px;
  _padding: 10px 5px 15px 10px;
  margin-right: -2px;
  _margin-right: 0px;
  width: 173px;
  _width: 178px;
}

#mainpane #content
{
  padding-right: 15px;
}

.serendipitySideBarTitle { margin-bottom: 10px; }

.paragraphright, .serendipitySideBarItem { border: 1px solid #e2e2e2; }
.paragraphtitle, .serendipitySideBarTitle { color: #733c82; }

.serendipity_plugin_freetag
{
  line-height: 140% !important;
}

.serendipity_freetag_taglist span
{
  line-height: 90% !important;
}

.serendipitySideBarContent span
{
  line-height: 100% !important;
}

.serendipity_entryFooter
{
  padding: 0px 0px 15px 0px;
  border-bottom: 1px dashed #cccccc;
}

.serendipity_comment_source /* footer van blog commentaar vakje */
{
  position: relative;
  margin: 10px 0px 0px 10px;
  padding: 4px 3px 6px 20px;
  line-height: 120% !important;
  border: 1px solid #d8d8d8;
  background: #e9dfeb url(/img/ibs_blog_footer.gif) no-repeat 9px 7px; _background: #e9dfeb url(/img/ibs_blog_footer.gif) no-repeat 9px 8px;
}

.serendipity_comment
{
  position: relative;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #e2e2e2;
}

.serendipity_commentBody
{
  margin-left: 10px;
}

.bb-code, .bb-php
{
  display: block;
  position: relative;
  font-family: courier new, courier;
  font-size: 11px;
  padding: 10px 5px 10px 5px;
  background-color: #eee;
  margin: 2px;
  overflow: auto !important;
  _width: 380px;
  _padding: 10px 0px 30px 0px;
}

.bb-code-title, .bb-php-title
{
  background-color: #ccc;
  margin: 2px;
  _width: 380px;
}

.serendipity_entry_body img
{
  margin: 6px;
}

.serendipity_entry_extended img
{
  margin: 6px;
}

.serendipity_entry_extended img.emoticon
{
  margin: 0px;
}


/* ##### PRODUCTBUTTONS ##### */


#ibsProductButtonTable
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
}

#ibsProductButtonTable td
{
  vertical-align: top;
  margin: 0px;
  padding: 10px;
  line-height: 140%;
}

#ibsProductButtonTable img
{
  border: none;
  margin-left: 5px;
}

a.ibsProductButtonHeader, a.ibsProductButtonHeader:visited
{
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px 0px 2px 0px;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #444444;
}

.ibsProductButtonKop
{
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px 0px 2px 0px;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #444444;
}

.ibsProductButtonContent
{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a.ibsProductButtonContent, a.ibsProductButtonContent:visited
{
  display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	text-decoration: none !important;
	font-weight: bold;
}

a.ibsProductButtonContent:hover, a.ibsProductButtonContent:active
{
	text-decoration: underline !important;
}

.ibsProductSpacer
{
  margin: 0px !important;
  padding: 0px !important;
  height: 10px;
  background: #FFFFFF !important;
}


/* ###### ZOEKEN ####### */

.ibsSearchSummary
{
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.ibsSearchResult
{
  position: relative;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #e2e2e2 !important;
}

.ibsSearchResultProperties
{
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 4px 3px 6px 20px;
  line-height: 120% !important;
  border: 1px solid #d8d8d8;
  background: #e9dfeb url(/img/ibs_blog_footer.gif) no-repeat 9px 7px; _background: #e9dfeb url(/img/ibs_blog_footer.gif) no-repeat 9px 8px;
}

.ibsSearchResultTitle
{
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 100% !important;
}


/* ###### COMMON ####### */


.floatleft { float: left; }
.floatright { float: right; }

.clearboth
{
  clear: both;
  height: 1px;
}

.ibsRightimage
{
  position: relative;
  margin: 3px 0px 0px 5px;
  _margin: 3px 0px 0px 3px;
  padding: 0px;
  z-index: 10;
  float: right !important;
}

.imageright
{
  margin-left: 5px;
  margin-bottom: 5px;
}

.imageleft
{
  margin-right: 15px;
  margin-bottom: 5px;
}