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

#stickyHeader { background-color: rgb(1,56,147); color: #ffffff; font-weight: bold; padding: 3px; display: none; }
#stickyHeaderNoShow { float: right; margin-right: 30px; }
#stickyHeader a, #stickyHeaderNoShow a { color: #ffffff; }

.style1 a { font-weight: bold; color: black; }
.style1 a:visited { font-weight: bold; color: black; }
.style1 { font-weight: bold; color: rgb(0,157,224); font-family: Arial !important; }

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

input:disabled { 
    background-color: #dfdfdf; 
    border-width: 1px;
}

#main-head-advertisement { border: 1px solid grey; }

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

em.errortext { color: red; }

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

hr.grayed { height: 1px; color: #efefef; background-color: #dfdfdf; border: none; margin:10px 0px 10px 0px; }

.spacer-10-vertical { height: 10px; }
.spacer-15-vertical { height: 15px; }
.spacer-15-horizontal { width: 15px; }
.spacer-16-vertical { height: 16px; }
.spacer-16-horizontal { width: 16px; }
.spacer-25-vertical { height: 25px; }
.spacer-25-horizontal { width: 25px; }
.margin-15-vertical { margin-bottom: 15px; }
.margin-15-horizontal { margin-right: 15px; }
.margin-16-vertical { margin-bottom: 16px; }
.margin-16-horizontal { margin-right: 16px; }
.padding-10-top { padding-top: 10px; }
.padding-10-bottom { padding-bottom: 10px; }
.padding-15-top { padding-top: 15px; }
.padding-15-bottom { padding-bottom: 15px; }
.padding-15-right td { padding-right: 15px; }
.padding-15-left { padding-left: 15px; }
.margin-15-left { margin-left: 15px; }
.margin-15-right { margin-right: 15px; }

.more-link { width: 100%; text-align: right; padding-bottom: 5px; border-bottom: 1px solid silver; }
table.more-link { text-align: left; }
.more-link a { text-decoration: none; cursor: pointer; }
.left { text-align: left !important; }
.less-link { width: 100%; text-align: right; }
.less-link a { text-decoration: none; cursor: pointer; }

.expand { width: 100%; text-align: right; border-bottom: 1px solid silver; }
.expand a { text-decoration: none; }

.expand-webshop a { color: rgb(1,56,147); margin-top: -8px; }

.add_incontent { margin-top: 15px; width: 663px; height: 132px; text-align: left; vertical-align: middle; }
.medium_rectangle { height: 250px; width: 300px; overflow: hidden; }

.news-date { float: left; margin-top: -16px; }
.advert { border: 1px solid silver;  }
.in_content { width:calc(100% - 10px); }

#newsletter { margin-top: 15px; padding: 4px; min-height: 34px !important; }
#newsletter h2 { margin: 0; font-size: 11pt; }

h1 { font-size: 18px; }
h1.more-link { text-align: left; }
h2 { font-size: 16px; }
.newslist-item { min-height: 91px; max-height: 91px !important; padding-top: 10px; padding-bottom: 5px; display: block; }
.newslist-item p { height: 46px; overflow: hidden; line-height: 15px !important; font-size: 10pt !important; }
.newslist-item a { text-decoration: none; }
.newslist-item h2, .newslist-item a h2 { font-size: 14px; text-decoration: none; }
.newslist-item img, .newslist-item a img { float: left; margin-right: 15px; border: 1px solid silver; height: 100px !important; width: 152px !important; }

.max { max-height: none !important; overflow: visible !important; display: block; text-align: justify; line-height: 18px; }
.hidden { display: none; }
.width-100 { width:100%; }

/*--- AUTO-SHOW / HIDE ELEMENTS --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.more-info { display: none; text-align: left; clear: both; }
.readmore-link { cursor: pointer; }

/*--- XSLIDE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.xslide { position: absolute; width: 662px; height: 218px; overflow: hidden; }
.xslide-buttons { width: 662px; height: 214px; }
.xslide-button { z-index: 2; cursor: pointer; position: absolute; width: 32px; height: 32px; opacity: 0.6; margin-left: 20px; margin-right: 20px; margin-top: 80px;}
.xslide-button:hover { opacity: 1.0; }
.xslide-button-left { float: left; background: #000000 url('/images/master/arrows/arrow-white-left.png') no-repeat center center; }
.xslide-button-right { margin-left: 610px; float: right; background: #000000 url('/images/master/arrows/arrow-white-right.png') no-repeat center center; }
.xslide-button-left:hover { background-image: url('/images/master/arrows/arrow-white-left-hover.png'); }
.xslide-button-right:hover { background-image: url('/images/master/arrows/arrow-white-right-hover.png'); }
.xslide-image { float: left; }
.xslide-image a { cursor: pointer; }
.xslide-image a img { height: 214px; margin-right: 15px; border: 1px solid silver; }
.xslide-image a:hover { background: url('/images/master/arrows/magnify.jpg') no-repeat center center; }
.xslide-viewport { z-index: 1; width: 9000px; overflow-x: visible; display: block; clear:both; }
.xslide-anchor { }
.xslide-bottom-spacer { clear: both; height: 216px; min-height: 216px; display: block; }

.xslide-detail-image { width: 320px; height: 214px; text-align: center; border: 1px solid silver; margin-right: 16px; }
.xslide-detail-image a img { border: 0 !important; }
.detail-selector { cursor: pointer; }
#xslide_2 { margin-top: 15px; }
#xslide_large { width: 662px;  border: 1px solid silver; margin-bottom: 15px; }

/*--- MASTER: Nieuws : FOOTER ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bouwnieuws-footer { background-color: #009de0; text-align: right; }
.bouwnieuws-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(0,157,224); }
.bouwkosten-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(1,56,147); }
.bouwdetails-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(88,185,37); }
.bouwtechniek-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(127,127,127); }
.architectuur-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(105,94,161); }
.evenementen-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(255,0,0); }
.webwinkel-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(1,56,147); }
.partners-main-column #content-container tr td #bouwnieuws-footer { background-color: rgb(0,157,224); }

/*#content-container tr td .more-link a { color: #000000 !important; }*/

/*--- MAIN COLUMNS -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#main-body { width: 100%; text-align: center; margin: 0; padding: 0; }
#main-column { width: 978px; text-align: left; margin: auto; padding-top: 15px; }
#javascript-enabled { width: 978px; 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; }

#main-head-advertisement { height: 90px; margin-bottom: 15px; }
#main-side-add { float: right; }
.small_add { border: 1px solid silver; }
#header { border: 1px solid silver; height: 94px; }
#header .header { background-color:white; }
#header.header_test { background-color:orange; }
#header > img { height: 74px; margin-top: 20px; margin-left: 20px; width: 400px; }
#header-right { width: 376px; height: 120px; float: right; padding-top: 4px; padding-right: 10px; }
#header-right #header_login1_searchbox1_searchBox { margin-left: 36px; }
#header-right #login-panel-login { margin-left: 36px; }
#menu-container { clear: both; width: 100%; vertical-align: bottom;  }
#content-container { border-collapse: collapse; border-spacing: 0; margin-top: 5px;}
#content-container tr td { vertical-align: top; }
#content-container-spacer { width: 8px; min-width: 8px; }
#content-container-main { width: 663px; }
#content-container-sidebar a .advert { margin-top: 15px; }
#content-container-fullspan { width: 978px; vertical-align: top; }
/*#content-container-main p, #content-container-main div p { line-height: 18px; } /* 22px; font-size: 11pt; color: rgb(60,60,60); }*/
.bouwnieuws-home-newslist-blocks tr td p { line-height: normal !important; }
.home-block-line { border: 1px solid silver; min-height:325px;}




.searchResult tr th {
    text-align: left;
}

table tr td h4 { margin-bottom: -6px; }
table tbody { width:100%; }
.bouwnieuws-main-column #bouwnieuws-partners h1, .bouwnieuws-main-column table tr td h1, .bouwnieuws-main-column table tr td h2, .bouwnieuws-main-column table tr td h4, .bouwnieuws-main-column table tr td .style1 { color: rgb(0,157,224); }
.bouwkosten-main-column #bouwnieuws-partners h1, .bouwkosten-main-column table tr td h1, .bouwkosten-main-column table tr td h2, .bouwkosten-main-column table tr td h4, .bouwkosten-main-column table tr td .style1 { color: rgb(1,56,147); }
/*.bouwkosten-main-column #bouwnieuws-partners h1, .bouwkosten-main-column table tr td h1, .bouwkosten-main-column table tr td h2, .bouwkosten-main-column table tr td h3, .bouwkosten-main-column table tr td h4, .bouwkosten-main-column table tr td .style1 { color: rgb(1,56,147); }	*/
.bouwdetails-main-column #bouwnieuws-partners h1, .bouwdetails-main-column table tr td h1, .bouwdetails-main-column table tr td h2, .bouwdetails-main-column table tr td h4, .bouwdetails-main-column table tr td .style1 { color: rgb(88,185,37); }
.bouwtechniek-main-column #bouwnieuws-partners h1, .bouwtechniek-main-column table tr td h1, .bouwtechniek-main-column table tr td h2, .bouwtechniek-main-column table tr td h4, .bouwtechniek-main-column table tr td .style1 { color: rgb(127,127,127); }
.architectuur-main-column #bouwnieuws-partners h1, .architectuur-main-column table tr td h1, .architectuur-main-column table tr td h2, .architectuur-main-column table tr td h4, .architectuur-main-column table tr td .style1 { color: rgb(105,94,161); }
.evenementen-main-column #bouwnieuws-partners h1, .evenementen-main-column table tr td h1, .evenementen-main-column table tr td h2, .evenementen-main-column table tr td h4, .evenementen-main-column table tr td .style1 { color: rgb(255,0,0); }
.evenementen-main-column table tr td h2 span.evenement-date-header { font-size: 10pt; font-weight: normal; }
.webwinkel-main-column #bouwnieuws-partners h1, .webwinkel-main-column table tr td h1, .webwinkel-main-column table tr td h2, .webwinkel-main-column table tr td h4, .webwinkel-main-column table tr td .style1 { color: rgb(1,56,147); }
.partners-main-column #bouwnieuws-partners h1, .partners-main-column table tr td h1, .partners-main-column table tr td h2, .partners-main-column table tr td h4, .partners-main-column table tr td .style1 { color: rgb(0,157,224); }

/*--- FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer-container  { border-left: 1px solid silver; border-bottom: 1px solid silver; border-right: 1px solid silver; padding-left: 20px; margin-bottom: 15px; }
#sitemap-table tbody tr td { width: 160px; width: 978px; }
#sitemap-table tbody tr td:last-child { vertical-align: middle; }
#sitemap-table tbody tr td ul { margin-left: -26px; }
#sitemap-table tbody tr td h4 { font-size: 10pt; font-weight: bold; margin-bottom: -10px; }
#sitemap-table tbody tr td ul li a { text-decoration: none; color: #000000; white-space: nowrap; }

.footer-container-bouwnieuws { border-top: 20px solid rgb(0,157,224); }
.footer-container-bouwkosten { border-top: 20px solid rgb(1, 56, 147); }
.footer-container-bouwdetails { border-top: 20px solid rgb(88,185,37); }
.footer-container-bouwtechniek { border-top: 20px solid rgb(127,127,127); }
.footer-container-architectuur { border-top: 20px solid rgb(105,94,161); }
.footer-container-evenementen { border-top: 20px solid rgb(255,0,0); }
.footer-container-webwinkel { border-top: 20px solid rgb(1,56,147); }
.footer-container-partners { border-top: 20px solid rgb(0,157,224); }

/*--- CAROUSEL ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.car4-wrapper { width: 310px; height: 300px; margin: 0px; margin-top: 2px; 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: 143px; height: 142px; overflow: hidden; margin-top: 10px; margin-left: 0px; text-align: left; border: 1px solid silver; }
#car2, #car4, #car6, #car8 { margin-left: 10px; }
.car4-wrapper .carousel img { display: block; width: 143px; height: 142px; } 
.car4-wrapper .carousel .column { display: block; width: 189px; height: 140px; margin-left:-40px } 
.car4-wrapper .carousel span { z-index: 2; background:#111; width: 143px; height: 40px; position:absolute; margin-top: -40px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } 
#car3 span, #car4 span, #car7 span, #car8 span { margin-top: -47px; }
.car4-wrapper .carousel span h3 { font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 10px; margin: 0; padding: 4px; font-weight: bold; }
.car4-wrapper .carousel span h4 { color: rgb(0,157,224); font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 12px; margin: 0; padding: 4px; overflow: hidden; font-weight: bold; }
.car4-wrapper .carousel div { z-index:3; padding: 5px; position:relative; background:#111; width: 142px; height: 142px; margin-top: -142px; 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; line-height:100%; margin: 0; padding: 2px; font-weight: bold; }
.car4-wrapper .carousel div h4 { color: rgb(0,157,224); font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:100%; margin: 0; padding: 2px; font-weight: bold; }
.car4-wrapper .carousel div p { margin: 0; min-height: 68px; }
.car4-wrapper .carousel div a { position: relative; margin: auto; vertical-align: bottom; }

.bouwnieuws-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .bouwnieuws-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(0,157,224); }
.bouwkosten-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .bouwkosten-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(172,203,254); }
.bouwdetails-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .bouwdetails-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(88,185,37); }
.bouwtechniek-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .bouwtechniek-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(127,127,127); }
.architectuur-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .architectuur-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(105,94,161); }
.evenementen-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .evenementen-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(255,0,0); }
.webwinkel-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .webwinkel-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(172,203,254);  }
.partners-main-column #content-container #content-container-sidebar .car4-wrapper .carousel span h4, .partners-main-column #content-container #content-container-sidebar .car4-wrapper .carousel div h4 { color: rgb(0,157,224); }

/*--- LOGIN ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header-login-options { width: 100%; text-align: right; margin-bottom: 4px; }
#header-login-options a { color: #000000; font-weight: bold; text-decoration: none; }
#header-login-options a:visited { color: #000000; }
#login-panel-login, #login-panel-forgot { text-align: right; }
.login-input { width: 240px; border: 1px solid red; }

/* 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: 500px; height: 110px;  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; }

/*--- SEARCHBOX ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.searchBox { width: 304px; height: 20px; margin-bottom: 15px; }
.searchButton { height: 26px; width: 26px; position: relative; top: 8px; }

/*--- HEADER : SOCIAL BUTTONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#social-buttons { float: right; margin-top: -2px; }
#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 }

#follow-us { text-align: right; }

/*--- HUMOR ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#humor { border: 1px solid silver; width: 300px; height: 300px; margin-top: 15px; }
#humor a:first-child { display: block; height: 220px; min-height: 220px !important; }
#humor a img { width: 280px; margin-left: 10px; }
#humor h1 { text-align: center; }

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

/*--- 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; }

/*--- NEW PAGINATOR ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.paged { width: 100%; clear: both; height: 24px; border-collapse: collapse; border-spacing: 0; }
.paged tr td { border-right: 1px solid white; height: 20px; vertical-align: middle; width: 24px; text-align: center; padding-top: 7px; min-width: 28px !important; padding-left: 4px; padding-right: 4px; }
.paged tr td:first-child { width: 120px !important; }
.paged tr td:first-child input { margin-right: 12px; }
.paged tr td:last-child { border: 0 !important; width: 120px !important; }
.paged tr td:last-child input { padding-left: 12px; }
.paged tr td a { text-decoration: none; color: white; }
.paged-selected { background-color: #000000 !important; }

/*--- SLIDER ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#backdrop { padding-top:10px; }
#main-slider { width: 663px; height: 302px; overflow: hidden; }
#main-slider #backdrop_EX { z-index: 1; position: relative; width: 661px; height: 70px; top: -92px; left: 1px; background-color: #111; opacity: 0.8; background-image:url('/images/master/sliders/bg_black.png'); }
#main-slider #backdrop { z-index: 1; position: relative; width: 663px; height: 70px; top: 0px; left: -5px; background-color: #111; opacity: 0.8; background-image:url('/images/master/sliders/bg_black.png'); }

#main-slider .overview { list-style: none; position: relative; margin-left: -40px; overflow: hidden; width: 663px; height: 300px; }
#main-slider .overview li { float: left; margin:0; padding:0; width: 663px; max-width: 663px !important; overflow: hidden; }
#main-slider .overview li img { width: 661px; height: 300px; border: 1px solid silver; }

/*#main-slider .overview li span { position: absolute; z-index: 2; margin-top: 233px; margin-left: -663px; background-color: #111; opacity: 0.8; background-image:url('/images/master/sliders/bg_black.png'); width: 653px; height: 45px; padding: 5px;  }*/
#main-slider .overview li a { position: relative; z-index: 3; width: 640px; height: 45px; padding: 5px; top: -84px; left: 5px; text-decoration: none; }
#main-slider .overview li a span h4, #main-slider .overview li span h5 { margin: 0; padding: 0; font-size: 12pt; padding-left: 5px; }
#main-slider .overview li a span h4 { }
#main-slider .overview li a span h5 { color: #ffffff; }

#main-slider .pager { clear: both; position: relative; list-style: none; float: right; z-index: 3; margin-top: -45px; height: 40px; width: 100px; text-align: right; padding-right: 10px; }
#main-slider .pager li { display: inline; font-size: 4pt; height: 8px; cursor: pointer; width: 3px; max-width: 3px !important; overflow: hidden; margin-left: 6px; }
.pager-image { cursor: pointer; }
/*#main-slider .pager li a { background-color: silver; width: 4px; min-width: 4px !important; font-size: 8px; line-height: 8px; text-decoration: none; height: 4px; max-height: 4px !important; overflow: hidden; }*/


#main-slider .pager-bouwnieuws li a.active { background-color: rgb(0,157,224); }
#main-slider .pager-bouwkosten li a.active { background-color: rgb(172,203,254); }
#main-slider .pager-bouwdetails li a.active { background-color: rgb(88,185,37); }
#main-slider .pager-bouwtechniek li a.active { background-color: rgb(127,127,127); }
#main-slider .pager-architectuur li a.active { background-color: rgb(105,94,161); }
#main-slider .pager-evenementen li a.active { background-color: rgb(255,0,0); }
#main-slider .pager-webwinkel li a.active { background-color: rgb(1,56,147); }
#main-slider .pager-partners li a.active { background-color: rgb(0,157,224); }


.architectuur-pager { background-color: rgb(105,94,161); }
.architectuur-pager .pager_selected { background-color:black; }


.slider-bouwnieuws ul li a span h4 { color: rgb(0,157,224); }
.slider-bouwkosten ul li a span h4 { color: rgb(172,203,254); }
.slider-bouwdetails ul li a span h4 { color: rgb(88,185,37); }
.slider-bouwtechniek ul li a span h4 { color: rgb(127,127,127); }
.slider-architectuur ul li a span h4 { color: rgb(105,94,161); }
.slider-evenementen ul li a span h4 { color: rgb(255,0,0); }
.slider-webwinkel ul li a span h4 { color: rgb(172,203,254); }
.slider-partners ul li a span h4 { color: rgb(0,157,224); }

/*--- HEADER : MENU ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu, #submenu { border-collapse: collapse; width: 978px; height: 25px; }

.menu-hover { position: fixed; top: 0; z-index: 99; }

#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 { 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: 15px; padding-right: 15px; 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 { 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: rgb(0,157,224); width: 972px; }
#submenu tr td.bouwnieuws_nohover { background-color: rgb(0,157,224); width: 40%; }
#menu tr td.bouwnieuws, #submenu tr td.bouwnieuws { background-color: rgb(0,157,224); }
#menu tr td.bouwnieuws:hover, #menu tr td.bouwnieuws_hover:hover, #submenu tr td.bouwnieuws:hover { background-color: rgb(87,203,255); }

#submenu tr.bouwkosten, #submenu tr td.bouwkosten { background-color: rgb(1,56,147); width: 972px; }
#submenu tr td.bouwkosten_nohover { background-color: rgb(1,56,147); width: 100%; }
#menu tr td.bouwkosten, #submenu tr td.bouwkosten { background-color: rgb(1,56,147); }
#menu tr td.bouwkosten:hover, #menu tr td.bouwkosten_hover:hover, #submenu tr td.bouwkosten:hover { background-color: rgb(172,203,254); }

#submenu tr.bouwdetails, #submenu tr td.bouwdetails { background-color: rgb(88,185,37); width: 972px; }
#submenu tr td.bouwdetails_nohover { background-color: rgb(88,185,37); width: 30%; }
#menu tr td.bouwdetails, #submenu tr td.bouwdetails { background-color: rgb(88,185,37);  }
#menu tr td.bouwdetails:hover, #menu tr td.bouwdetails_hover:hover, #submenu tr td.bouwdetails:hover { background-color: rgb(124,219,77); }

#submenu tr.bouwtechniek, #submenu tr td.bouwtechniek { background-color: rgb(127,127,127); width: 972px; }
#submenu tr td.bouwtechniek_nohover { background-color: rgb(127,127,127); width: 75%; }
#menu tr td.bouwtechniek, #submenu tr td.bouwtechniek { background-color: rgb(127,127,127);  }
#menu tr td.bouwtechniek:hover, #menu tr td.bouwtechniek_hover:hover, #submenu tr td.bouwtechniek:hover { background-color: rgb(191,191,191); }

#submenu tr.architectuur, #submenu tr td.architectuur { background-color: rgb(105,94,161); width: 972px; }
#submenu tr td.architectuur_nohover { background-color: rgb(105,94,161); width: 75%; }
#menu tr td.architectuur, #submenu tr td.architectuur { background-color: rgb(105,94,161);  }
#menu tr td.architectuur:hover, #menu tr td.architectuur_hover:hover, #submenu tr td.architectuur:hover { background-color: rgb(176,170,206); }

#submenu tr.evenementen, #submenu tr td.evenementen { background-color: rgb(255,0,0); width: 972px; }
#submenu tr td.evenementen_nohover { background-color: rgb(255,0,0); width: 75%; }
#menu tr td.evenementen, #submenu tr td.evenementen { background-color: rgb(255,0,0); }
#menu tr td.evenementen:hover, #menu tr td.evenementen_hover:hover, #submenu tr td.evenementen:hover { background-color: rgb(255,109,109); }

#submenu tr.webwinkel, #submenu tr td.webwinkel { background-color: rgb(1,56,147); width: 972px; }
#submenu tr td.webwinkel_nohover { background-color: rgb(1,56,147); width:0%; }
#menu tr td.webwinkel, #submenu tr td.webwinkel { background-color: rgb(1,56,147); }
#menu tr td.webwinkel:hover, #menu tr td.webwinkel_hover:hover, #submenu tr td.webwinkel:hover { background-color: rgb(172,203,254); }

#submenu tr.partners { background-color: rgb(0,157,224); width: 972px; }
#submenu tr td.partners_nohover { background-color: rgb(0,157,224); width: 40%; }
#menu tr td.partners, #submenu tr td.partners { background-color: rgb(0,157,224); }
#submenu tr td.partners a.partners-a { padding-left:5px; padding-right:5px; }
#menu tr td.partners:hover, #menu tr td.partners_hover:hover, #submenu tr td.partners:hover { background-color: rgb(87,203,255); }

#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; border: 1px solid white; }
.hovertable .bouwnieuws_spacer td { background-color: rgb(87,203,255) !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwkosten_spacer td { background-color: rgb(172,203,254) !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwdetails_spacer td { background-color: rgb(124,219,77) !important; height: 2px !important; line-height: 2px; }
.hovertable .bouwtechniek_spacer td { background-color: rgb(124,219,77) !important; height: 2px !important; line-height: 2px; }
.hovertable .architectuur_spacer td { background-color: rgb(176,170,206) !important; height: 2px !important; line-height: 2px; }
.hovertable .evenementen_spacer td { background-color: rgb(255,0,0) !important; height: 2px !important; line-height: 2px; }
.hovertable .webwinkel_spacer td { background-color: rgb(1,56,147) !important; height: 2px !important; line-height: 2px; }

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

/* --- BOUWNIEUWS -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bouwnieuws-home-newslist { margin-top: 15px; max-width: 653px; }
.bouwnieuws-home-newslist h1, .bouwnieuws-home-newslist h2 { color: rgb(0,157,244); margin: 0; }
.bouwnieuws-home-newslist .more-link a, .bouwnieuws-home-newslist-blocks-more-link a { color: rgb(0,157,244); text-decoration: none; }

.bouwkosten-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(1, 56, 147); }
.bouwdetails-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(88,185,37); }
.bouwtechniek-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(127,127,127); }
.architectuur-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(105,94,161); }
.evenementen-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(255,0,0); }
.webwinkel-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(1,56,147); }
.partners-main-column .bouwnieuws-home-newslist .more-link a { color: rgb(0,157,224); }

.bouwnieuws-home-newslist-blocks { /*border-left: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; */ border-collapse: collapse; border-spacing: 0; width: 663px; max-width: 663px; }
/*.bouwnieuws-home-newslist-blocks tr td:first-child { border-right: 1px solid silver; }*/
.bouwnieuws-home-newslist-blocks { margin-top: 15px; }
.bouwnieuws-home-newslist-blocks tr td { width: 204px; }
.bouwnieuws-home-newslist-blocks tr td:last-child { padding-left: 15px; }
.bouwnieuws-home-newslist-blocks tr td img { width: 320px; margin: 0; border:0; padding: 0; height: 246px; }
.bouwnieuws-home-newslist-blocks tr td a { text-decoration: none; }
.bouwnieuws-home-newslist-blocks tr td h2 { padding-top: 4px; padding-left: 4px; }
.bouwnieuws-home-newslist-blocks tr td h5 { padding-top: 10px; padding-left: 4px; font-size: 10pt; font-weight: bold; margin: 0; color: #000000; }
.bouwnieuws-home-newslist-blocks tr td p { padding: 4px; max-height: 43px !important; overflow: hidden; font-size: 10pt !important; line-height: 15px !important; }
.bouwnieuws-home-newslist-blocks-more-link { vertical-align: text-bottom; text-align: right; padding-right: 4px; }
.bouwnieuws-more-newslist { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 15px; }
.bouwnieuws-more-newslist tr td img { width: 4px; height: 4px; text-align: center; margin-top: 4px; }
.bouwnieuws-more-newslist-caption { width: 500px; }
.bouwnieuws-more-newslist-caption a { color: #000000; text-decoration: none; }
.bouwnieuws-more-newslist tr td:last-child { text-align: right; }
/*h3.bouwnieuws-content-intro { line-height: 22px; font-size: 11pt; color: rgb(60,60,60); font-weight: bold; }*/
h3.bouwnieuws-content-intro { line-height: 18px; font-weight: bold; }

.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: Arial, Times New Roman; font-size: 12pt; }
.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-column-author { height: 100px; }
.bouwnieuws-project-block { min-height: 222px; }

#youtube { width: 100%; text-align: center; margin-bottom: 16px; }

/*--- ARCHITECTUUR -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.architectuur-home-newslist { margin-top: 15px; max-width: 663px; }
.architectuur-home-newslist h1, .architectuur-home-newslist h2 { color: rgb(105,94,161); margin: 0; }
.architectuur-home-newslist .more-link a, .architectuur-home-newslist-blocks-more-link a { color: rgb(105,94,161); text-decoration: none; }

.architectuur-home-newslist-item { min-height: 91px; padding-bottom: 5px; display: block; }
.architectuur-home-newslist-item .max { max-height: 100%; }
.architectuur-newslist-item { min-height: 91px; max-height: 91px !important; padding-top: 10px; padding-bottom: 5px; display: block; }
.architectuur-newslist-item p { height: 43px; overflow: hidden; }
.architectuur-newslist-item a { text-decoration: none; }
.architectuur-newslist-item h2, .newslist-item a h2 { font-size: 14px; text-decoration: none; }
.architectuur-newslist-item img, .newslist-item a img { float: left; margin-right: 15px; border: 1px solid silver; height: 100px !important; width: 152px !important; }

.architectuur-architect-item { min-height: 91px; padding-top: 10px; padding-bottom: 5px; display: block; }
.architectuur-architect-item p { height: 43px; overflow: hidden; }
.architectuur-architect-item a { text-decoration: none; }
.architectuur-architect-item h2, .architectuur-architect-item a h2 { font-size: 14px; text-decoration: none; }
.architectuur-architect-item img, .architectuur-architect-item a img { float: left; margin-right: 15px; border: 1px solid silver; padding: 20px 16px 20px 16px; height: 60px !important; width: 120px !important; }

.architectuur-project-item { min-height: 91px; padding-top: 10px; padding-bottom: 5px; display: block; }
.architectuur-project-item p { height: 43px; overflow: hidden; line-height: normal !important; }
.architectuur-project-item a { text-decoration: none; }
.architectuur-project-item h2, .architectuur-project-item a h2 { font-size: 14px; text-decoration: none; }
.architectuur-project-item img, .architectuur-project-item a img { float: left; margin-right: 15px; border: 1px solid silver; height: 100px !important; width: 152px !important; }
#architectuur-project-more { padding-left: 170px; margin-top: 48px; }
#architectuur-project-more p { max-height: none !important; overflow: visible; height: auto !important; }
.architectuur-project-more-table { }
.architectuur-project-more-table tr td { text-align: left; }
.architectuur-project-more-field { font-weight: bold; }
.architectuur-content { display: block; clear: both; }
.architectuur-content h1 { color: rgb(105,94,161); }

#architectuur-logo-container { margin-top: 20px; width: 1002px; }
#architectuur-logo-container ul { list-style-type: none; display: block; margin-left: -39px; width: 1020px; }
#architectuur-logo-container ul li { display: inline; margin-right: 22px; margin-bottom: 22px; }
#architectuur-logo-container ul li a img { padding: 10px; border: 1px solid silver; display:inline; }

#architectuur-project { width: 663px; max-width: 663px; clear: both !important; }
#architectuur-project-navigation a { padding-left: 10px; padding-right: 10px; text-decoration: none; }
#architectuur-project tr th { background-color: rgb(105,94,161); color: #ffffff; font-weight: bold; font-size: 10pt; padding: 3px; }
#architectuur-project tr th a { text-decoration: none; color: #ffffff }
#architectuur-project-iframe-spacer { min-width: 90px; }
#architectuur-project-iframe-column { width: 220px; }
#architectuur-project tr td { vertical-align: top; }
/*#architectuur-project tr td img { border: 1px solid silver; }*/
#architectuur-project tr td#image-slider { height: 400px; } 
#architectuur-project tr td h2 { color: rgb(105,94,161); font-size: 13pt; margin-top: 0px; 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: rgb(105,94,161); 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; }

/*--- project blocks ---*/
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
.architectuur-blocks { clear: both; }
.architectuur-block .details{ margin:6px; }	
.architectuur-block h4 { margin: 0; font-size: 16px; color:#fff;	text-shadow:1px 1px 0 rgb(0,0,0);	font-weight: bold;}
.architectuur-block p { margin-top: -5px; font-size: 12px; color:#e7e7e7; }
.architectuur-block a { text-decoration:none; }
.architectuur-block { margin-bottom: 35px; float:left; position:relative; overflow:hidden; width:300px; height:187px; background:#111 url(/images/master/sliders/progress.gif) no-repeat center center; border:1px solid #fff; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); border: 1px solid silver; }
.architectuur-backdrop { position:absolute; top:0; height:100%; width:100%; background:#111; } 	 
.architectuur-overlay { z-index:5; position:absolute; width:100%; height:100%; background:#111; }
.architectuur-overlay .details-head { height: 60px; }
.architectuur-overlay .details-content { color: #fff; }

.bar2 .architectuur-overlay { bottom: 0px; height:60px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); }
.bar2 .architectuur-overlay:hover { bottom:0px; height:187px; }
.architectuur-content .architectuur-block { margin-right: 35px; }
.architectuur-block-3rd { margin-right: 0px !important; }
.architectuur-block .details h4 { font-size: 10pt; font-weight: bold; margin: 0; color: rgb(105,94,161)}
.architectuur-block .details h5 { font-size: 10pt; font-weight: bold; margin: 0; color: #ffffff; }

#architectuur-filterbar { clear: both; margin-top: 15px; border-top: 1px solid silver; border-bottom: 1px solid silver; padding-top: 16px; padding-bottom: 16px; display: block; }
#architectuur-filterbar h4 { color: rgb(105,94,161); margin: 0; }
#architectuur-filterbar-searchbox { float: right; width: 350px;  position: relative; top: -60px; }

#architectuur-paginator { background-color: rgb(105,94,161); clear: both; width: 100%; }

#architectuur-project { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 15px; }
#architectuur-project-content { width: 100%; }
#architectuur-images-list { list-style: none; list-style-type: none; margin-left: -31px; overflow: hidden; width: 653px; height: 200px; z-index: 1; }
#architectuur-images-list li { display: inline; }
#architectuur-images-list li img { width: 300px; height: 200px; }
#architectuur-images-list li:first-child, .architectuur-images-list-active-first { margin-top: -120px; margin-right: 44px; }
.architectuur-images-index { width: 32px; height: 32px; background-color: #000000; position: relative; z-index: 2; opacity: 0.6; cursor: pointer; }
.architectuur-images-index:hover { opacity: 1.0; }
.architectuur-images-index img { margin-top: 11px; margin-left: 11px;  border: 0 !important; }
#architectuur-images-left-index { float: left; margin-left: 16px; top: 110px; }
#architectuur-images-right-index { float: right; margin-right: 16px; top: 110px; }
.architectuur-images-list-item img { cursor: pointer; }

#architectuur-project-content{ text-align:center; width: 663px; max-width: 663px; height: 442px; }
#architectuur_main_image { width: 660px; /*max-height: 486px;*/ margin-top: 8px; cursor: pointer; border: 1px solid silver; }
#architectuur-project-more { display: none; }

/*--- BOUWKOSTEN -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bouwkosten-home-newslist { margin-top: 15px; }			/* max-width: 663px; */
.bouwkosten-home-newslist h1, .bouwkosten-home-newslist h2 { color: rgb(1,56,147); margin: 0; }
.bouwkosten-home-newslist .more-link a, .bouwkosten-home-newslist-blocks-more-link a { color: rgb(1,56,147); text-decoration: none; }
.bouwkosten-home-newslist table { width:100%; max-width:966px; }

#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: rgb(172,203,254); height: 30px; }
.bouwkosten-logo-name { vertical-align: middle !important; text-align: center; /* background-color: rgb(172,203,254);*/ color: #000000; height: 30px; font-size: 9pt; }
.bouwkosten-logo a img { padding: 5px; border: 1px solid rgb(172,203,254); }
#bouwkosten-add-container { text-align: center; margin-top: 20px; display: block; clear: both; padding-top: 10px; border-top: 1px solid rgb(172,203,254); }

#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: rgb(172,203,254); 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: rgb(172,203,254); } 
#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; }

/*--- EVENEMENTEN -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.evenementen-home-newslist { margin-top: 15px; max-width: 663px; }
.evenementen-home-newslist h1, .evenementen-home-newslist h2 { color: rgb(255,0,0); margin: 0; }
.evenementen-home-newslist .more-link a, .evenementen-home-newslist-blocks-more-link a { color: rgb(255,0,0); text-decoration: none; }
.evenementen-home-newslist-item { padding-top: 15px;  }
.evenementen-home-newslist-item img { float: left; width: 167px; height: 110px; margin-right: 15px; border: 1px solid silver; }

/*--- BOUWDETAILS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bouwdetails-home-newslist { margin-top: 15px; max-width: 663px; }
.bouwdetails-home-newslist h1, .bouwdetails-home-newslist h2 { color: rgb(124,219,77); margin: 0; }
.bouwdetails-home-newslist .more-link a, .bouwdetails-home-newslist-blocks-more-link a { color: rgb(88,185,37); text-decoration: none; }

.details-leverancier-library a { font-weight: bold; color: black; padding-right: 5px; border-right: 1px solid black; }
.details-leverancier-library a.group-selector-selected { color: rgb(88,185,37) !important; }
.details-leverancier-library a:last-child { border-right: 0px; }

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 rgb(172,203,254); }
.bouwdetails-lib { width: 952px; }
.bouwdetails-lib-details { width: 220px; vertical-align: top; }
#flash { margin-top: 24px; }
.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: rgb(124,219,77); height: 30px; }
.bouwdetails-logo-name { vertical-align: middle !important; text-align: center; /*background-color: rgb(124,219,77); */ color: #000000; height: 30px; font-size: 9pt; }
.bouwdetails-logo a img { padding: 5px; border: 1px solid rgb(124,219,77); }

.bouwdetails-newslist-item { min-height: 91px; padding-bottom: 5px; display: block; }
.bouwdetails-newslist-item .max { max-height: 100%; }
.bouwdetails-newslist-item { min-height: 91px; max-height: 91px !important; padding-top: 10px; padding-bottom: 5px; display: block; }
.bouwdetails-newslist-item p { height: 50px; overflow: hidden; }
.bouwdetails-newslist-item a { text-decoration: none; }
.bouwdetails-newslist-item h2, .newslist-item a h2 { font-size: 14px; text-decoration: none; }

/*#bouwdetails-leverancier-sub { width: 720px; position: absolute; float:left; overflow: visible; display: block; }*/
.bouwdetails-leverancier-sub { float: left; width: 321px; height: 214px; margin-right: 15px; margin-bottom: 15px; border: 1px solid silver; cursor: pointer; }
.bouwdetails-leverancier-sub-2nd { margin-right: 0px; }
.bouwdetails-leverancier-sub img { width: 321px; height: 214px; }
.bouwdetails-leverancier-sub h2 { z-index: 2; background:#111; width: 313px; height: 22px; position:relative; margin-top: -34px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); font-size: 11pt; padding: 4px; color: #ffffff !important; }
.bouwdetails-leverancier-sub h2:hover { color: rgb(124,219,77); }
.bouwdetails-leverancier-sub h2.group-selector-selected { color: rgb(88,185,37) !important; }


/*--- 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: rgb(88,185,37); 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 rgb(172,203,254);  }
.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: rgb(124,219,77); 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: rgb(124,219,77); 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; }

/*--- BOUWTECHNIEK -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bouwtechniek-home-newslist { margin-top: 15px; max-width: 663px; }
.bouwtechniek-home-newslist h1, .bouwtechniek-home-newslist h2 { color: rgb(127,127,127); margin: 0; }
.bouwtechniek-home-newslist .more-link a, .bouwtechniek-home-newslist-blocks-more-link a { color: rgb(127,127,127); text-decoration: none; }
.bouwtechniek-more-info { display: none; margin-left: 167px; }

.bouwtechniek-newslist-item { min-height: 91px; max-height: 91px !important; padding-top: 10px; padding-bottom: 5px; display: block; }
.bouwtechniek-newslist-item p { height: 43px; overflow: hidden; }
.bouwtechniek-newslist-item a { text-decoration: none; }
.bouwtechniek-newslist-item h2, .newslist-item a h2 { font-size: 14px; text-decoration: none; }
.bouwtechniek-newslist-item img, .newslist-item a img { float: left; margin-right: 15px; border: 1px solid silver; height: 100px !important; width: 152px !important; }

.bouwtechniek-architect-item { min-height: 91px; padding-top: 10px; padding-bottom: 5px; display: block; }
.bouwtechniek-architect-item p { height: 43px; overflow: hidden; }
.bouwtechniek-architect-item a { text-decoration: none; }
.bouwtechniek-architect-item h2, .bouwtechniek-architect-item a h2 { font-size: 14px; text-decoration: none; }
.bouwtechniek-architect-item img, .bouwtechniek-architect-item a img { float: left; margin-right: 15px; border: 1px solid silver; padding: 20px 16px 20px 16px; height: 60px !important; width: 120px !important; }

.bouwtechniek-project-item { min-height: 91px; padding-top: 10px; padding-bottom: 5px; display: block; }
.bouwtechniek-project-item p { height: 43px; overflow: hidden; line-height: normal !important; }
.bouwtechniek-project-item a { text-decoration: none; }
.bouwtechniek-project-item h2, .bouwtechniek-project-item a h2 { font-size: 14px; text-decoration: none; }
.bouwtechniek-project-item img, .bouwtechniek-project-item a img { float: left; margin-right: 15px; border: 1px solid silver; height: 100px !important; width: 152px !important; }
#bouwtechniek-project-more p { max-height: none !important; overflow: visible; height: auto !important; }
#bouwtechniek-project-more { padding-left: 170px; margin-top: 32px; }
.bouwtechniek-project-more-table { }
.bouwtechniek-project-more-table tr td { text-align: left; }
.bouwtechniek-project-more-field { font-weight: bold; }
.bouwtechniek-content { display: block; clear: both; }
.bouwtechniek-content h1 { color: rgb(127,127,127); }

#bouwtechniek-logo-container { margin-top: 20px; width: 1002px; }
#bouwtechniek-logo-container ul { list-style-type: none; display: block; margin-left: -39px; width: 1020px; }
#bouwtechniek-logo-container ul li { display: inline; margin-right: 22px; margin-bottom: 22px; }
#bouwtechniek-logo-container ul li a img { padding: 10px; border: 1px solid silver; display:inline; }

#bouwtechniek-project { width: 663px; max-width: 663px; clear: both !important; }
#bouwtechniek-project-navigation a { padding-left: 10px; padding-right: 10px; text-decoration: none; }
#bouwtechniek-project tr th { background-color: rgb(127,127,127); color: #ffffff; font-weight: bold; font-size: 10pt; padding: 3px; }
#bouwtechniek-project tr th a { text-decoration: none; color: #ffffff }
#bouwtechniek-project-iframe-spacer { min-width: 90px; }
#bouwtechniek-project-iframe-column { width: 220px; }
#bouwtechniek-project tr td { vertical-align: top; }
/*#bouwtechniek-project tr td img { border: 1px solid silver; }*/
#bouwtechniek-project tr td#image-slider { height: 400px; } 
#bouwtechniek-project tr td h2 { color: rgb(127,127,127); font-size: 13pt; margin-top: 0px; margin-bottom: 0px; }
#bouwtechniek-project tr td h3 { margin: 0px; font-size: 13pt; }
#bouwtechniek-readmore { text-align: right; font-weight: bold; cursor: pointer; }
.bouwtechniek-title { display: inline; width: 200px; font-weight: bold; float: left; clear: both; }
.bouwtechniek-title-value { float: left;  }
#bouwtechniek-readmore-text { display: none; margin-bottom: 20px; }

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

/*--- project blocks ---*/
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
.bouwtechniek-blocks { clear: both; }
.bouwtechniek-block .details{ margin:6px; }	
.bouwtechniek-block h4 { margin: 0; font-size: 16px; color:#fff;	text-shadow:1px 1px 0 rgb(0,0,0);	font-weight: bold;}
.bouwtechniek-block p { margin-top: -5px; font-size: 12px; color:#e7e7e7; }
.bouwtechniek-block a { text-decoration:none; }
.bouwtechniek-block { margin-bottom: 35px; float:left; position:relative; overflow:hidden; width:300px; height:187px; background:#111 url(/images/master/sliders/progress.gif) no-repeat center center; border:1px solid #fff; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); border: 1px solid silver; }
.bouwtechniek-backdrop { position:absolute; top:0; height:100%; width:100%; background:#111; } 	 
.bouwtechniek-overlay { z-index:5; position:absolute; width:100%; height:100%; background:#111; }
.bouwtechniek-overlay .details-head { height: 60px; }
.bouwtechniek-overlay .details-content { color: #fff; }

.bar2 .bouwtechniek-overlay { bottom: 0px; height:60px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); }
.bar2 .bouwtechniek-overlay:hover { bottom:0px; height:187px; }
.bouwtechniek-content .bouwtechniek-block { margin-right: 35px; }
.bouwtechniek-block-3rd { margin-right: 0px !important; }
.bouwtechniek-block .details h4 { font-size: 10pt; font-weight: bold; margin: 0; color: rgb(127,127,127)}
.bouwtechniek-block .details h5 { font-size: 10pt; font-weight: bold; margin: 0; color: #ffffff; }

#bouwtechniek-filterbar { clear: both; margin-top: 15px; border-top: 1px solid silver; border-bottom: 1px solid silver; padding-top: 16px; padding-bottom: 16px; display: block; }
#bouwtechniek-filterbar h4 { color: rgb(127,127,127); margin: 0; }
#bouwtechniek-filterbar-searchbox { float: right; width: 350px;  position: relative; top: -60px; }

#bouwtechniek-paginator { background-color: rgb(127,127,127); clear: both; width: 100%; }

#bouwtechniek-project { width: 100%; border-collapse: collapse; border-spacing: 0; }
#bouwtechniek-project-content { width: 100%; }
#bouwtechniek-images-list { list-style: none; list-style-type: none; margin-left: -31px; overflow: hidden; width: 653px; height: 200px; z-index: 1; }
#bouwtechniek-images-list li { display: inline; }
#bouwtechniek-images-list li img { width: 300px; height: 200px; }
#bouwtechniek-images-list li:first-child, .bouwtechniek-images-list-active-first { margin-top: -120px; margin-right: 44px; }
.bouwtechniek-images-index { width: 32px; height: 32px; background-color: #000000; position: relative; z-index: 2; opacity: 0.6; cursor: pointer; }
.bouwtechniek-images-index:hover { opacity: 1.0; }
.bouwtechniek-images-index img { margin-top: 11px; margin-left: 11px;  border: 0 !important; }
#bouwtechniek-images-left-index { float: left; margin-left: 16px; top: 110px; }
#bouwtechniek-images-right-index { float: right; margin-right: 16px; top: 110px; }
.bouwtechniek-images-list-item img { cursor: pointer; }

#bouwtechniek-project-content{ text-align:center; width: 663px; max-width: 663px; height: 442px; }
#bouwtechniek_main_image { width: 660px; /*max-height: 486px;*/ margin-top: 8px; cursor: pointer; }
#bouwtechniek-project-more { display: none; }

/*--- WEBSHOP ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#webshop-table { margin-top: 20px; width: 663px; }
#webshop-table tr td { vertical-align: top; }
#webshop-table-category { width: 200px; }
#webshop-table-spacer { width: 15px; min-width: 15px; }
#webshop-table-content { max-width: 978px !important; }
#webshop-cart { width: 641px; color: #ffffff; padding: 10px; margin-top: 15px; height:80px }
#webshop-cart table { width: 100%; }
#webshop-cart-head { font-weight: bold; font-size: 11pt; }
#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 rgb(1,56,147); }
.webshop-category-item { height: 22px; vertical-align: middle; min-width: 220px !important; width: 220px; 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: rgb(1,56,147); }
.webshopTableOrder { background-color: #cde9bf; padding: 3px; /*min-width: 579px;*/ width: 417px; }
.webshopTableOrderDescription { color: rgb(1,56,147); text-decoration: underline; font-weight: bold; cursor: pointer; }
.webshop-cart-title { color: rgb(1,56,147); font-size: 11pt; font-weight: bold; }
.webshop-cart-total { background-color: rgb(172,203,254); }
.webshop-cart-error { color: red; font-weight: normal; }
.webshopBasketItems { width: 661px; }
.webshop-image-column { width: 160px; vertical-align:middle;  }
.webshopBasketContainer { width: 100%; }
.webshopBasketItems tr th:first-child { width: 220px; text-align: left; }
.webshopBasketItems tr td .submit { background-color: rgb(1,56,147); color: white; border: 1px solid #90d16f; font-weight: bold; max-height: 21px !important; height: 21px; font-size: 11px; }
.webshopBasketItems tr td img { vertical-align: text-top; }
.webshop-image { /*max-width: 130px; min-width: 130px;*/ width: 152px; border: 1px solid silver; }
.webshop-order-button { color: rgb(1,56,147); font-weight: bold; width: 220px; margin-top:10px; margin-bottom:-20px; white-space:nowrap; }
.ex-webshop-order-button input, .ex-webshop-order-button-submit { background: url('/images/webwinkel/button.png'); cursor:pointer; color: white; border: 1px solid #90d16f; font-weight: bold; max-height: 21px !important; height: 25px; font-size: 11px; }
.webshop-button-orange { background-image: none; background-color: #f68223; }

.webshop-header-empty { background-color: rgb(1,56,147); }
.webshop-header-full { background-color: #58b925; }

.webshop-memberdata { width: 661px; border-collapse: collapse; border-style: none; margin-top: 10px; padding-bottom: 15px; border-bottom: 1px solid silver; }
.webshop-memberdata tr:last-child td { padding-bottom: 15px; }
.webshop-memberdata-firstcolumn { width: 240px; }
.webshop-memberdata tr td input[type=text] { width: 400px !important; }
.webshop-memberdata tr td select{ width: 406px !important; }
.webshop-memberdata tr td #straatControl, .webshop-memberdata tr td #TextBox1, .webshop-memberdata tr td #plaatsControl, .webshop-memberdata tr td #TextBox4 { width: 300px !important; }
.webshop-memberdata tr td #huisnummerControl, .webshop-memberdata tr td #TextBox2, .webshop-memberdata tr td #postcodeControl, .webshop-memberdata tr td #TextBox3 { width: 81px !important; }

#webshop-cart-data tr td p { line-height: 24px; }


/* BASKET */
#webshop-container-main { width: 723px; padding-top: 15px; }
#webshop-container-sidebar { padding-top: 15px; }

#basket-container { width: 240px; }
#webshop-basket { min-height:250px; background-color: #d4dde9; border:1px solid #bebebe; padding: 10px; border-radius:5px 5px; }

#webshop-vragen { margin-top:30px; width:240px; position: relative; }
#webshop-vragen ul { list-style-type:square; padding-left:20px; }
#webshop-vragen li { line-height:20px; margin-bottom:10px; }


.basket-header { width:100%; float:left; display:inline-block; border-bottom: 1px solid #bebebe; }
.basket-footer { width:100%; border-top: 1px solid #bebebe; padding-top:10px; box-sizing: border-box; }
.basket-img { float:right; display:inline-block; }
.basket-items { width: 100%; }
.basket-items td { padding: 10px 5px 5px 0px; }
.basket-items img { cursor:pointer;}
.basket-items a:hover { text-decoration:underline; font-style:italic; }
.basket-hover { position: fixed; top: 75px; z-index: 99; }

/* WEBSHOP ARTIKEL*/
.webshop-article-main { width: 693px; min-height:250px; background-color: white; border:1px solid #bebebe; padding: 10px; margin-bottom:20px; }
.webshop-article-table { table-layout:fixed; }
.webshop-article-shortinfo { width:250px; padding:10px; }
.webshop-article-extrainfo { padding:0px 10px 10px 10px; }
.webshop-article-shortinfo #article { width:100%; padding-bottom:20px; } 
.webshop-article-shortinfo #moreinfo { text-align:left; width:100%; padding-bottom:20px; } 
.webshop-article-shortinfo #versie { text-align:left; padding-top:10px; padding-bottom:20px; } 
.webshop-article-shortinfo #price { text-align:left; width:100%; padding-bottom:20px; } 
.webshop-article-extrainfo span { text-align:left; width:100%; } 
.webshop-article-button { background-color: rgb(1,56,147); color:white; font-weight: bold; width: 220px; height:30px; white-space:nowrap; border:none;}

.webshop-offer-main { width: 320px; min-height:400px; display:block; float:left; background-color: white; border:1px solid #bebebe; padding: 10px; margin-bottom:20px; }
.webshop-offer-main:nth-child(2n+1) { margin-right:20px; }
.webshop-offer-table { table-layout:fixed; width:100%;  }
.webshop-offer-shortinfo { padding:10px; }
.webshop-offer-shortinfo #article { width:100%; padding-bottom:0px; } 
.webshop-offer-shortinfo #moreinfo { text-align:left; width:100%; padding-bottom:20px; } 
.webshop-offer-shortinfo #versie { text-align:left; padding-top:10px; padding-bottom:20px; } 
.webshop-offer-shortinfo #price { text-align:left; width:100%; padding-bottom:20px; } 
.webshop-offer-shortinfo #order { text-align:center; padding-bottom:20px; } 
.webshop-offer-shortinfo #korting { text-align:center; width:100%; padding-bottom:20px; color:red; } 
.webshop-offer-button { background-color: rgb(1,56,147); color:white; font-weight: bold; width: 220px; height:30px; white-space:nowrap; border:none;}



.webshop-popular { width:214px; height:190px; padding:5px; margin:0px 10px 10px 0px; background-color:white; border:1px solid gray; text-align:center; overflow:hidden; display:inline-block; }
.webshop-popular #divCaption { height:35px; vertical-align:middle; }
.webshop-popular a { vertical-align:middle; font-size:15px; font-weight:bold; color:rgb(1,56,147); text-decoration:none; }
.webshop-popular img { width:200px; vertical-align:middle; margin-top:15px;  }

/*
.car4-wrapper { width: 300px; height: 300px; margin: 0px; margin-top: 2px; 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: 143px; height: 142px; overflow: hidden; margin-top: 10px; margin-left: 0px; text-align: left; border: 1px solid silver; }
#car2, #car4, #car6, #car8 { margin-left: 10px; }
.car4-wrapper .carousel img { display: block; width: 143px; height: 142px; } 
.car4-wrapper .carousel .column { display: block; width: 189px; height: 142px; margin-left:-40px } 
.car4-wrapper .carousel span { z-index: 2; background:#111; width: 143px; height: 40px; position:absolute; margin-top: -40px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } 
#car3 span, #car4 span, #car7 span, #car8 span { margin-top: -47px; }
.car4-wrapper .carousel span h3 { font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 10px; margin: 0; padding: 4px; overflow: hidden; font-weight: bold; }
.car4-wrapper .carousel span h4 { color: rgb(0,157,224); font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 12px; margin: 0; padding: 4px; overflow: hidden; font-weight: bold; }
.car4-wrapper .carousel div { z-index:3; padding: 5px; position:relative; background:#111; width: 142px; height: 142px; margin-top: -142px; 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; line-height:100%; margin: 0; padding: 2px; font-weight: bold; }
.car4-wrapper .carousel div h4 { color: rgb(0,157,224); font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:100%; margin: 0; padding: 2px; font-weight: bold; }
.car4-wrapper .carousel div p { margin: 0; min-height: 68px; }
.car4-wrapper .carousel div a { position: relative; margin: auto; vertical-align: bottom; }

*/






/*--- PARTNERS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#partners-content { width: 663px; max-width: 663px; overflow: hidden; margin-top: 20px; }
#partners-content a h2 { color: rgb(0,157,224); clear: both; }

.partner-logo-container { text-align: center; clear: both; width: 663px; max-width: 663px; overflow: visible;  }
.partner-logo { display: inline; width: 130px; height: 120px; margin-right: 24px; margin-bottom: 5px; float: left; }
.partner-logo a { text-decoration: none; }
.partner-logo a table { width: 130px; height: 80px; }
.partner-logo-span { width: 5px; max-width: 5px; background-color: rgb(0,157,224); height: 30px; }
.partner-logo-name { vertical-align: middle !important; text-align: center; color: #000000; height: 30px; font-size: 9pt; }
.partner-logo a img { padding: 5px; border: 1px solid rgb(0,157,224); }

/* Partner heeft geen logo */
.partner-logo-onbekend { height: 60px; }
.partner-logo a table { height: 40px; }
.partner-logo-onbekend a img { display:none; }


#partners-content .regular-table { margin-top: 15px; }
#partners-content .regular-table tr td:first-child { width: 180px; }
#partners-content .regular-table tr td img { border: 1px solid silver; padding: 20px 16px 20px 16px; height: 60px !important; width: 120px !important; }
#partners-content .regular-table tr td h3 { color:rgb(0,157,224); margin-bottom: -10px; }
#partners-content .regular-table tr td table tr td:first-child { width: 40px; }
#partners-content .regular-table tr td table tr td a { color: black; text-decoration: none; }

/*--- LEVERANCIER-INFO -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#leverancier-info-container { width: 663px; clear: both; margin-top: 16px; }
#leverancier-info-container  div { padding: 10px; margin-bottom: 10px; }
#leverancier-info-text { width: 420px; float: left; }
#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; }

/*--- SLIDER BLOCKS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.slider-blocks:last-child { margin-right: 0px !important; width: 100%; text-align: center; }
.slider-block { display: inline; cursor: pointer; margin-left: 6px; width: 8px; height: 8px; }

/*--- GENERAL STYLES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- 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; margin-top:10px; }
table.memberdata tr { line-height:30px; }
table.memberdata tr td { vertical-align: top; }
table.memberdata tr td:first-child { width: 240px; }

.memberdata-buttons { text-align: right; }
#errormessage { color: Red; font-weight: bold; }

/*--- CASCADED -------------------------------------------------------------------------------------------------------------*/
.partner-image-spacer { float: left; border: 1px solid silver; width: 152px !important; height: 100px !important; margin-right: 15px; }
.partner-image-spacer img { padding-top: 20px; padding-bottom: 20px; padding-left: 16px; padding-right: 16px; }
.partner-image-spacerX { border: 1px solid silver; padding: 15px; }


/*--- EXPANDABLE TEXT -------------------------------------------------------------------------------------------------------------*/
.expandable { border-bottom: 1px solid silver; width: 493px; padding-left: 170px; margin-bottom: 10px; margin-top: 15px; min-height: 110px; }
.expandable .expandable-normal-image img, .expandable .expandable-normal-image a img  { float: left; border: 1px solid silver; height: 100px !important; width: 152px !important; margin-left: -170px; }
.expandable .expandable-leverancier-image { float: left; border: 1px solid silver; height: 100px !important; width: 152px !important; margin-left: -170px; }
.expandable .expandable-leverancier-image img { padding: 20px 16px; border: 0px; height: 60px !important; width: 120px !important; position: absolute; }
.expandable-text { height: 70px; overflow: hidden; } 
.expandable a { text-decoration: none; }
.expandable h2, .expandable a h2  { margin-top: 0px; font-size: 12pt; margin-bottom: -9px; text-decoration: none; }
.expandable-toggle { text-align: right; cursor: pointer; margin-top: 8px; height: 15px; min-height: 15px; }
.expandable-extra { text-align: right; margin-right: 80px; margin-top: -15px; margin-bottom: 5px; }
.expandable-noimage { width: 660px; padding-left: 0px; min-height: 100px; }

.bouwnieuws-a, .bouwnieuws-main-column #content-container tr td .expandable-toggle, .bouwnieuws-main-column #content-container tr td .expandable-extra a { color: rgb(0,157,224); text-decoration: none; }
.bouwkosten-a, .bouwkosten-main-column #content-container tr td .expandable-toggle, .bouwkosten-main-column #content-container tr td .expandable-extra a { color: rgb(1,56,147); text-decoration: none;  }
.bouwdetails-a, .bouwdetails-main-column #content-container tr td .expandable-toggle, .bouwdetails-main-column #content-container tr td .expandable-extra a { color: rgb(88,185,37); text-decoration: none;  }
.bouwtechniek-a, .bouwtechniek-main-column #content-container tr td .expandable-toggle, .bouwtechniek-main-column #content-container tr td .expandable-extra a {color: rgb(127,127,127); text-decoration: none;  }
.architectuur-a, .architectuur-main-column #content-container tr td .expandable-toggle, .architectuur-main-column #content-container tr td .expandable-extra a { color: rgb(105,94,161); text-decoration: none;  }
.evenementen-a, .evenementen-main-column #content-container tr td .expandable-toggle, .evenementen-main-column #content-container tr td .expandable-extra a { color: rgb(255,0,0); text-decoration: none;  }
.webwinkel-a, .webwinkel-main-column #content-container tr td .expandable-toggle, .webwinkel-main-column #content-container tr td .expandable-extra a { color: rgb(1,56,147); text-decoration: none;  }
.partners-a, .partners-main-column #content-container tr td .expandable-toggle, .partners-main-column #content-container tr td .expandable-extra a { color: rgb(0,157,224); text-decoration: none;  }

.bouwdetails-main-column .bouwdetails-status { width:100%; line-height:30px; font-weight:bold; color:white; background-color: rgb(88,185,37); }
.bouwdetails-main-column .bouwdetails-status tr td  { padding:5px }


/*--- VACATURES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.vacature-item { width:100%; margin-bottom: 10px; }
.vacature-item p { margin-top:5px; margin-bottom:5px; }
.vacature-intro p { margin:0px; }
.vacature-pager { background-color: rgb(0,157,224); }
.vacature-pager .pager_selected { background-color:black; }
.vacature-logo img { border:1px solid silver; width:125px;  }


/*--- PAGER ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pager-main { width:100%; line-height:25px; font-weight:normal; color:white; vertical-align:middle; text-align:center; border-collapse:collapse; }
.pager-main td { border:1px solid white; }
.pager-main a { color:white; text-decoration:none; }
.pager-main img { margin-left:5px; margin-right:5px; }
.pager-page div { min-width:25px; max-width:25px; cursor:pointer; }

.pager-space { width:50px; }
.pager-space div { cursor:default; }
 
.pager-previous { min-width: 100px; max-width: 100px; cursor:pointer; }
.pager-next     { min-width: 100px; max-width:100px; cursor:pointer; }

.thumbnail-pager { background-color: rgb(88,185,37); }
.thumbnail-pager .pager_selected { background-color:black; }

.partner-pager { background-color: rgb(0,157,224); }
    .partner-pager .pager_selected {
        background-color: black;
    }


/*---- NEW LOGIN CONTROL ----------------------------------------------------------------------------------------------------------------------------------------------------*/
#login-control { width: 661px; }
#login-control-login { border: 1px solid silver; width: 313px; padding-left: 5px; padding-right: 5px; padding-top: 5px; }
#login-control-login table tr td .login-input { width: 160px !important; border: 1px solid silver !important; }
#login-control-spacer { width: 15px; }
#login-control-newuser { vertical-align: top; background-color: silver; width: 313px; padding-left: 5px; padding-right: 5px; padding-top: 5px; }
#login-control-login .error { color: red; }

.profiel-header { cursor:pointer;}
.profiel-content {}
.profiel-header  { border-bottom:2px solid #bfbfbf; }
.profiel-row  { border-bottom:1px solid #dfdfdf; }
.profiel-cell:not(last-child) { border-right:1px solid #dfdfdf; padding-left:10px;  }
.profiel-cell:last-child { border-right:none; padding-left:10px;  }