body {
	font-family: 'Open Sans', sans-serif;
	background: #31363D;
	
}

#nogeenvloer{
	float: right;
}

#add_form{
	margin-left:4px;
}

.naamSpan{
	color: #082B73;
    display: inline-block;
    line-height: 30px;
    font-weight: normal;
    margin: 20px 15px 0 15px;
    min-width: 30px;
}

#vloernaam{
	border:2px solid #092C74;
	height:24px;
}

.vloerenteller{
	padding-top:5px !important;
}

.error{
	background:red;
	padding:20px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#FFF;
}

.error span{
	font-weight:bold;
	padding:5px;
	font-size:16px;
	
}

.error .errorlist{
	font-size:12px;
}

.right{
	float:right;
}

#wrapper {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
}


.fishgrind {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	padding:30px;
	background: #000;
	color:#f06;
	display:none;
}


.cartInfo {
   width:100%;
   margin:0 auto;
}
.cartInfo span {
   float:left;
   width:50%;
   height:32px;
   margin-bottom:15px;
}
.cartInfo .itemOptie {
   float:right;
   width:40%;
   margin-bottom:15px;
   -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height:32px;
                text-indent:4px;
}


	

.itemOptie{
	padding-left: 0 !important;
}

.disabled{
	color: #ddd;
	cursor:not-allowed;
}



.simpleCart_shelfItem .item_name {
   
   margin-bottom:30px;
   margin-top:30px;
}

.simpleCart_remove{
	float:right;
}

#myDebug{
	padding:20px;
}


#AneraForm, #AneraFormNAW, #samenvatting {
	width: 90%;
	
	margin: 0 auto;
}

#AneraFormNAW{
	display:none;
}

.fieldWrapper {
	padding: 30px 30px 0 30px;
	background: #E4E7EF;
}

#navigation{
	
	float:right;
	
}

.vloerenteller{
	float: right;
	
	color:#fff;
	padding:10px 15px 10px 15px;
	font-size:12px;
	
}

.nav{
	
	
	padding-top:10px;
	float:left;
	list-style:none;
	width:20%;
	border-right:1px dotted #fff;
	
	
}

 .nav:last-child{
	margin-right:0px;
	border-right:0px dotted #fff;
	
}



#stappen{

height:42px;
color:#fff;
font-size:12px;
font-weight:400;
text-transform:uppercase;
display:inline-flex;
width:100%;

padding: 0px 0px 0 0px;
	
}

.logo {
	
	padding-left: 5%;
	padding-top: 15px;

	
}

.logo img{
	max-width:40%;
}

.telefoon {
	
	padding: 10px;
	padding-left: 5%;
	color: #fff;
	font-size: 14px;
}

h2 {
	
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

p {
	
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 800;
	margin: 0;
	padding: 0 0 15px 0;
	
}

p, a {
	
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 800;
	margin: 0;
	padding: 0 0 15px 0;
	text-decoration: none;
}

.vloerOpties, .ralkeuze, .combikeuze {
	display: none;
}

.vloeren label {
	width: 100%;
	display: inline-block;
}

.vloeren img{
	pointer-events: none;
}

.vloeren {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

label.error {
	color: red;
	font-size: 0.8em;
	margin-left: 0.5em;
}



label > input {
	visibility: hidden;
	
}

label > input + img {
	cursor: pointer;
	
	width: 100%;
	background: #fff;
	
}



label > input:checked + img {
	background: #f2f2f2;
}

.vloerOpties input {
	background: #CDCFD6 !important;
	border: 0 !important;
	max-width: 96px !important;
	height: 24px !important;
	padding: 0 !important;
	margin: 0px !important;
	display: inline-block !important;
}

.vloerOpties span {
	color: #082B73;
	display: inline-block;
	line-height: 30px;
	font-weight: normal;
	margin-left: 15px;
	width: 30px;
}

.niveau {
	position: relative;
}

.niveau span,
.constructief span, .spaanplaatuitvoering span, .combinatieuitvoering span, .specialekleur span {
	color: #082B73;
	display: inline-block;
	line-height: 30px;
	font-weight: normal;
	margin: 0 15px 0 15px;
	min-width: 30px;
}

.niveau input,
.constructief input, .admincontent input[type=text], .admincontent input[type=password] {
	background: #fff !important;
	
	width: auto !important;
	height: 24px !important;
	padding: 0 !important;
	margin: 0px !important;
	display: inline-block !important;
}

input[type=text], input[type=password] {
	padding-left: 15px  !important;
}



input[type=radio] {
	height: auto  !important;
}

.remove_niveau {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.remove_niveau2 {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.remove_niveau2 > div {
	float:left;
	margin-right:15px;
}

input[type=button], input[type=reset], input[type=submit] {
	
	color: #fff;
	border: 0px;
	padding: 8px 10px 8px 10px;
	text-transform: uppercase;
}



.ui-state-disabled{
	display:none;
}







.spaanplaatuitvoeringcol .col{
	margin-top:0 !important;
	background:#CDD3E2;
}

.boxheader{
	padding:5px 0 5px 0 !important;
}

.kleurenKeuze label > input, .spaanplaatuitvoering label > input{
	visibility: visible;

}

.kleurenKeuze label > input + img, .spaanplaatuitvoering label > input + img, .roosteruitvoering label > input + img, .combinatieruitvoering label > input + img{
	border:0px;
}

.kleurenKeuze label > img, .spaanplaatuitvoering label > img, .roosteruitvoering label > img, .combinatieuitvoering label > img {
	width:100%;
}

.afwerkingkeuze .col{
	text-align:center;
	
}

.spaanplaatuitvoering, .roosteruitvoering, .combinatieuitvoering{
	display:none;
}

.vloeruitvoering ul{
	
	height:200px;
	padding:5px;
	list-style-position: inside;
	text-align:left;
}

.vloeruitvoering ul li{

	font-size:12px;
	
	margin:0;
}

hr {
	border: none;
	height: 1px;
	
	margin: 50px 0 50px 0;
}

.inserttrans{
	margin-top:-5px;
	background:#E4E7EF;
	padding:10px;
}

.voegtoe{
	width:100%;
	background:#fff;
	
	padding: 30px 0 30px;
	text-transform:uppercase;
}

.center{
	
  
  text-align: center;
  
  }
  
  .boxheader{
  	
  	color: #fff;
  	font-size:12px;
  	height:50px;
 
   
  }
  
  
  .bijlagedrop{
  	
  	width:100%;
  	height:250px;
  }
  
  
  
  
 .accesoireKeuze{
 	
 } 
  .accesoireKeuze p{
  	font-size:10px;
  	font-weight:normal;
  	height:50px;
 	
 } 
 
 .accesoireKeuze img{
  	width:100%;
 } 
  
  .item-thumb, .item_thumb{
  	float:left;
  	
  	width:180px;
  	margin-right:20px;
  	
  }
  
  .item-thumb img, .item_thumb img{
  	width:100%;
  }
  
  .item-name{
  
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;	
  }
  
  .item-optie1, .item-optie2, .item-optie3, .item-optie4, .item-label1, .item-label2,.item-label3, .item-label4{
  	
	text-transform: uppercase;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:5px;
	
	  }
  
  .item_Optie1, .item_Optie2, .item_Optie3{
  	
  	height:32px;
  }
  
  .item-quantity input, .item_quantity{
  	width:40px;
  	
  	height:25px;
  }
  
  .item_add{
  	float:right;
  }
  
  .itemRow{
  	padding:20px;
  	background:#fff;
  	margin-bottom:35px;
  	min-height:200px;
  	padding-bottom:60px;
  }
  
  .simpleCart_shelfItem{
  	list-style:none;
  }
  
  
  
  #upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#373a3d;

    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);

    width:250px;
    padding:30px;
    border-radius:3px;

    margin:200px auto 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    
    padding: 40px 50px;
    margin-bottom: 30px;
    
    border-radius: 3px;
    
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}



#drop input{
    display:none;
}

#bijlage ul{
    list-style:none;
    padding-left:0;
}

#bijlage ul li{

    

    margin-top:2px;
    padding:15px;
    height: 52px;

    position: relative;
}

#bijlage ul li input{
    display: none;
}

#bijlage ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#bijlage ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#bijlage ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#bijlage ul li span{
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#bijlage ul li.error span{ height: 16px; background-position: 0 -13px; }

#bijlage ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#bijlage ul li.error p{
    color:red;
}



#opmerkingen{width: 99%;
    
    height: 250px;
    margin-top: 20px;}
    
    #languages{
    	float:right;
    	margin:15px;
    }
    
    
    
    .samenvatting-velden h2{
    	border-bottom:3px solid #000;
    	padding-bottom:10px;
    }
 .samenvatting-velden li{
 	background:#E4E7EF;
 	list-style:none;
 	padding:10px;
 	margin-bottom:8px;
 	
 }   
 .samenvatting-velden .itemRow {
 	background:#E4E7EF;
 	display:block;
 	
 }
 
    
 .headblok{
 	text-align:center;
 	color:#fff;
 	font-size:20px;
 	height:100px;
 	line-height:100px;
 	text-transform:uppercase;
 	margin-top:20px;
 	margin-bottom:40px;
 }   
 
 
 .subheadblok{
 	padding:10px;
 	color:#fff;
 	font-size:20px;
 	
 	text-transform:uppercase;
 	margin-top:20px;
 	margin-bottom:20px;
 }  
    
.samenvatting-velden .col{
	margin-top:5px;
	margin-bottom:0;
}    
    
    
    
    
    .adminheader{
    	width:100%;
    	text-align:center;
    	
    	color:#fff;
    	font-size:22px;
    	padding:40px 0 40px 0;
    	margin-top:30px;
    	margin-bottom:50px;
    	text-transform: uppercase;

    }
    
    
    .admincontent{
    	width: 90%;
    margin: 0 auto;
    padding-top:30px;
    }
    
    .dashboard{
    	padding-bottom:50px;
    }
    
    .dashboard a{
    	
    	
    	color:#fff;
    	
    	background:#092C74;
    	border-radius: 25px;
    	text-align:center;
    	overflow:hidden;
    	text-transform: uppercase;
    	
    	
    }
    
    
    
    .dashboard a:before {
  content: "";
  display: block;
  padding-top: 45%;
}

.dashboard a:after {
  content: "";
  display: block;
  padding-bottom: 45%;
}

.admincontent form{
	text-align:left;
}

.admincontent form input{
	margin:10px;
}