#navcontainerMobil ul {
 background: #fdf2e4!important;
}

table{
float:none!important;
}
#contents {
    padding: 0px;
    margin: 0em auto;
    max-width: 990px;
    padding: 0px 0px 0px 0px;
    

}
td.info_td a{color:#ffffff!important; background:#6495ED; padding:4px;}
td.td_varubild{width:200px!important}
td{border-bottom:0px!important;}
th{border-bottom:0px!important;}


.prodbox {
    height: 360px;
    margin-bottom: 10px;
    text-align: center;
    background: #fdf2e4;
    width: 23.5%;
    float: left;
    margin-right: 0.5%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 2%;
    margin-left: 0.5%;
    border: 1px solid #f3e5d3;
    border-radius: 5px;
}

.prodboxnamn {
    font-size: 12pt;
    text-transform: uppercase;
    color: #532f0e;
padding-left:5px;
padding-right:5px;
    height: 55px;
}

img.prodboxbild {
    max-width: 100%;
    max-height: 230px;
}


.prodboxbildbox {
    height: 230px;

    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
}

h1.kategorinamn {
    font-size: 2em;
    font-family: "Times New Roman", Georgia, Serif;
    font-family: 'EB Garamond', serif;
    color: #532f0e;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
font-weight:bold;
display:none;
}
#ProduktSortering{float:none!important;}
.prodboxpris {
    float: left;
    width: 67%;
    padding-bottom: 5px;
    margin-left: 5px;
    color: #532f0e;
    background: #fff;
    border-radius: 3px;
}
.prodboxbuttons {
    float: left;
    width: 30%;
}
div#webshopFlikar th{border-bottom:0px; padding-bottom:0px;}

div#medlemnavigation {
    background: #fdf2e4;
    padding: 10px;
    margin-bottom: 0px!important;
    font-family: arial;
font-family: 'EB Garamond', serif;
    color: #6c4f2e;
}
#medlemnavigation th{border-bottom:0px; padding-bottom:0px; font-weight:normal; font-size:12pt; }
div#medlemnavigation table {
    max-width: 1000px;
    margin: 0em auto;
}
table.aflogin div {
    margin-left: 10px;
}

table.varukorgtabell {
    background: #fdf2e4;
    padding: 10px;
border-radius: 5px;
border: 1px solid #f3e5d3;
}

h2.txt_summa {
    font-size: 18pt;
}
table.kassantabell {
    background: #fdf2e4;
    padding: 10px;
    width: 100%!important;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
border: 1px solid #f3e5d3;
}
table.kassanbetalningsatt {

    padding: 0px 10px;
border: 1px solid #f3e5d3;
    width: 100%;
    border-radius: 5px;
}

#webshopmeny {
		margin: 0px 10px 0px 0px;
		padding: 20px 20px 0px 0px;
		max-width: 240px;

	} 
//#webshopsearch{margin-left:15px; display:none;}
#webshopsearch input[name=SearchFor]{width:150px;}
#webshopsearch input[type=submit]{width:50px;}	
	
#navcontainerMobil {
    z-index: 2;
    background: #fdf2e4!important;
    text-align: center;
    margin: 0em auto!important;
}
ul#menutestMobil {
    max-width:700px;
    margin: 0em auto!important;

}


#navcontainerMobil #menu-button {

    color: transparent!important;
    color: #60421f!important;
}

#webshopcontents{max-width:1000px; margin:0em auto; margin-top:15px;}

#navcontainerMobil > ul > li > a {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 12pt!important;
    letter-spacing: 1px;
    text-decoration: none;
    color: #60421f
color:#532f0e!important;
    font-weight: normal!important;
font-family: "Times New Roman", Georgia, Serif;
font-family: 'EB Garamond', serif;

    text-transform: uppercase;
}

#navcontainerMobil > ul > li > a.active{color: #532f0e;}

#navcontainerMobil > ul > li:hover > a {
color: #532f0e!important;
}



#navcontainer {width:200px; min-height: 300px;
    background: #ccc;}
	#navcontainer ul
		{
			margin-left: 0;
			padding: 0;
			list-style-type: none;
font-size:10pt;

display: flex;
    justify-content: center;
}

		}
		
		#navcontainer li 
		{ 
			margin: 0; 
		}

		#navcontainer a {
    display: block;
    color: #ffffff;
    background:  #fff;
    min-height: 20px;
    max-width: 200px;
    padding: 7px 12px 7px 12px;
    text-decoration: none;
    border-bottom: 2px solid #fff;
}
		
		#navcontainer li a.active
		{
			color: #000;
			
			border-bottom: 2px solid #FFFFFF;
			border-top: 0px solid #FFFFFF;

		}
		
		#navcontainer li a:hover.active
		{
 

			color: #333;
		
			border-bottom: 1px solid #FFFFFF;
			border-top: 0px solid #FFFFFF;
		}
		
		
		
		#navcontainer a:hover
		{
			
			color: #fff;
		}
	#navcontainer li li a
		{
			display: block;
			color: #666666;
			 background:url(/IRMA/gfx/1115/bgr_varukorg.gif) #fff9ee repeat-x;
height:15px;
			max-width: 200px;
			padding: 6px 7px 10px 17px;
			border-bottom: 1px solid #e4e4e4;
			font-weight: normal;
                      
		}
#navcontainer li li a:hover
		{
 
	
			color: #FFFFFF;
			background-color: #ece0c9;
			border-bottom: 1px solid #FFFFFF;
			border-top: 0px solid #FFFFFF;
		}
#navcontainer li li a:hover.active
		{
 
			color: #FFFFFF;
			background-color: #ece0c9
			border-bottom: 1px solid #FFFFFF;
			border-top: 0px solid #FFFFFF;
		}

		
#navcontainer ul li ul li ul li a {	 background:url(/IRMA/gfx/1115/bgr_varukorg.gif) #fff repeat-x;}
#navcontainerMobil ul ul li  {background: #fff!important; text-align:center!important}
#navcontainerMobil ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12pt!important;
    text-decoration: none;

    font-weight: 400;

    font-family: 'EB Garamond'!important;
color: #532f0e!important;

background: #fdf2e4!important;
}

#navcontainerMobil ul li {
    width: auto;
   border-top: 1px solid #fff!important;
    background: ##fdf2e4; !important;
}

#navcontainerMobil .submenu-button:before {
    background: #b99a75!important;
}
#navcontainerMobil .submenu-button:after {
    background: #b99a75!important;
}



#navcontainerMobil .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 0px!important;

    cursor: pointer;
}

#navcontainerMobil .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}

#navcontainerMobil .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
}

#webshopsearch {
background-color: transparent;

margin-left:5px;
padding-top:5px
} 
#webshopsearch2 {
display:none;}

#container{text-align:left;}


#webshopcontents a {

text-decoration: underline;
} 

#webshopcontents h2 {

    font-size: 22pt;

}

h2.Produktnamn {
   padding-left: 2px;
    background: #fdf2e4;
    color: #532f0e;
    font-size: 22pt;
    padding: 0px 5px;
    border: 1px solid #f3e5d3;
margin-bottom:20px;
}
span.price {
    color: #532f0e!important;
    font-size: 14pt!important;
 
    background: #fff;
    padding: 10px 20px;
border: 1px solid #f3e5d3;
}
#produktlista{width:750px;}
th{padding-bottom:10px; border-bottom:1px solid #aaa;}
table.table_kassan3 {
border: 1px solid #f3e5d3;
    padding: 10px;
    border-radius: 5px;
    background: #fdf2e4;
}

a.CreateButton {
color:#fff;
    background-color: #532f0e!important;
    border: 0px!important;
    padding: 15px;
    font-weight: normal!important;
border-radius: 3px;
}


.table_kassan3 th {

    font-weight: normal;
}

table.table_kassan3 input {
    padding: 2px;
    border: 1px solid #ccc;
    min-widh: 200px!important;
}
table.table_kassan3 textarea
{
    padding: 2px;
    border: 1px solid #ccc;
    min-widh: 200px!important;
}

input[type="submit"] {
    background: #532f0e;
    color: #fff!important;
    font-size: 16px;
    padding: 7px;
    border: 0px;
border-radius: 3px;
}


#produktlista td{color:#666;}

#Lager{display:none;}
.noborder{color:333333;}
th.orderbekraftelse{color:333333;}



#btn_login {
    /* height: 22px; */
    font-size: 10px;
    padding: 5px;
    border: 0px;
    font-size: 11pt;
    color: #c8b198;
    border: 1px;

}
#txt_losenord, #txt_anvnamn {
    height: 25px;
    border: 1px solid #f3e5d3;
}


td.shop_thumb {
    width: 300px;
    border-radius: 5px;
    background: #fdf2e4;
    padding: 15px;
border: 1px solid #f3e5d3;
}
span.AntalRuta input {
    border: 0px;
    padding: 7px!important;
    border: 1px solid #f3e5d3;
    border-radius: 3px;
}

tr.detail_2_info_artnr td {
    background: #fdf2e4;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #f3e5d3;
}
table.detail_2_info{margin-bottom:15px;}

.info_button {
    background: #532f0e;
    font-family: "Times New Roman", Georgia, Serif;
    font-family: 'EB Garamond', serif;
    color: #fff!important;
    font-size: 16px;
    padding: 7px;
    border: 0px;
    text-decoration: none;
    width: 100%;
    cursor: pointer;
    border-radius: 3px;
}

#navcontainerMobil{display:none!important; 
font-family: "Times New Roman", Georgia, Serif;
font-family: 'EB Garamond', serif;}

div#orderbekraftelse th {
    text-align: left!important;
}
#navcontainerMobil {
    display: block!important;
    width: 100%;
    /* position: relative!important; */
    margin: 0em auto;
    top: 200px;
    position: fixed!important;
}
#navcontainerMobil > ul > li > a {
    color: #532f0e!important;
} 
@media only screen and (min-device-width : 120px) and (max-device-width : 768px), only screen and (max-width : 768px)
{
div#navcontainerMobil:before {
    content: 'Produktmeny';
    color: #532f0e;
    position: absolute;
    font-size: 12pt;
    top: 15px;
left:10px;
    font-weight: bold;
z-index:1;
}

#navcontainerMobil #menu-button {
  
    color: transparent!important;
}
#navcontainerMobil {
 background: #b99a75!important;
    display: block!important!important;
    width: 100%;
position: relative!important; 
    margin: 0em auto;
    top: 0px;

}

#navcontainerMobil > ul > li > a {
    color: #fff;
}

#navcontainerMobil ul li {
    border-top: 1px solid #fff!important;
    background: #b99a75!important;
}
.prodbox {
    width: 48%;
height:380px;
    float: left;
    margin-right: 1%;
}
.prodboxpris {
    width: 100%;
}
.prodboxbuttons {    width: 100%;
}


#navcontainerMobil #menu-button:after {
border-top: 2px solid #60421f!important;
    border-bottom: 2px solid #60421f!important;
}
#navcontainerMobil #menu-button:before {
    background: #6c4f2e!important;
}
#navcontainerMobil #menu-button.menu-opened:after {    background: #6c4f2e!important; border:0px!important;}

	#webshopsearch{display:none;}
#webshopsearch2{display:block; margin-left:10px;}
#navcontainerMobil{z-index:2; }

#webshopcontents{width:98%; }

#webshopmeny {
display:none;
background:#3388db; min-height:120px;
position:relative;	
padding:10px;
width: 100%;
height:auto;
position:relative;

}
#navcontainer{
margin-left: 0;
margin-top: -20px;
margin-bottom: 0px;
padding-left:0px;
width:100%
}
#navcontainer ul li{
	float:left;
margin-right:4px;
margin-bottom:10px;
margin-bottom:1%;
min-width:48%;
background:#fff;
}

#navcontainer a{background:transparent!important; padding:4px;}
#navcontainer li a{width:125px; font-size: 10px;
font-family: "Times New Roman", Georgia, Serif;
font-family: 'EB Garamond', serif;}
#navcontainer li li a {width:100px; }
#navcontainer ul li ul{max-height:82px; background:#e5e5e5; overflow-y:auto; overflow-x:hidden;}


#navcontainer li ul li a{background:#000}

#navcontainer ul li{float:left;margin-bottom:1%;}

#webshopsearch{display:none;}
#webshopsearch2{display:block;}
#navcontainer a{background:transparent!important; padding:4px;}
#navcontainer ul li li a{background:#ff!important;}


#navcontainer ul li ul{max-height:82px; background:#e5e5e5; overflow-y:auto; overflow-x:hidden;}

#navcontainer ul li li{max-height:82px; overflow:hidden; margin:2px; padding:0px; width:100px;}
#navcontainer ul li li a{background:#ff!important;}

#navcontainer li ul li a{background:#000}
#navcontainer li a.active{ background:#000!important; color:#fff; width:100%;}

textarea[name=beskrivning]{width:170px;}
table{font-size:12pt;}
input[name="ForNamn"]{width:100px;}
input[name="EfterNamn"]{width:100px;}
input[name="Epost"]{width:170px;}


#produktlista{width:98%;}
#produktlista th{display:none;}

#produktlista{border-bottom:0px;}

#produktlista td{border-bottom:0px!important; width:auto!important;}

#produktlista tr {background: #eee; padding:5px;}
#produktlista td:nth-of-type(1):before {content: "ArtNr"; }
#produktlista td:nth-of-type(2):before {content: "Produkt"; }
#produktlista td:nth-of-type(3):before {content: attr(data-label) ":\00A0"; }
#produktlista td:nth-of-type(4):before {content: attr(data-label) ":\00A0"; }
#produktlista td:nth-of-type(5):before {content: attr(data-label) ":\00A0"; }
	

	/* Force table to not be like tables anymore */
	#produktlista table, #produktlista thead, #produktlista tbody, #produktlista td, #produktlista tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#produktlista thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#produktlista tr { border: 1px solid #ccc; }
	
	#produktlista td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
width:auto;
	}
	
	#produktlista td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

#navcontainerMobil .submenu-button:before {
    background:#532f0e!important;
}
#navcontainerMobil .submenu-button:after {
    background: #532f0e!important;
}

#navcontainerMobil .submenu-button.submenu-opened{background:transparent!important;}


#navcontainerMobil .submenu-button:before {
background: #6c4f2e!important;
   top: 15px!important;
    height: 16px!important;
}
#navcontainerMobil .submenu-button:after {
background: #6c4f2e!important;
    right: 15px!important;
    width: 16px!important;
}

}

@media only screen and (min-device-width : 120px) and (max-device-width : 568px), only screen and (max-width : 568px)
{

table.aflogin th {width: 100%; float: left;}
table.aflogin form div {width: 100%;}
table.aflogin div { margin-left: 0px; }
#txt_anvnamn {float: right!important;}
#txt_losenord {float: right!important;}
.prodbox {
    width: 100%;
height:380px;
    float: left;
    margin-right: 1%;
}
.prodboxpris {
    width: 100%;
}
.prodboxbuttons {    width: 100%;
}
td.shop_thumb {
    padding: 15px 0px;
}

div#webshopFlikar th{padding-right:20px;}
.info_td {color:#ffffff!important; background:#6495ED; padding:4px;}

	table, thead, tbody, td.noborder, tr, table.table_kassan3, table.table_kassan3 th,  { 
		display: block; 

text-align:left!important;
	}

#webshopcontents td { 
font-size:12pt!important;
		display: block; 
width:100%!important;
text-align:left!important;
	}

#webshopcontents td.image{ 
		width:500px;
	}
	

	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
table, td.noborder, #webshopcontents.td {
		width: 100% !important; 
		border:1px solid #ff000;
		height: auto !important;
	}

	
	tr { border: 0px solid #ccc; }
	
#webshopcontents.td,	td.noborder { 
		
		border: none;
		border-bottom: 0px solid #eee; 
		position: relative;
		width:100%!important;
		padding-left:0px!important;
		float:left;
	}


	td:before { 
		
		position: absolute;
	
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
#produktlista{width:100%;}
#produktlista th{display:none;}

span.image img {
    //width: 200px!important;
}
td.shop_thumb {
    width: 200px!important;
    border-radius: 10px;
}
#btn_login {width:100%}
#medlemnavigation th:nth-of-type(1) {text-align:center}

}

div#webshopFlikar table th {
    padding: 10px 10px 0px;
}


#webshopmeny{display:none;}

#menu-button{display:none;}


#navcontainerMobil > ul > li{padding-left:10px; padding-right:10px; margin-top:-1px!important; 
//width:20%
}

td.noborder.wshopmeny {
    display: none;
}

#navcontainerMobil .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
}

ul#menutestMobil {
background:#cccccc;
}
.webshopcontents_table {
    max-width: 1000px;
    margin: 0em auto;
    color: #532f0e;
}
table.kassanbetalningsatt p {
    font-weight: normal;
}