﻿@import url(http://weloveiconfonts.com/api/?family=fontawesome|typicons);
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
  font-size: 1.4em;
  color: #202020;
  vertical-align: middle;
}
/* typicons */
[class*="typicons-"]:before {
  font-family: 'Typicons', sans-serif;  
  font-size: 1.4em;
  color: #ffffff;
  vertical-align: text-top;
}
body {
    font: 18px/1.2 Arial, Helvetica, Sans-Serif;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #333333 50%, #333333 51%, #666666 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#333333), color-stop(51%,#333333), color-stop(100%,#666666)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#333333 50%,#333333 51%,#666666 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#333333 50%,#333333 51%,#666666 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#333333 50%,#333333 51%,#666666 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#333333 50%,#333333 51%,#666666 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
    color: #202020;
}
a, a:link,  a:visited, a:active {
	font-size: 80%;
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
    color: #202020;
    text-decoration: none;
    border-bottom: 1px dashed #202020;
}
p {
    padding: 0 1.25% 0 1.25%;
}
span {
    color: #c0c0c0;
}
table {
    font-size: 1em;
}
table td {
}
.table {
    width: 100%;
    height: 100%;
}
img {
	max-width: 99%;
	height: auto;
	border: 0;
}
.img5 {
	margin: 0px;
	max-width: 96%;
	box-shadow: 5px 5px 5px #c0c0c0;
	/*border-radius: 4px;*/
	border: 0;
}
.shadow {
	box-shadow: 5px 5px 5px #c0c0c0;
	/*border-radius: 2px;*/
}
li {
	list-style-type: square;
	/*padding-top: 0.01%;
	padding-bottom: 0.01%;*/
}
li h2 {
    font-size: inherit;
	font-weight: inherit;
    text-align: inherit;
    color: inherit;
    background-color: inherit;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    border: 0;
}
#pagewrap {
    width: 300px;
    height: 1200px;
	background-color: Transparent;
}
header 
{
    height: auto;
	padding: 2% 0 2% 0;
	/*margin-top: 1%;*/
	margin-bottom: 0;
	background-image: url(background_grey_2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    border-top: 0px solid #800000;
}
header a:hover {
	border: 0;
}
#content {
    margin-left: 4%;
    margin-right: 1%;
	width: 60%;
	height: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
	float: left;
}
footer {
	clear: both;
	text-align: center;
	font-size: 100%;
	color: #ffffff;
	background-color: #333333;
	border-top: 0px solid #800000;
	margin: 10% 0 0 0;
	padding: 0.6% 1% 0.6% 1%;
}
footer a:hover {
	border: 0;
}
#menuMobile {
    text-align: center;
}
#divHome {
    font-size: 1.25em;
	float: left;
	margin: 2% 0 0 0.5%;
	vertical-align: top;
}
#divHome a {
	text-decoration: none;
	padding: 10% 3% 3% 3%;
}
#menuJSMobile {
    margin-left: 11%;
    margin-right: 11%;
}
#divPhone {
    font-size: 1.25em;
	float: right;
	margin: 2% 0.5% 0 0;
	vertical-align: top;
}
#divPhone a {
	text-decoration: none;
	padding: 10% 3% 3% 3%;
}
#divImage {
	width: 100%;
	text-align: center;
}
#divUp {
	text-align: right;
	margin: 4% 3% 0 0;
	font-size: 0.7em;
}
#divUp a {
	text-decoration: none;
	padding: 3% 3% 3% 3%;
}
.divTjanster {
    margin: 5% 1% -4% 1%;
}
.divRotator a:hover {
	border: 0;
}
#cboValjBerakning {
    font: inherit;
    width: 230px;
    color: Aqua;
    background-color: #333333;
    border: 1px solid #666666;
    padding: 10px 5px 10px 5px;
}
#cboValjBerakning option {
    color: Aqua;
    background-color: Inherit;
}
input {
    font: inherit;
}
input:invalid {
    border-bottom: 1px solid Aqua;
}
.button {
    font-size: inherit;
    color: #f5f5f5;
    background-color: #000000;
    padding: 6px 6px 6px 6px;
    border: 1px solid #666666;
    border-radius: 2px;
}
.fields {
    font: inherit;
    color: #f5f5f5;
    background-color: Transparent;
    border: 0;
    border-bottom: 1px solid #666666;
    /*border-bottom: 1px solid Aqua;*/
}
#lblResultat {
    color: Aqua;
}
.lblKeyfacts {
    font-size: 14px;
}
.roundcorners {
    border-radius: 4px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 4%;
	margin-right: 4%;
}