/* General styles */

html {
	font: normal 75%/1.5em Arial, Helvetica, sans-serif;
	background: #f1edea url(../Images/bg-main.png) no-repeat center top;
	color: #333;
	overflow: scroll;
}
body {
	width: 980px;
	margin: 0 auto;
	background: white;
}

p 					{line-height: 150%; padding-bottom: 0.75em;}	

a:link,  a:visited 	{
					color: #459ecc;
					text-decoration: none;
}
a:hover 			{text-decoration: none; color: #ff9c00;}

input, select, textarea	
					{font:100% Arial, Helvetica, sans-serif;}
label				{cursor: pointer;}

div.Main {
	width: 980px;
	margin: 0 auto;
	position: relative;
	background: white;
}


/* Main nav */

.branding {
	clear: both;
	position: relative;
	width: 980px;
	height: 285px;
	width: auto;
}
/* Meny header */

ul.nav {
	width: 520px;
	height: 50px;
	position: absolute;
	left: 183px;
	top: 34px;
}
ul.nav li {
	display:block;
	float:left;
}
ul.nav li a {
	display: block;
	color: white;
	text-decoration: none;
	background: transparent url(../Images/bg-menu.png) no-repeat right top;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 91.7%;
	padding: 16px 11px 13px 11px;
}
ul.nav li a.last {
	background: none;
}
ul.nav li a:link, ul.nav li a:visited {
	color: white;
}
ul.nav li a:hover {
	color: #ff9c00;
}
body.m-1 ul.nav li.m-1 a, body.m-2 ul.nav li.m-2 a, body.m-3 ul.nav li.m-3 a, body.m-4 ul.nav li.m-4 a, body.m-5 ul.nav li.m-5 a {
	color: #ff9c00;
}


/* Content */

.content {
	width: 980px;
	background: transparent url(../Images/bg-bottom.png) no-repeat left bottom;
	overflow: hidden;
	position: relative;
}


/* Subcontent */

.maincontent {
	float: left;
	width: 620px;
	margin: 30px 0 0 0;
}
.maincontent h1 {
	font-size: 300%;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 9px 0.25em 30px;
	color: #4dafe1;
}
.maincontent h2, .maincontent h3 {
	font-size: 116.7%;
	padding: 0.5em 0 0.5em 30px;
	font-weight: bold;
	clear: both;
}
.maincontent h3 {
	font-size: 100%;
}
.maincontent p {
	padding-left: 30px;
}
.maincontent p.ingress-produkter {
	padding-right: 310px;
	font-weight: bold;
}
.maincontent .product-list {
	float: right;
	padding: 0 1em 1em 1em;
}
.maincontent .product-row {
	border-top: 1px solid #eee;
	clear: both;
	margin: 0 0 0 30px;
	padding: 1em 0;
}
.maincontent .product-row p, .maincontent .product-row h2 {
	padding-left: 0;
}
.maincontent .product-row ul {
	padding: 1em 3em 14px 0;
}
.maincontent .product-row ul.customer {
	float: left;
}
.maincontent .product-row ul li {
	padding: 0.5em 0 0.5em 18px;
	background: transparent url(../Images/star-right.png) no-repeat left 50%;
}

/* Subcontent */

.subcontent 
{
	float: left;
	margin: 24px 0 0 8px;
}


/* Produktboxar */

img.box-1, img.box-2, img.box-3, img.box-4, img.box-beskrivning {
	position: absolute;
	left: 90px;
	top: 190px;
	z-index: 1111;
}
img.box-2 			{left: 330px;}
img.box-3 			{left: 570px;}
img.box-4 			{left: 820px;}
img.box-beskrivning	{
	left: 290px;
	top: 190px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.productbox {
	float: left;
	width: 228px;
	margin: 14px 0 14px 14px;
	background: white url(../Images/bg-box-bottom.png) no-repeat left bottom;
	min-height: 170px;
}
.productbox h2 {
	font-size: 150%;
	background: white url(../Images/bg-box-header.png) no-repeat left top;
	padding: 1em 9px 0 9px;
	color: #4dafe1;
}
.productbox h2 span, .maincontent h1 span, .maincontent h2 span {
	color: #ff9c00;
}
.productbox h3 {
	font-size: 100%;
	padding: 0.5em 9px 0.5em 9px;
}
.productbox ul {
	padding: 0 9px 1em 9px;
	font-size: 91.7%;
}
.productbox ul li {
	background: transparent url(../Images/star.png) no-repeat left 4px;
	padding: 4px 0 4px 14px;
}

/* About */

.about {
	margin: 0 0 0 14px;
	width: 626px;
	clear: left;
	position: relative;	
	min-height: 180px;
    height: 180px;
    padding-bottom: 8px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.about-wrapper {
    float: left;
    width: 644px;
    height: 50px;
    min-height: 50px;
}
div[class].about-wrapper {
    height: auto;
    overflow: hidden;
}
.about-bottom {
	margin: 0 0 0 14px;
	background: transparent url(../Images/bg-box-main-bottom.png) no-repeat left bottom;
    width: 628px;
    height: 12px;
    clear: both;
}
.about-top {
	margin: 0 0 0 14px;
	background: transparent url(../Images/bg-box-main-header.png) no-repeat left top;
    width: 628px;
    height: 12px;
    clear: both;
}
div[class].about {
    height: auto;
    overflow: hidden;
}
.about h2 {
	font-size: 200%;
	padding: 0px 9px 0.5em 9px;
}
.about p {
	padding: 0 9px 0.5em 9px;
	width: 284px;
}
.about p.date {
	padding: 0 9px 0 9px;
	font-size: 91.7%;
}
.about-sub-box {
    float: left;
    height: 50px;
    min-height: 50px;
	width: 300px;
    padding-bottom: 12px;
    margin-bottom: 2px;
    z-index: 1;
    position: relative;
    top: 12px;
    
}
div[class].about-sub-box {
    height: auto;
    overflow: hidden;
}
.about div h3 {
	padding: 0 9px 0.5em 9px;
	font-size: 116.7%;
}
.second-box {
    border-left: 1px dotted #ccc;
}

/* Login */

.loggain {
	float: right;
	background: transparent url(../Images/bg-box-login-bottom.png) no-repeat left bottom;
	width: 307px;
	margin: 0 12px 0 17px;
	min-height: 180px;
}
.loggain img {
	float: left;
	padding: 8px 3px 9px 9px;
}
.subcontent .loggain {
	float: none;
}
.loggain h3 {
	font-size: 116.7%;
	background: #4caedf url(../Images/bg-box-login-header.png) no-repeat left top;
	display: block;
	padding: 9px;
	margin-bottom: 13px;
	color: white;
}
.loggain select {
	position: absolute;
	right: 7px;
	top: 7px;
	width: auto;
}
.loggain label {
	display: block;
	float: left;
	width: 100px;
	padding: 5px 9px;
}
.loggain input.input {
	display: block;
	float: left;
	width: 155px;
	margin: 0 0 10px;
}
.loggain input.submit {
	display: block;
	float: right;
	width: auto;
	margin: 0 30px;
}
.loggain p.forgot {
	float: left;
	font-size: 91.7%;
	padding: 0 9px;
}
.loggain br {
	clear: left;
}

/* Relaterad info */

.related {
	background: transparent url(../Images/bg-box-login-bottom.png) no-repeat left bottom;
	width: 307px;
	margin: 24px 0 0 17px;
	clear: both;
	padding: 0 0 1em 0;
	position: relative;
	min-height: 120px;
}
.related h3 {
	font-size: 116.7%;
	background: transparent url(../Images/bg-box-related-header.png) no-repeat left top;
	display: block;
	padding: 14px 14px 0.5em 14px;
}
.related ul {
	padding: 0 14px 14px 14px;
}
.related ul li {
	padding: 0 0 0 24px;
}
.related ul li a {
	padding: 6px 0;
	display: block;
}
.related ul.docs li {
	background: transparent url(../Images/pdf.png) no-repeat left 4px;
}
.related ul.products li {
	background: transparent url(../Images/star-right.png) no-repeat 3px 50%;
}
.related p, .related p.date {
	padding: 0 14px 0.5em 14px;
}
.related p.date {
	font-size: 91.7%;
	padding-bottom: 0;
}
.related .callus {
	position: absolute;
	right: 14px;
	top: 14px;
}



/* Kontaktformular */

.product-row label {
	display: block;
	width: 100px;
	float: left;
	padding: 5px 0;
}
.product-row fieldset {
	margin-top: 1em;
}
.product-row .default {
	width: 165px;
	border: 1px solid #ddd;
	margin: 0 0 10px;
	display: block;
	float: left;
	padding: 3px;
}
.product-row .btn {
	display: block;
	margin: 0 0 1em 390px !important;
	margin: 1em 0 1em 265px;
}
.product-row textarea {
	width: 340px !important;
	width: 300px;
}
.product-row br {
	clear: left;
}




/* Misc */

.bold			{font-weight: bold;}
.normal		{font-weight: normal;}
acronym		{border-style: dotted; border-width: 0 0 1px 0; cursor: help; }
a.default 	{background: transparent url(/graphics/pil.png) no-repeat left 4px; padding-left: 12px;}
.vanster 	{float: left; padding: 0 1em 0 0;}
.hoger 		{float: right; padding: 0 0 1em 100px;}
.splash-img	{float: left; padding: 0 24px 0 0;}

 




/* Filtyper */

a[href$='.pdf'], a[href$='.PDF'] {
display:inline-block;
padding: 6px 0 6px 24px;
background: transparent url(/graphics/icon-pdf.png) no-repeat left 50%;
}
a[href$='.doc'], a[href$='.DOC'] {
display:inline-block;
padding: 6px 0 6px 24px;
background: transparent url(/graphics/word-icon.png) no-repeat left 50%;
}




/* Siteinfo */

.siteinfo {
	background: white;
	font-size: 91.7%;
	margin: 30px 14px;
	clear: both;
	border-top: 1px solid #eee;
	padding: 2em 2em 2em 0;
	text-align: center;
}
@media print { 
div.NewsItem  
{display: none;}
}

@media print { 
div.NewsItem_Inner  
{display: none;}
}

@media print { 
div.SystemBar  
{display: none;}
}

@media print { 
.SystemBar_ImgMinMax  
{display: none;}
}

@media print { 
SystemBar_ImgMinMax  
{display: none;}
}


@media print { 
.SystemBar  
{display: none;}
}

@media print { 
SystemBar_Minimized  
{display: none;}
}

@media print { 
.SystemBar_Minimized  
{display: none;}
}

@media print { 
div.SystemBar_Minimized  
{display: none;}
}

@media print { 
.SystemBarTitle  
{display: none;}
}

@media print { 
.SystemBarTitle span  
{display: none;}
}

@media print { 
.subcontent   
{display: none;}
}

@media print { 
.related   
{display: none;}
}