/* GENERAL STYLES */
/* GENERAL STYLES */
@charset "utf-8";


* { margin:0; padding:0; }

html { background-color:#fff; width:100%; height:100%; }

body {
	background-color:#fff; color:#676767; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

table td { padding:4px 6px; }

h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; color:#e2001a; font-weight:bold; }
h1 { font-size:20px; margin-bottom:12px; }
h2 { font-size:16px; margin-top:25px; }
h3 { font-size:14px; margin-top:18px; margin-bottom:6px; }
h4 { font-size:12px; margin-top:12px; }

ul, ol { margin:12px 0 12px 50px; }
li { margin-bottom:12px; }
ul.opsomming li, ol.opsomming li { margin-bottom:4px; }
img.lightbox { border:1px solid #676767; }
img.content { float:right; padding:12px 0 12px 12px; }

p { margin-bottom:12px; }

div.clear { height:0px; line-height:0px; font-size:0px; clear:both; }
.printonly { display:none; }



/* STRUCTURE */
div#site_wrapper {
	width:950px; display:block;
	margin:0 auto;
}

div#header {
	width:950px; height:146px;
	display:block;
}

div#body_wrapper { width:950px; display:block; position:relative; } /* MAKING THE ABSOLUTE RELATIVE TO EXACTLY POSITION FOLDOUT MENU */

div#nav_wrapper {
	width:210px; display:block; margin-bottom:12px; float:left; 
}

div#content_wrapper {
	width:740px; display:block; margin-bottom:12px; float:left; 
}

div#footer {
	width:927px; height:60px; display:block; padding-right:23px;
	background-image:url(../images/footer.jpg); background-repeat:no-repeat;
}



/* HEADER ELEMENTS */
div#logo { width:210px; height:146px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; float:left; cursor:pointer; }
div#swfheader_container { width:740px; height:146px; background-image:url(../images/temp_header.jpg); background-repeat:no-repeat; float:left; }
div#swfheader_placeholder { width:740px; height:146px; display:block; }



/* HOMEPAGE ELEMENTS */
div#highlight_container {
	display:block; width:213px; float:left; margin-bottom:18px; margin-right:25px;
}
div#highlight_top { width:213px; height:8px; display:block; background:url(/images/home/highlight_top.jpg) no-repeat; }
div#highlight_btm { width:213px; height:8px; display:block; background:url(/images/home/highlight_btm.jpg) no-repeat; }
div#highlight_body { width:177px; height:410px; padding:9px 17px; background-color:#d9d9d9; border-left:1px solid #adacac; border-right:1px solid #adacac; overflow:hidden; }
div#highlight_body h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#e2001a; margin:12px 0 6px; }
div#highlight_body img { border:none; }
img#homepageBanner { margin-top:15px; }



/* FOLDOUT NAVIGATION */
#drop {
	cursor:pointer; background-color:#E2001A; 
	height:22px; margin:0; padding:0;
	line-height:22px; vertical-align:middle;
}
#drop a:link, #drop a:visited, #drop a:active { font-family:Arial,Helvetica,sans-serif; font-size:12px;
	color:#fff; text-decoration:none; padding:0; }
#drop a:hover { text-decoration:underline; }

.dropmenu {
	position:absolute; display:inline; font-size:12px; visibility:hidden;
}



/* NAVIGATION ELEMENTS */
div#topnav_start {
	width:210px; height:24px; display:block; background-image:url(../images/navigation/topnav_start.jpg); background-repeat:no-repeat;
}
div#topnav_end {
	width:210px; height:27px; display:block; background-image:url(../images/navigation/topnav_end.jpg); background-repeat:no-repeat;
}
div#bottomnav_end {
	width:210px; height:25px; display:block; background-image:url(../images/navigation/bottomnav_end.jpg); background-repeat:no-repeat;
}
/*top navigatie linkerzijde*/
div#nav_wrapper a:link.top, div#nav_wrapper a:visited.top, div#nav_wrapper a:active.top {
	display:block; width:180px; height:22px; background-color:#d9d9d9; color:#404040; text-decoration:none;
	margin-right:10px; padding-left:20px; border-top:1px solid #e0e0e0; line-height:22px; vertical-align:middle;
}
div#nav_wrapper a:hover.top { background-color:#e2001a; color:#fff; }
div#nav_wrapper a:link.top#selected, div#nav_wrapper a:visited.top#selected, div#nav_wrapper a:active.top#selected, div#nav_wrapper a:hover.top#selected { color:#e2001a; font-weight:bold; background-color:#d9d9d9; cursor:default; }
/*bottom navigatie linkerzijde*/
div#nav_wrapper a:link.bottom, div#nav_wrapper a:visited.bottom, div#nav_wrapper a:active.bottom {
	display:block; width:180px; height:22px; background-color:#e6e7e8; color:#676767; text-decoration:none;
	margin-right:10px; padding-left:20px; border-top:1px solid #ececec; line-height:22px; vertical-align:middle;
}
div#nav_wrapper a:hover.bottom { background-color:#e2001a; color:#fff; }
div#nav_wrapper a:link.bottom#selected, div#nav_wrapper a:visited.bottom#selected, div#nav_wrapper a:active.bottom#selected, div#nav_wrapper a:hover.bottom#selected { color:#e2001a; font-weight:bold; background-color:#e6e7e8; cursor:default; }

/*subnavigatie linkerzijde - 2de niveau*/
div#nav_wrapper a:link#sub, div#nav_wrapper a:visited#sub, div#nav_wrapper a:active#sub {
	width:170px; padding-left:30px; border-top:none;
}
div#nav_wrapper a:link#subselected, div#nav_wrapper a:visited#subselected, div#nav_wrapper a:active#subselected, div#nav_wrapper a:hover#subselected { width:170px; padding-left:30px; color:#e2001a; cursor:default; }
div#nav_wrapper a:hover.top#subselected { background-color:#d9d9d9; }
div#nav_wrapper a:hover.bottom#subselected { background-color:#e6e7e8; }

div#distributor {
	width:200px; height:35px; background-image:url(../images/btn_login.jpg); background-repeat:no-repeat; display:block; padding-top:15px; padding-right:10px; text-align:center; line-height:35px;
}
div#distributor a:link, div#distributor a:visited, div#distributor a:active, div#distributor a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; display:block; width:200px; height:35px;
}

/* CONTENT ELEMENTS */
div#content_start {
	display:block; width:740px; height:24px; background-image:url(../images/content_topcap.jpg); background-repeat:no-repeat;
}
div#content_end {
	display:block; width:740px; height:24px; background-image:url(../images/content_endcap.jpg); background-repeat:no-repeat;
}
div#content_body {
	background-color:#e6e7e8; MIN-HEIGHT:350px;
	width:694px; padding:10px 23px;
}
div#content_body a:link, div#content_body a:visited, div#content_body a:active {
	font-family:Arial, Helvetica, sans-serif; color:#e2001a; text-decoration:underline;
}
div#content_body a:hover { color:#000; }
div#title {
	border-bottom:1px solid #fff; margin-bottom:25px;
}
div#language_selection {
	float:right; display:block; line-height:29px; font-size:9px;
}
div#language_selection a:link, div#language_selection a:visited, div#language_selection a:active {
	font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#404040; text-decoration:none;
}
div#language_selection a:hover { text-decoration:underline; }
div#language_selection a:link.selected, div#language_selection a:visited.selected, div#language_selection a:active.selected, div#language_selection a:hover.selected {	font-weight:bold; color:#e2001a; }
div#language_selection a:hover.selected { text-decoration:none; cursor:default; }


/* ACCESSORIES LIGHTBOX */
div.accessories div#lightbox_image { margin:0 4px 4px 0; }



/* DATA TABLES */
table.data { border-color:#676767; border-style:solid; border-collapse:collapse; margin:14px;}
table.data td { font-family:Arial, Helvetica, sans-serif; color:#676767; }
table.data td ul { margin:12px 0 12px 18px; }
table.data td ul li { margin-bottom:4px; list-style:disc; }
div.top_anchor { font-style:italic; text-align:right; padding-bottom:8px; border-bottom:1px solid white; clear:both; }
div.installation_step {float:left; margin:0 18px 18px 0; color:#e2001a; }
ol.stappen li { margin-bottom:18px; list-style:none; }
ol.stappen ul { margin-top:-16px; }
ol.stappen ul li { list-style:disc; margin-left:25px; margin-bottom:4px; }
span.stappen { font-weight:bold; color:#e2001a; }
div.stappen { margin-left:50px; }
div.accessories { clear:both; }

/* FAQ */
div#faq { width:680px; }


/* FOOTER ELEMENTS */
div#printpage {
	float:right; display:block; height:32px; line-height:32px; vertical-align:middle;
	background-image:url(../images/btn_print.jpg); background-repeat:no-repeat; background-position:left center;
	padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; cursor:pointer;
}
div#printpage a:link, div#printpage a:visited, div#printpage a:active, div#printpage a:hover { color:#fff; text-decoration:none; }
div#disclaimer {
	float:right; display:block; clear:right; height:26px; line-height:26px; vertical-align:bottom;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#888787;
}
div#disclaimer a:link, div#disclaimer a:visited, div#disclaimer a:active { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#888787; text-decoration:none; }
div#disclaimer a:hover { text-decoration:underline; }

/* MATERIAL ESTIMATOR */
div#module {
	width:693px; display:block;
}
div#module_nav_wrapper {
	width:693px; height:38px; display:block;
}
div#module_content {
	width:665px; MIN-HEIGHT:150px; padding:20px 14px; display:block;
	background-image:url(../images/estimator/module_repeater.jpg); background-repeat:repeat-y;
}
div#module_end {
	width:693px; height:25px; display:block;
	background-image:url(../images/estimator/module_bottom.jpg); background-repeat:no-repeat;
}

/* MATERIAL ESTIMATOR TABS */
div#module_nav_wrapper a:link, div#module_nav_wrapper a:visited, div#module_nav_wrapper a:active, div#module_nav_wrapper a:hover {
	display:-moz-inline-box; /* FF2 patch */ display:inline-block; width:335px; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:none;
	font-weight:bold; padding-left:11px; padding-top:5px;
}
div#module_nav_wrapper a:link.left, div#module_nav_wrapper a:visited.left, div#module_nav_wrapper a:active.left { background-image:url(../images/estimator/module_btnleft_inactive.jpg); background-repeat:no-repeat; width:336px; }
div#module_nav_wrapper a:link.left.selected, div#module_nav_wrapper a:hover.left.selected, div#module_nav_wrapper a:visited.left.selected { background-image:url(../images/estimator/module_btnleft_selected.jpg); color:#fff; cursor:default; }
div#module_nav_wrapper a:link.right, div#module_nav_wrapper a:visited.right, div#module_nav_wrapper a:active.right { background-image:url(../images/estimator/module_btnright_inactive.jpg); background-repeat:no-repeat; }
div#module_nav_wrapper a:link.right.selected, div#module_nav_wrapper a:hover.right.selected, div#module_nav_wrapper a:visited.right.selected { background-image:url(../images/estimator/module_btnright_selected.jpg); color:#fff; cursor:default; }
div#module_nav_wrapper a:hover { color:#676767; }

/* MATERIAL ESTIMATOR INPUT BUTTONS */
div#module_content input.btn {
	color:#050;
	font: bold 90% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-color:#E6E7E8;
	border:1px solid #C5C6C8;
}

div#calculateButton
{
	padding-right: 50px;
	padding-top: 20px;	
	padding-bottom:50px;
}



/* TABS ALS DIVS */
div#module_tab {
                width:335px; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:18px; display:inline;
                color:#fff; text-decoration:none; font-weight:bold; padding-left:11px; padding-top:5px; float:left;
}
div#module_tab.left { background-image:url(/images/estimator/module_btnleft_selected.jpg); background-repeat:no-repeat; }
div#module_tab.right { background-image:url(/images/estimator/module_btnright_inactive.jpg); background-repeat:no-repeat; width:336px; } 


/*Print*/

div.hide{display:none;}
div.show{display:block;}


/* COMING SOON PAGE FOR OTHER LANGUAGES */
div#comingsoon_wrapper {
	width:950px; display:block; margin-bottom:12px; float:left;
}
div#comingsoon_start {
	display:block; width:950px; height:24px; background-image:url(../images/comingsoon_topcap.jpg); background-repeat:no-repeat;
}
div#comingsoon_end {
	display:block; width:950px; height:24px; background-image:url(../images/comingsoon_endcap.jpg); background-repeat:no-repeat;
}
div#comingsoon_body {
	background-color:#e6e7e8; MIN-HEIGHT:250px;
	width:904px; padding:10px 23px;
}
div#comingsoon_body a:link, div#comingsoon_body a:visited, div#comingsoon_body a:active {
	font-family:Arial, Helvetica, sans-serif; color:#e2001a; text-decoration:underline;
}
div#comingsoon_body a:hover { color:#000; }

/* EDITOR PROPERTIES */