/* PAGE LAYOUT */
html { margin: 0px 0px 1px 0px; padding: 0px; height: 100%; -ms-overflow-y: scroll; }
body { margin: 0px; padding: 0px; height: 100%; min-height: 100%; font: 12px normal arial, verdana, helvetica, sans-serif; color: #666; line-height: 18px; }
#nonfooter { position: relative; min-height: 100%; }
* html #nonfooter { height: 100%; }
#footerContainer { position: relative; margin: -50px auto 0 auto; width: 100%; height: 50px; background: #eeeeed url('../images/bg_footer.gif') repeat-x; clear: both; }
/* A CSS hack that only applies to IE -- specifies a different height for the footer */

a:focus{ outline: 0; }

* html #footerContainer { margin-top: -50px; }
#header { position: relative; width: 937px; height: 95px; margin-left: auto; margin-right: auto; background: #FFF; }
#menubar { position: relative; width: 937px; height: 25px; margin-left: auto; margin-right: auto; background: #FFF url('../images/bg_menu.gif') no-repeat; }
#rightContainer { width: 314px; padding: 25px 0px; float: right; }
#leftContainer { width: 580px; padding: 25px 20px 30px 20px; float: left; border-top: 0px solid #D5D5D5; }
#wideContainer { width: 914px; padding: 25px 0px 30px 20px; float: left; }
#footerContaineer { width: 100%; height: 30%; background: #eeeeed url('../images/bg_footer.gif') repeat-x; margin-top: 30px; clear: both; }
#footer { width: 937px; margin-left: auto; margin-right: auto; padding-top: 20px; font-size: 11px; color: #a0a0a0; }
#footer a { color: #5d7fb1; }

/* PAGE ELEMENTS */
#logo { position: absolute; top: 20px; left: 10px; width: 184px; height: 72px; z-index: 10; }

/* MENU */
#topmenu { width:937px; height:30px; margin:0 auto; }

/* MENU */
.menu ul { margin: 0px; padding: 0px; list-style: none; list-style-type: none; }
.menu li { list-style: none; list-style-type: none; margin: 0px; padding: 0px; float: left; }
.menu li a { display: block; width: 146px; height: 20px; padding: 5px 0px 0px 10px; font: 11px normal arial, verdana, helvetica, sans-serif; color: #999; }
.menu li a:hover,
.menu li a.niv1Active { display: block; width: 146px; height: 16px; padding: 5px 0px 0px 10px; font: 11px normal arial, verdana, helvetica, sans-serif; border-bottom: 4px solid #0cda00; color: #999; }
p { margin: 0px; }
img { border: 0px; }
a { text-decoration: none; color: #326cc3; }
td { vertical-align: top; }


/* TEXT */
H1 { font: normal 30px calibri, arial, verdana, helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #333; }
H2 { font: normal 24px calibri, arial, verdana, helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #333; }
H3 { font: normal 20px calibri, arial, verdana, helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #333; }
hr { height:1px; display:block; margin: 2px 0px; !margin:-5px 0px;
color:#ccc; background-color:#ccc; border:0px; }
.whitespace { margin: 10px 0px;}
.hidden { display: none; }
.small { font-size: 10px; color: #999; }
#contentContainer { width: 100%; background: #FFF; }
#content { width: 100%; margin-left: auto; margin-right: auto; background:  #FFF url('../images/bg_content_dark.gif') repeat-x center bottom; border-top: 2px solid #F5F5F5; }
#contentOnderContainer { width: 100%; margin-left: auto; margin-right: auto; background: #FFF url('../images/bg_content_light2.gif') repeat-x; padding-bottom: 50px; }
#contentOnder { width: 937px; margin-left: auto; margin-right: auto; }
div.cols1 { width: 937px; margin-left: auto; margin-right: auto; background:  url('../images/bg_rulers_1cols.gif') no-repeat bottom left; overflow: auto; }
div.cols1sub { width: 700px; padding: 20px 20px; float: left; }
div.cols3 { width: 937px; margin-left: auto; margin-right: auto; background:  url('../images/bg_rulers_3cols.gif') no-repeat bottom left; overflow: auto; }
div.cols3sub { width: 272px; padding: 15px 20px 20px 20px; float: left; }
div.cols3sub H3 { color: #666; font-weight: bold; }

/* SHOWCASE */
#showcase { position: relative; width: 937px; height: 310px; margin-left: auto; margin-right: auto; background:  #FFF url('../images/bg_showcase_container2.gif') no-repeat center top; }
.showcaseItem { position: absolute; top: 0px; left: 0px; width: 937px; height: 310px; z-index: 10; }
.showcaseAfbeelding { position: absolute; top: 0px; left: 1px; width: 467px; height: 310px; z-index: 10; }
.showcaseText {background: url('../images/bg_showcase_container2.gif') no-repeat -465px 0px; position: absolute; top: 0px; left: 465px; width: 385px; height: 210px; z-index: 5; padding: 20px 0px 0px 25px; }
.showcaseText H1 { color: #666; letter-spacing: -1px; }
#showcaseContainerWhite { position: relative; height: 310px; margin-left: auto; margin-right: auto; background: #FFF url('../images/bg_showcase_container4.gif') no-repeat center top; }
.sliderBox { position: absolute; width: 13px; height: 300px; top: 17px; right: 10px; z-index: 50; background:  url('../images/bg_slider.gif') no-repeat; }

/* BLOG + Right column */
.nieuwsItem { overflow: auto; border-top: 1px solid #CCC; padding-top: 15px; }
.nieuwsItemAfbeelding { width: 130px; float:left; padding-top: 5px; }
.nieuwsItemText { width: 450px; float:left; }
.nieuwsItemFooter { border-bottom: 0px solid #e1e0df; padding: 6px 0px 20px 0px; font-size: 10px; color: #8d8d8d; }
.nieuwsItem h3 { font-size: 26px; margin-bottom: 4px; margin-top: 0px; }
.nieuwsAfbeelding { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding:0px; overflow: auto; margin-bottom: 20px; }
a.highslidebutton { margin: 4px 10px 4px 0px; display: block; width: 50px; height: 11px; float: right; }
.attentionGeekBlock { width: 273px; padding: 20px; background: #FFF url('../images/bg_sidebarblock.gif') no-repeat center top; }
.attentionGeekBlockBottom { width: 313px; height: 6px; background: #FFF url('../images/bg_sidebarblock_bottom.gif') no-repeat center top; margin-bottom: 10px; }
.bannerblok {margin: 0px 0px 10px 0px;}


/* PAGED NAVIGATION */
.pagedListBottomnav { }
.navbar { }
a.navbarActivePageNumber { font-size: 13px; display: block; width: 20px; height: 20px; float: left; text-align: center; font-weight: bold; background: #f6f6f6; color: #333; }
div.navbarDots { font-size: 13px; display: block; width: 20px; height: 20px; float: left; }
a.navbarPageNumber { font-size: 13px; display: block; width: 26px; height: 20px; float: left; text-align: center; backgrossund: #f2f2f1; }
a.navbarPreviousNextArrow { font-size: 13px; display: block; height: 20px; float: left; padding: 0px 5px; }
.videoPlayer { font-size: 13px; background: #000; padding: 0px 20px; width: 480px; }
.navbarPreviousArrow, 
.navbarNextArrow {font-size: 13px; display: block; height: 20px; float: left; padding: 0px 10px;}

/* PORTFOLIO */
.portfolio_item {position: relative; float:left; height:422px; width:427px; margin:0px 30px 30px 0;}
.portfolio_content { border:1px solid #c6c6c6; height:390px; width:425px; }
.images_menu {padding:5px 0px 0px 0px; float: left; overflow: auto;}
.images_menu ul {margin: 0px; padding: 0px;}
.images_menu ul li { float:left; list-style:none; list-style-type:none; margin:0 3px 0 0; }
.images_menu ul li a:hover {display:block; width:19px; height:19px; background: url(../images/bt_portfolio_h.gif) no-repeat;}
.images_menu ul li a { display:block; width:19px; height:19px; background: url(../images/bt_portfolio_n.gif) no-repeat;  }
.portfolio_title {float:left; padding: 4px 0px 0px 0px;}
.images_menu ul li a.activeSlideButton {display:block; width:19px; height:19px; background: url(../images/bt_portfolio_s2.gif) no-repeat;}

.info_tab {position: absolute; left: 350px; top:391px; height:22px; width:77px;   z-index:5; }
.info_tab a {display:block; width:62px; height:16px; background: url(../images/bt_portfolio_more_n.gif) no-repeat; padding: 8px 0px 0px 15px; font-size:9px;line-height: 10px;}
.info_tab a.activeSlideButton {display:block; width:62px; height:16px; background: url(../images/bt_portfolio_more_h.gif) no-repeat; padding: 8px 0px 0px 15px; font-size:9px; line-height: 10px;}

.info_tab a { color:#666; }
.info_tab a:hover { color:#999; }
.portfolio_info_tab { font-size:11px; }
.portfolio_logo { margin: 0px 0px 0px 20px; min-height:130px; }
.portfolio_field_description { font-weight:bold; width:110px; text-align:right; float:left; }
.portfolio_field { margin:0 0 0 115px; width:280px; }
.portfolio_field a { color:#5D7FB1; }
.portfolio_field a:hover { color:#45638F; }


/* TWITTER LIST */
ul.twitter_list {list-style: none; padding: 0px; margin: 0px;}
ul.twitter_list li {margin: 0px 0px 5px 0px; padding-top: 3px; background: url('../images/bg_tweet_item.gif') no-repeat; }
ul.twitter_list li:first-child {margin:  0px 0px 5px 0px; padding-top: 3px; background: url('../images/bg_tweet_item.gif') no-repeat; }
ul.twitter_list li span.tweetFooter {display: block; padding: 10px 10px 40px 10px; margin: 0px; background: url('../images/bg_tweetfooter_item.gif') no-repeat bottom left;}
ul.twitter_list li:first-child  span.tweetFooter {display: block; padding: 10px 10px 40px 10px; margin: 0px; min-hessight: 102px; background: url('../images/bg_tweetfooter_item_odd.gif') no-repeat bottom left; }
ul.twitter_list li a {font: italic normal 14px/20px georgia,'times new roman',serif; color: #666; display:block; }
ul.twitter_list li a:hover {font: italic normal 14px/20px georgia,'times new roman',serif; color: #39c5f0; #326cc3;}
div.twitter_button a {display: block; width: 313px; padding-top: 35px; height: 0px; background: url('../afbeeldingen/sidebar/button_twitter.gif') no-repeat; overflow: hidden;}


/* ZOEK */		
.zoekContainer { position: absolute; top: 10px; right: 0px; width: 240px; height: 72px; z-index: 10; }
.zoekBox { width: 160px; height: 18px; background: #FEFEFE; border: 1px solid #c8c8c8; padding: 1px; float: left; margin-right: 4px; }
.zoekButton { width: 71px; height: 22px; border: 0px; background: url('../images/bt_zoeken.gif') no-repeat; cursor: pointer; float: left; font: 11px normal arial, verdana, helvetica, sans-serif; color: #999; }

/*-------- ZOEKEN (uit iReports) --------*/
.xsearchKeyword,
.xsearchHighlightedKeyword { font-weight: bold; color: #00a2ff; }
.xsearchSearchboxContainer { padding: 6px 0px 2px 0px; margin: 0px 0px 10px 0px; height:24px; background:  #FFF; width: 600px; }
.xsearchPageTitle { font: bold 14px Arial, Helvetica, sans-serif; }
.xsearchResultsMessageContainer { margin-bottom: 10px; }
.xsearchResult { width: 600px; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4; overflow: hisdden; }
.xsearchNavbarContainer { margin-bottom: 0px; }
.xsearchModifiedDate { color: #999; }
.xsearchUrlDate { font: normal 10px arial, helvetica, sans-serif; color: #777; }
.xsearchUrlDate a { color: #999; }

/*---- FORMS -----*/
.formTableContainer { padding: 15px; border: 1px dotted #c8c8c8; }
.formTable { }
.xsformbuilder_simple_textbox { width: 320px; height: 18px; border: 1px solid #c8c8c8; padding: 1px; float: left; margin-right: 4px; }
.xsformbuilder_large_textbox { width: 320px; font: normal 12px arial, helvetica, sans-serif; border: 1px solid #c8c8c8; }
.button { height: 22px; font: normal 12px Arial, Helvetica, Sans-serif; color: #1c2e5d; border: 1px solid #CCC; background: #FFF; cursor: pointer; padding: 1px 10px; }
.button:hover { height: 22px; font: normal 12px Arial, Helvetica, Sans-serif; color: #FFF; border: 1px solid #1c2e5d; background: #1c2e5d; cursor: pointer; }