table{
float:none!important;
}
h1.kategorinamn {
    font-weight: 300;
    font-size:14pt;
    color: #3893c2;
}
#contents {
    padding: 0px;
    margin: 0em auto;
    max-width: 990px;
    padding: 0px 0px 0px 0px;
    
    color: #7e7e7e;
}
td.info_td a{color:#ffffff!important; background:#6495ED; padding:4px;}
td.td_varubild{width:200px!important; padding-right:10px;}
img.ikon_bild {
    background: #ccc;
    border-radius: 30px;
    height: auto;
    max-width: 80px;
    max-height: 80px;
}
td.td_varunamn a {
    font-size: 12pt;
    font-weight: bold;
    color: #4b4b4b;
}
td{border-bottom:0px!important;}
th{border-bottom:0px!important;}
.prodbox {
    float: left;
    width: 200px;
    padding: 15px;
    border-radius: 5px;
    margin-right: 10px;
    height: 240px;
    margin-bottom: 10px;
    text-align: center;
    border: solid #e0e0e0 1px;
}
.prodboxnamn {
    font-size: 12pt;
    text-transform: uppercase;
    color: #4b4b4b;
    font-weight: bold;
height: 45px;
}
.prodboxbildbox {
    height: 160px;
    width: 200px;
    overflow: hidden;
    text-align: center;
margin-bottom:10px;
}



.prodboxpris{padding-bottom:5px;}
.prodboxpris {
    display:none;
}

  a.mer_info_knapp{
  color: #fff;
    background: #3893c2;
    padding: 5px 5px;

    -webkit-box-shadow: 5px 5px 20px -7px rgba(0,0,0,0.32);
    -moz-box-shadow: 5px 5px 20px -7px rgba(0,0,0,0.32);
    box-shadow: 5px 5px 20px -7px rgba(0,0,0,0.32);
    border-radius: 10px 0px;
}

div#webshopFlikar th{border-bottom:0px; padding-bottom:0px;}
#medlemnavigation th{border-bottom:0px; padding-bottom:0px;}
#webshopmeny {
		margin: 0px 10px 0px 0px;
		padding: 60px 20px 0px 15px;
		max-width: 240px;
background: url(../IRMA/gfx/1069/wtop3.png) #00598b no-repeat;
border-radius:10px 0px;
min-height:350px;
	} 
#webshopsearch{margin-left:15px; display:none;}
#webshopsearch input[name=SearchFor]{width:150px;}
#webshopsearch input[type=submit]{width:50px;}		
#navcontainerMobil{z-index:2; background:#000000!important}
#navcontainerMobil #menu-button {
    background: url(../gismo/gfx/1069/produkter.jpg) #000 no-repeat;
    color: transparent!important;
}
#webshopcontents{max-width:750px; font-size:10pt; width:750px; padding:10px;  }





#navcontainer {width:200px; min-height: 300px;
    background: #00598b;}

	#navcontainer ul
		{
			margin-left: 0;
			padding: 0;
			list-style-type: none;
font-size:10pt;
font-weight:bold;
		}
		
		#navcontainer li 
		{ 
			margin: 0; 
		}

		#navcontainer a {
    display: block;
    color: #ffffff;
    background: url(../IRMA/gfx/1063/vm.png) #00598b repeat-x;
    min-height: 20px;
    max-width: 200px;
    padding: 7px 12px 7px 12px;
    text-decoration: none;
    border-bottom: 1px solid #126898;
}
		
		#navcontainer li a.active
		{
			color: #fff;
			
			
			border-top: 0px solid #FFFFFF;

		}
		
		#navcontainer li a:hover.active
		{
 

			color: #c6c6c6;
		
			border-bottom: 1px solid #FFFFFF;
			border-top: 0px solid #FFFFFF;
		}
		
		
		
		#navcontainer a:hover
		{
			
			color: #c6c6c6;
		}
	#navcontainer li li a
		{
			display: block;
			color: #fff;
			 background:url(/IRMA/gfx/1069/bgr_varukorg.gif) #2279aa 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: #c6c6c6;
			
		
		}
#navcontainer li li a:hover.active
		{
 
			color: #c6c6c6;
			
			
		}
#navcontainer li a.active ul li {color:#fff;}
		
#navcontainer ul li ul li ul li a {	 background:url(/IRMA/gfx/1069/bgr_varukorg.gif) #fff repeat-x;}

#navcontainerMobil ul li {
    width: 100%;
    border-top: 1px solid #126898!important;
    Background: #00598b!important;
}
#navcontainerMobil ul li ul li {
    background: #2279aa!important;
}
#webshopsearch {
background-color: transparent;

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

#container{text-align:left;}


#webshopcontents a {

text-decoration: underline;
} 

#webshopcontents h2 {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;

} 
#produktlista{width:750px;}
th{padding-bottom:10px; border-bottom:1px solid #aaa;}
.table_kassan3 th{border-bottom:0px;}
#produktlista td{color:#666;}

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

#btn_login{height:22px;font-size:10px; padding:5px; border:0px;}
#txt_anvnamn{height:22px;  border:0px;}
#txt_losenord{height:22px;  border:0px;}


td.shop_thumb {
    width: 200px;
    border-radius: 10px;
}

.info_button {
  background: #45a5da;
  font-family: Arial;
  color: #fff!important;
  font-size: 16px;
  padding: 7px;
 border:0px;
  text-decoration: none;
width:100%;
}
#navcontainerMobil{display:none!important;}


@media only screen and (min-device-width: 120px) and (max-device-width: 868px), only screen and (max-width : 868px){
#navcontainerMobil{display:block!important;}
	
	#webshopsearch{display:none;}
#webshopsearch2{display:block; margin-left:10px;}
#navcontainerMobil{z-index:2; }
#webshopcontents{width:98%; PADDING-TOP:50PX;}

#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: Myriad Pro Regular, Arial, tahoma, sans-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%;}


}

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

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:10pt!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;}

}





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

	#webshopsearch{display:none;}
#webshopsearch2{display:block; margin-left:10px;}

#webshopcontents{width:98%; padding-top:50px;}

#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: 11px;
Font-family: Myriad Pro Regular, Arial, tahoma, sans-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%;}
}

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

div#webshopFlikar th{padding-right:5px;}

.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:10pt!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;
	}


}

@media only screen and (min-device-width: 120px) and (max-device-width: 768px), only screen and (max-width : 768px){
	
#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;
	}
}