<style type="text/css">
#dummy {}

#Back {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#LoginSidfot {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	z-index: 10;
	opacity: 0.7;
	background-color: #FFFFFF;
}

#LoginMain {
	position: absolute;
	top: 125px;
	left: 100px;
	width: 500px;
	z-index: 1;
}

#LoginBild {
	position: absolute;
	top: 125px;
	left: 650px;
	width: 400px;
	height: 267px;
	z-index: 1;
}

#SidaMain {
	position: absolute;
	top: 75px;
	left: 0px;
	z-index: 1;
	
	width: 100%;
	max-width: 800px;
}

#SidaMainFix {
	position: fixed;
	top: 0px;
	left: 260px;
	z-index: 1;
	margin: 0px;
	padding: 0px;
	height: 100%;
	
	/* Firefox */
	width: -moz-calc(100% - 260px);
	/* WebKit */
	width: -webkit-calc(100% - 260px);
	/* Opera */
	width: -o-calc(100% - 260px);
	/* Standard */
	width: calc(100% - 260px);
	
	min-width: 530px;
	/*max-width: 810px;*/
	
	overflow: auto;
}

#SidaGuide {
	position: fixed;
	bottom: 25px;
	left: 260px;
	z-index: 8;
	
	width: 555px;
	/*min-width: 530px;
	max-width: 800px;*/
}

#SidaSidfot {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	min-width: 520px;
	height: 25px;
	z-index: 10;
	opacity: 0.7;
	background-color: #FFFFFF;
}

#SidaKontakt {
	position: fixed;
	bottom: 50px;
	left: 10px;
	width: 230px;
	height: 25px;
	z-index: 10;
}

#SidaRed {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 180px;
	height: 35px;
	z-index: 10;
}

#SidaRedTool {
	position: fixed;
	bottom: 100px;
	right: 0px;
	width: 180px;
	z-index: 10;
}

#SidaKursruta {
	position: fixed;
	top: 40px;
	left: 10px;
	width: 230px;
	padding: 0px;
	z-index: 1;
}

#SidaLogo {
	position: fixed;
	top: 5px;
	right: 20px;
	z-index: 10;
}

#SidaTree {
	position: fixed;
	top: 125px;
	left: 10px;
	width: 240px;
	z-index: 1;
}

#SidaMenu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 530px;
	height: 26px;
	z-index: 5;
}

#SidaMenuBack {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 500px;
	height: 30px;
	z-index: 4;
	background: #FFFFFF;
	opacity: 0.7;
}

#FirstLogin {
	position: fixed;
	width: 500px;
	height: 400px;
	z-index: 12;
	opacity: 0.9;
	
	/* Firefox */
	top: -moz-calc((100% - 400px)/2);
	left: -moz-calc((100% - 500px)/2);
	/* WebKit */
	top: -webkit-calc((100% - 400px)/2);
	left: -webkit-calc((100% - 500px)/2);
	/* Opera */
	top: -o-calc((100% - 400px)/2);
	left: -o-calc((100% - 500px)/2);
	/* Standard */
	top: calc((100% - 400px)/2);
	left: calc((100% - 500px)/2);
}

#FirstLoginBack {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 11;
	background: #FFFFFF;
	opacity: 0.7;
}

a{
	color: #1E67A4;
	text-decoration: none;
}
a:link{
	color: #1E67A4;
	text-decoration: none;
}
a:visited{
	color: #1E67A4;
	text-decoration: none;
}
a:hover{
	color: #FF950B;
	text-decoration: underline;
}
a:active{
	color: #1E67A4;
	text-decoration: none;
}

.Kapitelrubrik{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
	color: #1E67A4;
}

.Rubrik1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #1E67A4;
}

.Rubrik2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #1E67A4;
}

.Rubrik3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #1E67A4;
}

.Text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.Bildtext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}

.Sidrubrik1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #1E67A4;
}

.Sidrubrik2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #1E67A4;
}

.Markerad{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #1E67A4;
}

.sidbild {
	display:block;
	max-width: 500px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.Knapp{
	background-color: #5aa049;
	border-width: 1px 1px 1px 1px;
	border-color: #5aa049;
	color: #FFFFFF;
}

.MenyKnapp{
	/*background-color: #1E67A4;*/
	color: #FFFFFF;
	width: 160px;
	height: 28px;
	padding: 2px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}

.MenyText{
	font-size: 13pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	float: left;
	padding: 4px;
}

.MenyBild{
	color: #FFFFFF;
	float: left;
}

.MenyAvisering{
	color: #000000;
	padding: 0px;
	float: left;
	width: 20px;
	height: 20px;
	background-color: #dfbb29;
	border-radius: 10px;
	text-align: center;
	line-height:22px;
	margin-left: 3px;
}

.RutaAdm{
	border-width:0px 0px 0px 0px;
	background:#FFE0E0;
}
.RutaRed{
	background:#ffafaf;
	padding-top: 2px;
	padding-bottom: 2px;
}
.RutaOrange{
	background:#f7de78;
	padding-top: 2px;
	padding-bottom: 2px;
}
.RutaGreen{
	background:#9cd28f;
	padding-top: 2px;
	padding-bottom: 2px;
}
.RutaBlue{
	background:#9cc6e4;
	padding-top: 2px;
	padding-bottom: 2px;
}
.RutaGray{
	background:#d2d2d2;
	padding-top: 2px;
	padding-bottom: 2px;
}
.KapitelRuta{
	/*border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#cccccc;*/
	text-align: left;
	width:230px;
	max-height:200px;
	overflow:auto;
}
.RutaGuide{
	background:#ecb4ee;
	padding-top: 2px;
	padding-bottom: 2px;
}
.RutaGuideP{
	background:#FEE0FF;
	padding-top: 2px;
	padding-bottom: 2px;
}

.MeterRuta{
	position:relative;
	height:20px;
	padding:0px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#8c8c8c;
	background-color: #dfdfdf;
}
.MeterBar{
	height:100%;
}
.MeterText{
	position:absolute;
	top:2;
	left:3;
	width:100%;
	height:100%;
}

.ProcessBack{
	width:100%;
	height:25px;
	border-color: #8f989d;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	cursor: pointer;
}
.ProcessStat{
	float: left;
	width:18px;
	height:25px;
}
.ProcessTitle{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	padding: 3px 0px 0px 3px;
}
.ProcessIndicationText{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	padding: 5px 10px 0px 3px;
}
.ProcessArrow{
	float: right;
	width:18px;
	height:25px;
}
.ProcessContent{
	width:100%;
	min-height:50px;
	border-color: #8f989d;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	display: none;
}
.ProcessContentOpen{
	width:100%;
	min-height:50px;
	border-color: #8f989d;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	display: block;
}

@media all and (max-width:980px){
	#mb1Text  {display: none;}
	#mb1 {width: 40px;}
	#mb2Text  {display: none;}
	#mb2 {width: 40px;}
	#mb3Text  {display: none;}
	#mb3 {width: 40px;}
	#mb4Text  {display: none;}
	#mb4 {width: 40px;}
	#mb5Text  {display: none;}
	#mb5 {width: 40px;}
}

@media all and (max-width:660px){
	#SidaLogo  {display: none;}
}
</style>