﻿/* Stylesheet MBS website - copyright NetFiesta, http://netfiesta.nl - laatste update 4 november 2009 */
html {height: 100%;}
body {height: 100%; overflow: hidden; cursor: default; font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial; font-size: 11px; margin: 0; line-height: 16px;}
form {margin: 0;}
a {text-decoration: none; color: #ed2939;}
a:hover {text-decoration: underline;}
a.anchor {text-decoration: none; color: #000000;}
a.actief {text-decoration: underline;}
a:hover.anchor {text-decoration: none; color: #000000;}
img {border: 0;}
input.textfield {background-color: #DEDEDE; border: 1px solid #A4C485; height: 16px; line-height: 14px; font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial; font-size: 11px; margin: 0; padding: 0px 0px 0px 1px;}
input.checkbox {margin-left: 0px; _margin-left: -4px; cursor: pointer;}
input.button {font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial; font-size: 11px; width: 100px; height: 18px; line-height: 13px; padding-bottom: 2px; margin-top: 15px; background-color: #396E32; border: 1px solid #A4C485; color: #FFFFFF; cursor: pointer;}
#quicknavigate {vertical-align: middle; font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial; width: 320px; font-size: 11px; background-color: #DEDEDE; _height: 16px; height: 14px; border: 0; margin: 0; padding: 0;}
h1, h5 {font-family: Verdana, Tahoma, "Lucida Sans Unicode", Arial; height: 32px; font-size: 13pt; line-height: 18px; color: #0a481e; margin: 0 0 10px 0;}
h2 {font-size: 11px; font-weight: bold; margin: 0; padding: 0;}
p {margin: 0 0 16px 0; padding: 0;}
ul {margin-top: 0px; margin-bottom: 0px;}
li {list-style-type: square; list-style-image: url('../images/bullet.gif'); color: #9ABA55;}
li span {color: #000000; margin: 0; padding: 0; border: 0;}
sup {font-size: 8px;}
dl {margin-top: 0px; margin-bottom: 16px;}
dt {margin-bottom: 0px; margin-top: 0px;}
dd {margin-top: -16px;}
abbr {border-bottom: 1px dotted black; cursor: pointer;}
table {border-top: 1px solid #c2d69a; border-left: 1px solid #c2d69a; border-right: 1px solid #c2d69a;}
table td, table th {font-size: 12px; padding: 2px; border-bottom: 1px solid #c2d69a;}
th {background: #9bbb59; color: white; font-weight: bold;}
td a {color: black;}
td a:hover {text-decoration: none;}
.nocontent {font-size: 0px; line-height: 0px;}
.absoluteposition {position: absolute;}
.centeralignment {text-align: center;}
.whitebottomrightborder {border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.whiterightborder {border-right: 1px solid #FFFFFF;}
.whitebottomborder {border-bottom: 1px solid #FFFFFF;}
.external_link {padding-right: 11px; background-image: url('../images/external-link.gif'); background-repeat: no-repeat; background-position: right;}
/* Header styles */
#header {position: relative; width: 900px; height: 200px; border-right: 1px solid #d6d6d6; z-index: 10;}
#header #menu {position: absolute; width: 189px; height: 198px; right: 0; top: 11px; background: url('/images/menu_background.png'); border-top: 1px solid white; border-left: 1px solid #9a9ea3; border-bottom: 1px solid #9a9ea3; z-index: 11;}
#header #menu div:first-child {height: 31px; background: none;}
#header #menu div {width: 100%; height: 33px; background: url('/images/menu_devider.png') center top no-repeat;}
#header #menu a {display: block; height: 100%; background: url('/images/menu_arrow.png') 7px 12px no-repeat; font-size: 13pt; line-height: 32px; padding-left: 30px; color: #7e8692;}
#header #menu a:hover, #header #menu a.active {background-position: 7px -12px; color: #5c6169; text-decoration: none; font-style: italic;}
#header #menu_shadow {position: absolute; right: 189px; width: 14px; height: 190px; top: 15px; background: url('/images/menu_shadow.png') no-repeat;}
#header_top {width: 100%; height: 20px; background: #0a481e;}
#header_top div {position: relative; top: 20px; width: 100%; height: 19px; background: url('/images/header_stripes.png') repeat-x; z-index: 4;}
#header_mainimage {float: left; width: 539px; height: 160px; border-right: 1px solid #7e8692;}
#header_mainimage #fader {position: absolute; display: none; width: 539px; height: 160px;}
#header_mainimage #logo {position: absolute; width: 516px; height: 160px; background: url('/images/logo_overlay.png') 10px 0px no-repeat;}
#header_mainimage #logo_betontrappen {position: absolute; width: 516px; height: 160px; background: url('/images/logo_betontrap_overlay.png') 10px 0px no-repeat;}
#header_mainimage #quicklaunch {position: relative; width: 202px; height: 15px; left: 10px; top: 138px; background: white; color: #0a481e; font-size: 7pt; text-align: center;}
#header_mainimage #quicklaunch a {color: #0a481e; text-decoration: none; padding-left: 12px; margin-left: 14px;}
#header_mainimage #quicklaunch a:first-child {margin-left: 0;}
#header_mainimage #quicklaunch a.home {background: url('/images/quicklaunch_home.gif') left no-repeat;}
#header_mainimage #quicklaunch a.sitemap {background: url('/images/quicklaunch_sitemap.gif') left no-repeat;}
#header_mainimage #quicklaunch a.mail {background: url('/images/quicklaunch_contact.gif') left no-repeat;}
#header_smallimg2 {float: left; width: 170px; height: 80px; border-bottom: 1px solid #7e8692;}
#header_smallimg2 div {position: absolute; display: none; width: 170px; height: 80px;}
#header_smallimg3 {position: absolute; width: 100px; height: 79px; left: 540px; top: 101px; border-right: 1px solid #7e8692;}
#header_smallimg3 div {position: absolute; display: none; width: 100px; height: 79px;}
#header_smallimg4 {position: absolute; width: 69px; height: 79px; left: 641px; top: 101px;}
#header_smallimg4 div {position: absolute; display: none; width: 69px; height: 79px;}
#header_footer {clear: left; width: 100%; height: 20px; background: url('/images/header_footer.gif') 300px 0px repeat-x;}
#header_footer #breadcrumb {width: 530px; height: 100%; background: #7e8692; color: white; font-size: 7pt; line-height: 20px; padding-left: 10px; white-space: nowrap; overflow: hidden;}
#header_footer #breadcrumb a {color: white; text-decoration: underline;}
/* Header images styles */
.header1_1 {background: url('/images/header1_1.jpg');}
.header1_2 {background: url('/images/header1_2.jpg');}
.header1_3 {background: url('/images/header1_3.jpg');}
.header1_4 {background: url('/images/header1_4.jpg');}
.header2_1 {background: url('/images/header2_1.jpg');}
.header2_2 {background: url('/images/header2_2.jpg');}
.header2_3 {background: url('/images/header2_3.jpg');}
.header2_4 {background: url('/images/header2_4.jpg');}
.header3_1 {background: url('/images/header3_1.jpg');}
.header3_2 {background: url('/images/header3_2.jpg');}
.header3_3 {background: url('/images/header3_3.jpg');}
.header3_4 {background: url('/images/header3_4.jpg');}
.header4_1 {background: url('/images/header4_1.jpg');}
.header4_2 {background: url('/images/header4_2.jpg');}
.header4_3 {background: url('/images/header4_3.jpg');}
.header4_4 {background: url('/images/header4_4.jpg');}
.header5_1 {background: url('/images/header5_1.jpg');}
.header5_2 {background: url('/images/header5_2.jpg');}
.header5_3 {background: url('/images/header5_3.jpg');}
.header5_4 {background: url('/images/header5_4.jpg');}
.header6_1 {background: url('/images/header6_1.jpg');}
.header6_2 {background: url('/images/header6_2.jpg');}
.header6_3 {background: url('/images/header6_3.jpg');}
.header6_4 {background: url('/images/header6_4.jpg');}
.header7_1 {background: url('/images/header7_1.jpg');}
.header7_2 {background: url('/images/header7_2.jpg');}
.header7_3 {background: url('/images/header7_3.jpg');}
.header7_4 {background: url('/images/header7_4.jpg');}
.header8_1 {background: url('/images/header8_1.jpg');}
.header8_2 {background: url('/images/header8_2.jpg');}
.header8_3 {background: url('/images/header8_3.jpg');}
.header8_4 {background: url('/images/header8_4.jpg');}
.header9_1 {background: url('/images/header9_1.jpg');}
.header9_2 {background: url('/images/header9_2.jpg');}
.header9_3 {background: url('/images/header9_3.jpg');}
.header9_4 {background: url('/images/header9_4.jpg');}
/* Left block */
#left_menu {position: absolute; width: 191px; left: 0px; top: 200px; bottom: 57px; z-index: 2; border-right: 1px solid #D6D6D6; background: #f4fbf7;}
.left_block {position: relative; width: 169px; margin: 10px 0 25px 0; padding: 6px 10px 26px 10px; font-family: Tahoma, Verdana, "Lucida Sans Unicode", Arial; font-size: 10px; line-height: 14px; color: #54575a; background: url('/images/menu_background.png'); border-top: 1px solid white; border-left: 1px solid #edf0f3; border-bottom: 1px solid #9a9ea3; z-index: 5;}
.left_block .slider {overflow: hidden;}
.left_block .header {position: absolute; width: 11px; height: 33px; top: 0; right: -11px; z-index: 8; background: url('/images/left_block_header_shadow.png') no-repeat;}
.left_block .footer {position: absolute; width: 11px; height: 33px; bottom: 0; right: -11px; z-index: 8; background: url('/images/left_block_footer_shadow.png') no-repeat;}
.left_block .content {position: absolute; width: 11px; top: 33px; right: -11px; z-index: 8; background: url('/images/left_block_content_shadow.png') repeat-y;}
.left_block div:first-child {height: 28px; background: url('/images/menu_devider.png') bottom no-repeat; margin-bottom: 8px;}
.left_block h5 {background: url('/images/arrow_leftmenu_title.png') 0 4px no-repeat; font-weight: bold; font-size: 12pt; color: #5c6169; padding-left: 18px; letter-spacing: -0.5px;}
.left_block h2  {font-weight: bold; margin: 0; padding: 0; font-size: 10px;}
.left_block p {margin: 0 0 14px 0; padding: 0;}
.left_block.news a {background: url('/images/readmore_arrow.gif') 0 3px no-repeat; padding-left: 16px; color: #ed2939;}
/* Submenu styles */
.left_block a.item {display: block; height: auto; font-size: 10pt; line-height: 22px; font-weight: bold; color: #5c6169; background: url('/images/submenu_arrow.png') no-repeat; background-position: 6px 6px; padding-left: 20px;}
.left_block a.item:hover, .left_block a.active {background-position: 4px -42px;}
.left_block a.subitem {display: block; font-size: 8pt; color: #5c6169; height: 20px; line-height: 20px; padding-left: 30px;}
.left_block a.subitem.active {text-decoration: underline;}
.left_block a.subitem2 {display: block; font-size: 7pt; color: #5c6169; height: 18px; line-height: 18px; padding-left: 40px;}
.left_block a.subitem2:hover, .left_block a.subitem2.active {text-decoration: none; font-weight: bold;}
/* Content styles */
#content {position: absolute; z-index: 7; overflow: auto; left: 193px; width: 706px; border-left: 1px solid #D6D6D6; border-right: 1px solid #d6d6d6; background: #f4fbf7; padding-bottom: 30px;}
a.pdficon {display: block; height: 18px; line-height: 17px; background: url('/images/pdf_icon.png') no-repeat; padding-left: 24px;}
.contactblock {overflow: auto; margin-bottom: 25px;}
.kaart {position: absolute; float: right; right: 20px; text-align: right;}
.home_blk {width: 157px; height: 154px; margin-right: 10px; float: left; background: url('/images/blok_shadow.png') bottom no-repeat;}
.home_blk:hover {padding: 3px 0 0 3px; margin: 0 7px 0 0;}
.home_blk:first-child:hover {}
.home_blk a {display: block; color: #5c6169; font-weight: bold; font-size: 13px; width: auto; height: 135px; text-align: center; padding: 5px; background: url('/images/blok_background.png') repeat-y; border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid #bbc0c5; border-bottom: 1px solid #bbc0c5;}
.home_blk a:hover {text-decoration: none; border-left: 1px solid #f8a9b0; border-top: 1px solid #f8a9b0; border-right: 1px solid #b68088; border-bottom: 1px solid #b68088;}
.home_blk a span {font-weight: normal; font-size: 11px;}
.home_blk img {margin-top: 8px; border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid black; border-bottom: 1px solid black;}
.up_button, .down_button {position: absolute; width: 50%; height: 22px; left: 0; bottom: 0; border-top: 1px dotted black; cursor: pointer;}
.up_button {border-right: 1px dotted black; background: url('/images/scroll_up.png') center 4px no-repeat; cursor: pointer;}
.down_button {left: 50%; border-top: 1px dotted black; background: url('/images/scroll_down.png') center 2px no-repeat;}
.up_button:hover {background-position: center -30px;}
.down_button:hover {background-position: center -28px;}
.abbr_box {font-family: Arial; font-weight: bold; line-height: 15px; position: absolute; min-width: 200px; max-width: 300px; min-height: 40px; padding: 7px 10px; border: 1px outset black; background: #edf0f3 url('/images/menu_background.png') right repeat-y; z-index: 95; display: none;}
#anchor_spacer {height: 0px; line-height: 0px;}
.content_padding {padding: 10px;}
.columns {width: 400px;}
.left_column {clear: left; float: left; width: 150px;}
.right_column {float: left; width: 250px;}
.two_column {clear: left;}
img.inlinefoto {border: 2px solid #AEAEAE;}
img.inlinefoto_left {float: left; border: 2px solid #AEAEAE; margin-right: 15px; display: inline;}
img.inlinefoto_right {float: right; border: 2px solid #AEAEAE; margin-left: 15px; display: inline;}
img.nieuwsfoto {border: 2px solid #AEAEAE; float: right; margin-left: 10px; margin-bottom: 10px;}
.countline {width: 90px; margin-left: 365px; height: 1px; line-height: 1px; font-size: 0px; border-bottom: 1px solid #000000;} /* Lijn die wordt gebruikt voor een optelling */
.nieuwsdatum {color: #AEAEAE;}
.publicatie_item {height: 20px; line-height: 20px;}
.publicatie_item span {color: #AEAEAE;}
.pdficon {margin-right: 10px;}
.nieuws_seperator_line {width: 100%; height: 1px; margin-top: 9px; margin-bottom: 8px; _margin-bottom: 3px; line-height: 1px; border-bottom: 1px dotted #D6D6D6;}
.betonelement_foto {float: left; margin-right: 9px; margin-bottom: 10px; text-align: center; width: 104px; height: 136px;}
#siteinfo_container {width: 100%;}
#siteinfo_subcontainer {width: 330px; position: absolute; left: 50%; margin-left: -165px;}
#siteinfo_subcontainer div {float: left; margin-right: 30px;}
#vergroting_container {display: none; position: absolute; top: 211px; left: 195px; width: 704px; background-color: #f4fbf7; z-index: 50; overflow: auto;}
#vergroting {margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
#vacature_selector {width: 525px; margin-left: 5px; margin-top: -1px; display: inline; vertical-align: top;}
#up_scroller_container {position: absolute; left: 175px; top: 187px; z-index: 10;}
#down_scroller_container {position: absolute; left: 175px; bottom: 47px; z-index: 10;}
.projecten_rowspacer {width: 634px; height: 20px; clear: left;}
.projecten_foto {float: left; margin-left: 13px; width: 210px; text-align: center;}
.projecten_foto_left {float: left; width: 210px; text-align: center;}
.projecten_zoomimage {position: absolute; display: none; margin-left: 180px; margin-top: 4px; filter: alpha(opacity=55); -moz-opacity: 0.55; cursor: pointer;}
.projecten_tumbimage {cursor: pointer;}
#betontrappen_foto1 {float: left; margin: 10px 25px 10px 10px;}
#betontrappen_foto2 {float: right; margin-top: 5px; margin-right: 150px;}
.noot {clear: left; height: 18px; margin-left: 500px;}
.noot img {vertical-align: middle; margin-right: 6px;}
.rekenmodule_column1 {clear: left; float: left; width: 180px; height: 18px;}
.rekenmodule_column2 {height: 18px;}
.linespacer {clear: left; height: 20px;}
#pdfbutton {float: right;}
#printbutton {float: right;}
.sm_contact_icons {margin-left: 6px; vertical-align: top;}
/* Footer styles */
#footer {position: absolute; display: block; bottom: 0; left: 0; width: 900px; height: 57px; z-index: 55; color: #FFFFFF; text-align: center; font-family: Tahoma, Verdana, "Lucida Sans Unicode", Arial; font-size: 11px;}
#footer .top {width: 100%; height: 21px; background: url('/images/footer_top.png') repeat-x;}
#footer .top div {width: 1px; height: 100%; margin-left: 191px; background: #d6d6d6;}
#footer .bottom {width: 100%; height: 36px; background: #0a481e; border-right: 1px solid #d6d6d6;}
#footer a {color: #FFFFFF;}
#footer .links a {margin: 0 10px 0 10px;}
/* Sitemap styles */
.starttree {height: 16px; padding-left: 47px; background-image: url('/images/sitemap_starttree.gif'); background-repeat: no-repeat;}
.sitemap_2 {height: 16px; padding-left: 94px; background-image: url('/images/sitemap_2.gif'); background-repeat: no-repeat;}
.sitemap_2_last {height: 16px; padding-left: 94px; background-image: url('/images/sitemap_2_last.gif'); background-repeat: no-repeat;}
.sitemap_3 {height: 16px; padding-left: 153px; background-image: url('/images/sitemap_3.gif'); background-repeat: no-repeat;}
.sitemap_3_last {height: 16px; padding-left: 153px; background-image: url('/images/sitemap_3_last.gif'); background-repeat: no-repeat;}
.sitemap_3_last2 {height: 16px; padding-left: 153px; background-image: url('/images/sitemap_3_last2.gif'); background-repeat: no-repeat;}
.sitemap_4 {height: 16px; padding-left: 204px; background-image: url('/images/sitemap_4.gif'); background-repeat: no-repeat;}
.sitemap_4_last {height: 16px; padding-left: 204px; background-image: url('/images/sitemap_4_last.gif'); background-repeat: no-repeat;}
.sitemap_endtree {height: 16px; padding-left: 47px; background-image: url('/images/sitemap_endtree.gif'); background-repeat: no-repeat;}
