body {

	padding: 0px;  /* For WebKit (Safari, Google Chrome etc) */  
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#cccccc));  /* For Mozilla/Gecko (Firefox etc) */  
	background: -moz-linear-gradient(top, #777777, #cccccc);  /* For Internet Explorer 5.5 - 7 */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777, endColorstr=#cccccc);  /* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777, endColorstr=#cccccc)";
	background-attachment:fixed;
 
	/*background-color: #0000F1;*/
	margin:50px 0px; padding:0px;
	text-align:center;	
}

H2 {
	font-family: Verdana;
	font-size: 18px;
}
H3 {
	font-family: Verdana;
	font-size: 16px;
}
H4 {
	font-family: Verdana;
	font-size: 14px;
}
p, li {
	font-family: Verdana;
	font-size: 12px;
}

a {
	color: #008aff;
}
	
a:link {
	text-decoration: none;
	/*color: green;*/
}
a:visited {
	text-decoration: none;
	/*color: green;*/
}
A:link {
	text-decoration: none;
	color: #008aff;
	/*color: blue; */
}
A:visited {
	text-decoration: none;
	/*color: blue;*/
} 

a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	/*color: #ff5100;*/
}
A.a:link {
	text-decoration: none;
	color: #ff5100;
	/*color: green;*/
}
A.a:visited {
	text-decoration: none;
	/*color: green;*/
}
A.a:hover {
	text-decoration: none;
}
A.a:active {
	text-decoration: none;
	color: #666666;
}
A.sela:link {
	text-decoration: none;
	color: #fff;
}
A.sela:visited {
	text-decoration: none;
	color: #fff;
}
A.sela:hover {
	text-decoration: none;
}
A.sela:active {
	text-decoration: none;
	color: #fff;
}
.main {
	background-color: #FFFFFF;
	width: auto;
	margin: 0px;
	padding: 5px 15px;
}
.dltext {
	font-family: Verdana;
	font-size: 12px;
}
.buydl {
	height: 100px;
	width: 400px;
	font-family: Verdana;
	overflow: hidden;
	float: right;
}
.logo {
	position: relative;
	left: 20px;
	top: 10px;
	width: 220px;
}
.menu {
	position: relative;
	left: 350px;
	top: 20px;
	text-align: left;
	width: 522px;
	height: 20px;
	cursor:hand;
}
/*Vald meny-knapp*/
.selmi {
	font-family: Verdana;
	color: #FFFFFF;
	background-color: #008aff; 
	text-align: center;
	font-size: 1em;
	height: 2em;
	cursor:hand;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;	
}
/*Ej vald meny-knapp*/
.mi {
	font-family: Verdana;
	color: #000000;
	background-color: #FEFEFE;
	text-align: center;
	font-size: 1em;
	height: 2em;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;	
}
/*Vald meny-knapp. Länk*/
.mi a{
	color: #000000;
}
/*Ej vald meny-knapp. Länk*/
.selmi a{
	color: #FFFFFF;
}

/*  Variabler  */
:root {
	--menubg_gradient_color1: rgba(236,236,236,1);
	--menubg_gradient_color2: rgba(241,241,241,1);
	--menubg_gradient_color3: rgba(255,255,255,1);
	--menubg_gradient_color4: rgba(255,255,255,1);
	
	--headerbg_gradient_color1: rgba(220,220,220,1);
	--headerbg_gradient_color2: rgba(236,236,236,1);
	--headerbg_gradient_color3: rgba(255,255,255,1);
	--headerbg_gradient_color4: rgba(255,255,255,1);
}
/* DIV Hela sidan  */
.main_content{
	box-sizing: border-box;
	max-width: 976px;
	min-width: 310px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	overflow:auto;
	box-shadow: 1px 1px 3px #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}
/* DIV Topp-rad med bilden som inhehåller app-loggan  */
.main_header {
	box-sizing: border-box;
	background: linear-gradient(#DCDCDC, #F1F1F1); 
	min-height: 50px;
    padding: 10px;
	padding-top: 15px;
	border-radius: 5px 5px 0px 0px;
	display: flex;
}
/*  Bilden som utgör topp-loggan  */
.main_header img {
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 10px;
	min-width: 208px;
	min-height: 10px;
	/*max-height: 44px;*/
}
/* DIV Innehåller topp-meny   */
.main_topmenu{
	box-sizing: border-box;
	background-color: white; 
    padding: 15px;
	padding-top: 0;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
    justify-content: right;

}
/*  Tabellen som utgör topp-meny  */
.main_topmenu_table{
	width: 100%;
	height: 27px;
	max-width: 600px;
	/*padding: 3px;*/
	/*Funkar som align right. 2 rader.*/
    margin-right: 0px;
    margin-left: auto;
	border-spacing: 2px;
	border-collapse: separate;
}
/*  Knapparna i menyn  */
.main_topmenu_table td{
	
}
/*  DIV Innehåller allt mellan meny till footer  */
.main_main{
	box-sizing: border-box;
	background-color: white;
	padding: 15px;
	float: left;
	width: 100%;
}
.main_main h1{
	font-family: Verdana;
	font-size: 18px;
	padding-top: 0px;
	margin-top: 0px;
}
/*  COL Vänstra huvud kolumnen. Den som innehållet text  */
.main_col_left{
}
/*  COL Högra huvud kolumnen. Den som innehåller bilder  */
.main_col_right{ 
}
.main_col_right img{ 
}
/*  DIV Footer som innehåller copy right mm */
.main_footer{
	box-sizing: border-box;
	padding: 15px;
	float: left;
	width: 100%;
	height: 85px;
	text-align: center;
	border-radius: 0px 0px 5px 5px;
	background: linear-gradient(#DCDCDC, #F1F1F1); 
}
/*  Texten i footer  */
.main_footer p{
	font-family: Verdana;
	font-size: 12px;
}
.main_menu_button_link{
	/*color: #ffffff;*/
}
.main_topmenu_gradientbg
{
    background: -moz-linear-gradient(top, var(--menubg_gradient_color1) 0%, var(--menubg_gradient_color2) 40%, var(--menubg_gradient_color3) 40%, var(--menubg_gradient_color4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--menubg_gradient_color1)), color-stop(40%,var(--menubg_gradient_color2)), color-stop(40%,var(--menubg_gradient_color3)), color-stop(100%,var(--menubg_gradient_color4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* W3C */
}
.main_header_gradientbg
{
    background: -moz-linear-gradient(top, var(--headerbg_gradient_color1) 0%, var(--headerbg_gradient_color2) 100%, var(--headerbg_gradient_color3) 100%, var(--headerbg_gradient_color4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--headerbg_gradient_color1)), color-stop(40%,var(--headerbg_gradient_color2)), color-stop(100%,var(--headerbg_gradient_color3)), color-stop(100%,var(--headerbg_gradient_color4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* W3C */
}