@import url(bildvisaren.css);
/* Kodad by Ville 2008 */
* {
	margin:		0;
	padding:		0;
	outline:		0;
}
html {
	font-size:	100%;
	height:		100%;
	width:		100%;
}
body {
	background:	#e7efbe;
	font-family:	Arial, Verdana;
	font-size:	62,5%;
	height:		100%;
	margin:		0 auto;
}
img {
	border:		0;
}
a:link,
a:visited,
a:active {
	color:		#795300;
}
a:hover {
	color:		#333;
}
h1, h2, h3, h4, h5, h6, h7 {
	color:		#795300;
	padding:	0 0 .5em 0;
}

#sidram {
	width:		804px;
	margin:		3px auto;
	font-size:	.8em;
}
#huvud {
	width:		804px;
	display:	block;
	float:		right;
	background:	url(../sidbilder/huvud_y.png) repeat-y;
}
#huvud .top {
	width:		804px;
	/*min-height:		106px;*/
	background:	url(../sidbilder/huvud_top.png) no-repeat top left;
	padding:	11px;
}
#huvud .top #huvudbild {
	/*width:		782px;
	height:		95px;*/
}
#huvud .top #huvudbild .bottnet {
	background:	url(../sidbilder/huvudnav_liten_x.png) repeat-x bottom;
	width:		729px;
}
#huvud .top #huvudbild .bottnet .hornet {
	height:		95px;
	width:		782px;
	background:	url(../sidbilder/huvudnav_liten_hoger.png) no-repeat bottom right;
}
/* Navigering */
.huvudlankar {
	margin:		-29px 0 0;
	height:		29px;
	display:	block;
	background:	url(../sidbilder/huvudnav_vanster.png) no-repeat left top;
}
.huvudlankar ul {
	padding:	4px 0 0 4px;
	position:	relative;
}
.huvudlankar li {
	display:	block;
	float:		left;
	background:	url(../sidbilder/huvudnav_x.png) repeat-x top;
}
.huvudlankar a:link, .huvudlankar a:active, .huvudlankar a:visited {
	height:		20px;
	padding:	5px 10px 0;
	color:		#FFF;
	display:	block;
	float:		left;
	text-decoration:none;
	font-size:	.9em;
	border-left:	1px dotted #457000;
}
.huvudlankar li:hover, .huvudlankar .aktiv {
	background-position:bottom;
}
.huvudlankar .aktiv a {
	padding:		3px 10px 0;
	border-top:		2px solid #457000;
	background:		#FFF;
	color:		#457000;
	border-left:	1px solid #457000;
}
.huvudlankar a:hover {
	text-decoration:underline;
}
/* Vänster navigeringsfält */
#vansterlankar {
	margin:		-32px 0 0 -178px;
	float:		left;
	display:	inline;
	width:		170px;
	position:	relative;
}
#vansterlankar li, #vansterlankar li .aktiv {
	display:	block;
	background:	url(../sidbilder/vanst_nav.png) no-repeat;
	padding:	7px 0 0 10px;
	/*_height:	26px;*/
	height:		auto;
}
#vansterlankar a {
	line-height:	1.1em;
	font-size:	1.1em;
	font-weight:	bold;
	text-decoration:none;
	display:	block;
}
#vansterlankar ul li a {
	height:		26px;
}
#vansterlankar .aktiv {
	background:	url(../sidbilder/vanst_nav_aktiv.png) no-repeat;
	height:		auto;
	_height:	27px;
	padding:	9px 0 0 10px;
}
#vansterlankar ul .submeny {
	/*background:	url(../sidbilder/vanster_nav_sub.png) repeat-y;*/
	font-size:	.7em;
	position:	relative;
	margin:		-2px 0 -1px -1px;
	width:		161px;
	border-bottom:	1px dotted #aeada8;
}
#vansterlankar ul .submeny li {
	height:		auto;
	background:	url(../sidbilder/vanst_nav_sub.png) repeat-y;
	padding:	1px 0 3px 10px;
	border-left:	1px dotted #795300;
}
#vansterlankar ul .submeny li:hover, #vansterlankar .submeny .aktiv {
	border-top:	1px solid #aeada8;
	border-bottom:	1px solid #aeada8;
	padding:	0px 0 2px 10px;
	background:	#FFF;
}
#vansterlankar .submeny a {
	height:		auto;
}
/* Sidmask */
#huvud .sidmask {
	padding:	7px 0 0 3px;
	height:		22px;
	font-size:	.9em;
}
.sidmask ul {
	/*float:		left;*/
	position:	relative;
}
/* .sidmask:hover ul ul { */
.meny {
	position:	relative;
}
.meny:hover ul {
	display:	block;
}
.sidmask ul ul {
	display:	none;
	margin:		0 0 0 8px;
	position:	absolute;
	border:		1px dotted #795300;
}
.sidmask ul ul li {
	display:	block;
	clear:		both;
	width:		150px;
}
.sidmask ul ul a {
	display:	block;
	width:		134px;
	background:	#FFF;
	padding:	3px 8px;
	border-bottom:	1px dotted #999;
}
.sidmask ul ul a:hover {
	background:	#66aa38;
	color:		#FFF;
}
/* SUB URBAN KARLSSON */

#huvud .sidmask li {
	float:		left;
	display:	inline;
}
#huvud .sidmask a {
	text-decoration:none;
	font-weight:	bold;
}
#huvud .sidmask a:hover {
	text-decoration:underline;
}
#huvud .mitten, #huvud .dubbelspalt {
	width:		782px;
	min-height:	91px;
	display:	block;
	padding:	8px;
}
#huvud .mitten {
	background:	url(../sidbilder/main_top.png) no-repeat top left #93775c;
	width:		782px;
	padding:	0;
}
#huvud .mitten .bottnet {
	background:	url(../sidbilder/main_bottnet.png) no-repeat bottom left;
	padding:	8px;
}
#huvud .dubbelspalt {
	background:	url(../sidbilder/main_top2x.png) no-repeat top left;
}
#huvud .dubbelspalt .vansterspalt {
	width:		516px;
	float:		left;
}
#huvud .dubbelspalt .hogerspalt {
	float:		right;
	display:	inline;
	width:		226px;
	margin:		0 16px 0 0;
	overflow:	hidden;
}
#huvud .mitten ul li, #huvud .dubbelspalt ul li {
	margin:		0 0 0 1.5em;
}
#huvud .mitten .lankar li, #huvud .dubbelspalt .lankar li{
	margin:		0;
	list-style-type:none;
}
.hogerspalt .punkter li {
	list-style-type:square;
}
.hogerspalt ul li ul li {
	display:	inline;
}
.hogerspalt li a:link, .hogerspalt li a:active, .hogerspalt li a:visited {
	text-decoration:none;
	display:	block;
	padding:	3px 5px;
	border-bottom:	1px dotted #457000;
	width:		97%;
	line-height:	1.2em;
}
.hogerspalt li a:hover, .hogerspalt li .aktiv:link, .hogerspalt li .aktiv:visited, .hogerspalt li .aktiv:active {
	background:	#66aa38;
	color:		#FFF;
}
#botten {
	width:		804px;
	background:	url(../sidbilder/huvud_botten.png) no-repeat top left;
	padding:	10px 0;
	_padding-right:	22px;
	clear:		both;
	text-align:	center;
	font-size:	.8em;
	font-weight:	bold;
	float:		right;
	color:		#000;
}
/* Produktenheten */
.punktavskiljare {
	width:		770px;
	height:		2px;
	float:		right;
}
.produktsida {
	width:		770px;
	padding:	0 4px;
	display:	inline;
}
.produktruta {
	display:	block;
	float:		left;
	width:		234px;
	height:		200px;
	margin:		3px 0px 3px 10px;
	padding:	4px 0;
	text-align:	center;
}
.produktruta  img {
	padding:		3px;
	/*border:		2px solid #795300;*/
	border:		1px solid #ccc;
}
.produktruta a {
	text-decoration:none !important;
}
.produktruta em {
	display:	block;
	color:		#795300;
	font-style:	normal;
}
.produktruta em:hover {
	color:	#333;
}
.produktruta:hover img {
	border-color:	#777;
}
.aterforsaljare .toppen {
	background:	url(../sidbilder/inv_ruta_top.png) no-repeat top left;
}
.aterforsaljare {
	background:	url(../sidbilder/inv_ruta_y.png) repeat-y left;
	/*border-top:	1px solid #aeada8;
	border-bottom:	1px solid #aeada8;*/
	display:	block;
	width:		514px;
}
.aterforsaljare .botten {
	padding:	1.5em 2em;
	margin:		1em 0;
	background:	url(../sidbilder/inv_ruta_bot.png) no-repeat bottom left;

}
.aterforsaljare h2, h4, h5, h6 {
	text-align:	left;
	color:		#d40000;
}


.underbar {
	margin-left:	1em;
}
.nyckel {
	margin:		20px 0 20px 60px;
}
.kort_lank {
	display:	block;
	padding:	.5em;
	margin:		9px;
	width:		210px;
	float:		left;
	text-align:	center;
	font-weight:	bold;
}
.kort_lank a:link, .kort_lank a:visited {
	text-decoration:none;
	color:		#795300;
}
.kort_lank a:hover {
	color:		#457000;
}

/* HELBRUN */
.helbrun {
	width:		782px;
	background:	url(../sidbilder/storbrun_top.png) no-repeat top;
	padding-top:	3px;
}
.helbrun .heltop {
	background:	url(../sidbilder/storbrun_bot.png) no-repeat bottom #93775c;
	color:		#FFF;
	padding:	30px;
}
/* PRODUKTGRUPPER */
.produktgrupper {
	height:		180px;
	width:		210px;
	display:		block;
}
.produktgrupper img {
	padding:		3px;
	border:		1px solid #ccc;
}
.formu textarea, .formu input {
	border:		1px solid #795300;
	width:		190px;
	margin:		0 0 5px;
}

.karusell {
	margin:		-9px 0 0 -8px;
	border:		2px solid #FFF;
	width:		528px;
	height:		371px;
	overflow:		hidden;
	position:		relative;
}
.karusell .skuggram {
	width:		582px;
	height:		371px;
	background:	url(../sidbilder/skuggram.png) no-repeat left top;
	position:		absolute;
	top:			0;
	left:		0;
	display:		block;
	z-index:		999;
}

.karusell .textblock {
	position:		absolute;
	left:		0;
	bottom:		10px;
	width:		100%;
	text-align:	center;
}
.karusell .textblock span {
	display:		inline-block;
	background:	url(../sidbilder/textbg_vanster.png) no-repeat left top;
	padding:		3px 2px 0 5px;
	height:		20px;
	position:		relative;
}
.karusell .textblock span div {
	background:	url(../sidbilder/textbg_hoger.png) no-repeat left top;
	width:		3px;
	height:		23px;
	position:		absolute;
	right:		-3px;
	top:			0;
}