body { 

	padding: 0px;  /* For WebKit (Safari, Google Chrome etc) */  background: -webkit-gradient(linear, left top, left bottom, from(#2d6a9f), to(#357bbd));  /* For Mozilla/Gecko (Firefox etc) */  background: -moz-linear-gradient(top, #357bbd, #2d6a9f);  /* For Internet Explorer 5.5 - 7 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#357bbd, endColorstr= #2d6a9f);  /* For Internet Explorer 8 */
	/* padding: 0px;  background: -webkit-gradient(linear, left top, left bottom, from(#1e5799), to(#7db9e8));  background: -moz-linear-gradient(top, #1e5799, #7db9e8);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e5799, endColorstr=#7db9e8); */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e5799, endColorstr=#7db9e8)";
	
	background-image: linear-gradient(to bottom right,#2d6a9f, #4489ca); 
	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;
}

.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;
}
.selmi {
	font-family: Verdana;
	color: #FFFFFF;
	background-color: #69A4D7;
	text-align: center;
	font-size: 10px;
	cursor:hand;
}
.mi {
	font-family: Verdana;
	color: #FFFFFF;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 10px;
	height: 20px;
}

.mi a:link {
	text-decoration: none;
	color: #000;
}
.mi a:visited {
	text-decoration: none;
	color: #000;
}
.mi a:hover {
	text-decoration: none;
}
.mi a:active {
	text-decoration: none;
	color: #000;
}


a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #000;
}

.btn-container {
	/*width: 280px;*/
	width: 100%;
	height: 32px;
	border: 1px black;
	position: relative;
	color: red;
	display: flex;
  	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.buynow-btn {
	/*width: 130px;*/
	width: 45%;
	height: 32px;
	color: white;
	position: relative;
	border-radius: 16px;
	display: flex;
  	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to bottom right,#f7a900, #f89901);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
	margin-right: 5px;
	max-width: 130px;
}

.buynow-btn a {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	/*font-size: 18px;*/
	font-size: 100%;
	color: white;
}

.download-btn {
	/*width: 130px;*/
	width: 45%;
	height: 32px;
	color: white;
	position: relative;
	border-radius: 16px;
	display: flex;
  	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to bottom right,#357bbd, #2d6a9f);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
	max-width: 130px;
}

.download-btn a {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	/*font-size: 18px;*/
	font-size: 100%;
	color: white;
}


/*  Variabler  */
:root {
    --main_debug-boarder: 0px; 
}
/* 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:+px;
}
/* DIV Topp-rad med bilden som inhehåller app-loggan  */
.main_header {
	/*box-sizing: border-box;*/
	background: linear-gradient(#DCDCDC, #F1F1F1); 
	/*height: 90px;*/
	min-height: 40px;
	border: var(--main_debug-boarder) solid red;
	padding: 5px;
	padding-top: 6px;
	border-radius: 5px 5px 0px 0px;
	/*display: flex;*/
    /*justify-content: center;*/
}
/*  Bilden som utgör topp-loggan  */
.main_header img {
	/*box-sizing: border-box;*/
	padding-left: 10px;
	padding-top: 0;
	width: 450px;
	max-width: 90%;
	/*max-height: 70px;*/
}
/* DIV Innehåller topp-meny   */
.main_topmenu{
	box-sizing: border-box;
	background-color: white; 
	border: var(--main_debug-boarder) solid red;
    padding: 15px;
	padding-top: 0;
	display: flex;
	justify-content: center;
}
/*  Tabellen som utgör topp-meny  */
.main_topmenu_table{
	width: 100%;
	height: 27px;
	border: var(--main_debug-boarder) solid blue;
	max-width: 600px;
	margin-top: 1px;
}
/*  Knapparna i menyn  */
.main_topmenu_table td{
	border: 1px solid white;
	padding: 3px;
	border-radius: 4px 4px 4px 4px;
	//border: var(--main_debug-boarder) solid green;
}
/*  DIV Innehåller allt mellan meny till footer  */
.main_main{
	box-sizing: border-box;
	border: var(--main_debug-boarder) solid red;
	background-color: white;
	padding: 15px;
	float: left;
	width: 100%;
}
.main_main h1{
	font-family: Verdana;
	font-size: 18px;
}
/*  COL Vänstra huvud kolumnen. Den som innehållet text  */
.main_col_left{
	border: var(--main_debug-boarder) solid blue;
}
/*  COL Högra huvud kolumnen. Den som innehåller bilder  */
.main_col_right{ 
	border: var(--main_debug-boarder) solid orange;
}
/*  DIV Footer som innehåller copy right mm */
.main_footer{
	box-sizing: border-box;
	border: var(--main_debug-boarder) solid red;
	//background-color: green;
	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;
}