* {
font-size:15px;

line-height: 20px;
}

body {
	padding: 0px;
	  
 background: #F1F3F4;
  color: #4A4A4A;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
  font-size: 1.0em;
  font-weight: 400;
  line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  
}

select {
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: #FFFFFF url(images/angle-down.png) right 10px center no-repeat;
    background-size: 32px 32px;
    border: 1px solid #C9CED0;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.0em;
    line-height: 1.5;
	height:50px;
    width: 100%;
	padding-left:10px;
}


h1 {
    font-size: 2.75em;
	line-height: 1.25;
}

h1, h2, h3, h4, h5 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
    font-weight: normal;
}

.title h1 {
    color: #4A4A4A;
    margin-left: 31px;
    margin-top: 18px;
}

.content-block h2 {
    font-size: 2.0em;
	color: #4A4A4A;
	line-height: 1.25;
}


.filterkey-name {
	color:white;
}



.filterkey-arrow {
	float: left;
    position: relative;
	width:100%;
	height:50px;
	bordeR:0px solid red;
	background-image: url(images/filterkey-arrow.png);
	background-repeat: no-repeat;
	background-position:  top center;
}
   
   
}
.filterKeyName {
    background: white;
    width: 50%;
    margin-left: 12px;
}



.disabled {
color:black;
display:none;
}

#top {
position: fixed;
z-index:10000;
margin: auto;
left:0;
right:0;
top:0;
height:85px;
background:white;
 box-shadow: 0 4px 4px 0 rgba(0,0,0,0.4);
}

#logoBlock {
	position:fixed;
	z-index:10001;
	right:0;
	top:0;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.4);
    height: auto;
    max-width: 208px;
    right: 30px;
    top: 0;
	padding-top: 18px;
	padding-bottom: 14px;
	background:white;
}

#logoBlock a {
    background: transparent;
    height: auto;
    max-width: 140px;
    padding: 18px 34px;
    width: auto;
}

#logoBlock img {
	width:140px;
}

.orange-balk {
height:100%;
background-color:#FF6A00;
	}

.naw {
position:relative;
height:auto;
min-height: 0px;
margin:auto;
left:0;
right:0;
text-align: right;
display: none;
}

.naw-content {
display: block;

}

.article-block input {
margin-right:20px;
}




.reset {
float:right;
    color: #08c;
    font-weight: bold;
    text-transform: uppercase;
margin-top:38px;
margin-right:15px;
text-decoration: none;
display: none;
cursor:pointer;

}

.fa
{
    font-size:16px;
    color:black;
	cursor: pointer;
	padding-right:10px;
}





#up-sk {
position:fixed;
left:0;
bottom:5px;
width:160px;
height:80px;
background-image: url(https://stores.utopis-platform.net/fonofloor-nl/channels/demo/images/up-sk-background.png);
background-repeat: no-repeat;
z-index:1000;
display: none;
}

#up-wizard-nav {
position:fixed;
bottom:7px;
right:0;
width:160px;
height:80px;
background-image: url(https://stores.utopis-platform.net/fonofloor-nl/channels/demo/images/up-sk-background.png);
background-repeat: no-repeat;
z-index:1000;
display: none;
}

#up-wizard-nav table{
background:;
width:143px;
margin-top:25px;
height:42px;
margin-left:15px;
}

#up-wizard-nav table td{
vertical-align: middle;
}

#wizardContainer_systeemconfiguratie .wizardContent {
display: block;
}

.navButton .fa{
color:black;
}

#line {
width:100%;
height:2px;
background:#D8B511;
display:none;
}

#background {
position:absolute;
top:0;
z-index:-1px;
width:100%;
height: 647px;
background-image:url(https://stores.utopis-platform.net/fermacell-nl/channels/demo/images/hB_top_Slider_Content_Referenties_Geelen_Counterflow1821.jpg);
background-size: cover;
    background-repeat: no-repeat;
	 background-position: bottom center;
}

.backgroundsize .b-image-stage .rsBackground {
    width: 100%;
    
    
}
.bg-bottom-center .rsBackground {
   
}






#content {
position:relative;
margin:auto;
left:0;
right:0;
height:auto;
border:0px solid green;
background-color: #fff;
  
  
}

.filterkey-formelement {
    float: left;
    width: fit-content;
}

#bottom {
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
   background-color: #2C2C2C;
    box-sizing: border-box;
    color: #FFFFFF;
     height: 460px;
    text-align:center;
	
  padding-bottom: 7px
  
	
}

#bottom a {
 color: #fff;
    
	text-decoration:none;
}

#bottom a:hover {
	text-decoration:underline;
} 



#bottom .left {
width:324px;
float:left;
border:0px solid red;
text-align:center;
padding-top:15px;
}

#bottom .left a {
color:black;
}

#bottom .right {
width:60%;
float:left;
border:0px solid red;
padding-top:15px;
}

#bottom .right img {
width:200px;
}

#partners {
	background-color: rgb(25, 152, 214);
	
}



/*#############################################
Wizard
#############################################*/
#wizard *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}

#wizard {
	margin-top:140px;
}
 
#wizardUserFilterKeys
{
    display:none;
   /* width:700px;*/
}

.menu {
	border: 0px solid red;
	width:300px;
	float:right;
}


#wizardContainer_menub1 {
	display:block !important;
}
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Wizard.Navigation
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
                        #wizardNavigation {
							position:absolute;
							margin:auto;
							left:0;
							right:0;
							top:0px;
                            width: 100%;
                            padding: 0px;
                           z-index: 9999;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                            #wizardNavigation a {
                                line-height: 17px;
                                width: inherit;
                                padding: 18px 0px 12px 0px;
                                text-align: center;
                                
                                position: relative;
                                display: inline-block;
                                cursor: pointer;
                                white-space: nowrap;
								background: #F1F3F4;
									border-top:1px solid #999;
									margin-left: -5px;
									color: #999;
									text-transform: uppercase;
									font-weight:bold;
                            }

                                #wizardNavigation a.invalidStep,
                                #wizardNavigation a.invalidEntityMode,
                                .invalidContainer {
                                    display: none !important;
                                }

                                #wizardNavigation a.disabled {
                                    color: #999;
                                    
                                }

                                    #wizardNavigation a.disabled:after {
                                        border-left: 0px solid #F8E4E7;
                                    }

                                #wizardNavigation a:first-child,
                                #wizardNavigation a.firstStep {
                                    margin-left: 0px;
                                }

                                #wizardNavigation a:before {
                                    width: 0;
                                    height: 0;
                                    border-top: 0px inset transparent;
                                    border-bottom: 0px inset transparent;
                                    border-left: 0px solid #fff;
                                    position: absolute;
                                    content: "";
                                    top: 0;
                                    left: 0px;
                                }

                                #wizardNavigation a:after {
                                    width: 0;
                                    height: 0;
                                    border-top: 0px inset transparent;
                                    border-bottom: 0px inset transparent;
                                    border-left: 0px solid #EDEDED;
                                    position: absolute;
                                    content: "";
                                    top: 0;
                                    right: 0px;
                                    z-index: 2;
                                }

                                #wizardNavigation a:first-child:before,
                                #wizardNavigation a.firstStep:before,
                                #wizardNavigation a:last-child:after,
                                #wizardNavigation a.lastStep:after {
                                    border: none;
                                }

                            #wizardNavigation .past {
                               
                                color: #0079C1;
								border-top:3px solid #0079C1;
								 background: #F1F3F4;
                            }

                                #wizardNavigation .past:after {
                                    border-left-color: #585858;
                                }

                            #wizardNavigation .current {
                                
                               color: #0079C1;
							   background: #F1F3F4;
								/*
								background: #F1F3F4  url(images/app-wizard-border-0079c1-caret.png);
								background-position: top center;
								background-repeat: no-repeat;
								*/
								border-top:3px solid #0079C1;
                            }

                                #wizardNavigation .current:after {
                                    border-left-color: #313131;
                                }




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Step
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardStep
{
  
    position: relative;
    top: 0px;
	
    display: none;
   width:100%;
    padding: 0px;
 
   min-height: 902px;
    height: inherit;
	background: #F1F3F4;
}

.wizardStep .fa
{
   
    color:#299BD9;
	margin-left:0px;
	margin-top:4px;
}

.wizardContainer
{
   padding: 0px;
    border-top: 0px solid gray;
   
  
}

#wizardContainer_selectie {

}

.wizardContainer:not(:last-child)
{
    border-bottom:0px solid #fff;    
}

.wizardContainer:after
{ 
   content: "";
   display: block; 
   height: 0; 
   clear: both;
}




.wizardConfiguration {
    padding: 0px;
    /* padding-top: 20px; */
    margin-top: 27px;
    float: left;
    padding-left: 3px;

}

#wizardContainer_selecteer-gewenste-aanvullende-artikelen-bij-deze-oplossing .wizardEntity {
display: none;
}

#wizardContainer_vloerafwerking .wizardConfiguration
{
  
    background:white;
   float: left;
   display: block;
}



#wizardContainer_vloerafwerking {
display:none;
}

[id^="wizardContainer_bevestiging"] {
display:none  !important;
}




#wizardContainer_systemchosen .wizardEntity {
	padding:0px;
}

#wizardContainer_systemchosen .system-result {
	border:0px;
	padding:10px;
}




.wizardEntity {


}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Summary
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardSummary
{
}

.wizardSummaryStep
{
}
    
.wizardSummaryStepName
{
    font-weight:bold;
}

.wizardSummaryCheckedElement
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Attributes
<div data-value="0" data-filterkey="x_x">0</div>
<span data-resetfilterkey="x_x">reset</span>
<div data-callname="product-a">Product A</div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[data-filterkey],[data-resetfilterkey],[data-callName]
{
    cursor:pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Button
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/





.wizardBtnReset {

   color:white;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Debug
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wizardDebug
{
    position:absolute;
    width:100px;
    height:100px;
    background:#efefef;
}


.wizardContent {
    position: relative;
    height: 75px;
}

#wizardContainer_bestek-content .wizardContent {
height: auto;
max-height:80px;
color:black
}

#wizardContainer_bouwdeel .wizardContent {
color:black;
background:white;
}

.system-result {
border:1px solid gray;
float:left;
width:100%;

}




#wizardContainer_bestektekst .wizardContent {
background-color: #2B2B28 !important;

cursor:pointer;

}

#wizardContainer_bestektekst .wizardContent .wizardBtnNext{
color:white !important;
}




.wizardSummary {
color:black;
text-align: left;
margin-top:100px;
display: nomne
}

/*___________________________________________________
Suf
---------------------------------------------------*/
.suf-schraptekst
{
	color: #008200;
}
.suf-vrijeinvultekst
{
	color: #840000;
}
.suf-bouwdeel
{
	color: #000084;
}
.suf-bouwdeel .suf-vrijeinvultekst
{
	color: #00166E;
}
.suf-kol1
{
	width: 75px;
}
.suf-kol2
{
	width: 50px;
}
.suf-kol3
{
	width: 38px;
}
.suf-kol4
{
	width: 500px;
}
.suf-post-header-row td
{
	font-weight: bold;
}
.suf-post-header-kol1
{
}
.suf-post-header-kol2
{
}
.suf-post-header-kol3
{
}
.suf-post-header-kol4
{
}
.suf-post-footer-row
{
}
#txt-clipboard
{
	position: relative;
	top: 0px;
	left: 0px;
}


#suf-clipboard
{
	position: relative;
	top: 0px;
	left: 0px;
}



#html {
margin-top:2px;
margin-top:20px;
width:90%;
}
/*___________________________________________________
RAW
---------------------------------------------------*/
.kolom_empty
{
}

.kolom_bpost
{
	padding:0 10px 0 0;
}

.kolom_hoofdcode
{
	padding:0 10px 0 0;
}

.kolom_deficode
{
	padding:0 10px 0 0;
}

.kolom_hoofdtekst
{
	padding:0 10px 0 0;
}

.kolom_romptekst
{
	padding:0 10px 0 0;
}

.kolom_tekstblok
{
	padding:0 10px 0 0;
}

.kolom_eenheid_res_verpl
{
	padding:0 10px 0 0;
}

.kolom_hoeveelheid_res_verpl
{
	padding:0 10px 0 0;
}

.kolom_kenmerk_res_verpl
{
	padding:0 10px 0 0;
}

.kolom_eenheid_bouwstof
{
	padding:0 10px 0 0;
}

.kolom_hoeveelheid_bouwstof
{
	padding:0 10px 0 0;
}

.kolom_kenmerk_aard
{
	padding:0 10px 0 0;
}

.switchViewSave {
cursor: pointer;
}

.watermerk-stabu {
display: none;
}

.saveButton {
background:#FFFFFF;
cursor:pointer;
display:block;
margin-bottom:5px;
text-decoration:none !important;


}

.reload {
background:#FFFFFF;
cursor:pointer;
display:block;
margin-bottom:5px;
text-decoration:none !important;
display: none;
    padding: 3px 8px;
}

.saveContainer {

padding: 30px 15px;
background-color: #005079;
    color: #FFFFFF;
    padding: 15px;
    margin: 0px 0;
   
 }

.saveContainer a:link {
text-decoration:none;
color:black;
}

.sectionContentView {

text-align:left;
background: white;
}

.icon-suf {
background: #419D44;
width: 32px;
color: white;
border-radius: 6px;
text-align: center;
margin-right:10px;
font-size:10px;
margin-bottom: 10px;
}

.icon-osf {
background: #E50000;
width: 32px;
color: white;
border-radius: 6px;
text-align: center;
margin-right:10px;
font-size:10px;
margin-bottom: 10px;
}

.icon-txt {
background: #14214E;
width: 32px;
color: white;
border-radius: 6px;
text-align: center;
margin-right:10px;
font-size:10px;
margin-bottom: 10px;
}

.icon-rsx {
background: red;
width: 32px;
color: white;
border-radius: 6px;
text-align: center;
margin-right:10px;
font-size:10px;
margin-bottom: 10px;
}

#osf_content_stabu2 {
    border: 1px solid red;
    height: 225px;
    overflow: auto;
    margin-right: 25px;
    width: 330px;
    background: #FFDDDD;
}

.saveContent {
padding:10px;
    margin-top: 20px;
}

.copy {
border-top: 1px solid #F2F2F2;
margin-left: 2px;
margin-bottom: 5px;

}

#suf_content {
border:1px solid #419D44;
height:225px;
overflow: auto;
margin-right:25px;
width: 330px;
background: #ECF7ED;
}

#osf_content {
border:1px solid #E50000;
height:225px;
overflow: auto;
width: 330px;
background: #FDEFEE;
}

#wizardLoading {
position:absolute;
margin:auto;
left:0;
right:0;
    top: 380px  !important;
	width:300px !important;
    
    height: 85px  !important;
   
    background:  !important;
	
	border:0px solid black;
	border-radius: 3px;
	/*display: block !important;*/
	text-align:center;
	}
	
	#wizardLoading b {
	color: white !important;
	}
	
.custom-reset {
	cursor: pointer;
	text-decoration: underline;
}

.viewContent  {
margin-top:20px;
}

#sectionToolbar {
position:absolute;
width:100% !important;
top:0;
padding: 10px;
display:none;
}

#sectionToolbar ul
{
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
width: inherit !important;
}

#sectionToolbar ul li { display: inline !important; }

.groupHeader {
border:0px solid blue;
margin-bottom: 1.25em;
padding: 1em 2% 0.75em 2%;
background: linear-gradient(to bottom, #f8f8f8 0, #ebebeb 100%);
border-bottom: 1px solid #bababa;

}



.subGroupHeader {
border:0px solid blue;

}

.showSubGroup {
float:right;
margin-top:-40px;
cursor: pointer;
height:38px;
width: 38px;
background: url(images/more.gif) no-repeat;
}

.subGroupHeader li {
padding: 0 0 0 1em;
    margin: 0 0 0.625em 0;
    list-style: none;
    background: url(images/list_item.png) no-repeat 0 4px;
	    line-height: 1.25em;
		font-size: 1.2em;
    color: #323232;
	    display: list-item;
    text-align: -webkit-match-parent;
font-weight: normal;
}

.subGroupHeader li  text {
padding-left:20px;
}




.system-block {
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-top:-2px;
margin-left:-2px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
text-align:center;
background:#E2E2E2;
}

.system-block :hover {
opacity:0.3;
}

.system-block .image {
width:100%;
height:100%;
background-position: center center;
    background-repeat: no-repeat;
	 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   
}


.image-block {
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-top:-2px;
margin-left:-2px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
text-align:center;
background:#E2E2E2;
height:200px;
}

.image-block :hover {
opacity:0.3;
}

.image-block .image {
width:100%;
height:100%;
background-position: center center;
    background-repeat: no-repeat;
	 background-size: 100% ;
    background-size: cover;
}

.filterkey-reset img {
	bordeR:0px solid green;
	margin-left:25px;
	margin-top:3px;
	cursor:pointer;
}

.filterkey-block {
	background:#184965;
	float: left;
    position: relative;
    width: 100%;
    height: auto;
    height: 186px;
}

.filterkey-wrapper {
	width:100%;
	border:0spx solid green;
	
	background:#184965;
	padding-left:50px;
	padding-bottom:20px;
	margin:0;
}

.content-block {
	   width: 100%;
    border: 0px solid green;
    position: absolute;
    /* height: 300px; */
    /* top: 0; */
    /* top: 0; */
    margina: auto;
    margin: auto;
    left: 0;
    right: 0;
}

.entity-block {
	bordeR:0px solid red;
	position:relative;
	float:left;
	width:100%;
	height:139px;
}

.entity-block div {
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	left:0;
	right:0;
	bordeR-top:1px solid #C9CED0;
	padding-top:21px;
}

.entity-block div h1 {
	background: url("https://stores.utopis-platform.net/sp-clever-reinforcement-nl/channels/sp/images/system-arrow.png") right center no-repeat;
    color: #0079C1;
    display: inline-block;
    font-size: 1.15em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    padding: 0 30px 0 0;
    text-transform: uppercase;
}

.entity-block div p {
color: #4A4A4A;
}




.wizardFilter li {
	font-size: 1.25em;
    padding: 10px 0;
    display: block;
    font-weight: 400;
    color: #FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
	
	margin-top: 40px;
    margin-bottom: 10px;

}





.stabu table {
    border: 0px solid blue;
    margin-bottom: 1.25em;
    padding: 1em 2% 0.75em 2%;
    background: linear-gradient(to bottom, #f8f8f8 0, #ebebeb 100%);
    border-bottom: 0px solid #bababa;
	border-top:2px solid white;
	}
	
	
.sectionContentView	li {

    
    background: url(images/list_item.png) no-repeat 0 4px;
	    display: list-item;
    
}

.wizardBtnNext li {
    list-style: none;
    background: #35AA47;
	    
		
    color: #323232;
	display: list-item;
    text-align:center;
	color:white;
font-weight: normal;
cursor: pointer;
margin-top:20px;
font-size:14px;
padding-top: 8px;
padding-bottom: 8px;
}

.fa-refresh {
display: none;
}

.sectionContentView a {
text-decoration: none;
color:black;
font-weight: bold;
}

.sectionContentView a:hover {
text-decoration: underline;
}

#sectionToolbar ul li a {
border-left: 1px solid white; 
}


#sectionToolbar ul li a:hover
{
    color: #ffffff;
    background: gray !important;
}

.article-block div:nth-of-type(odd) {
    background: #85B1DE;
    color: white;
    text-decoration: none;
    border-bottom: 0;
     padding-top: 10px;
	padding-bottom: 10px;
    font-size: 14px;
    border-bottom: 2px solid #A1BADB;
    line-height: 18px;
}

.article-block div:nth-of-type(even) {
    background: #7293C8;
    color: white;
    text-decoration: none;
    border-bottom: 0;
     padding-top: 10px;
	padding-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 2px solid #A1BADB;
}

.product-block .text {
margin-bottom:30px;
}

.product-block{
border:0px solid red;
height:auto;
float:left;

 color: black;
 padding: 0px;
 border-bottom: 0px solid #D0CFCB;
}

.product-block table td, .article-block table td {

}

.wizardFilter table {
	float:none;
}

#wizardContainer_container-2 {
padding:0;
}

#wizardContainer_container-2 .wizardContent i {
padding:0;
margin:0;
}

.wizardBtnCustom {
border:0px solid black;

float:left;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #0079C1;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 5px 5px 5px 0;
    padding: 10px 15px;
    text-transform: uppercase;
	 border-color: #0079C1;
} 

.wizardBtnPrevious {
	background: #FFFFFF url(images/icon-direction-arrow-left-0079c1.svg) left 10px center no-repeat;
    padding: 10px 15px 10px 45px;
}

.wizardBtnNext {
	background: #FFFFFF url(images/icon-direction-arrow-right-0079c1.svg) right 10px center no-repeat;
    padding: 10px 45px 10px 15px;
}




[id^="wizardContainer_nextcontainer"] {
display:block !important;
}

.wizardBtnCustom.active {
cursor:pointer  !important;
}


.wizardBtnCustom  .fa {
	
color:black;
}

.wizardBtnCustom:hover {


}

.wizardBtnNext.inactive {
color: #ccc;
}

.wizardBtn  {
display: none !important;
}

#sectionToolbar ul li a[href='stabu2'].selected {
background: #419D44;

}

#sectionToolbar ul li a[href='bim-spe-x'].selected {
background: yellow;
color:black;

}


#menu {
position: absolute;
    top: 339px;
    left: 0;
    right: 0;
    margin: auto;
    width: 947px;
    height: 32px;
    z-index: 10000;
    border: 0px solid blue;
    background: white;
}

#menu  .wizardBtnCustom  {
float:right;
border:0px solid green;
margin-top:0;
margin-right:10px;
cursor: pointer;
}

#menu .wizardBtnReset {
 display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    border: none;
    text-transform: uppercase;
    background-color: #EBEBEB;
    color: #323232;
    padding: 15px 35px;
    font-size: 13px;
    
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
}





h7.tekst {
    /* padding: 0px 0px 15px 15px; */
    display: block;
    margin-top: -59px;
}

h5.substructuur {

 /* padding: 0px 0px 15px 15px; */
    display: block;
    margin-top: -29px;
	}
	
#wizardContainer_selectie-product .wizardEntity {
display: none;
}	


.tree {
    position: absolute;
    top: 70px;
    left: 95px;
	    width: 221px;
}

.tree ul > li {
cursor: pointer;
list-style-type: none;
}

.arrow {
float:right;
}

.item div  {
text-decoration: none;
    color: black;
    background: #FFF;
    width: 80%;
    padding-top: 5px;
    padding-left: 10px;
    height: 30px;
    font-weight: bold;
    float: left;
margin-bottom:7px;
}

.item div p a {
text-decoration:none;
color:black;
}

.tree ul > li > ul {
margin-left:8px;
display: none;
} 

.tree ul > li > ul > li a {
text-decoration:none;
color:black;
}

.tree h1 a {
font-weight:normal;
margin-bottom:40px;
font-size:18px;
text-decoration:none;
color:black;
}





.wizardFilter h3 {
	color:#6f7881;
	font-weight:normal;
	    font-size: 28px;
		    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.4em;
  line-height:30px;
}

#nav-bottom {
width:100%;
background:white;
height:60px;
}

#nav-bottom .left-block{
width:325px;
height:60px;
float:left;
background:white;
border-right:1px solid black;
}

#nav-bottom .right-block{
float:left;
background:white;
width:70%;
padding-left:50px;
padding-top:15px;
}

#sectionToolbar li {
width:150px;
}


[id^="wizardContainer_nav"] {

display: block !important;
}

.up-logo {
float:right;
}

.up-logo img {
width:18px;
margin-right:10px;
}

.activeStep {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	border:0px solid red;
	top:-4px;
}

.wizardConfiguration h3 {
	font-size: 1.5em;
	    line-height: 1.35;
		    font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
    font-weight: normal;
	color: #4A4A4A;
	margin-bottom: 10px;
}

.article {
	border:0px solid red;
	margin-bottom:10px;
}

#wizardContainer_advies h3 {
	color: #0079c1;
      font-size: 2em;
    margin-bottom: 15px;
	line-height: 1.35;
	    font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
    font-weight: normal;
}

.button-group {
    margin: 15px 0;
}

.button {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #0079C1;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 5px 5px 5px 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.button a:link {
	 color: #0079C1;
	 text-decoration:none;
}

.button-action-download {
    background: #FFFFFF url(https://stores.utopis-platform.net/sp-clever-reinforcement-nl/channels/sp/images/icon-file-0079c1.svg) left 10px center no-repeat;
    padding: 10px 15px 10px 45px;
}

#htmlviewtekst {
	margin:15px;
}

.switchViewSave {
	
	background: #FFFFFF url(images/icon-direction-arrow-left-0079c1.svg) left 10px center no-repeat !important;
    padding: 10px 15px 10px 45px !important;
	
	border: 0px solid black;
    float: left;
   border-radius:0 !important;
    border: 2px solid #FFFFFF;
    color: #0079C1 !important;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 5px 5px 5px 0;
    padding: 10px 15px;
    text-transform: uppercase;
    border-color: #0079C1;
	
}



.page-foot {
    background-color: #2C2C2C;
    box-sizing: border-box;
    color: #FFFFFF;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 15px 120px 15px;
}

.region-footer {
    padding: 60px 0;
	display: flex;
    flex-flow: row wrap;
  
}

.region-footer section {
    width: 25%;
	    padding-right: 30px;
		    box-sizing: border-box;
}

.region-footer section:first-child {
	 padding-left: 30px;
}

.region-footer section .block-head h2 {
    font-size: 2.0em;
	color: orange !important;
    font-family: monospace;
	    margin-bottom: 8px;
}

.block-container {
	text-align:left;
}

.up-logo {
	position: absolute;
    bottom: 10px;
    right: 10px;
}

#rsx_content
{
border:1px solid #E50000;
height:600px;
overflow-y: auto;
overflow-x: hidden;
width: 800px;
background: #FDEFEE;
}

.corporate .region {
    width: 33.333333%;
	float:left;
	    padding-right: 30px;
		    box-sizing: border-box;
	margin-top:43px;
}

.corporate .region:first-child {
	margin-left:137px;
}

.page-foot .corporate .region .block {
    box-sizing: border-box;
    margin-bottom: 30px;
}

.page-foot .corporate .region .block-head {
    margin-bottom: 15px;
}

.block-head h2 {
    font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 1.5em;
	color:white;
	line-height: 1.25;
	    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
}

article.node-location .field-name-field-location-country p {
    text-transform: uppercase;
    margin-bottom: 0;
}

article.node-location.node-display--node-teaser h3 {
    font-size: 1.25em;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 1.35em;
    line-height: 1.35;
	    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


article.node-location dl.list-dl-data-contact {
    margin-bottom: 5px;
}

dl.list-dl-data-contact {
    margin-bottom: 5px;
    overflow: hidden;
}

dl {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

article.node-location dl.list-dl-data-contact dt.field-label {
    background-color: rgb(255,255,255);
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

dl.list-dl-data-contact dt.field-label {
   
    float: left;
   
    text-indent: -9999px;
   
}

article.node-location dl.list-dl-data-contact dd.field-item {
    padding: 5px 0;
}

dl.list-dl-data-contact dd.field-item {
    margin-left: 45px;
    padding: 5px 0;
}

dd {
    display: block;
    -webkit-margin-start: 40px;
}

.page-foot article.node-location dl.list-dl-data-contact dd.field-item a {
    border-color: rgb(255,255,255);
}

article.node-location dl.list-dl-data-contact dd.field-item a {
    border-bottom: 1px solid #4A4A4A;
    padding-bottom: 2px;
	text-decoration:none;
}

p {
    margin-bottom: 1.0em;
}

.item-list > ul, .item-list > ul > li {
    margin: 0;
    padding: 0;
	list-style: none;
}

ul {
    list-style-position: outside;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#block-block-6 .block-body a {
    background: url(images/simpson-strong-tie-logo.png) no-repeat;
    background-size: 120px 80px;
    display: block;
    text-indent: -9999px;
    height: 80px;
    width: 120px;
	margin-top:50px;
}

.block-global-head-less > .block-container > .block-head {
    display: none;
}

.page-foot .corporate .region .block {
    box-sizing: border-box;
    margin-bottom: 30px;
}




a, a:link, a:visited, a:hover {
    color: #4A4A4A;
    text-decoration: none;
}



article.node-location .field-name-field-location-phone .field-label {
    background: rgb(255,255,255) url(images/icon-contact-phone-4A4A4A.svg) center center no-repeat;
    background-size: 24px;
}

article.node-location .field-name-field-location-fax .field-label {
    background: rgb(255,255,255) url(images/icon-contact-fax-4A4A4A.svg) center center no-repeat;
    background-size: 24px;
}

article.node-location .field-name-field-location-email .field-label {
    background: rgb(255,255,255) url(images/icon-contact-email-4A4A4A.svg) center center no-repeat;
    background-size: 24px;
}

article.node-location .field-name-field-location-website .field-label {
    background: rgb(255,255,255) url(images/icon-contact-web-4A4A4A.svg) center center no-repeat;
    background-size: 24px;
}

.wizardContainer .disabled  {
	display:none;
}