body { font-family: Helvetica, Arial, Tahoma, Sans-Serif; font-size: 9pt; color: #000000; background-color: #ffffff; }

#stickyHeader { background-color: #004a7f; color: #ffffff; font-weight: bold; padding: 3px; display: none; }
#stickyHeaderNoShow { float: right; margin-right: 30px; }
#stickyHeader a, #stickyHeaderNoShow a { color: #ffffff; }

/*--- GENERICS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a img { border: 0; }
.input-numeric { text-align: right; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.regular-table tr  th { text-align: left; }

div.error { color: red; font-weight: bold; }
div.warning { color: blue; font-weight: bold; border: 2px solid blue; }

/*--- MAIN COLUMNS -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#main-body { width: 100%; text-align: center; margin: 0; padding: 0; }
#main-column { width: 1004px; text-align: center; margin: auto; }
#main-content { width: 972px; text-align: left; margin: auto; }
#javascript-enabled{width: 972px; text-align: center; margin-bottom: 20px;}
#main-logo {}
#main-header { font-size: 12px; float: right; width: 340px; }
#main-header a { text-decoration: none; color: Black; padding-right: 20px; height: 21px; vertical-align: sub; }
#main-header a:hover { color: Blue; }

/*--- ADVERTISEMENTS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#leaderboard { float: right; width: 728px; height: 90px; margin-top: -100px; text-align: right; vertical-align: bottom; }
#leaderboard img { margin-top: 10px; }

/*--- LOGIN ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.login-input { width: 250px; }
#login-panel-button { cursor: pointer; }
#login-panel-options { float: right; font-size: 10pt; display: none; }
#login-panel-options a { color: #ffffff; text-decoration: none; padding-left: 5px; padding-right: 5px; }
#login-panel-container { display: none; z-index: 99; height: 300px; position: absolute; width: 972px; margin-left: -5px; margin-top: 5px; }
#login-panel-container #login-panel { margin-top: 0px; padding: 10px; }
#login-panel-left { float: left; width: 460px; height: 280px; }
#login-panel-right { float: left; width: 460px; border-left: 1px solid white; height: 280px; padding-left: 20px; }
.login-link { color: #ffffff; }
.userlogininput { width: 150px; }
/* nested iFrame element (/bouwkosten/library.aspx) */
#login-required { display: none; z-index: 99; height: 100%; position: absolute; width: 100%; background: url('/images/master/sliders/bg-black.png'); vertical-align: middle; text-align: center; } 
#login-required #login-required-container { border: 1px solid black; background-color: #ffffff; cursor: pointer; width: 600px; height: 240px;  margin: auto; text-align: left; padding: 20px; position: relative; top: 10%; }
#login-required div div { width: 100%; text-align: center; }
#login-required div div img { padding: 5px; border: 1px solid #7fa4bf; }

/*--- LEVERANCIER-INFO -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#leverancier-info-container { width: 972px; clear: both; }
#leverancier-info-container  div { padding: 10px; margin-bottom: 10px; }
#leverancier-info-text { width: 772px; float: right; }
#leverancier-info-text h4 { margin-top: 0px; margin-bottom: 9px; font-size: 12pt; color: #000000; }
#leverancier-info-text a { text-decoration: none; }
#leverancier-info-image { width: 140px; float:left; text-align: center; height: 63px; background-color: #ffffff; }                        
/*.architectuur-leverancier { background-color: #968fbd; }*/
.architectuur-leverancier#leverancier-info-text a, .architectuur-leverancier#leverancier-info-text { color: #695ea1; }

/*--- PAGINATOR --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.paginator { display: none; }
.pagedNumbers { margin-top: 20px; list-style:none; padding: 0; margin-left: 0; }
.pagedNumbers li { list-style: none; display: inline; font-size:12px; color:#666; }
.pagedNumbers li a { padding: 4px; }
.pagedNumbers li a.activePage { color:#333333;  background:#ebf7fd; }

/*--- HEADER : SOCIAL BUTTONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#social-buttons { width: 120px; float: right; }
#social-buttons a { padding-right: 0px; width: 21px; height: 21px; display: inline-block; }
#social-youtube { background: url('/images/master/social-buttons.png') 0px 0px }
#social-linkedin { background: url('/images/master/social-buttons.png') -22px 0px }
#social-facebook { background: url('/images/master/social-buttons.png') -44px 0px }
#social-twitter { background: url('/images/master/social-buttons.png') -66px 0px }
#social-rss { background: url('/images/master/social-buttons.png') -88px 0px }
#social-youtube:hover { background: url('/images/master/social-buttons.png') 0px -24px }
#social-linkedin:hover { background: url('/images/master/social-buttons.png') -22px -24px }
#social-facebook:hover { background: url('/images/master/social-buttons.png') -44px -24px }
#social-twitter:hover { background: url('/images/master/social-buttons.png') -66px -24px }
#social-rss:hover { background: url('/images/master/social-buttons.png') -88px -24px }

#main-spacer { clear: both; height: 15px; }

/*--- FOOTER -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer { width: 972px; height: 20px; margin-top: 20px; display: block; clear: both; }
.footer-container-bouwnieuws table tr td p a { text-decoration: none; color: #009ee0; }
.footer-container-bouwkosten table tr td p a { text-decoration: none; color: #004a7f; }
.footer-container-bouwdetails table tr td p a { text-decoration: none; color: #9d0d15; }
.footer-container-bouwtechniek table tr td p a { text-decoration: none; color: #9d0d15; }
.footer-container-architectuur table tr td p a { text-decoration: none; color: #695ea1; }
.footer-container-evenmenten table tr td p a { text-decoration: none; color: #97b314; }
#bouwnieuws_footer { background-color: #009ee0; }
#bouwkosten_footer { background-color: #004a7f; }
#bouwdetails_footer { background-color: #9d0d15;  }
#bouwtechniek_footer { background-color: #9d0d15;  }
#architectuur_footer { background-color: #695ea1;  }
#evenementen_footer { background-color: #97b314; }
#webwinkel_footer { background-color: #37a600; }
#footer-container { width: 972px; text-align: center; background: url('/images/master/footer_bg.png') repeat-x; }
#footer-container table tr td p a:hover { color: #000000; }
#sitemap-table { width: 950px; text-align: left; margin: auto; }
.sitemap-header { width: 180px; font-weight: bold; }

/*missing element: general!! */

/*--- HEADER : MENU ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu, #submenu { border-collapse: collapse; width: 972px; table-layout:fixed; }
#submenu { margin-bottom: 20px; }
#menu tr td { font-weight: normal; font-size: 12px; background-color: Black; height: 28px; text-align: center; border-right: 1px solid white; border-bottom: 1px solid white; }
#submenu tr td { background: url('/images/master/arrow-right.png') no-repeat 2px 5px; font-weight: normal; font-size: 12px; background-color: Black; height: 28px; text-align: center; border-right: 1px solid white; border-bottom: 0px; }
#menu tr td a, #submenu tr td a { padding-left: 5px; padding-right: 5px; overflow: visible; white-space:nowrap; text-decoration: none; display: inline; height: 28px; min-height: 28px; vertical-align: sub; color: White; text-align: center; }
.hovertable tr td { text-align: left !important; margin-left: 10px; padding-left: 10px; }
.hovertable tr td a { background: url('/images/master/arrow-right.png') -10px 0px no-repeat; padding-left: 5px; padding-right: 5px; overflow: visible; white-space:nowrap; text-decoration: none; display: inline; height: 28px; min-height: 28px; color: White;  }

#submenu tr.bouwnieuws { background-color: #009ee0; width: 972px; }
#submenu tr td.bouwnieuws_nohover { background-color: #009ee0; width: 40%; }
#menu tr td.bouwnieuws, #submenu tr td.bouwnieuws { background-color: #009ee0; }
#menu tr td.bouwnieuws:hover, #menu tr td.bouwnieuws_hover:hover, #submenu tr td.bouwnieuws:hover { background-color: #80cff0; }

#submenu tr.bouwkosten, #submenu tr td.bouwkosten { background-color: #004a7f; width: 972px; }
#menu tr td.bouwkosten, #submenu tr td.bouwkosten { background-color: #004a7f; }
#menu tr td.bouwkosten:hover, #menu tr td.bouwkosten_hover:hover, #submenu tr td.bouwkosten:hover { background-color: #7fa4bf; }

#submenu tr.bouwdetails, #submenu tr td.bouwdetails { background-color: #9d0d15; width: 972px; }
#submenu tr td.bouwdetails_nohover { background-color: #9d0d15; width: 40%; }
#menu tr td.bouwdetails, #submenu tr td.bouwdetails { background-color: #9d0d15;  }
#menu tr td.bouwdetails:hover, #menu tr td.bouwdetails_hover:hover, #submenu tr td.bouwdetails:hover { background-color: #ce868a; }

/* oude bouwtechniek*/
#submenu tr.bouwtechniek, #submenu tr td.bouwtechniek { background-color: #9d0d15; width: 972px; }
#menu tr td.bouwtechniek, #submenu tr td.bouwtechniek { background-color: #9d0d15;  }
#menu tr td.bouwtechniek:hover, #menu tr td.bouwtechniek_hover:hover, #submenu tr td.bouwtechniek:hover { background-color: #ce868a; }

#submenu tr.architectuur, #submenu tr td.architectuur { background-color: #695ea1; width: 972px; }
#submenu tr td.architectuur_nohover { background-color: #695ea1; width: 60%; }
#menu tr td.architectuur, #submenu tr td.architectuur { background-color: #695ea1;  }
#menu tr td.architectuur:hover, #menu tr td.architectuur_hover:hover, #submenu tr td.architectuur:hover { background-color: #968fbd; }

#submenu tr.evenementen, #submenu tr td.evenementen { background-color: #97b314; width: 972px; }
#menu tr td.evenementen, #submenu tr td.evenementen { background-color: #97b314; }
#menu tr td.evenementen:hover, #menu tr td.evenementen_hover:hover, #submenu tr td.evenementen:hover { background-color: #cbd98a; }

#submenu tr.webwinkel, #submenu tr td.webwinkel { background-color: #37a600; width: 972px; }
#submenu tr td.webwinkel_nohover { background-color: #37a600; }
#menu tr td.webwinkel, #submenu tr td.webwinkel { background-color: #37a600; }
#menu tr td.webwinkel:hover, #menu tr td.webwinkel_hover:hover, #submenu tr td.webwinkel:hover { background-color: #9bd27f; }

#menu tr td.general-nohover { width: 380px; }
/*missing element: general!! */
#menu tr td.general:hover, #menu tr td.general_hover:hover, #submenu tr td.general:hover { background-color: #c8b39a; }

#menu tr td.info:hover, #menu tr td.info_hover:hover, #submenu tr td.info:hover { background-color: #ff9e2a; }

.td_spacer { width: 20px; }
.hovermenu { position: relative; z-index: 99; float: left; top: 2px; display: none; }
.hovertable { position: absolute; }
.hovertable .bouwnieuws_spacer td { background-color: #80cff0 !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwkosten_spacer td { background-color: #7fa4bf !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwdetails_spacer td { background-color: #ce868a !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwtechniek_spacer td { background-color: #ce868a !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwarchitectuur_spacer td { background-color: #968fbd !important; height: 2px !important; line-height: 2px; }
.hovertable .evenementen_spacer td { background-color: #cbd98a !important; height: 2px !important; line-height: 2px; }
.hovertable .webwinkel_spacer td { background-color: #37a600 !important; height: 2px !important; line-height: 2px; }

.no_arrow { background-image: none !important; }

/*--- MASTER: CAROUSEL -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* old
#twoband_sidecontent #car4-wrapper { width: 340px; height: 340px; margin: 0px 0px 0px 20px; overflow: hidden; position: relative; left: 0px; top: 0; display: inline-block; }
#threeband_sidecontent #car4-wrapper { width: 160px; height: 620px; margin: -10px 0px 0px 20px; overflow: hidden; position: relative; left: 0px; top: 0; display: inline-block; }
#car4-wrapper * { color: #fff; }
#car4-wrapper .carousel { display: block; float: left; width: 160px; height: 142px; margin-top: 10px; overflow: hidden; }
#car4-wrapper .carousel img { display: block; } 
#car4-wrapper .carousel div { position:relative; background-color: #424242; background-image:url(/images/master/sliders/bg_black.png); width: 160px; height: 142px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha

(Opacity=80)"; filter:alpha(opacity=80); }
#car4-wrapper .carousel div h3 { font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:0.15em; line-height:120%; height: 40px; margin: 0; padding: 2px; }
#car4-wrapper .carousel div p { height: 140px; margin: 0; }
*/
#twoband_sidecontent #car4-wrapper { width: 340px; height: 340px; margin: 0px 0px 0px 20px; overflow: hidden; position: relative; left: 0px; top: 0; display: inline-block; }
#threeband_sidecontent #car4-wrapper { width: 160px; height: 620px; margin: -10px 0px 0px 20px; overflow: hidden; position: relative; left: 0px; top: 0; display: inline-block; }
#car4-wrapper * { color: #fff; text-align: left; }
#car4-wrapper .carousel { display: block; float: left; width: 160px; height: 140px; overflow: hidden; margin-top: 10px; margin-left: 5px; text-align: left; }
#car4-wrapper .carousel img { display: block; width: 160px; height: 140px; } 
#car4-wrapper .carousel span { z-index: 2; background-color: #424242; background-image:url('/images/master/sliders/bg_black.png'); width: 160px; height: 40px; position:absolute; margin-top: -40px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } 
#car4-wrapper .carousel span h3 { font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:0.15em; line-height:120%; height: 40px; margin: 0; padding: 4px; }
#car4-wrapper .carousel div { z-index:3; padding: 5px; position:relative; background-color: #424242; background-image:url(/images/master/sliders/bg_black.png); width: 160px; height: 140px; margin-top: -140px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); }
#car4-wrapper .carousel div h3 { font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:0.15em; line-height:120%; height: 40px; margin: 0; padding: 2px; }
#car4-wrapper .carousel div p { height: 140px; margin: 0; }

/*--- MASTER: IFRAME ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#fullspan-head-first { width: 100%; display: inline-block; padding: 5px; font-size: 10pt; font-weight: normal; color: #ffffff; margin-top: 5px; }
#fullspan-head-first img { margin-right: 10px; }
#fullspan-head-first.bouwkosten { background-color: #014980; }
#iframe-content { padding: 20px; }

/*--- MASTER: THREEBAND ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#threeband { border-collapse: collapse; width: 972px; }
#threeband tr td { vertical-align: top; }
#threeband_content { width: 620px; text-align: justify; line-height: 18px; }
#threeband_add { width: 120px !important; text-align: center; vertical-align: top; }
#threeband_sidecontent { width: 160px; text-align: right; }
#threeband_large-rectangle { margin-top: 20px; text-align: center; padding-top: 20px; }
#threeband-incontent-add { text-align: center; width: 620px; padding-bottom: 20px; }

/*--- MASTER: TWOBAND --------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#twoband { border-collapse: collapse; width: 972px; }
#twoband tr td { vertical-align: top; }
#twoband_content { width: 620px; }
#twoband_sidecontent { width: 160px; }
#twoband_large-rectangle { margin-top: 20px; text-align: center; padding-top: 20px; }
#twoband-incontent-add { text-align: center; width: 620px; padding-bottom: 20px; }

#main-head-first { width: 972px; display: inline-block; padding: 5px; font-size: 10pt; color: #ffffff; margin-top: 0px; }
#twoband-head-first { width: 962px; display: inline-block; padding: 5px; font-size: 10pt; font-weight: normal; color: #ffffff; margin-top: 0px; border-bottom: 1px solid #ffffff; }
#twoband-head-first img { margin-right: 10px; }
#twoband-head-first.bouwkosten { background-color: #014980; }
#twoband-head-first.bouwdetails, #main-head-first.bouwdetails { background-color: #9d0d15;  }
#twoband-head-first.architectuur, #main-head-first.architectuur { background-color: #695ea1;max-width: 962px !important; }
#twoband-head-first.webwinkel, #main-head-first.webwinkel { background-color: #37a600; }
#main-head-first.bouwdetails { width: 952px !important; }
#twoband-head-first.informatie { background-color: #ff9e2a; }

#twoband-head-second { width: 962px; display: inline-block; padding: 5px; font-size: 10pt; font-weight: normal; color: #ffffff; }
#twoband-head-second img { margin-right: 10px; }
#twoband-head-second table tr td { font-size: 10pt; }
#twoband-head-second.bouwkosten { background-color: #7fa4bf; }
#twoband-head-second.bouwkosten #login-panel-container { background: url('/images/master/backdrops/t-blue.png'); }
#twoband-head-second.bouwdetails { background-color: #ce868a; }
#twoband-head-second.bouwdetails #login-panel-container { background: url('/images/master/backdrops/t-red.png'); }
#twoband-head-second.webwinkel { background-color: #9bd27f; }
#twoband-head-second.webwinkel #login-panel-container { background: url('/images/master/backdrops/t-green.png'); }

/*--- BOUWNIEUWS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h2.sidecontent { color: #ffffff; font-weight: bold; font-size: 12pt; padding: 3px; width: 152px; }
#humor { width: 160px; margin-bottom: 20px; }
#humor h2 { background-color: #f2a5c5; }
#editions { width: 160px; background-color: #e4f5fc; margin-bottom: 20px; height: 200px; min-height: 200px; }
#editions h2 { background-color: #85bdd3; }
#editions_scroller { width: 160px; }
.editions_scroller_button { vertical-align: middle !important; width: 20px; }
.editions_scroller_button img { cursor: pointer; }
#editions_container { width: 140px; vertical-align: top; text-align: center; }
.editions_item { display: none; }

.bouwnieuws-article { margin-bottom: 20px; }

.bouwnieuws-article-header { width: 620px; border-collapse: collapse; }
.bouwnieuws-article-header tr td { padding: 5px; }
.bouwnieuws-article-header tr td a { display: inline; color: #ffffff; }
.bouwnieuws-article-header tr td h2 { display: inline; color: #ffffff; font-size: 12px; padding-left: 4px; }

.bouwnieuws-article-header#bouwnieuws { background-color: #90b1da; }
.bouwnieuws-article-header#columns { background-color: #c1d08b; }
.bouwnieuws-article-header#productnieuws { background-color: #f4b69d; }
.bouwnieuws-article-header#advertorial { background-color: #30b0e6; }
.bouwnieuws-article-header#video { background-color: #525252; }
.bouwnieuws-article-header#faillissementen { background-color: #525252; width: 336px; text-align: left; }

.bouwnieuws-article-megaphone { width: 620px; border-collapse: collapse; }
.bouwnieuws-article-megaphone tr td { padding: 5px; }
.bouwnieuws-article-megaphone tr td a h1 { display: inline-block; font-size: 12pt; margin-top: 2px; margin-bottom: 2px; color: #000000; }
.bouwnieuws-article-megaphone-image { width: 150px; }
.bouwnieuws-article-megaphone-image-small { width: 75px; }
.bouwnieuws-article-megaphone-image-logo { width: 120px; height: 60px; border: 15px solid #ffffff !important; }
.bouwnieuws-article-megaphone#bouwnieuws img { border: 1px solid #90b1da; }
.bouwnieuws-article-megaphone#columns img { border: 1px solid #c1d08b; }
.bouwnieuws-article-megaphone#productnieuws img { border: 1px solid #f4b69d; }
.bouwnieuws-article-megaphone#advertorial img { border: 1px solid #30b0e6; }
.bouwnieuws-article-megaphone#video img { border: 1px solid #525252; width: 140px; }

.bouwnieuws-article-megaphone#bouwnieuws, .bouwnieuws-article-list-bouwnieuws:hover { background-color: #e8eff7; }
.bouwnieuws-article-megaphone#columns, .bouwnieuws-article-list-columns:hover { background-color: #f3f5e8; }
.bouwnieuws-article-megaphone#productnieuws, .bouwnieuws-article-list-productnieuws:hover { background-color: #fdf0ea; }
.bouwnieuws-article-megaphone#advertorial, .bouwnieuws-article-list-advertorial:hover { background-color: #ccecf9; }

.bouwnieuws-article-megaphone#video { background-color: #d9d9d9; }
.bouwnieuws-article-megaphone#video tr td { text-align: center; }
.bouwnieuws-article-megaphone#video tr td a { text-align: center; width: 120px; max-width: 120px; }
.bouwnieuws-article-list-more { border-top: 1px solid silver; }
.bouwnieuws-article-list { margin-top: 5px; width: 620px; border-collapse: collapse;  }
.bouwnieuws-article-list tr { cursor: pointer; }
.bouwnieuws-article-list tr td { font-size: 9pt; }
.bouwnieuws-article-list tr td:first-child { font-weight: bold; }

/*
.bouwnieuws-article-megaphone#faillissementen { background-color: #d9d9d9; width: 336px; }
.bouwnieuws-article-faillissementen { margin-left: -140px; }
.bouwnieuws-article-list-faillissementen { cursor: pointer; margin-top: 5px; width: 336px; border-collapse: collapse; border-bottom: 1px solid #525252;}
.bouwnieuws-article-list-faillissementen tr { cursor: pointer; }
.bouwnieuws-article-list-faillissementen tr td { font-size: 9pt; vertical-align: top; }
.bouwnieuws-article-list-faillissementen tr td:first-child { font-weight: bold; white-space: pre; }
.bouwnieuws-article-list-faillissementen-value { font-weight: bold; max-width: 180px !important; height: 32px; text-align: left; }
.bouwnieuws-article-footer-faillissementen { background-color: #d9d9d9; }
.bouwnieuws-article-footer-faillissementen td { background: url('/images/master/graydon.png') 0px 5px no-repeat; height: 39px; }
*/

#bouwnieuws-header { color: #009de0; font-size: 14pt; font-weight: bold; }
h3.bouwnieuws-content-intro { font-size: 10pt; font-weight: bold; }
#bouwnieuws-content-container { min-height: 220px !important; }
.bouwnieuws-content-image { float: right; background-color: #f0f0f0; padding: 5px; clear: both; }
.bouwnieuws-content-image img { width: 300px; }
.bouwnieuws-content-image-subtext { font-size: 9pt; font-style: italic; }
h4.bouwnieuws-content-quote { font-style: italic; color: #909090; font-family: Times New Roman; font-size: 12pt; }
#bouwnieuws-footer { background-color: #009de0; text-align: right; }
.bouwnieuws-footer-item { border-right: 1px solid white; display: inline; padding: 4px; text-align: left; }
.bouwnieuws-footer-item a { text-decoration: none; color: White; font-weight: bold; padding-right: 5px;}
.bouwnieuws-footer-item a img { vertical-align:middle; margin-right: 5px; }
.bouwnieuws-footer-item-last { border-right: 0px; }
#bouwnieuws-content-add { width: 100%; padding: 20px; text-align: center; }
#bouwnieuws-content-more { border-top: 1px solid #009de0; color: #009de0; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }

.bouwnieuws-agenda-header { width: 620px; display: inline-block; padding: 5px; font-size: 10pt; color: #ffffff; margin-top: 20px; background-color: #c8b39a; }
.bouwnieuws-article-megaphone { text-align: justify; }
.bouwnieuws-article-megaphone-date { background: url('/images/master/bouwnieuws/agenda_day.png') no-repeat; width: 45px; height: 40px; padding-left: 10px; padding-top: 12px; font-size: 20px; color: #ffffff; float: left; }
.bouwnieuws-article-megaphone#agenda { background-color: #f4f0eb; width: 640px; }
.bouwnieuws-article-megaphone#agenda h1 { display: inline-block; color: #acacac; clear: both; font-size: 13pt;}
.bouwnieuws-article-megaphone#agenda h2 { font-size: 10pt; margin-top: 0px; }
.bouwnieuws-article-megaphone#agenda .bouwnieuws-article-megaphone-title { max-height: 80px !important; margin-bottom: -20px; }
#megaphone-full-text { display: none; }
#megaphone-readmore { cursor: pointer; }
.bouwnieuws-agenda-item { border-bottom: 1px solid #f4f0eb; }
.bouwnieuws-agenda-buttons { float: right; width: 140px; height: 50px; margin-top: -30px; vertical-align: text-top; }
.bouwnieuws-agenda-website, .bouwnieuws-agenda-registreren { margin-right: 10px; }
.bouwnieuws-agenda-item h1 { color: #acacac; font-size: 13pt; }
.bouwnieuws-agenda-item h2 { font-size: 11pt; }

.bouwnieuws-video-image { margin-right: 10px; vertical-align: text-top; }
#bouwnieuws-library-header { height: 22px; padding: 5px; background-color: #009ee0; color: #ffffff; font-size: 12pt; font-weight: bold; }
#youtube { margin-bottom: 20px; text-align: center; }

#bouwnieuws-partners { width: 972px; max-width: 972px; overflow: hidden; margin-top: 20px; }
#bouwnieuws-viewport { height: 82px; }
#bouwnieuws-viewport ul { list-style-type: none; display: inline; margin-left: 10px;}
#bouwnieuws-viewport ul li { display: inline; margin-right: 24px; }
#bouwnieuws-viewport ul li a img { padding: 10px; border: 1px solid silver; display:inline; }



/*--- BOUWDETAILS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.bouwdetails_group-container { margin-top: 10px; }
div.bouwdetails_group { width: 140px; height: 140px; display: inline; padding: 5px; }
div.bouwdetails_group a img { padding: 5px; border: 1px solid #7fa4bf; }
.bouwdetails-lib { width: 952px; }
.bouwdetails-lib-details { width: 220px; vertical-align: top; }
.bouwdetails-lib-flash { width: 732px; }
#bouwdetails-lib-flash { vertical-align: top; }
#bouwdetails-lib-flash-stub { display: none; }
.bouwdetails-lib-information { width: 732px; }

#bouwdetails-logo-container { text-align: center; margin-top: 20px; }
.bouwdetails-logo { display: inline; width: 130px; height: 120px; margin-right: 24px; margin-bottom: 5px; float: left; }
.bouwdetails-logo a { text-decoration: none; }
.bouwdetails-logo a table { width: 130px; height: 80px; }
.bouwdetails-logo-span { width: 5px; max-width: 5px; background-color: #ce868a; height: 30px; }
.bouwdetails-logo-name { vertical-align: middle !important; text-align: center; /*background-color: #ce868a; */ color: #000000; height: 30px; font-size: 9pt; }
.bouwdetails-logo a img { padding: 5px; border: 1px solid #ce868a; }

/*--- iframe: details ---*/
#bouwdetails-scroller { width: 210px; height: 880px; overflow: hidden; } /* widt-height: see /bouwdetails/lib.aspx */
#bouwdetails-scroll-up { width: 210px; height: 33px; background: url('/images/master/buttons/up.png') 0px 0px; cursor: pointer; }
#bouwdetails-scroll-up:hover { background: url('/images/master/buttons/up.png') 0px 33px; }
#bouwdetails-scroll-down { position: absolute; top: 823px; width: 210px; height: 33px; background: url('/images/master/buttons/down.png') 0px 0px; cursor: pointer; }
#bouwdetails-scroll-down:hover { background: url('/images/master/buttons/down.png') 0px 33px; }
#bouwdetails-scroll-content { border: 1px solid silver; height: 780px; overflow: hidden; padding: 3px; }
#bouwdetails-scroll-content table { margin-left: 2px; }

/*--- iframe: info ---*/
.bouwdetails-info-container { margin-bottom: 1px; }
.bouwdetails-info-header { background-color: #9d0d15; font-size: 10pt; font-weight: normal; color: #ffffff; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; cursor: pointer; }
.bouwdetails-info-arrow { float: right; margin-top: 3px; margin-right: 3px; }
.bouwdetails-info-content { clear: both; display: none; background-color: #ffffff; height: 165px; overflow-y: scroll; padding: 5px; }
.bouwdetails-info-content a img { margin: 2px; padding: 3px; border: 1px solid #7fa4bf;  }
.bouwdetails-info-content-kosten { height: 20px; line-height: 20px; vertical-align: middle; font-weight: bold; padding-left: 15px; background: url('/images/master/arrows/bouwnieuws/productnieuws.png') no-repeat 0px 4px; }
.bouwdetails-info-content-kosten a { text-decoration: none; color: #000000; }
.bouwdetails-info-content-kosten:hover { background-color: #ce868a; color: #ffffff; }

/*--- iframe: detail ---*/
#bouwdetails-header-extrainfo { font-size: 8pt; }
#bouwdetails-header-options { float: right; font-size: 8pt; margin-top: -3px; }
.bouwdetails-header-options-item { border-right: 1px solid white; display: inline; padding: 4px; text-align: left; }
.bouwdetails-header-options-item a { text-decoration: none; color: White; font-weight: bold; padding-right: 5px;}
.bouwdetails-header-options-item a img { vertical-align:middle; margin-right: 5px; }
.bouwdetails-header-options-item-last { border-right: 0px; }
#bouwdetails-library-header { height: 22px; padding: 5px; background-color: #ce868a; color: #ffffff; font-size: 12pt; font-weight: bold; }
#bouwdetails-library-header-counter { display: inline; font-size: 8pt; padding-right: 5px; margin-right: 5px; border-right: 1px solid white; }
#bouwdetails-library-header-counter img { vertical-align: text-bottom; }
#splitter-container { width: 100%; margin: 0; padding: 0; }
#bouwdetails-leverancier-info { width: 100%; padding: 10px; text-align: center; }
#bouwdetails-leverancier-info #leverancier-info-container { clear: both; display: block; margin: auto; text-align: left; }
#detail-container { width: 100%; text-align: center; clear: both; }
#detail-container img { margin: auto; }
#ContentPlaceHolder1_saveButton { vertical-align: middle; }
#ContentPlaceHolder1_savePsiButton { vertical-align: middle; }

/*--- ARCHITECTUUR -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#architectuur-content { display: block; clear: both; }
#architectuur-logo-container { margin-top: 20px; }
.architectuur-logo { display: inline; width: 130px; height: 70px; margin-right: 5px; margin-bottom: 5px; }
.architectuur-logo a img { padding: 5px; border: 1px solid #7fa4bf; }
#architectuur-project { width: 972px; max-width: 972px; clear: both !important; }
#architectuur-project-navigation a { padding-left: 10px; padding-right: 10px; text-decoration: none; }
#architectuur-project tr th { background-color: #695ea1; color: #ffffff; font-weight: bold; font-size: 10pt; padding: 3px; }
#architectuur-project tr th a { text-decoration: none; color: #ffffff }
#architectuur-project-iframe-column { width: 220px; }
#architectuur-project tr td { vertical-align: top; }
#architectuur-project tr td#image-slider { height: 400px; } 
#architectuur-project tr td h2 { color: #695ea1; font-size: 13pt; margin-top: 20px; margin-bottom: 0px; }
#architectuur-project tr td h3 { margin: 0px; font-size: 13pt; }
#architectuur-readmore { text-align: right; font-weight: bold; cursor: pointer; }
.architectuur-title { display: inline; width: 200px; font-weight: bold; float: left; clear: both; }
.architectuur-title-value { float: left;  }
#architectuur-readmore-text { display: none; margin-bottom: 20px; }

/*--- iframe: details ---*/
#architectuur-scroller { width: 210px; height: 880px; overflow: hidden; } /* widt-height: see /architectuur/lib.aspx */
#architectuur-scroll-up { width: 210px; height: 33px; background: url('/images/master/buttons/up.png') 0px 0px; cursor: pointer; }
#architectuur-scroll-up:hover { background: url('/images/master/buttons/up.png') 0px 33px; }
#architectuur-scroll-down { position: absolute; top: 823px; width: 210px; height: 33px; background: url('/images/master/buttons/down.png') 0px 0px; cursor: pointer; }
#architectuur-scroll-down:hover { background: url('/images/master/buttons/down.png') 0px 33px; }
#architectuur-scroll-content { border: 1px solid silver; height: 780px; overflow: hidden; padding: 3px; }
#architectuur-scroll-content table { margin-left: 2px; }

/*--- iframe: detail ---*/
#architectuur-header-extrainfo { font-size: 8pt; }
#architectuur-header-options { float: right; font-size: 8pt; margin-top: -3px; }
.architectuur-header-options-item { border-right: 1px solid white; display: inline; padding: 4px; text-align: left; }
.architectuur-header-options-item a { text-decoration: none; color: White; font-weight: bold; padding-right: 5px;}
.architectuur-header-options-item a img { vertical-align:middle; margin-right: 5px; }
.architectuur-header-options-item-last { border-right: 0px; }
#architectuur-library-header { height: 22px; padding: 5px; background-color: #695ea1; color: #ffffff; font-size: 12pt; font-weight: bold; }
#architectuur-library-header-counter { display: inline; font-size: 8pt; padding-right: 5px; margin-right: 5px; border-right: 1px solid white; }
#architectuur-library-header-counter img { vertical-align: text-bottom; }
#splitter-container { width: 100%; margin: 0; padding: 0; }
#architectuur-leverancier-info { width: 100%; padding: 10px; text-align: center; }
#architectuur-leverancier-info #leverancier-info-container { clear: both; display: block; margin: auto; text-align: left; }


/*--- BOUWKOSTEN -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bouwkosten-logo-container { text-align: center; margin-top: 20px; }
.bouwkosten-logo { display: inline; width: 130px; height: 120px; margin-right: 24px; margin-bottom: 5px; float: left; }
.bouwkosten-logo a { text-decoration: none; }
#form1 #bouwkosten-logo-container .bouwkosten-logo { height: 75px !important; margin-right: 10px; }
.bouwkosten-logo a table { width: 130px; height: 80px; }
.bouwkosten-logo-span { width: 5px; max-width: 5px; background-color: #7fa4bf; height: 30px; }
.bouwkosten-logo-name { vertical-align: middle !important; text-align: center; /* background-color: #7fa4bf;*/ color: #000000; height: 30px; font-size: 9pt; }
.bouwkosten-logo a img { padding: 5px; border: 1px solid #7fa4bf; }
#bouwkosten-add-container { text-align: center; margin-top: 20px; display: block; clear: both; padding-top: 10px; border-top: 1px solid #7fa4bf; }

#bouwkosten-header-extrainfo { font-size: 8pt; }
#bouwkosten-header-options { float: right; font-size: 8pt; margin-top: -3px; }
.bouwkosten-header-options-item { border-right: 1px solid white; display: inline; padding: 4px; text-align: left; }
.bouwkosten-header-options-item a { text-decoration: none; color: White; font-weight: bold; padding-right: 5px; cursor: pointer; }
.bouwkosten-header-options-item a img { vertical-align:middle; margin-right: 5px; }
.bouwkosten-header-options-item-last { border-right: 0px; }

.bouwkosten-materiaal-file { padding: 3px; }
.bouwkosten-materiaal-file a { text-decoration: none; color: #000000; font-weight: bold;  }
.bouwkosten-materiaal-file a img { height: 16px; width: 16px; vertical-align: text-bottom; }

/*--- iframe: library ---*/
#bouwkosten-library-header { height: 22px; padding: 5px; background-color: #7fa4bf; color: #ffffff; font-size: 12pt; font-weight: bold; }
#splitter-container { width: 100%; margin: 0; padding: 0; }
#splitter-left { width: 250px; overflow: hidden; float: left; }
#splitter { float: left; border-left: 1px solid #014980; border-right: 1px solid #014980; height: 100%; width: 6px; vertical-align: middle; background: url('/images/master/splitter/vgrabber.gif') center center no-repeat; cursor: w-resize; }
#splitter:hover { background-color: #7fa4bf; } 
#splitter-right { float: right; height: 100%; }
#toelichting-container { min-height: 220px !important; }

/*--- calculatie ---*/
.calculatie-informatie { width: 100%; }
.calculatie-accordion { cursor: pointer; background-color: #014980; padding: 5px; font-size: 10pt; font-weight: normal; color: #ffffff; margin-top: 5px; }
.calculatie-accordion img { margin-right: 10px; }
.calculatie-container { background-color: #bbcdd9; padding: 10px; }
#bouwkosten-logo-container.calculatie-container { margin-top: 0px; min-height: 130px; }
#bouwkosten-logo-container.calculatie-container, #toelichting-container.calculatie-container { background: #ffffff; }
#toelichting-container img { width: 300px; }
.calculatie-container-hide { display: none; }
#calculatie-container table { width: 100%; border-collapse: collapse; }
#calculatie-container table tr td { white-space: nowrap; font-size: 8pt; padding: 3px; max-width: 50px !important; }
/*#calculatie-container table tr td.allowwrap { white-space: normal; }*/
#calculatie-container table tr td.allowwrap { overflow: hidden; width: 100% !important; }
#calculatie-container table tr td.allowwrap span { overflow:hidden;  }
#calculatie-container table tr th { text-align: left; font-weight: normal; font-size: 8pt; padding: 3px; }
#calculatie-container table tr th.calculatie-total-column { text-align: right; }
#calculatie-container table tr td.calculatie-total-description { font-weight: bold; color: #ffffff; white-space: nowrap; }
#calculatie-container table tr td.calculatie-total-value { color: #014980; font-weight: bold; font-size: 11pt; margin-top: -10px; margin-bottom: 0px; }
#calculatie-container table tr td.calculatie-description-value { color: #014980; font-weight: normal; font-size: 10pt; margin-top: -10px; margin-bottom: 0px; max-width: 50px !important; }
#calculatie-calculate { background-color: #ffffff; margin-top: 20px; width: 100%; }
#calculatie-calculate tr td, #calculatie-calculate tr th { padding: 2px; vertical-align: top; }
#calculatie-calculate-header, #calculatie-calculate-footer { background-color: #014980; color: #ffffff; font-size: 10pt; }
#calculatie-calculate tr td { min-width: 40px; width: 50px; }
#calculatie-calculate tr td input { width: 50px; text-align: right; font-size: 8pt; }
#totaalRegel { text-align: right !important; }
#bouwkosten-omschrijving-column { width: 50% !important; overflow: hidden;}

#kengetallen-header { width: 962px; display: inline-block; padding: 5px; font-size: 10pt; font-weight: normal; color: #ffffff; background-color: #014a7f; margin-top: 20px; margin-bottom: 20px; }
#kengetallen-accordion div { border-bottom: 1px solid white; cursor: pointer; padding: 5px; width: 220px; }
.kengetallen-details-accordion { background-color: #c2d4e0; }
.kengetallen-details-accordion:hover { color: #ffffff; }
.kengetallen-details-accordion-selected { background-color: #014a7f !important; color: #ffffff !important; }
.kengetallen-details-accordion-sub { background-color: #e0e9f0; padding-left: 20px; display: none; }
.kengetallen-details-accordion-sub img { margin-left: 10px; }
/*.kengetallen-details-accordion-sub:hover { color: #ffffff; }*/
.kengetallen-details-accordion-sub-selected { background-color: #40779e !important; color: #ffffff !important; }
#kengetallen-data { display: none; }
#kengetallen-details { display: none; background-color: #014a7f; width: 740px; height: 520px; padding: 10px; }
#kengetallen-details table { float: right; }
#kengetallen-details table tr td { color: #ffffff; vertical-align: top; }
#kengetallen-details-image { width: 716px; }
.kengetallen-detail-input { width: 50px; text-align: right; font-size: 8pt; }
#kengetallen-details-titel { font-size: 12pt; color: #ffffff; margin-bottom: 5px; }
#kengetallen-details-keuze { font-size: 11pt; color: #ffffff; margin-bottom: 5px; }

/*--- VACATURES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.vacature-item { width:100%; margin-bottom: 25px; border-bottom: 1px solid silver; }

/*--- GENERAL ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#general-header-extrainfo { font-size: 8pt; }
#general-header-options { float: right; font-size: 8pt; margin-top: -3px; }
.general-header-options-item { border-right: 1px solid white; display: inline; padding: 4px; text-align: left; }
.general-header-options-item a { text-decoration: none; color: White; font-weight: bold; padding-right: 5px;}
.general-header-options-item a img { vertical-align:middle; margin-right: 5px; }
.general-header-options-item-last { border-right: 0px; }

/*--- iframe: library ---*/
#general-library-header { height: 22px; padding: 5px; background-color: #7fa4bf; color: #ffffff; font-size: 12pt; font-weight: bold; }
#general-container { width: 100%; margin: 0; padding-right: 10px; padding-left: 10px; overflow: scroll; }
.general-item-container-header h4 { color: #7fa4bf; font-size: 11pt; font-weight: bold; margin-top: 0px; }
.general-item-container h5 { color: #7fa4bf; font-size: 10pt; font-weight: bold; }
.general-item-container { display: none; }
table.memberdata { width: 90%; border-collapse: collapse; }
table.memberdata tr td { vertical-align: top; }
table.memberdata tr td.info-text { width: 240px; }
.memberdata-buttons { text-align: right; }
#errormessage { color: Red; font-weight: bold; }

/*--- WEBSHOP ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#webshop-table { margin-top: 20px; }
#webshop-table tr td { vertical-align: top; }
#webshop-table-category { width: 200px; }
#webshop-table-spacer { width: 20px; min-width: 20px; }
#webshop-table-content { max-width: 650px !important; }
#webshop-cart { width: 720px; background-color: #37a600; color: #ffffff; padding: 10px; }
#webshop-cart table { width: 100%; }
#webshop-cart table tr td  a { color: #ffffff; text-decoration: underline; font-weight: bold; }
#webshop-table-category table { border-spacing: 0; }
#webshop-table-category table tr td { border-bottom: 1px solid #37a600; }
.webshop-category-item { height: 22px; vertical-align: middle; width: 248px; background: #d7edcc url('/images/master/arrows/arrow-black-right.png') no-repeat 8px 10px; padding-top: 10px;}
.webshop-category-item:hover { background-color: #e9f5e3; }
.webshop-category-item a { margin-left: 20px; text-decoration: none; color: #000000; }
#webshop-payment-methods { margin-top: 20px; width: 100%; text-align: right; }
.hidden { display: none; }
.webshopTableHeader { font-size: 12pt; color: #37a600; }
.webshopTableOrder { background-color: #cde9bf; padding: 3px; min-width: 600px; }
.webshopTableOrderDescription { color: #37a600; text-decoration: underline; font-weight: bold; cursor: pointer; }
.webshopBasketItems { width: 972px; }
.webshopBasketContainer { width: 100%; }
.webshopBasketItems tr td .submit { background-color: #37a600; color: #ffffff; font-weight: bold; border: 0; padding: 3px; margin-left: 5px; cursor: pointer; }
.webshopBasketItems tr td img { vertical-align: text-top; }
.webshop-image { max-width: 130px; min-width: 130px; }