﻿/*

ALTERNATIV 1: Floats, med möjlighet till footer och holder-bakgrund

*//*

div#holder
{
	overflow: hidden;
	width: 950px;
	margin: auto;
	position: relative;
	text-align: left;
}

div#topMenu
{
	position:absolute;
	top: 0px;
	left: 0px;
}


div#main
{
	float: right;
	margin-top:212px;
	width:745px;
	overflow: hidden;
}

div#leftMenu
{
	float: left;
	margin-left:10px;
	margin-top:212px;
	width:165px;
	overflow:hidden;
}

*//*

SLUT PÅ ALTERNATIV 1.

ALTERNATIV 2: Fast positionerade element

*/
div#holder
{
	margin: 0 auto;
	margin-top:216px;
	width: 1010px;
	text-align: left;
	position:relative;
	height:100%;
	background-image:url(../design/bodybg_new.png);
	background-repeat:repeat-y;
	z-index:1;
}

div#topMenu
{
	position:absolute;
	z-index: 10;
	top:-216px;
}
div#main
{
	position:relative;
	margin-left:190px;
	padding-top:50px;
	width:655px;
	z-index:3;
	border:0px solid red;
	margin-bottom:50px;
	min-height:700px;
}

div#leftMenu
{
	position:absolute;
	left:10px;
	top:50px;
	width:165px;
	z-index:8;
}

#rightMenu{
	position:absolute;
	right:0px;
	top:0px;
	width:140px;
	border:solid 0px #990000;
	z-index:8;
}

#headertext{
	position:absolute;
	top:10px;
	left:220px;
	z-index:7;
	width:500px;
	height:190px;
}
#headertext h1, #headertext h2{
	color:#666;
}


#headertext2{
	position:absolute;
	top:10px;
	left:750px;
	z-index:7;
	width:230px;
	height:110px;
}
#headertext2 h1, #headertext2 h2{
	color:#666;
}
/* SLUT PÅ ALTERNATIV 2.
Nedanstående gäller för bägge alternativen */

#storebg{
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:0;
}

#footer{
	width:100%;
	height:500px;
	position:fixed;
	left:0px;
	bottom:0px;
	background-image:url(../design/bodybg_new.png);
	background-repeat:repeat-y;
	background-position:center bottom;
	z-index:0;
}

body{
	text-align: center;
	margin: 0px;
	margin-left:0px;
	* margin-left: 0px;
	min-width: 1010px;
	height: 100%;
}

div#toplogo
{
	/* Topbildens höjd här */
	z-index:2;
	height:216px;
	overflow:hidden;
	position:relative;
}

div#varukorgtopholder
{
	z-index: 3;
}

div#varukorgtop
{
	position:absolute;
	left:825px;
	top:140px;
	width:173px;
	z-index: 3;
}

div#cartimageholder
{
	position:absolute;
	left:750px;
	top:136px;
	z-index: 4;
	padding:0;
	margin:0;
/*	display:none;*/
}

div#cartimageholder img
{
	padding:0;
	margin:0;
	width:63px;
	height:75px;
}

div#varukorgtop h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	margin:0;
	margin-bottom:4px;
	color:#000000;
}
div#varukorgtop a
{
	font-size:10px;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}
#varukorg_links{
	text-align:right;
	margin-top:5px;	
	}
#varukorgtop_text{}

div#topmenubar
{
	z-index: 11;
	height:39px;
	/*background: #f4f7ec url('/design/top_menubar.png') repeat-x;*/
	padding-left:20px;
	width:840px;
	* width:860px;
	font-size:10px;
	color:#ccc;
}

div#topmenubar ul, div#topmenubar li
{
	margin:0;
	padding:0;
}

div#topmenubar li
{
	list-style:none;
	float:left;
}

div#topmenubar a
{
	color: #004076;
	font-size:12px;
	font-weight:bold;
	line-height:39px;
	text-decoration:none;
	text-transform:uppercase;
}
div#topmenubar a:hover
{
	text-decoration:underline;
}


div#leftMenu form
{
	margin:0;
	padding:0;
}

div#leftMenu a
{
	color:#666;
}

/* OMRÅDET UNDER TOPPLOGGAN, MED HORISONTELL MENY */

div.navrutaTopp, div.navrutaBotten
{
	/*background: url('/design/navruta.png') no-repeat;*/
	width: 164px;
}
div.navrutaTopp
{
	background-position: top left;
}
div.navrutaTopp h5
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#333;
	line-height:28px;
	margin:0;
	padding:0;
	margin-left:9px;
	text-transform:uppercase;
	
}
div.navrutaContent
{
	margin:12px;
	margin-bottom:0px;
	
}
div.navrutaBotten
{
	height: 12px;
	background-position: bottom left;
	margin-bottom:14px;
}

