* {
font-size:15px;

line-height: 20px;
}

body {
margin: 0;
padding:0;
overflow-y:scroll;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #6b6b6b;
}

#wizardStep_--gekozen-systeem .wizardFilter {
	display:none;
}

#wizardStep_--gekozen-systeem .wizardConfiguration {
	display:none;
}

#wizardStep_--gekozen-systeem .wizardContent h2 {
	cursor:pointer;
}

#wizardStep_--gekozen-systeem .wizardContent h2 .fa {
	color:#3d7edb;
}


.extra {
	background: rgb(25, 152, 214);
    color: white;
    padding: 5px !important;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 5px;
    width: 200px;
    text-align: center;
	display:none;
}

#wizardContainer_daklicht-02-systeem, #wizardContainer_daklicht-03-systeem, #wizardContainer_daklicht-04-systeem {
	display:none;
}
 
.filterKeyName {
    background: white;
    width: 50%;
    margin-left: 12px;
}



.disabled {
color:black;
}

#top {
position: fixed;
top:0;
z-index:9999;
margin: auto;
left:0;
right:0;
height:80px;
background:white;
border-bottom:1px solid #EEEEEE;
}

#top .logo {
	margin-top:10px;
	margin-left:66px;
	float: left;
}





#reset {
position: absolute;
    z-index: 1000;
    right: 50px;
    top: 39px;
	font-weight: bold;
	cursor:pointer;
}


.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 {

margin-left:5px;
text-decoration: underline;
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;
  
  
}

#bottom {
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
    background: #6b6b6b;
    text-align:center;
	margin-top:20px;
	
    /* margin-top: 20px; */
	
}



#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;  
}
 
#wizardUserFilterKeys
{
    display:none;
   /* width:700px;*/
}

.menu {
	border: 0px solid red;
	width:50%;
	    height: 81px;
    float: right;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wizardNavigation
{
	border-top:0px solid black;
border-bottom:0px solid black;	
    width:100%;
	height:92px;
	
padding-top: 23px;
padding-top: 23px;
	position: fixed;
	top:80px;
	z-index:9999;
	background:white;
}

#wizardNavigation a
{
   
   text-align: left;
    position: relative;
  
    cursor: pointer;
    font-weight:normal;
	width: initial !important;
	color: #007BCE;
	font-size: 28px;
   text-decoration: none;
   
}

#wizardNavigation a:hover {
text-decoration:none;
}

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



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

#wizardNavigation a.disabled:after
{
    border-left: 20px solid #EAEAEA;
}

#wizardNavigation a:first-child,


#wizardNavigation a:before
{
    width: 0;
    height: 0;
    border-top: 0px inset transparent;
    border-bottom: 0px inset transparent;
    border-left: 0px solid #fff;
   
    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: -20px;
    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: #00AEEF;
}

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

#wizardNavigation .current
{
color:#00AEEF;
}

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




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Step
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardStep
{
  
    position: relative;
    top: 170px;
	
    display: none;
   width:100%;
    padding: 0px;
   
   min-height: 512px;
    height: inherit;
	    padding-bottom: 170px;
}

.wizardStep .fa
{
   
    color:black;
	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;
}

.wizardContent h3
{
color:#6b6b6b;
   
  font-weight:normal;
	    font-size: 20px;
		    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.4em;
  line-height:30px;
  

}

.wizardContent h2 {
color: #3d7edb;




font-weight: normal;
    font-size: 20px;
    -webkit-margin-before: 1.2em;
    -webkit-margin-after: 0.4em;
    line-height: 30px;
}








.wizardFilter select[disabled]
{
    opacity:1;
}

.wizardFilterKey.disabled
{
    color:#000000;
    opacity:.2;
}

#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 div
{
    background: white;
	color:black;
	
    text-decoration: none;
    border-bottom: 0;
    padding-top: 10px;
	padding-bottom: 10px;
  
	border-bottom:1px solid #eee
}

#bg {
position: fixed;
    width:100%;
	height:100%;
    z-index: 100007;
    display: none;
    overflow: hidden;
	
    background-color: black;
	opacity: 0.55;
	
}

.block-info {
	position: fixed;
	margin:auto;
	left:0;
	right:0;
	top: 20%;
	z-index:100008;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
	width: 50%;
	padding:20px;
	display:none;
}

.block-info  h2 {
color: #6f7881;
    font-weight: normal;
    font-size: 20px;
    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.2em;
    line-height: 25px;
	margin-left:15px;
}

.block-info .fa {
color: #E5E5E5;
float:right;
}

.block-info .fa:hover {
color: gray;
}

.block-info .close-bottom {
    display: block;
    background: rgb(25, 152, 214);
    cursor: pointer;
    color: white;
	    margin-top: 45px;
		    text-align: center;
			padding-top: 5px;
    padding-bottom: 5px;
}


.block-info hr {

background-color: #E5E5E5;

    border: 0 none;
    color: #eee;
    height: 1px;
}

.block-info .content {
padding: 15px;
}


.wizardEntity {
padding:16px;

border: 0px solid #D0CFCB;
}

.wizardEntity div {
padding:3px;
margin-bottom:20px;
padding-bottom:10px;
}

.filterkey-formelement {
    float: left;
    width: 80%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






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

#circle1
{
position: absolute;
top: 415px;
left: 216px;
border:0px solid blue;
height:60px;
width:60px;
z-index:2;
}

#circle2
{
position: absolute;
 top: 242px;
 left: 196px;
border:0px solid blue;
height:60px;
width:60px;
z-index:2;
}

#circle3
{
position: absolute;
top: 286px;
    left: 8px;
border:0px solid blue;
height:60px;
width:60px;
z-index:2;
}

#circle4
{
position: absolute;
top: 425px;
    left: 450px;
border:0px solid blue;
height:60px;
width:60px;
z-index:2;
}

#circle5
{
position: absolute;
top: 259px;
    left: 394px;
border:0px solid blue;
height:60px;
width:60px;
z-index:2;
}

#circle6
{
position: absolute;
top: 363px;
left: 32px;
border: 0px solid blue;
height:60px;
width:60px;
  z-index: 2;
}

#circle7
{
position: absolute;
top: 331px;
left: 92px;
border: 0px solid blue;
height:60px;
width:60px;
  z-index: 2;
}

#circle8
{
position: absolute;
top: 204px;
left: 189px;
border: 0px solid blue;
height:60px;
width:60px;
 
  z-index: 2;
}



#set-3 {

    width: 663px;

}

#huis {
float:left;
	
}

#huis .intro {
 border:0px solid blue;
 min-height:130px;
}

#huis .intro h1 {
font-family: 'Istok Web', sans-serif;
    font-size: 1.65em;
    line-height: 1.25em;
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    color: #323232;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

div[class^="circle"] {	
	position:absolute;
	right:0;

	width:32%;
	min-height: 470px;
	background-color: #ffffff;
	padding: 10px;
	border: 0px solid #666666;
	margin-top:0px;
	display: none;
	text-align: left;
}

div[class^="circle"] h2	{
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}



div[class^="circle"] a:link {
border:1px solid gray;
background:white;
text-decoration: none;
padding-left:20px;
padding-right: 20px;
padding-top:5px;
padding-bottom:5px;
color:black;
}

.wizardContent {

}

#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%;

}


.button {
border:1px solid gray;
float:left;
background:white !important;

}


.button div {
margin:0;
padding:0;
background:white !important;
cursor:pointer;
}

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

cursor:pointer;

}

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




.wizardSummary {
color:black;
text-align: left;
margin-top:20px;
display: block;
margin-bottom: 20px;
}

/*___________________________________________________
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 {


   border:none;
}

.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;
}

.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  {
color:black;
border-bottom: 1px solid #bababa;

}

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

#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;

}

.groupHeader h2 {
	font-family: 'Istok Web', sans-serif;
    font-size: 1.65em;
    line-height: 1.25em;
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    color: #323232;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.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;
}


.wizardFilter select {
background:#E9EBEF;
height:18px;
border:none;
}

.dropdownSelected  {
background: none !important;
    border: 0px solid gray;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin-left: 12px;
    /* font-style: italic; */
	

    font-weight: normal; 
	height:30px;
	
	
}

.dropdownSelected::-ms-expand {
    display: none;
}



.wizardFilter li {
padding: 0 0 0 1em;
 
    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: bold;
font-style: italic;
}

.wizardBtnNext.inactive {

}

.wizardBtnNext.active {
display:block;
background: rgb(25, 152, 214);
cursor: pointer;
color:white;
}

.wizardBtnPrevious.active {
display:block;
background: rgb(25, 152, 214);
cursor: pointer;
color:white;
}




.stabu table {
    border: 0px solid blue;
    margin-bottom: 1.25em;
    padding: 1em 2% 0.75em 2%;
   
    border-bottom: 0px solid #bababa;
	
	}
	
	
.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;
width:30%;
float:left;
margin-top:45px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
cursor:pointer;

} 

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

.wizardBtnCustom .active {
background: rgb(25, 152, 214);
color:white;
}


.wizardBtnCustom  .fa {
	
color:white;
}

.wizardBtnCustom:hover {


}

.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;
}

.image-block {
float:left;
margin-right: 10px;
margin-top: 10px;
    width: 150px;
    height:150px;
text-align:center;
display: flex;
    align-items: center;
	text-align:center;
	border:1px solid gray;
	}
	
.image-block .image {

background:white;

}

.image-block .text {
margin-top:10px;
font-size:17px;

}

.image-block img {
	width:100px;
	margin:20px;
}

.image-block .text {
text-align:center;
}

.wizardFilter {
	   
	/*background:#6F7881;*/
	padding:
}

.wizardFilter h3 {
	color:#6f7881;
	font-weight:normal;
	    font-size: 20px;
		    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.2em;
  line-height:25px;
}

#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;
}

#sectionToolbar ul li a {
    color: #ffffff;
    background: #307A63;
    display: none;
}

.wizardConfiguration {
	margin-top:15px !important;
}


#sectionContent div.emaildisclaimeraccept {
    width: 20px;
    display: inline-block;
    position: absolute;
       top: 83px !important;
    right: 153px !important;
}

.mailContent {
	width:45%;
	
}

#sectionContent div.mailInputField input.mailFieldInput {
    display: inline-block;
    float: right;
    width: 51%;
}

#sectionContent .mailTable {
    width: 100%;
    border: 0px solid #CCCCCC;
}

#sectionContent .mailInputField {
    padding: 5px 5px;
    position: relative;
    background: #FFFFFF; 
    border: 0px solid #CCCCCC;
}

#sectionContent td.emailDisclaimerWrapper {
	background: rgb(25, 152, 214);
    padding: 10px;
    color: #FFFFFF;
    position: relative;
}

#sectionContent div.mailInputField input.email {
    display: block;
    width: 51%;
    padding: 1px 5px;
    border: 1px solid #CCCCCC;
    float: right;
}

#sectionContent div.emaildisclaimer {
    line-height: 14px;
    display: inline-block;
    width: calc(100% - 20px);
    text-shadow: none;
    margin-left: 20px;
}

#wizardContainer_container1 {
	padding-top:5px;
}


.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
	text-align:center;
	cursor:pointer;
		min-height: 279px;
}

.wp-caption:hover {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
	margin-top: 3px;
	width:300px;

}

.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

#sectionContent span.mailButton {
    background: green;
    border-radius: 6px;
    padding: 3px;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
}

.sendMessage {
	
    position: absolute;
    height: 456px;
    z-index: 99999;
	background: rgb(25, 152, 214);
	padding:50px;
	color:white;
	display:none;
}

.sendMessage a {
	color:white;
	text-decoration:underline;
}

.sendMessage a:hover {
	
	text-decoration:none;
}

.sendMessage ul {
    margin-left: 18px;
	margin-top:18px;
	margin-bottom:18px;
}