/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.steljevraag{
		display: none;
		visibility: hidden;
	}

}

@media only screen and (max-width : 768px) {
.nietopmobiel {
	display: none;
	visibility: hidden;
	}

.nietopdesktop {  
	display: inline;
	visibility: visible;
}
img {
	max-width: 100%;
	height: auto !important;
}
#google iframe {
		max-width: 100%;
} 
#wrapper {
	width: 100%;
	padding: 0 5px;
	box-sizing: border-box;
}
.MsoNormalTable {
	width: 100% !important;
}
.schaduw {
	box-shadow: none;
}

#strip{
	margin-top: -4px;
}

#logo {
	left: 0;
}

#kolomlinks {

	//text-align:center;
}


#main {
	width:100%;
	padding: 5px;
}
#googleplus {
	float:none;
	clear:both;
	text-align:center;
	padding-bottom:10px;
}
#adres {
	height: auto;
	text-align: center !important;
	font-size:12px;
	line-height:19px;
display:block;
}
.print {
	float: none !important;
	text-align: right !important;
	padding-top:15px;
	clear:both;

}
.print a{
	color: #f06000;
}
.producten {
	width: 100%!important;
	box-sizing: border-box;
}

.product {
	width: 100%!important;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
}
div.titel {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.submenu {
	width: 100%;
	box-sizing: border-box;
}


.tekstveld, .tekstvak {
	width: 150px;
}
/*zoeken start*/
.zoeken {
	margin-top: 15px;
}
.zoeken2 {
float: none !important;
}

input {

}
input.zoekveld {
	font-size:13px !important;
	width: 100%;
	box-sizing: border-box;
	height: 30px !important;
	margin-bottom: 5px;
	padding:0 10px;
}
.zoeken input[type=image] {
	height: 30px;
	position: absolute;
	right:5px;
}

.zoeken select.zoekveld{
	font-size:13px !important;
	width: 100%;
	box-sizing: border-box;
	height: 30px !important;
	margin-bottom: 5px;
}

/* zoeken basis */
.zoekennieuw  { 
margin-right:0px;
}
.zoekennieuw div.zoekvelden { 
	float:left;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	height: 30px;
	margin: 0;
	margin-bottom: 5px;
	padding: 0  5px ;
} 
.zoekennieuw input{
	width: 100%;
	box-sizing: border-box;
	height: 30px !important;

}
.zoekennieuw input[type=image] {
	height: 30px;
width:30px;
	position: absolute;
	right:5px;
}  
.zoekennieuw select {
	font-size:13px !important;
	width: 100%;
	box-sizing: border-box;
	height: 30px !important;
	margin-bottom: 5px;
}
#tabs, #links {
	display:none;
}
#menu {
	position: static;
}
.table, .table .row, .table .cell {
	display: block;
}
#menu .table {
	float: left;
	width: 100%;
	box-sizing: border-box;
}
#menu .table .cell {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
#menu .table .cell a{
	display: block;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	margin-bottom: 1px;
	padding-left: 10px;
	text-decoration: none;	

	background-color: #99d699;
	background-image: url('../images/next.png');
	background-repeat: no-repeat;  
	background-size: 25px 25px;
	background-position: right 5px top 2px;
	border-left: 5px #009900 solid;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 300;
	color: 	#ffffff;
}
#menu .table .cell a:hover{
	color: 	#009900;
}
/* Menu - categorien */
#hoofdmenu2  {
	display:none;
	height: auto;
	background: none;
	padding: 5px;
	box-sizing: border-box;
} 
#hoofdmenu2 div .menuitem a{
	display: block;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	margin-bottom: 3px;
	padding-left: 10px;
	text-decoration: none;
	font-weight: 300;
}
#hoofdmenu2 .menuitem a.geensub{
	background-color: #fdece0;
	background-image: url('../images/next.png');
	background-repeat: no-repeat;  
	background-size: 25px 25px;
	background-position: right 10px top 10px;
	border-left: 5px #facfb2 solid;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: 	#f06000;
	box-sizing: border-box;

}
#hoofdmenu2 .menuitem a.heeftsub{
	background-color: #fdece0;
	background-image: url('../images/down.png');
	background-repeat: no-repeat;  
	background-size: 25px 25px;
	background-position: right 10px top 10px;
	border-left: 5px #facfb2 solid;
	height: 50px;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: 	#f06000;
	text-decoration: none;
}
#hoofdmenu2 .menuitem a.heeftsub.open{
	background-image: url('../images/up.png');
}
#hoofdmenu2 .menuitem a.heeftsub.open:hover, #hoofdmenu2 .menuitem a.heeftsub:hover,#hoofdmenu2 .menuitem a.geensub:hover {
	border-left: 5px #f06000 solid;
}
#hoofdmenu2 .menuitem .dropdown2 a {
	background-color: #f7f5f5;
	border: none;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: 	#009900;
}
#hoofdmenu2 .menuitem .dropdown2 a:hover {
	color: 	#f06000;
}
.dropdown2 {
	position: static;
	width: 100%;
	box-sizing: border-box;
}


.submenu div.kader {
	margin: 0px;
	margin-top: 5px;
}

#kolomlinks #menu {
	display: none;
}

#pull {
    background-color: #009900;
    background-image: url('../images/down2.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: right 10px top 10px;
    border-left: 5px #003d00 solid;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    font-size: 24px;
    color: #99d699;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
    display: block;
    padding-left: 25px; 
}

#pull:hover {
    color: #ffffff;
}
/* productoverzicht */
#bekeken {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}
div.keuzeserie {
	border: none;
}
div.keuzeserie a{
	width: 25%;
	margin: 0 5px;
}
div.productlijst {
	padding: 5px;
	box-sizing: border-box;
	margin: 5px 0;
}
.productlijst .product.drie {
	margin: 5px 0;
}
.productlijst .product.een {
	margin: 5px 0;
}
.productlijst .product.een .productfoto, .productlijst .product.een .info, .productlijst .product.een .details{
	width: 100%;
}
#filterop {
	margin-left: 0;
	width: 100%;
	box-sizing: border-box;
}
#filterop div {
height: 30px;
line-height: 30px;
font-size: 18px;

}
#filterop h2 {
    background-color: #009900;
    background-image: url('../images/filter.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: right 10px top 10px;
    border-left: 5px #003d00 solid;
    height: 50px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #99d699;
    text-decoration: none;
    font-weight: 300;
    cursor:pointer
}
#filterop h2:hover {
	color: #ffffff;	
	//border-left: 5px #999999 solid;
}
#filterop strong {
	font-size: 18px;
	line-height: 20px;
}

#filterop input[type=image], .check {
	height: 20px;
}


#productdetails .titel{
	width: 100%;
}

#productdetails div.prijs, #productdetails .titel, #productdetails #sillus, #productdetails #mainImage {
	float: none;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}

.sillu {
	width: 100% !important;
	box-sizing: border-box;
}

#productdetails .acc-img{
	max-width: 75px;

}
a.fotoalbum {
	margin-left: 15px;
}
/* bedrukkingen */

#bedrukkingen #venster div.vraag, #bedrukkingen #venster div.vraagactive {
	width: 100%;
	margin-left: -55px;
}
#bedrukkingen #venster a.keuzelijst, #bedrukkingen #venster a.keuzelijstactive {
	width: 100%;
	box-sizing: border-box;
}
#bedrukkingen #venster #resultaten {
	float: none;
	width: 100%;
	margin-left: -50px;
}
#bedrukkingen #stappenplan {
	float: none;
	margin: 0;
}
#bedrukkingen #venster div.vraag #selectiekader {
	width: 100%;
	margin-left: -50px;
}
#bedrukkingen #prijzen {
	width: 100%;
	margin-left: -50px;
}
#bedrukkingen #venster div.vraag #vlak {
	width: 100% !important;
	min-height: 0px;
	box-sizing: border-box;
}

#bedrukkingen #venster div.vraag #vlak img {
	width: 100% !important;
	max-width: 344px;
}
#bedrukkingen #venster div.form input[type='text'], #bedrukkingen #venster div.form input[type='file'], #bedrukkingen #venster div.form textarea {
	width: 200px
}


/* aanpassingen 19-2-2016 */
h1.titel {
	width: 100%;
	max-width: 500px;
}
div.kolrechts {
	float: none;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
#sillus {
	width: 100% !important;
	box-sizing: border-box;
}

#gerelateerd div.relart {
	width: 100% !important;
	margin-left: 0;
	margin-bottom: 10px;
	box-sizing: border-box;
}
a.button {
	width: 220px;
}
#bestelkader select {
max-width: 100px;
}
} /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
#logo img{
	width: 225px;
}
#winkelwagentje {
	position: absolute;
	top:25px;
	right:10px;
	z-index:100;
	font-size: 12px;
	line-height:28px;
	color: #f06000;
	text-align: center;
	width: 40px;
	padding-bottom: 12px;
	padding-right: 5px;
	font-weight: 700;
}
#inhoudwagentje {
	display: none;  
	font-size: 0px;
	
}
#winkelwagentje:after {  
	content:"";  
	background-image: url('../images/winkelwagen.png');
	background-repeat: no-repeat;  
	background-size: 40px 40px;
	width: 40px;  
	height: 40px;  
	display: inline-block;  
	position: absolute;  
	right: 0px;  
	top: 0px;  
}
#header {
	height: 60px;
	margin-bottom:15px;
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
#logo img{
	width: 150px;
}

}