/* CSS Document */

header .headerMiddle .shoppingCart .shoppingcartText {
    margin-top:-10px;
    margin-left:-20px;
    z-index: 5;
}
header .headerMiddle .shoppingCart .shoppingcartText .badge {
    background-color: #007db7;
}

.mainSite img
{
	max-width:100%;
	height:auto; 
}

a.scrollToTop
{
	cursor:pointer;
	line-height:1em;
	padding:5px; 
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	background-color:#5AA700;
	color:#FFFFFF;
	font-size:1.5em;
	z-index: 5;
}

/*General*/ 
.mainSite{
	 

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.mainSite main{

}	
.mainSite main .mainContent{
	background-color: #FFFFFF;
/*	margin-top: -150px;		*/
}
.mainSite h1, .mainSite h2{
	text-transform: uppercase;
	margin: 0px;
}
.mainSite .bottom{
	text-align: center;	
}
.glyphicon-check{
	color: #0d4e00;
}
.color{
	filter: invert(100%);	
}
.socialMedia img{
	width: 40px;	
}

/*cta*/
.mainSite .cta{
	text-transform: uppercase;
	font-weight: 800;
	background-color: #ffb661;
	text-align: center;
	color: #FFFFFF;
	display: inline-block;	
	padding: 10px 15px;
	cursor: pointer;
	
}
.mainSite .backLink
{
	text-transform: uppercase;
	font-weight: 800;
	font-size:.8em; 

	text-align: center;

	display: inline-block;


}
/*breadcrums*/


ol.breadcrums .active{
	color: #bababa;
}
ol.breadcrums li:first-child:before{
	content:"";
}
ol.breadcrums li:before{
	content:"/";	
}
ol.breadcrums li{
	list-style-type: none;
	display: inline;	
}
ol.breadcrums a{
	color: #000000;	
}
ol.breadcrums{
	padding: 0px;
	font-weight: 800;
	text-transform: uppercase;
	
}





/*header*/
	/*Top*/
header .headerTop{

    border-bottom: 1px solid #ffffff2b;

    color: #333;

}
header .headerTop a{
	color: #333;
}
.topTekst{
	color:#333;


	font-size:.8em;
	text-align: left;	
}
header .tekst{
    display: inline-block;
    margin: 0px 15px;
    font-weight: 400;
	font-style:italic;	
}
header .topMenuHolder
{
    padding: 5px 15px;
	border-bottom: 1px dashed #ECECEC;
}
header .topMenu{
	display: inline;	
}

	/*topMenu*/
header .headerTop .topMenu>ul{
	margin-bottom: 0px;	
}
header .headerTop .topMenu>ul>li{
	display: inline;
	font-family: 'Open Sans', sans-serif;	
}
header .headerTop .topMenu>ul>li>a{
	padding-left: 15px;
	font-weight: 300;
	font-size: .8em;
	color: #333;
}
.headerMiddle
{
	    margin-top: -8px; 
    margin-bottom: 15px;
}
.topTel
{
	display:flex;
	margin-top:30px;
	color:#333;
	font-size:.9em;
}
.topTel a
{
	color:inherit;
}
.topTel .glyphicon
{
	    font-size: 30px;
    margin-top: 5px;
    margin-right: 15px;
}

.bigBarHolder
{


   background-color: #007db7;

}
.bigBar
{


	position:relative;
}

.bigBar ul.bigBarMenu
{
	padding:0px;
	margin:0px;
	display:flex;

}
.bigBar ul.bigBarMenu li
{
	flex-grow:0; 
	margin:0px;
	padding:0px;
	display:block;
}
.bigBar ul.bigBarMenu li a
{
	color:#FFF;
	text-transform:uppercase;
	font-weight: 400;
	font-size:14px;
	margin:0px;
	padding:17px;
	display:block;
	text-align:left;
	/*border-right:1px solid rgba(255,255,255,0.2);*/
	min-height:55px;
	background-repeat:no-repeat;
	background-position:10px 10px;

	margin-right:10px;
	margin-left:10px;

}
.bigBar ul.bigBarMenu li:first-child a
{
	margin-left:0px;

}
.bigBar ul.bigBarMenu li:last-child a
{
	margin-right:0px;

}

.bigBar ul.bigBarMenu li a img
{
    height: 1.2em;
    padding-bottom: 2px;
}

.bigBar ul.bigBarMenu li:first-child a 
{

	/*border-left:1px solid rgba(255,255,255,0.2);*/

}
.bigBar ul.bigBarMenu li a.hover, .bigBar ul.bigBarMenu li a:hover
{
	    color: #333;
	position:relative;
	z-index:9999;
 
	text-decoration:none;
	background-color:#FFF;
	border:1px solid #000000;


}
.bigBar ul.bigBarMenu li a.hover, .bigBar ul.bigBarMenu li a.hasSub:hover
{
	border-bottom:none;	
}
.bigBar ul.bigBarMenu li a.hasSub:after
{
float: right;
    /* margin-right: 15px; */
    margin-top: 8px;
	margin-left:15px;
    font-size: 6px;
    transform: scale(2,1);
    content: "▼";
 
    color: rgba(255, 255, 255, 0.25);


	
}



.bigBar #ddMenu
{
	margin-top:-1px;
	height:auto;
	background-color:#FFF;
	z-index:999;
	position:absolute;
	padding:25px;
	min-width:250px;
	transition:height .1s linear ;
	overflow:hidden;
}
.bigBar #ddMenu:empty
{
	padding:0px;
}
.bigBar #ddMenu ul
{
	margin:0px;
	padding:0px;
	display:block;
	list-style:none;
	
	
}
.bigBar #ddMenu ul li a
{
	display:block;
	padding:4px;
	font-size:14px;
	font-weight:600;
	color:#007db7;
	
}

.bigBar #ddMenu ul li ul li a
{
	color:#333;	
	font-size:13px;
	font-weight:400;
	
}
.bigBar #ddMenu ul li ul li a:before
{
}
.bigBar #ddMenu ul li ul li ul li a
{
	font-size:13px;
	font-weight:400;	
	
}


.bigBar #ddMenu.large
{
	width:100%;

	
	
}
.bigBar #ddMenu.large ul
{
  column-count: 4;
  column-gap: 0;
	
}
.bigBar #ddMenu.large ul li
{
	break-inside: avoid;
	-webkit-break-inside:avoid;
	-webkit-column-break-inside: avoid;
	-moz-break-inside:avoid;
	page-break-inside: avoid;
	display:block;

}
.bigBar #ddMenu.large ul li li
{
	width:100%;
}
.bigBar #ddMenu.large ul ul
{
	  column-count: 1;
	margin-bottom:20px;
	display:block;
}



.headerUsp
{
	font-size:.9em;
	padding-top:15px;
	padding-bottom:15px;
	    background-color: #F2F2F2;

}


.headerUsp span.glyphicon
{
	color:rgba(51,160,0,1.00);
}


	/*Middle*/
.header .headerMiddle{

    background-color: #FFF;
	font-weight:300;
		
}
header .headerMiddle .headerSearch .input-group{
    border: 1px solid #e6e6e6;
	background-color:#FFF;
	margin-top: 30px;
margin-left: -30px;	
}
header .headerMiddle .headerSearch .input-group span{
	font-size: 1.3em;
	color: #007db7;		
}

header .headerMiddle .headerSearch button{
	background-color: #FFF;
	width: 65px;
	height: 40px;
	border: none;
}
header .headerMiddle .headerSearch button:hover{
	background-color: #FFF;
	color:#000000;
	width: 65px;
	height: 40px;
	border: none;
}

header .headerMiddle .headerSearch input{
	height: 40px;
	border:none;
	box-shadow:none;

 

	font-weight:100;
	
}
header .headerMiddle .headerSearch input::-webkit-input-placeholder{
	color: #b7b7b7;	
	
}
header .headerMiddle .headerLogo
{
	background-color:rgba(255,255,255,1.00);
	margin-top:-18px;
}
header .headerMiddle .headerLogo img{

	max-width: 100%;
	height: 90px;;	
}
header .headerMiddle .shoppingCart{
	margin-top: 35px; 
	font-size:.9em;
	float:right;
}
header .headerMiddle .shoppingCart a{
	color: #333;
	display:flex;	 
}
header .headerMiddle .shoppingCart a .glyphicon{
    /* font-size: 30px; */
    font-size: 25px;
    margin-right: 15px;  
}
header .headerMiddle .shoppingCart .shoppingcartText{
	font-weight:300;		
}
header .headerMiddle .shoppingCart span{
	font-size: 1em;	
}

	/*Menu*/
header .headerMenu .navbar{
	margin-bottom: 0px;		
}
header .headerMenu .navbar-default{
	background-color: #bbbbbb;
	border: none;
	border-radius: 0px;	
}
header .headerMenu .navbar-nav{
	width: 100%;
	text-align: right;
	padding-left: 50px;
}
header .headerMenu .navbar-collapse{
	padding: 0px;
}
header .headerMenu .navbar-default .navbar-nav>li>a{
	color: #FFFFFF;	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: inherit;	
}
header .headerMenu .navbar-default .navbar-nav>li>a:hover,header .headerMenu .navbar-default .navbar-nav>li>a:active, header .headerMenu .navbar-default .navbar-nav>li>a:visited{
	background-color: rgba(0,0,0,0.1);
	color: #FFFFFF; 
}


	/*Bottom*/
header .headerBottom{
	background-image: URL("https://www.arobantennebouw.nl/upload/headers/camperschotel-1.jpg");
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	height: 310px;
}

/*footer*/
footer{
	padding-top: 50px;
	background-color: #212121;
	color: #eeeeee;
	font-weight: 300;
}
footer .copyright{
	text-align: center;	
}
footer .copyright a{
	color: #eeeeee;		
}



footer .menu{
	display: flex;
	padding: 0px;
	list-style-type:none;
}
footer ul li{
	font-size: 1.1em;
	width: 100%;	
}
footer ul li ul{
	margin-top: 20px;
	list-style-type:none;
	padding: 0px;
}
footer ul li ul li{
	padding-bottom: 10px;	
}
footer .menu ul li a{
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8em;  
}
footer .menu ul.noClass li a img, #mobileSlideMenu .mm-listview>li>a img 
{
	height:1.4em; 
   filter: invert(100%);

}
.footerHeader{
	margin-top: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
	text-transform:uppercase;	
	display: block;
}
footer .footerCertificering{
	display: flex;	
}
footer .socialMedia{
	display: flex;
}
footer .socialMedia img{
	margin-right: 10px;	
}

footer .partners img
{
	width:120px;
	margin:15px;
}


	.mobileMenu
		{ 
			z-index:40;
				position:fixed;
				width:100%;
				
	 		background-color:#FFFFFF;
			display:flex;
			align-items:stretch; 
		} 
		.mobileMenu a.logo
		{

			flex:3 1;

				display:block;
					border: 1px solid #e1e1e1;
	border-right:none;
						
		}
		.mobileMenu a.logo img
		{
			display:block;
			width:50%;
			margin-top:5%;
			margin-left:25%;
			margin-bottom:5%
		}
		.mobileMenu .mobileMenuItem
		{
			display:flex;
			align-items:center;
			justify-content:space-around;
			


			flex:1 1;
			color:#b4b4b4;

	border: 1px solid #e1e1e1;
	border-right:none;

		}
		.mobileMenu .mobileMenuItem:last-child
		{
				border-right: 1px solid #e1e1e1;
		}


.mobileMenu button
{
	display:block;
	text-transform:uppercase;
	padding:10px;
	border:none;


	min-width:100%;
	width:100%;
	font-weight:600;
	font-size:9px;
	background-color:transparent;
	color:#333;
	
}
.mobileMenu button.btn-default:hover
{
	background-color:#FFF;
	color:#333
}
.mobileMenu #langSelectorMobile img
{
	height:11px;
	width:16px;
	margin-top:-3px;
	margin-right:5px;
}
.mobileMenu #langSelectorMobile .dropdown-menu {
    min-width: 100%;
}
.mobileMenu #langSelectorMobile .dropdown-menu li
{
	padding:5px;
	text-align:center;
}




/*homePage*/
.homePage .mainContent{

}
.homePage .mainContent .mainHeader h2{
	display: inline-block;
	font-size: 1.4em;
	font-weight: 800;
}
.homePage .mainContent .bottom{
	margin-bottom: 40px;	
}
.homePage .mainContent .bottom .cta{
	color: #4f94e2;
	font-size: 14px;
	background-color:#FFF;
}
.homePage .mainContent .topMerken{
	display: flex;
	justify-content:space-between;
}
.homePage .mainMiddle .topMerken img{
    max-height: 60px;
    padding: 5px;
}

	/*Middle*/
.homePage main .mainMiddle{
	margin-top: 50px;	
}

	/*middleGrayBar*/
.homePage .middleGrayBar{
	margin-top: 50px;	
}
.homePage .middleGrayBar .block{
	background-color: #eeeeee;
	padding: 30px;
	min-height: 350px;
	margin-bottom: 15px;
}
.homePage .middleGrayBar .block h2{
	margin: 0px;
	font-size:1.2em;
	font-weight: 800;
}
.homePage .middleGrayBar .contact .extraInfo a{
	color: #000000;
}
.homePage .middleGrayBar .openingstijden td{
	padding-bottom: 5px;	
	font-size: 1.1em;
}
.homePage .middleGrayBar .openingstijden h2, .homePage .middleGrayBar .partners h2{
	margin-bottom: 15px;	
}
.homePage .middleGrayBar .openingstijden td:first-child{
	padding-right: 35px;
}
.homePage .middleGrayBar img.betaalmethoden{
	width: 100%;
	height: auto;	
	margin-bottom: 25px;
}
.homePage .middleGrayBar .block>div{
	margin-top: 25px;
}



	/*mainBottom*/
.homePage .mainBottom .mainBottomContent{
	text-align: center;
	padding: 50px 0px;
}
.homePage .mainBottom .mainBottomContent h2{
	font-size: 1.2em;
	font-weight: 800;		
}
.homePage .mainBottom .mainBottomContent p{
	margin-bottom: 50px;
}
.homePage .mainBottom .mainBottomContent .cta{
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #4f94e2;
	padding: 20px 25px;	
}

/*Categorie*/
	/*left*/
	
.Categorie .left .filters  	.minMax
	{ 
		display:flex;
		border-top: 1px solid #d5d5d5;
	}
.Categorie .left .filters	.minMax  input
	{
		background-color:transparent;
		padding-left:15px;
		border:none;
		width:50%;
	}
.Categorie .left .filters		.minMax  input:hover
		{
			background-color:rgba(255,255,255,.5)
		}
.Categorie .left .filters	.minMax input:last-child
	{
		text-align:right;
	}
  
  	
.Categorie .left{
	text-transform: uppercase;
	background-color: #f7f7f7;
	padding: 30px;
}
.Categorie .mainContent .left .navigatie{
	margin-bottom: 60px; 
}
.Categorie .mainContent .left .navigatie .cta{
	color: #4f94e2;
	font-size: 0.7em; 
}


.Categorie .mainContent .left .navigatie ul li:before{
	content: "\e080";
	font-family: 'Glyphicons Halflings';	
	font-weight: 300;
}
.Categorie .mainContent .left .navigatie ul{
	border-bottom: 1px solid #d5d5d5;
}
.Categorie .mainContent .left .navigatie ul li{
	border-top: 1px solid #d5d5d5;
	font-weight: 600;
	font-size: 12px;
}
.Categorie .mainContent .left .navigatie ul li a{
	color: #000000;	
}
.Categorie .mainContent .left .navigatie h4{
	
	font-weight: 900;
	font-size: 1em;
}

 
.Categorie .mainContent .left input[type=checkbox]{
	border-radius: none;
	background-color: #FFFFFF;
	width: 15px;
	height: 15px;
	margin-top:5px;
	margin-right:5px;
	float:left; 
}
.Categorie .left ul{
	padding: 0px;
	font-weight: 800;
	list-style-type: none;


}
.Categorie .left ul li{
	font-weight: 800;
	font-size: 1em;   
	line-height: 2em;
}
.Categorie .left ul li ul{
	margin-bottom: 25px;	
	font-size: 0.9em;
}
.Categorie .left .filters label{
	margin: 0px;

}
.Categorie .left .filters h4{
	margin-bottom: 15px;
	font-weight: 800;
	font-size:1em;
}
.Categorie .left ul.filters li ul li{
	border:none;
	padding-bottom: 0px; 
}
.Categorie .left ul.filters li ul li ul li{

	border-top: 1px solid #d5d5d5;
	padding-bottom: 0px; 
}
.Categorie .left ul.filters li ul li label{
	font-weight:800;	
	color:#333;
	font-size:.8em;
  
}
.Categorie .left ul.filters li ul li ul li label{
	font-weight:600; 
	color:#333;	
	font-size:12px;
}
.Categorie .left ul.selected{
	margin-bottom: 100px;
}
.Categorie .left ul.selected li ul{
	padding-left: 10px;
}
.Categorie .left ul.selected li ul li{
	font-weight: 500;	
}
.Categorie .left ul.selected hr{
	background-color:#d5d5d5;
	border: 0px;
	height: 1px;
	margin: 0px;	
}

	/*right*/
.Categorie .right{
	padding: 30px;	
}
.Categorie .mainHeader .input-group select{
	background-color: #efefef;
	border: none;
	font-size: 0.7em;
	font-weight: 700;
	height: 25px;

	padding: 0px 15px;
	text-transform: uppercase;
}
.Categorie .mainHeader .input-group .dropdown{
	display: inline;	
}
.Categorie .mainHeader .input-group label{
	font-size: 0.8em;
	font-weight: 800;
}
.Categorie .mainMiddle{

}
.Categorie .mainBottom{

}
.Categorie .mainBottom .mainBottomContent{
	text-align: left;	
}
.Categorie .mainBottom .mainBottomContent h2{
	font-size: 1.2em;
	font-weight: 900;	
}
.dbTxtCollapse
{ 
	overflow:hidden;
	max-height:175px;
	position:relative;

}
.OLDdbTxtCollapse:after
{
	height:50%;
	position:absolute; 
	bottom:0px;
	content:"";
	display:block;
	width:100%;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
/*productPage*/
.productPage .mainHeader h1{
	font-weight: 800;	
}
.productPage .mainHeader{
	margin-bottom: 20px;
}
.productPage h2{
	font-weight: 800;
	font-size: 1.5em;	
}
.productPage h3{
	font-weight: 800;	
	font-size: 1em;
	text-transform:uppercase;
}
.productPage hr{
	border-top: 1px solid #c8c8c8;
}
.productPage .mainContent{	 

}
.productPage .mainContent .category img{
	float: right;	
}
.productPage .mainTop .beschrijving{
	line-height: 1.7em;
	font-size: 0.9em;	
}
 
.productPage a.attrShowMore {
	color: #333;
	margin: 15px 0; 
}


.productPage .mainTop .mainImage{

	margin-bottom: 30px;		
}
.productPage .mainTop .mainImage a#prodImgLink
{
	position:relative;
	    display: block;
    width: 100%;
    padding-top: 70%; 
}
.productPage .mainTop .mainImage img{

	width:100%;
	height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
	object-fit:contain;

}



.productPage .mainTop .prodImgDiv .prodSmallImg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 120px;
    border: 1px solid #f1f1f1;
	margin-bottom:15px;
	margin-top:15px;
}



.productPage .specifications table{
	width: 100%;	
}
.beschrijving ul{
	list-style-type: none;	
	padding: 0px;
}
.beschrijving ul li:before{
	content: "\e067";
	font-family: 'Glyphicons Halflings';
	color: #125105;
	padding-right: 10px;
}

.productPage .mainMiddle{
	margin-top: 50px;
}


/*contact*/
.contact .mainContent{
	padding: 30px;	
}
.contact .mainContent .block{
	background-color: #eeeeee;
	padding: 30px;
	min-height: 350px;
	margin: 15px 0px;
}

.contact .mainContent .openingstijden td{
	padding-bottom: 10px;	
	
	/*text-align: right;*/
}
.contact .mainContent .openingstijden h2, .homePage .middleGrayBar .partners h2{
	margin-bottom: 15px;	
}
.contact .mainContent .openingstijden td:first-child{
	padding-right: 100px;
	/*text-align: left;		*/
}
.contact h2{
	font-size: 1.5em;
	font-weight: 800;
}
.contact .contactInfo .extraInfo a{
	color: #000000;
}


/*productblokken en addBox*/
	/*general*/
.orginelePrijs{
	font-weight: 800;
	color: #5f5f5f;
	text-decoration: line-through;
}
.productBlock .nieuwePrijs{
	font-size: 2em;
	font-weight: 800;
	color: #000000;	
	margin-bottom: 10px;
}
.productBlock:hover a{
	text-decoration: none;	
}
.nieuwePrijs small{
	font-size: 0.6em;
	vertical-align: text-top;	
}
.text{
	color: #4b4b4b;
	font-size: 0.9em; 
	font-weight: 600;
	margin: 0px 5px;
	display: inline;
}
.stock{
	margin-top: 10px;	
}
.voorraad{
	margin-top: 10px;	
}

	/*productBlock*/
.productBlock{
	margin-bottom: 15px;
}
.productBlock.uitverkocht
{
	opacity:.8
}
.productBlock.uitverkocht:after, .productBlock.onzeKeuze:after
{
	position:absolute;
	content:"Uitverkocht";
	background-color:#f26d7d;

	color:#FFF;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	right:20px;
	top:20px;
	font-weight:600;


	
}

.productBlock.onzeKeuze:after
{
	content:"Onze keuze";
	background-color:#4f94e2;
	opacity: .8;
	font-size:.9em;
}

.bestelMetItem .productBlock
{
	border: 1px solid #e6e6e6;
    padding: 15px;
	
	}
.productBlock label{
	display:block;
	font-size:.8em;
	font-weight:normal;
}
.productBlock .articleTop .korting{
	font-size: 0.8em;
	position: absolute;
	background-color: #4f94e2;
	font-weight: 800;
	color: #FFFFFF;
	top: 15px;
	left: 15px;
	padding: 4px 10px;
	text-transform: uppercase;
}
.productBlock .articleTop{
	height: 190px;
	width: 100%;
	position: relative;	
	background-position: center;
	background-size:contain;
	background-repeat: no-repeat;
}
.productBlock h1{
	font-size: 1em;
	color: #4b4b4b;
	text-transform: uppercase;
	height: 50px;
/*	overflow:hidden;*/
	margin: 0px;
	font-weight: 800;
}
.productBlock .articleBottom .orginelePrijs{
	margin-top:-15px;
	height: 15px;
}
.productBlock .usp
{
	height:80px;
}
.productBlock:hover .cta{
	color:#ffa439;
}
 

	/*combo*/
.productBlock .articleBottom .cta, .addBox .cta{

	text-align: center;
	font-weight: 800;
	color: #FFFFFF;
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
}

	/*addBox*/
.addBox{
	min-height: 450px;
	background-color: #ebebeb;
	padding: 20px;
}
.addBox .discountBox{

	/*min-height: 45px;*/
}
.addBox label{
	font-weight: 800;
	font-size: 0.9em;
	text-transform: uppercase;	
}
.addBox .nieuwePrijs{
	font-size: 3em;
	font-weight: 800;
	color: #000000;	
	margin-bottom: 0px;
}	
.addBox select{
	width: 100%;
	border: none;
	margin-bottom: 10px;
	text-align-last: right
} 
.addBox select option{
	direction: rtl;
}
.addBox .orginelePrijs{	
	display: inline-block;
}
.addBox .korting{
	margin-left: 5px;
	display: inline-block;
	color: #ffa439;
	font-weight: 800;
}
.cta:hover{
	text-decoration: none;
	background-color:#ffa439;
	color:#FFF;
	
}


.addBox .attr label {
	display:block;
	border-bottom: dotted 1px #AAAAAA;
    font-weight: 300;
    font-size: 0.9em;
    text-transform:none;
}
.addBox .attrTitle {
font-size: 14px;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 600;
}



.panel-title>a {
    color: inherit;
    font-weight: 700;
	display:block;
}

.mainSite .shoppingCartRow img {
	aspect-ratio: 1/1;
	object-fit: contain;
}



/* ---------------Formulier---------------- */
/*.mainSite input, .mainSite textarea, .mainSite select {
	border: 1px solid #CCC;
	background: none;
	border-radius: 0px;
	padding: 10px;
	color: #333;
}*/
input[type="button"], input[type="submit"], button, .uploadifive-button {
	cursor: pointer;
	display:inline-block;
	color: #FFF;
	background: none;
	border: none;
	padding: 15px;
	background-color: #414a54;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .uploadifive-button:hover {
	background-color: #666;
}
.mainSite option {
	color: #333;
}

.mainSite .btn-default {
	color: #FFF;
	background-color: #414a54;
	border-radius: 0px;
}
.mainSite  .btn-default:hover {
	color: #FFF;
	background-color: #333;
}



/* einde formulier*/



/* Basiselementen */


.inWindow {
	background-color: #FFF;
	border: 5px #069 solid;
	border-radius: 10px;
	margin: auto;
	margin-top: 50px;
	width: 436px;
	min-height: 140px;
}
.inWindowHeader {
	padding-top: 3px;
	padding-bottom: 8px;
	padding-left: 10px;
	width: 426px;
	background-color: #069;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 18px
}
.adminTransBg {
	z-index: 99;
	display: none;
	padding: 10px;
	overflow: scroll;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#settingsWindow td, .inWindow td {
	border-bottom: 1px dotted #CCC;
}
#settingsWindow label, .inWindow label {
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}
.bottomButtons {
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
.bottomButtons input[type="button"] {
	margin: 5px;
}
.loadingMsg {
	background-color: #FFF;
	border-radius: 5px;
	display: block;
	font-size: 18px;
	color: #666;
	padding: 10px;
}
.loadingMsg img {
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
.admin-modal {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.admin-modal span.help-block {
	font-size: 12px;
}
.modal {
	margin-top: 30px;
}
.loadModal {
	height: 200px;
	background-image: url(/login/image/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
}


/*  einde basiselementen */


/* BOOTSTRAP */


.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
	border-radius:0px;
	font-size:14px;
}
.modal-content input, .modal-content select{
	height:auto;
	border-radius:0px;
	font-size:1em;
	line-height: 35px;
}
.modal-content .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.modal-content .btn {
    padding: 8px 16px;
    font-size: 14px;
	border-radius:0px;
}


/*mediaqueries*/
@media screen and (min-width: 480px){
.mainSite{
	
	font-size: 16px;
}
} 
@media screen and (min-width: 768px){
} 

@media (min-width: 992px){
main .homePage .mainBottom .mainBottomContent{
	padding: 50px 160px;	
}
main .middleGrayBar .openingstijden td:first-child{
	padding-right: 5px;		
}
header .headerMenu .navbar-nav{
	padding-left: 0px;
	
}
.mobileMenu 
{
	display:none;
}
.pull-right-lg
{
	float:right;
}
}

@media (min-width: 1200px){
main .middleGrayBar .openingstijden td:first-child{
	padding-right: 45px;		
}

.modal-lg {
    width: 1100px;

}
}
@media (min-width: 1500px)
{
.container {
    width: 1400px;
}

.modal-lg {
    width: 1400px;
}
}


/* einde mediaqueries */
/*
xs < 768
sm 768-991
md > 992