* { margin: 0; }
html { height: 100%; margin-bottom: 1px; -ms-overflow-y: scroll; }
body { background-color: #7D7D7D; text-align: center; margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical; height: 100%; }
body, #page, div { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #000; }
#page_white {
// Horizontale position  position: relative; top: 0px; left: 0px; width: 812px; min-height: 100%; height: auto !important; height: 100%; margin-top: 0px; margin-bottom: -60px; margin-right: auto; margin-left: auto; text-align: left; background-color: #FFF; }
#footer_push { height: 60px; }
#footer { width: 692px; height: 16px; padding: 24px 0px 20px 120px; display: block; background: #eeeeee url('../images/footer_velto.gif') no-repeat 20px 20px; color: #b4b4b4; text-align: left; margin-right: auto; margin-left: auto; }
#footer a { color:#666; text-decoration:none; padding:0 10px; }
#page {
// Horizontale position  position: relative; top: 0px; left: 0px; width: 750px; height: 100%; margin-right: auto; margin-left: auto; text-align: left; background-color: #FFF; }
#page_header { width: 812px; height:96px; background: #FFF;/* background: url('../images/header_velto.gif') no-repeat;*/
}
/* GENERAL SITE STYLES */
img { border: 0px; }
hr { display: block; height: 1px; border-left: none; border-right: none; border-top: 1px solid #E4E4E4; border-bottom: none; clear: all; }
p { margin: 0px; }
a, a:link { color: black; text-decoration: underline; }
a:hover { color: red; text-decoration: underline; }
.ondertitel { color: #767676; font-weight: bold; margin-bottom: 3px; }
p.headerfabrikanten { font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 5px; }
a.active { color: red; text-decoration: none; }
ul { list-style-position: inside; }

/* HEADERS */
h1, h2, h3, h4, h5 { margin: 0px; }
h1, h1.pagetitle, h3 { font-family: Arial; line-height: 1em; margin: 8px 0px 8px 0px; padding: 0px; }
h1 { font-size: 21px; margin: 8px 0px 8px 0px; padding: 0px; }
h1.pagetitle { font-size: 26px; margin: 6px 0px 10px 0px; padding: 0px; }
h3 {font-size: 30px; margin-top: 8px;}

/* SUBNAVIGATIE MENU */
.menusubnav H2 { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 5px; }
.menusubnav a, .menusubnav a:link { color: black; text-decoration: none; }
/* SECONDAIR MENU */
.menusecondary H2 { font-size: 14px; font-weight: bold; line-height:24px; }
.menusecondary a, .menusecondary a:link { color: black; text-decoration: none; }
/* PAGE LAYOUT STYLES */
#headerQuote { width:408px; height:247px; float:left; }
#headerSlideshow { position: relative; left: 16px; top: 19px; width: 378px; height: 228px; background: #ffffff url('../images/slideshow_alt.jpg') no-repeat top left; overflow:hidden; }
#headerMenuMain { position: relative; width:170px; height:227px; float:left; margin-top:20px; border-left: 1px solid #000; }
#headerMenuProducts { width:170px; height:227px; float:left; margin-top:20px; border-left: 1px solid #000; }
#contentLeft { width:579px; height:247px; margin-top:10px; vertical-align:top; padding-top:20px; }
#contentMiddleIndex { width:171px; height:227px; padding-top: 20px; margin-top:10px; vertical-align:top; }
#contentMiddle { width:171px; height:227px; margin-top:10px; vertical-align:top; }
#contentRight { width:171px; height:227px; margin-top:10px; vertical-align:top; padding-top:20px; }
#contentFullSize { display: block; width: 735px; margin-top:10px; padding-top: 20px; padding-left: 15px; }
#contentDoubleLeft { width:579px; margin-top:10px; vertical-align:top; padding-top:20px; float: left; }
#contentMenuRight { width:170px; margin-top:10px; vertical-align:top; padding-top:20px; padding-bottom: 60px; border-left: 1px solid #000; float: left; }
.whitespace { margin: 15px; }
.whitespacehor { margin: 0px 15px; }
.artikel { margin: 0px 0px 15px 0px; clear: both }
.productSidebar { font: normal 11px Arial, Helvetica, sans-serif; line-height: 14px; margin-bottom: 15px; width: 142px; margin-left: 10px; }
.small { font-size: 10px; }
.tekstblok { margin: 0px 5px 10px 5px; }
.sidebarAfbeelding { border: 1px solid #000; }
.mediaElement { margin-bottom: 15px; }
.fotoOntwerper { border: 1px solid #000; }
.black { color: black; }
.red { color: red; }
.brochure { width: 180px; float: left; border-right: 0px solid #000; margin: 10px 8px 10px 0px; }
.brochureImage { width: 65px; float: left; }
.brochureText { width: 110px; float: left; }
#headerQuote .divgumbuttons { position: absolute; }
.referentie { margin-top: 15px; border-top: 2px solid #F1F1F1; padding-top: 10px; }
.referentie img { margin-bottom: 15px; }
/* MENU */
.menu, .menusecondary { width: 150px; margin-left: 15px; border: 0px solid #666; }
.menusubnav { width: 150px; padding: 20px 0px 40px 15px; border-left: 1px solid #000; margin-bottom: 15px; }
.menu a, .menu a:link, .menu a:visited { /*other styles, like colors, borders and backgrounds*/
	text-decoration: none; }
.menu a:hover, .menu a:focus, .menu a:active { /*other styles specific for menu item that has focus et cetera, like colors, borders and backgrounds*/
	color: #E70036; text-decoration: none; }
.menu a.active { /*other styles specific for menu item that has focus et cetera, like colors, borders and backgrounds*/
	color: #E70036; text-decoration: none; background-color: #FF6600; }
.menu h2 a { font-size: 14px; font-weight: bold; line-height: 24px; }
.menu h2.active a { color: #E70036; }
.productMenuImage { width: 45px; float:left; margin-bottom: 10px; }
.productMenuLink { width: 100px; float:left; }
/* FORMS */

.newsletterContainer { border: 1px solid #000; margin-top: 10px; width: 160px; }
.emailBox { background-color: #FFF; border: 1px solid #919191; width: 134px; margin-top: 3px; padding: 2px; }
.inputField { background-color: #FFF; border: 1px solid #919191; width: 180px; margin-top: 3px; padding: 2px; }
.xsformbuilder_simple_textbox { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 260px; }
textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; width: 260px; }
.xsformbuilder_button, .buttonNormal, .xsformbuilder_button_high, .buttonHigh { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; height: 22px; margin:5px 0px 5px 0px; width: 140px; }
.xsformbuilder_button, .buttonNormal { border: 1px solid #919191; background-color: #FFF; color: #000; }
.xsformbuilder_button_high, .buttonHigh { border: 1px solid #ee1111; background-color: #ee1111; color: #FFF; cursor:pointer; cursor:hand; }
.xsformbuilder-col1 { padding: 3px 0px 3px 5px; }
.xsformbuilder-col2 { padding: 3px 0px 3px 0px; }
/* ----- tool tip specific styles ----- */

#theToolTip { position: absolute; left: -600px; width: 400px; border: 1px solid #595959; padding: 10px 5px 10px 10px; background-color: #FFF; visibility: hidden; z-index: 100; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-weight:normal; font-size: 11px; line-height: 15px;  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135, strength=4);
}
#ToolTipPointer { position:absolute; left: -600px; z-index: 101; visibility: hidden; }
/*------- Product buttons ----- */
div.product_button { float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
div.product_button img.product_button_photo { border: 1px solid #C2C2C2; }
div.product_button div.product_button_text { border: 1px solid #FFF; width: 154px; height: 42px; padding: 6px 8px; line-height: 14px;  text-align:left; }
div.product_button div.product_button_text h2 { font-size: 16px; margin-bottom: 4px; }
a.thickbox { text-decoration: none; }
/*------- Medewerker buttons ----- */
div.medewerker_button { float: left; margin-right: 10px; margin-bottom: 10px; }
div.medewerker_button img.medewerker_button_photo { border: 1px solid #C2C2C2; }
div.medewerker_button div.medewerker_button_text { border: 1px solid #FFF; width: 154px; height: 62px; padding: 6px 8px; }
div.medewerker_button div.medewerker_button_text h2 { font-size: 16px; }
/* Meer / Minder buttons */
a.meerLink { display: block; background: #FFF url('../images/bt_arrow_meer.gif') no-repeat 10px 10px; border-bottom: 1px solid grey; padding: 5px 5px 5px 36px; font-size: 18px; text-decoration: none; outline: none; margin-bottom: 30px; color: red; }
a.minderLink { display: block; background: #FFF url('../images/bt_arrow_minder.gif') no-repeat 10px 8px; border-bottom: 1px solid grey; padding: 5px 5px 5px 36px; font-size: 18px; text-decoration: none; outline: none; margin-bottom: 30px; color: red; }
/*-------- Zoeken --------*/

div.xsearchSearchboxContainer .searchButton { height: 20px; width: 100px; padding-right: 8px; padding-left: 8px; border:1px solid #999; color: #999; background: #FFF; margin: 0px 5px 0px 0px; font: normal 12px arial, verdana, helvetica, sans-serif; cursor:pointer; }
div.xsearchSearchboxContainer .searchButton:hover { height: 20px; width: 100px; padding-right: 8px; padding-left: 8px; border:1px solid #e7011e; color: #FFF; background: #e7011e; margin: 0px 5px 0px 0px; font: normal 12px arial, verdana, helvetica, sans-serif; cursor:pointer; }
div#zoek_container { position: absolute; top: 209px; left: 15px; width: 140px; height: 20px; z-index: 10; }
.xsearchKeyword, .xsearchHighlightedKeyword { font-weight: bold; color: #00a2ff; }
/* Zoekbox onder hoofdmenu */
.xsearchSmallSearchbox { border:1px solid #cdcdcd; color: #cdcdcd; width: 130px; }
.xsearchSearchboxContainer { padding: 6px 0px 2px 0px; margin: 0px 0px 10px 0px; height:24px; background: #FFF; width: 600px; }
.xsearchPageTitle { font: bold 14px verdana, Arial, Helvetica, sans-serif; }
.xsearchResultsMessageContainer { margin-bottom: 10px; }
.xsearchResult { width: 600px; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4; overflow: hisdden; }
.xsearchNavbarContainer { margin-bottom: 0px; }
.xsearchModifiedDate { color: #999; }
.xsearchUrlDate { font: normal 10px verdana, arial, helvetica, sans-serif; color: #777; }
.xsearchUrlDate a { color: #999; }
/*---------- NAVBAR / PAGE NAVIGATION -------------*/
.navbar { height: 30px; padding-top: 10px; }
.navbarActivePageNumber { font-weight: bold; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; }
.navbarPageNumber { border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; }
.navbarPreviousNextArrow { padding: 0px 5px; }
.navbarDots { display: inline; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px; }