body {font-size:15px; font-family:"Myriad Pro Regular",Arial, Helvetica, sans-serif; font-weight:normal; line-height:140%; -webkit-font-kerning:auto; -webkit-font-smoothing:antialiased; color:#333333;}

a:link, a:visited {color:#2C4CAA; text-decoration: none;}
a:hover {color: #7E0300; text-decoration: none;}

a.artikel:link, a.artikel:visited, a.artikel:hover {color:#000000; text-decoration: none;}
a.artikel:hover {color:#7E0300;}

a.sidomeny:link, a.sidomeny:visited, a.sidomeny:hover {color:#000000; text-decoration: none; font-size:1.0em; text-transform: uppercase;}
a.sidomeny:hover {color:#7E0300;}

a.sidfot:link, a.sidfot:visited, a.sidfot:hover {color:#000000; text-decoration: none; line-height:150%;}
a.sidfot:hover {color:#2C4CAA;}
/*.webisit {font-size:0.8em; text-align:right; margin-top:280px;}*/

h1,h2,h3,h4,h5,h6 {margin-top:20px; margin-bottom:0; padding-bottom:0;}
p {margin-top:0; margin-bottom:20px; padding-top:0;}

h1, h2, h3, h4, h5, h6 {line-height:1.1em; color:#000000;}
h1 {font-size:1.4em;}
h2 {font-size:1.4em;}
h3,h4 {font-size:1.4em;}
h5,h6 {font-size:1.4em;}
.clear {clear:both; overflow:hidden; visibility:hidden; height:0;}
.datum {font-size:0.8em; line-height:normal; color:#777777; font-style:italic;}
.ingress {font-size:1.2em; margin-top:20px;}
#googlemaps {width:100%; height:350px;}
.produkt_pris {font-size:1.4em; font-weight:bold; color:#BB0000;}
.vanster-inforuta {font-size:0.9em;}
.aktuella-produkter {font-weight:bold;}

header {display: none;}
/* Media Queries */
@media screen and (min-width: 1001px) {
/*#head {height:350px;}*/
#head-mitten {margin-top:168px;}
}

@media screen and (max-width: 1000px) {
/*#head {height:300px;}
#main-left {width:30%;}
#main-right {width:62%;}*/
#main {width:95%;}
#main-content {padding:1%;}
#head {max-height:250px;}
#topplogga {margin:10px 2%;}
#googlemaps {height:300px;}
.designers {max-width:250px; margin:0 10px 10px 0;}
#sokdiv, #textrutavidsokdiv {float:none;}
}

@media screen and (max-width: 800px) {
header {width:100%; display: block !important; background-color:#FF0000;}
/*#head {max-height:200px;}*/
#main-middle {float:none; width:auto; clear:both;}
#plugg2, #plugg3, #toppmeny, #main-left, .produkt-plugg, .aktuella-produkter, #head-right {display:none;}
#googlemaps {height:250px;}
.designers {max-width:200px;}
.flaggor {height:25px; width:50px; margin-top:12px;}
}

@media screen and (max-width: 640px) {
.sidfot-plugg {float:none; width:98%; margin:1%; height:auto; padding:40px 0;}
/*#head {max-height:150px;}*/
.artikel-plugg, #head-left, #head-mitten, #head-right {float:none; width:auto; height:auto;}
#head-left, #head-mitten {margin:5px 0 10px 0;}
#head-right {float:none; margin-top:25px; margin-left:1%;}
.produkt-lista {width:auto; height:auto; width:47%;}
.artikel-plugg-marginal {display:none;}
}

/* --- För skärmar med bredden 480px eller mindre --- */
@media screen and (max-width: 480px) {
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3, h4, h5, h6 {font-size:1.1em;}
.produkt-lista {float:none; width:auto;}
.produkt {float:none; width:auto; height:auto;}
.designers {max-width:none; float:none; margin:0 0 10px 0;}
}