/* 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; }
.clearfix { clear:both; }
* 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; }
#extraWideContainer { float:left; width:937px; padding:25px 0 0; }
#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; }
H4 { font-weight: bold; margin: 0px 0px 3px 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: 0px; }
.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;}
.button_drupal { float:left; height:50px; width:120px; margin:0 20px 0 0; background:url('../images/cms_drupal_normal.gif') 0 0 no-repeat; }
.button_drupal:hover { background:url('../images/cms_drupal_hover.gif') 0 0 no-repeat; }
.button_xsite3 { float:left; height:50px; width:130px; background:url('../images/cms_xsite3_normal.gif') 0 0 no-repeat; }
.button_xsite3:hover { background:url('../images/cms_xsite3_hover.gif') 0 0 no-repeat; }
/* 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;}
/* DIENSTEN */
.dienst_text {margin-bottom: 10px;}
table.more_diensten {background: #f3f1ef;}
table.more_diensten tr td {padding: 15px;}
.dienstennav {overflow: auto; padding: 50px 0px 20px 200px;}
.dienstennav ul {margin: 0px;}
.dienstennav ul li {float: left; list-style-type: none;}
.dienstennav ul li a {display:block; padding: 14px 20px; font-size: 14px; background: url('../images/bg_diensten_nav.png') no-repeat; height: 18px; color: #444;}
.dienstennav ul li a.tab1 {background-position: left 0px; border-right: 1px solid #d9d9d9;}
.dienstennav ul li a.tab2 {background-position: center 0px; border-left: 1px solid #FFF; border-right: 1px solid #d9d9d9;}
.dienstennav ul li a.tab3 {background-position: right 0px; border-left: 1px solid #FFF; }
.dienstennav ul li.active a.tab1:hover,
.dienstennav ul li.active a.tab1 {background-position: left -55px;}
.dienstennav ul li.active a.tab2:hover,
.dienstennav ul li.active a.tab2 {background-position: center -55px;}
.dienstennav ul li.active a.tab3:hover,
.dienstennav ul li.active a.tab3 {background-position: right -55px;}
.dienstennav ul li a.tab1:hover {background-position: left -110px; border-right: 1px solid #d9d9d9;}
.dienstennav ul li a.tab2:hover {background-position: center -110px; border-left: 1px solid #FFF; border-right: 1px solid #d9d9d9;}
.dienstennav ul li a.tab3:hover {background-position: right -110px; border-left: 1px solid #FFF; }
/* DIENSTEN OLD */
#diensten-intro { padding:10px 0 40px 20px; }
#diensten-intro td { vertical-align:middle; padding:15px 0; }
#diensten-intro .first { border-top:1px solid #eee; }
#diensten-intro .spacer { width:20px; }
#diensten-intro .icon { border-bottom:1px solid #eee; }
#diensten-intro .title { border-bottom:1px solid #eee; }
#diensten-intro .title a { display:block; width:225px; padding:10px 20px 10px 10px; color:#666; font-weight:bold; }
.dienst .top { padding:25px 20px 10px; background:url('../images/bg_diensten_top.gif') center top no-repeat; }
.dienst .top .icon { float:left; }
.dienst .top .title { float:left; width:730px; margin:15px 0 0 20px; }
.dienst .top .title h2 { font-size:32px; color:#646464; }
.dienst .top .back-to-top { }
.dienst .content { position:relative; }
.dienst .content .image { position:absolute; }
.dienst .content .text { position:absolute; }
/* 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; }
/*---- PROFILE PAGES -----
#profilepage { position:relative; z-index:2; padding:150px 0 0; }
#profilebox {
height:430px; width:270px; margin:0 auto; padding:5px; background:#FFF; text-align:center;
border:4px solid #ddd;
-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
}
#pp_logo { height:0; width:200px; margin:25px auto 10px; padding:75px 0 0; overflow:hidden; background:url('../images/profile_pages_logo.gif') no-repeat; }
#profilebox .adr { height:75px; margin:10px 0; }
#profilebox .fn { font-weight:bold; font-size:34px; line-height:38px; }
#profilebox .fnc { font-size:16px; line-height:24px; }
#pp_buttons a { display:block; overflow:hidden; height:0px; margin:0 0 8px; padding:43px 0 0; background:url('../images/profile_pages_buttons.gif') no-repeat; }
#pp_buttons a.tel { background-position:25px 0px; }
#pp_buttons a.email { background-position:25px -54px; }
#pp_buttons a.linkedin { background-position:25px -106px; }
*/
/*---- PROFILE PAGES MOBILE -----*/
#profilepage { position:relative; z-index:2; padding:10px; }
#profilebox {
margin:0 auto; padding:5px; background:#FFF; text-align:center;
border:4px solid #ddd;
-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
}
#pp_logo { height:0; margin:25px auto 10px; padding:75px 0 0; overflow:hidden; background:url('../images/profile_pages_logo.gif') no-repeat; }
#profilebox .adr { height:75px; margin:10px 0; }
#profilebox .fn { font-weight:bold; font-size:34px; line-height:38px; }
#profilebox .fnc { font-size:16px; line-height:24px; }
/*
#pp_buttons a { display:block; overflow:hidden; height:0px; margin:0 0 8px; padding:43px 0 0; background:url('../images/profile_pages_buttons.gif') no-repeat; }
#pp_buttons a.tel { background-position:25px 0px; }
#pp_buttons a.email { background-position:25px -54px; }
#pp_buttons a.linkedin { background-position:25px -106px; }
*/