html {height: 100%; overflow:auto;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*font: 62.5% Arial, Helvetica, sans-serif;*/
	color: #111;
	margin: 0;
	padding: 0;
	height: 100%;
}

p, blockquote, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	/*font: 62.5% Arial, Helvetica, sans-serif;*/
	color: #111;
}

a:link {
	color: #555;
	text-decoration: none;
}

#mainContent a:link {
	color: #BBB;
	text-decoration: none;
}

a:visited {
	color: #555;
	text-decoration: none;
}

#mainContent a:visited {
	color: #BBB;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

#mainContent a:hover {
	color: #777;
	text-decoration: none;
}

a:active {
	color: #BBB;
}

.RubrikH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color: #FFFF99;
}
.RubrikH {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	text-align: right;
	text-indent: 20%;	
	color: #006699;
	padding-top: 10px;
	padding-right: 10px;

}
.Rubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;

}
.Rubrik1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;

}
.Brodtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
}
.Bildtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.RubrikH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #006699;
	text-align: right;
}

.Rubrik2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #333;
}
.MarkeradRubrik {
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;

}

img {
	border:hidden;
}


/* LAYOUT */

#footer-container a:link, .Language a:link {
	color: #000000;
	text-decoration: none;
	
	-webkit-transition: all 3800ms ease-in;
    -moz-transition: all 3800ms ease-in;
    -o-transition: all 3800ms ease-in;
    -ms-transition: all 3800ms ease-in;
    transition: all 3800ms ease-in;
}
#footer-container a:visited, .Language a:visited  {
	color: #000000;
	text-decoration: none;
}
#footer-container a:hover, .Language a:hover  {
	color: #000;
	text-decoration: none;
	text-shadow: 3px 3px 2px #666;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

#footer-container a:active, .Language a:active  {
	color: #000000;
}

#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}

#header-container {
	height: 90px;
	/*background: url(../images/Bkg_Header_Mktljus5.jpg) repeat-y left bottom;*/
	
	background: -webkit-linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%);/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%);/* For Firefox 3.6 to 15 */
    background: linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%); /* Standard syntax (must be last)*/

	
}

.menu-container {
	margin-left: 10px;

}

.menu {
	float:left;
	margin: 0 auto;
}


.menu ul {
	margin: 0 auto;
	padding: 8px 20px 8px 8px;
	list-style: none;
	list-style-type: none;
	width: auto;
	border-style:none;
	text-align:center;
	}

.menu ul li {
	float:left;
	margin: 0 auto;
}

.menu ul li a{
	font-weight: bold;
	font-size: 1.4em;
	margin-right: 5px;
	text-decoration: none;
	color: #CCCCCC;
	display: block;
	width: 120px;
	background-color: #888888;
	
	border: 0px solid;
	border-color:#666;
    border-radius: 3px;
	
	box-shadow: 3px 3px 2px 2px #DDDDDD;
	
	-webkit-transition: all 3800ms ease-in;
    -moz-transition: all 3800ms ease-in;
    -o-transition: all 3800ms ease-in;
    -ms-transition: all 3800ms ease-in;
    transition: all 3800ms ease-in;
}

.menu ul li a:hover {
	color: #FFF;
	
	box-shadow: 3px 3px 2px 2px #FFFFFF;
	
	-webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
	
}

.Menu {
	Top: 8px;
	left: 8px;
}



#container-wrap {
	width: 100%;
	min-height:100%;
	
	margin-top: 90px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto ;

	background-color:#777;
	
	/*background: -webkit-linear-gradient(120deg, rgb(64, 64, 64), rgb(0, 0, 0)); /* For Safari 5.1 to 6.0 */ 
	/*background: -o-linear-gradient(120deg, rgb(64, 64, 64), rgb(0, 0, 0)); /* For Opera 11.1 to 12.0 */ 
	/*background: -moz-linear-gradient(120deg, rgb(64, 64, 64), rgb(0, 0, 0)); /* For Firefox 3.6 to 15 */ 
	background: linear-gradient(120deg, rgb(64, 64, 64), rgb(0, 0, 0));
	
	/*background-image: url(../images/Aros2.jpg);
	background-image: url(../bildarkiv/miljo/sno3.jpg); */
	background-image: url(../bildarkiv/SMSS-web_1920pxb.jpg); 
	background-size: cover;
	
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;	
	
	/* Firefox */
	/*height: -moz-calc(100% - 90px);*/ /*assume i.e. your header above the wrapper is 80 and the footer bellow is 20*/
	/* WebKit */
	/*height: -webkit-calc(100% - 90px);*/
	/* Opera 
	height: -o-calc(100vh - 100px);
	/* Standard 
	height: calc(100vh - 90px);*/
	overflow:hidden;
	z-index: 1;
	
}





#container {
	position:relative;
	max-width: 1400px;
	/*width: 1024px;*/
	margin: 0 auto;
	font-size: 1.4em;
	overflow: hidden;
	/*padding: 0px 0px 25px;
	background-color:#333;*/
	height:100%;
	z-index:2;

}

#content {
	color:#000;
	background-color:#EEE;
	float: left;
	max-width: 625px;
	/*margin: 0px 0px 0px;*/
	height: 100%;
}

#sidebar {
	color:#000;
	background-color:#CCC;
	float: right;
	width: 275px;
	margin: 5px 5px 5px;
}

#footer-wrap {
	position: sticky;
	bottom:0;
    top: calc( 100vh - 100px );   
	width: 100%;
	z-index: 5;
	
	min-height: 140px;
    
	
}

@media all and (max-width:620px){
	/*#footer-wrap {
		position: relative;
	}*/
}

#footer-container {
	display:block;
	min-height: 140px;
	/*height: 90px;
	background: url(../images/Bkg_Header_Mktljus5.jpg) repeat-y left bottom;*/
	
	background: -webkit-linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%);/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%);/* For Firefox 3.6 to 15 */
    background: linear-gradient(120deg, rgb(255, 255, 255) 20%, rgb(230, 230, 230) 35%, rgb(192, 192, 192) 55%, rgb(164, 164, 164) 95%); /* Standard syntax (must be last)*/
	height:100%;
}

#footer-container a {
}

#footerL a:hover {
}

#footerL {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	float:left;
	width: 250px;
	margin: 0 10px;
	padding:8px;
	height:100%;
}
#footerL div{
	padding:8px;

}

#footerM {
	content: "---";
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	width:100px;
	height:100px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	height:100%;
}

#footerR {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	float:right;
	width: 250px;
	margin: 0 10px;
	padding:8px;	
	height:100%;
}



.TextBanner {
	float: left;
	font-size: 18px;
	color: #333;
	margin: 8px 150px 0 8px;
	float: right;
	width: 320px;
	padding: 8px;
}

#UpRight {
	float: right;
	width: 40%;
	height: 30px;
	min-width: 500px;
	text-align: right;
	margin: 8px 8px 0 8px;	/*padding: 8px;*/
}

.Welcome {
	color: #ddd;
	font-size: 32px;
	font-weight: 700;
	width: auto;
	text-align:right;
	padding-bottom: 20 px;
}



.Welcome a  {
	color:#444;
	text-decoration: none;
	text-shadow: 2px 2px 4px #BBB;
	-webkit-transition: color 2800ms ease-in;
	-moz-transition: color 2800ms ease-in;
	-o-transition: color 2800ms ease-in;
	-ms-transition: color 2800ms ease-in;
	transition: color 2800ms ease-in;
}

.Welcome a:hover {
	color:#000;
	text-decoration: none;
	text-shadow: 4px 4px 6px #FFF;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}


.Language {
	color:#000;
	font-size:11px;
	text-shadow: none;
	margin: 8px 8px 0 58px;
	text-align: right;

}

.Language a {
	color:#000;
	font-size: 11px;
	text-shadow: none;
	margin: 8px 8px 0 8px;
	text-align: right;
}


.Version {
	Color:#666;
	font-size: 10px;
}

@media all and (min-width:2500px){
    /*Positionera om meny till Vänster*/
}

@media all and (min-width:1920px){
    #video  {display:none;}
	
	
}

@media all and (max-width:1750px){
    .TextBanner {color: #DDD;}
	/*#background  {display:none;}*/
}

@media all and (max-width:1250px){
	.TextBanner {display:none;}
	#video  {display:none;}
	/*#videooverlay {display:none;}*/
}


@media all and (max-width:900px){
	.TextBanner {display:none;}
	#video  {display:none;}
	
	
	#container-wrap {
		
	}
	/*#footer-container {min-height: 100px;}*/
	#header-container {height: 100px;}
	#menu {
		margin:20px 8px 8px auto;
		max-width: 200px;
		
	}
	#menu li:hover .dropdown_1column, 
	#menu li:hover .dropdown_2columns, 
	#menu li:hover .dropdown_3columns,
	#menu li:hover .dropdown_4columns,
	#menu li:hover .dropdown_5columns {
    left:-999em;
	}
	#UpRight {margin: 8px 8px 20px 8px;}
	
	#container-wrap {
	/* Firefox */
	/*height: -moz-calc(100% - 290px);*/ /*assume i.e. your header above the wrapper is 80 and the footer bellow is 20*/
	/* WebKit */
	/*height: -webkit-calc(100% - 290px);*/
	/* Opera */
	/*height: -o-calc(100% - 290px);*/
	/* Standard */
	/*height: calc(100% - 290px);*/
	
	}
}



 
/* Navigation Bar */

#menu ul {
    font-size:16px; 
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:left;
} 

#menu {
    font-size:16px; 
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:left;
	float:left;
    list-style:none;
	max-width: 700px;
    margin:8px 8px 8px auto;
    height:43px;
    padding:0px 20px 0px 20px;
 
    /* Rounded Corners */
     
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
 
    /* Background color and gradients */
     
    background: none;
	 /* background: linear-gradient(to bottom, #FFF, #CCC);
   background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));*/
     
    /* Borders */
     
    /*border: 0px solid #002232;*/
 
   	/* -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;*/
	z-index: 20;
	
	
}
 

#menu.p {
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#menu.blockquote {
	font-style: italic;	
}
 
#menu li {
    font-size:16px; 
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:left;	
	
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 12px 4px 12px;
    margin-right:10px;
    margin-top:7px;
	
	-moz-box-shadow:0px -3px 15px #FFF;
    -webkit-box-shadow:0px -0px 0px #FFF;
    box-shadow:0px -0px 0px #FFF;
	
}

@media all and (max-width:740px){
	.Welcome{
	font-size: 16px;
	font-weight: 500;
	}
	
	#menu li {
		
	}
	
	#produkter{
	display:none;
	}
	#nyheter{
	display:none;
	}
	
	#footer-wrap, #footer-container {
	min-height: 240px;
	}
	
	#footer-container div {
	display:Block;
	}
	
	
	#footerL {
	display:Block;
	width: 150px;
	text-align:left;
	float:left;
	}
	
	#footerM {
	display:none;
	width: 150px;
	
	min-width: 150px;
	text-align:left;
	float:left;
	clear: both;
	}
	
	#footerR {
	left:0px;
	display:block;
	width: 150px;
	min-width: 150px;
	text-align:left;
	float:left;	
	clear: both;
	}
	
	#footerR::after {
	content: "";
	clear: both;
	display: table;
	}
	
	#footerEND {
	content: "";
	clear: both;
	display: table;	
	}
	
	
}

@media all and (min-width:400px){
	
	#minimenu{
	display:none;
	}
	
}

@media all and (max-width:400px){
	
	#menu{
	display:none;
	}
	
	#footer-wrap {
	}
	
}

@media all and (min-width:1000px){

	#menu li:hover {
		border: 1px solid #888;
		border-bottom:none;
		padding: 3px 11px 4px 11px;
		 
		/* Background color and gradients */
		 
		background: #EEEEEE;
		background-color: #EEEEEE;
		
		/*background: linear-gradient(to bottom, #D6D6D6, #A6A6A6);
		background: -moz-linear-gradient(top, #D6D6D6, #C6C6C6);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C6C6C6), to(#D6D6D6));*/
		 
		/* Rounded corners */
		 
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		
		-moz-box-shadow:3px -3px 15px #FFF;
		-webkit-box-shadow:3px -3px 15px #FFF;
		box-shadow:3px -3px 15px #FFF;
		
		z-index: 4;
		
	}
}

/* Huvudmeny */
#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333; /*'333'*/
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
}
 
#menu li:hover a {
	color:777;
	text-shadow: 3px 3px 3px #FFF;
}

#menu li .drop {
    padding-right:21px;
    /*background:url("img/drop.png") no-repeat right 8px;*/
	
	
	
}
#menu li:hover .drop {
	/*background:url("img/drop.png") no-repeat right 7px;*/
	font-weight: bold;
}
 
/* Drop Down */
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:left;	
    position:absolute;
    left:-999em; /* -999em Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
	border-top:none;
		
	z-index: 100;
     
    /* Gradient background */
    background:#EEEEEE;
	background: linear-gradient(to bottom, #EEEEEE, #A6A6A6);
    background: -moz-linear-gradient(top, #EEEEEE, #A6A6A6);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#A6A6A6));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
 
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
 
 
@media all and (min-width:1000px){
	#menu li:hover .dropdown_1column, 
	#menu li:hover .dropdown_2columns, 
	#menu li:hover .dropdown_3columns,
	#menu li:hover .dropdown_4columns,
	#menu li:hover .dropdown_5columns {
		left:-1px;
		top:auto;
		
			
		z-index: 100;
	}
}

/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
 
/* Right alignment */
 
#menu .menu_right {
    float:right;
    margin-right:0px;
}
#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

@media all and (min-width:1000px){

	#menu li:hover .align_right {
		left:auto;
		right:-1px;
		top:auto;
	}
} 

/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    /* text-shadow: 1px 1px 1px #FFFFFF;*/
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
	font-size:12px;
	color:#333;
}
#menu li:hover div a:hover {
	color:#999;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
	background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#menu li .black_box {
    background-color:#333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
 
    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    /*text-shadow: 1px 1px 1px #555555; */
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu li .drop {
	font-weight:bold;
}


#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}

iframe {display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden;}

#application_area {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 120px;
	border: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	
}