﻿body, td, input, select, textarea { 
	font-family: arial, helvetica, sans-serif; 
	font-size: small;
}

h1 {
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
}

h2 {
	font-size: small;
	font-weight: bold;
	text-align: left;
}

h3 {
	font-size: small;
	font-weight: bold;
	text-align: left;
}

a {
	color: black;
}

form {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #efefef;
	background-image: url(../../img/layout/bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

img {
	border: none;
	-ms-interpolation-mode: bicubic; /* IE7, default i IE8+ */
}

dt {
	font-weight: bold;
	padding: 10px 0px;
}

td {
	vertical-align: top;
}

/*******************************************************/

.left {
	float: left;
}
.right {
	float: right;
}

.center {
	margin: 0px auto;
}

.bildtext {
	font-style: italic;
}

p.indent, div.indent p {
	margin-left: 30px;
}

img.absmiddle {
	vertical-align: middle;
}

.medium {
	font-size: medium;
}

.xsmall {
	font-size: x-small;
}

/*******************************************************/

div#header {
	background-color: #efefef;
	background-image: url(../../img/layout/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 114px;
	position: relative;
}

div#clock {
	font-size: 16px;
	font-weight: bold;
	color: #b0b4c0;
	position: absolute;
	left: 725px;
	top: 90px;
	width: 170px;
}

a#logoclick {
	width: 224px;
	height: 104px;
	left: 20px;
	top: 5px;
	position: absolute;
	display: block;
}

div#body {
	margin: 0px auto;
	width: 920px;
	background-color: white;
	border-left: 1px solid #808080;	
	border-right: 1px solid #808080;	
}

div#main {
	padding: 0px 10px;
	clear: both;
}

div#left {
	width: 215px;
	float: left;
}

div#start_right {
	width: 215px;
	float: right;
}

div#content {
	width: 670px;
	float: right;
	margin-top: 10px;
}

div#bottom {
	clear: both;
	height: 10px;
}

div#footer {
	margin: 0px auto;
	width: 922px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: x-small;
	text-align: center;
	line-height: 1.5em;
	padding: 20px 0px 12px 0px;
	background-image: url(../../img/layout/footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/*******************************************************/

div.left_box {
	margin-top: 15px;
}

div.right_box {
	margin-top: 5px;
	margin-bottom: 15px;
}

div.left_box h2, div.right_box h2 {
	font-weight: bold;
	color: #efefef;
	font-size: small;
	margin: 0px;
	padding: 6px 0px 6px 30px;
	background-color: #808080;	
}

div.left_box_content, div.right_box_content {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: x-small;
	padding: 10px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background-image: url(../../img/layout/bg-box.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

div#left-menu div.left_box_content {
	padding-right: 0px;
}

div#search h2 {
	background-image: url(../../img/layout/sok.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
}

div#search form {
	padding-bottom: 5px;
}

div#left-menu h2 {
	background-image: url(../../img/layout/klocka.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
}

div#info h2 {
	background-image: url(../../img/layout/info.gif);
	background-position: 8px 6px;
	background-repeat: no-repeat;
}

div#info ul {
	list-style: none;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
}

div#content a {
	color: #000080;
}

div#top5 h2 a, div#nyheter h2 a {
	color: #efefef;
	text-decoration: none;
}

div#top5 h2 a:hover, div#nyheter h2 a:hover {
	color: #efefef;
	text-decoration: underline;
}

/*** Meny ***********************************************/

div#left-menu div.menuitem a {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: x-small;
	color: black; 
	text-decoration: none; 
	padding-bottom: 1px;
}

div#left-menu div.menuitem {
	padding: 2px 0px 0px 0px;
	white-space: nowrap;
}

div#left-menu div.menuitem img {
	margin-right: 4px;
	width: 9px;
	height: 9px;
	border: 0px;
}

div#left-menu hr {
	border: 0px;
	height: 1px;
	color: #d3d3d3;
	background-color: #d3d3d3;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}

/*************************************************************/

div#butik_logos {
	float: right; 
	width: 250px; 
	margin-left: 20px; 
	text-align: center;
}

div#butik_logos img {
	padding: 10px;
	vertical-align: middle;
}

table#reklamfilm td {
	vertical-align: middle;
}

td.divisor {
	border-bottom: 1px solid #d3d3d3;
	height: 0px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
}

/*************************************************************/
/********************** Drop-down meny ***********************/
/*************************************************************/

div#header_menu {
	background-color: #808080;	
	font-weight: bold;
	color: #efefef;
	font-size: small;
	height: 32px;
}

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#nav a {
	text-decoration: none;
	color: #efefef;
	display: block;
}

#nav li {
	float: left; 
	margin: 0px;
	padding: 8px;
	padding-bottom: 0px;
	height: 24px;
	white-space: nowrap;
}

#nav li:hover, #nav li.sfhover {
	background-color: #a0a0a0;
	visibility: visible; /* IE7 sticky bug */
}

#nav ul li {
	padding: 0px;
	margin: 0px;
	padding-top: 8px;
	clear: left;
	display: block;
}

#nav ul a {
	color: #808080;
	padding-right: 23px;
	padding-left: 9px;
	display: block;
}

#nav ul li:hover, #nav ul li.sfhover {
	background-color: #efefef;
}

#nav ul {
	background-color: #fff;
	margin-top: 7px;
	position: absolute;
	left: -999em;
	border: 1px solid #808080;
	margin-left: -9px;
	visibility: visible !important; 
	visibility: hidden; /* tar bort menyn i IE6 */
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
}

#nav ul ul {
	margin: -25px 0px 0px 98%;
	width: auto;
	clear: left;
	display: block;
}

#nav ul ul li {
	width: 100%;
	height: 24px;
	display: block;
}

#nav ul li {
	width: 100%;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li.parent {
	background-image: url(../../img/next.gif);
	background-repeat: no-repeat;
	background-position: right 8px;
}

#nav #varukorg {
	float: right;
	background-image: url(../../img/layout/varukorg.gif);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	padding-left: 32px;
}

#nav #varukorg:hover, #nav #varukorg.vkhover {
	background-image: url(../../img/layout/varukorg_hover.gif);
	background-color: #a0a0a0;
}

