@import "../../css/tab.css";
@import "header.css";
@import "blogg.css";
@import "produkt.css";
@import "menu.css";
@import "checkout.css";
@import "contact.css";
@import "input.css";
@import "footer.css";
@import "addeditem.css";
@import "forum.css";

/** START - Fetch fonts from theme, Hanna Westlund, Gibon Webb, hanna.westlund@gibon.se, 23.02.02 **/
@font-face {
	font-family: "Oswald";
	src: local("Oswald Light"), local("Oswald-Light"), url("/../../wp-content/themes/andersson-tillman/static/fonts/Oswald-Light.woff2") format("woff2"),
		url("/../../wp-content/themes/andersson-tillman/static/fonts/Oswald-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: local("Oswald Regular"), local("Oswald-Regular"), url("/../../wp-content/themes/andersson-tillman/static/fonts/Oswald-Regular.woff2") format("woff2"),
		url("/../../wp-content/themes/andersson-tillman/static/fonts/Oswald-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: local("Oswald Bold"), local("Oswald-Bold"), url("/../../wp-content/themes/andersson-tillman/static/fonts/Oswald-Bold.woff2") format("woff2"),
		url("/../../wp-content/themes/andersson-tillman/static/fonts/Oswald-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/** END - Fetch fonts from theme, Hanna Westlund, Gibon Webb, hanna.westlund@gibon.se, 23.02.02 **/

body {
	font-family: "Oswald", "Helvetica", sans-serif;
	font-size: 16px;
	color: #771d1d;
	background: #fff9e2;
	margin: 0 auto;
	padding: 0;
	font-weight: normal;
	overflow-y: scroll;
	line-height: 1.5em;
}

h2 {
	margin-bottom: 10px;
}

tr.rubrik {
	color: #ffffff;
	background: #202020;
}

.aprodukt a {
	color: #000;
	text-decoration: none;
}

.aprodukt a:hover {
	color: #3d3d3d;
	text-decoration: none;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #771d1d;
	text-decoration: underline;
}

hr {
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: 0px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.layout {
	width: 1000px;
	margin: 0 auto;
	padding-top: 0px;
}

.korg {
	float: right;
	background: url(bilder/korgbg.png);
	width: 210px;
	height: 25px;
	padding-right: 5px;
	padding-top: 10px;
	font-size: 12px;
	color: #ffffff;
	text-align: right;
}

* {
	padding: 0;
	margin: 0;
}

.list a {
	display: block;
	width: 150px;
}

.list li {
	margin: 0px 0px 0px 0px;
	list-style: none;
	color: #ffffff;
}

.smal ul {
	margin: 0px 0px 0px 3px;
	list-style: none;
	color: #ffffff;
}

.smal ul a,
.smal ul a:link,
.smal ul a:visited {
	margin: 6px 10px 0px 0px;
	padding-left: 2px;
	padding-right: 2px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 180px;
}

.smal ul li ul li ul a,
.smal ul li ul li ul a:link,
.smal ul li ul li ul a:visited {
	margin: 6px 10px 0px 0px;
	padding-left: 4px;
	padding-right: 2px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 180px;
}

.smal ul a:hover {
	color: #eabc06;
	text-decoration: none;
}

.smal ul li {
	float: left;
	position: relative;
}

.bg {
	float: left;
	width: 990px;
	padding: 5px;
	padding-bottom: 15px;
}

.leftcon {
	float: left;
	width: 194px;
	padding: 15px 0px 0px 0px;
	margin-left: 5px;
}

.mittcon {
	float: left;
	width: 663px;
	padding-left: 7px;
	padding-top: 4px;
	padding-right: 7px;
}

.rightcon {
	float: left;
	width: 309px;
	padding: 15px 0px 0px 0px;
}

.helacon {
	float: left;
	width: 700px;
	padding-left: 10px;
	padding-right: 10px;
}

.smal .list {
	margin: 0px;
}

.smal ul {
	list-style-type: none;
	color: #000;
}

.smalt {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 100%;
	font-size: 16px;
	padding: 10px 2%;
	background-color: #771d1d;
	color: #fff9e2;
	font-weight: bold;
}

.smal {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	list-style-position: inside;
	float: left;
	width: 100%;
	background: #ffffff;
	color: #000000;
	padding: 10px 2% 10px;
	border: 1px solid #771d1d;
}

.bredt {
	float: left;
	width: 573px;
	height: 20px;
}

.bred {
	float: left;
	width: 573px;
	padding: 5px;
	list-style-position: inside;
}

.bredb {
	float: left;
	width: 573px;
	height: 20px;
	margin-bottom: 20px;
}

.tiny_lightbox_top {
	float: left;
	width: 171px;
	color: #000000;
	height: 23px;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 20px;
	background: #ffffff;
}

.tiny_lightbox {
	float: left;
	width: 181px;
	background: #ffffff;
	color: #ffffff;
	padding: 5px;
}

.tiny_lightbox_bottom {
	float: left;
	width: 191px;
	height: 20px;
	background: #ffffff;
	margin-bottom: 20px;
}

.hela {
	float: left;
	width: 650px;
	padding: 5px;
	list-style-position: inside;
}

.kassa a {
	float: right;
	background: url(bilder/kassa.jpg);
	width: 100px;
	height: 25px;
	padding-right: 23px;
	padding-top: 10px;
	font-size: 12px;
	color: #000;
	text-align: right;
}

.bred li {
	padding-left: 10px;
	margin: 0px;
	list-style-position: inside;
}

.payway_image {
	width: 140px;
}