* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}

body {font-family: Verdana, Geneva, sans-serif; font-size:100%; color:SaddleBrown; margin:0; padding:0;}

div.menu_item
	{display:inline;}

/* For normal main_menu: */
a.main_menu:link
	{float: left; height: 3em;  line-height: 3em; width: 10em; background-color:#98bf21; text-align:center; margin:0px; border:1px solid #7A991A;}

a.main_menu:visited
	{float: left; height: 3em;  line-height: 3em; width: 10em; background-color:#98bf21; text-align:center; margin:0px; border:1px solid #7A991A;}

a.main_menu:hover
	{background-color:#7A991A;}
	
a.main_menu:active
	{background-color:#7A991A;}

	
/* For large_button_menu: */
a.large_button_menu:link
	{float: left; height: 6em; line-height: 6em; width: 10em; background-color:#98bf21; text-align:center; margin:0px; border:1px solid #7A991A;}

a.large_button_menu:visited
	{float: left; height: 6em;  line-height: 6em; width: 10em; background-color:#98bf21; text-align:center; margin:0px; border:1px solid #7A991A;}

a.large_button_menu:hover
	{background-color:#7A991A;}
	
a.large_button_menu:active
	{background-color:#7A991A;}
	
img.logo {
    width: 100%;
	max-width: 300px;
    height: auto;
}

div.content
	{border-left:1px solid gray; padding:1em; }

div.download_content
	{padding:1em; }
	
	
[class*="col-"] {
    float: left;
    padding: 1em;
}

div.footer-left{display:none;}
div.footer-bottom{display:block;}
div.footer{
    display: inline-block;
	vertical-align: top;
    width: 15em;
    margin: 0px;
    border: 0px;
	padding:1em; 
}

table.avgift
	{font-size:100%; width:100%;}
table.small_avgift
	{font-size:100%; width:70%;}
table.gottfrid
	{font-size:100%; width:40%;border: 1px solid black;}
th.gottfrid
	{border: 1px solid black;}
td.gottfrid
	{border: 1px solid black;}

/* Start of multi-line comment:
input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]  {
  margin: 0;
  width: 70%; height: 2em; font-size: 250%;
}

input[type=number] {
  margin: 0;
  width: 3em; height: 2em; font-size: 250%;
}

input[type=radio], input[type=checkbox]  {
    border: 0px;
    width:20%;
	height:40px;
	font-size: 250%;
}
End of multi-line comment */

form {
    width: 60em;
	max-width: 95%;
    border: 1px solid gray;
	padding:5px;
    margin: 5px;
}

input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]  {
	width: 50em;
	max-width: 90%;
}

input[type=number] { width: 3em;}

input[type=submit], input[type=reset]  {
	width: 15em;
	max-width: 49%;
}

textarea {
	width: 50em;
	height: 5em;
	max-width: 90%;
}


	 
/* For mobile phones: */
[class*="col-"] { width: 100%;}
	
@media only screen and (max-width: 750px) and (orientation: landscape)) {
    /* For mobile phones, landscape: */
    .col-lsc-1 {width: 8.33%;}
    .col-lsc-2 {width: 16.66%;}
    .col-lsc-3 {width: 25%;}
    .col-lsc-4 {width: 33.33%;}
    .col-lsc-5 {width: 41.66%;}
    .col-lsc-6 {width: 50%;}
    .col-lsc-7 {width: 58.33%;}
    .col-lsc-8 {width: 66.66%;}
    .col-lsc-9 {width: 75%;}
    .col-lsc-10 {width: 83.33%;}
    .col-lsc-11 {width: 91.66%;}
    .col-lsc-12 {width: 100%;}
	
	div.footer-left{display:block;}
	div.footer-bottom{display:none;}
	a.main_menu:link {width: 95%;}
	a.large_button_menu:link {width: 95%;}
}
@media only screen and (min-width: 750px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	
	div.footer-left{display:block;}
	div.footer-bottom{display:none;}
	a.main_menu:link {width: 95%;}
	a.large_button_menu:link {width: 95%;}
}
@media only screen and (min-width: 1100px) {
    /* For desktop >1100 px: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	div.footer-left{display:block;}
	div.footer-bottom{display:none;}
	a.main_menu:link {width: 95%;}
	a.large_button_menu:link {width: 95%;}
}

h1 {font-size:150%; text-align:left;}										/**** Width dependent ****/
h2 {font-size:130%}															/**** Width dependent ****/
h2.right_adjust 	{font-size:130%; text-align:right}							/**** Width dependent ****/
h3 {font-size:120%}															/**** Width dependent ****/
table.avgift {font-size:80%; width:100%;}									/**** Width dependent ****/
table.small_avgift {font-size:80%; width:100%;}								/**** Width dependent ****/

@media only screen and (min-width: 750px) {
	h1 {font-size:200%; text-align:left;}									/**** Width dependent ****/
	h2 {font-size:130%}														/**** Width dependent ****/
	h2.right_adjust 	{font-size:130%; text-align:right}						/**** Width dependent ****/
	h3 {font-size:120%}														/**** Width dependent ****/
	table.avgift {font-size:100%; width:100%;}								/**** Width dependent ****/
	table.small_avgift {font-size:100%; width:70%;}							/**** Width dependent ****/
/* Start of multi-line comment:
	input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]  {
	  margin: 0;
	  width: 70%; height: 2em; font-size: 100%;
	}
	input[type=number] {
	  margin: 0;
	  width: 3em; height: 2em; font-size: 100%;
	}
	input[type=radio], input[type=checkbox]  {
		border: 0px;
		width: 20%;
		height: 1em;
		font-size: 100%;
	}
	input[type=submit], input[type=reset]  {
		width:30%;
		font-size: 200%;
	}
	textarea {
	font-size: 100%;
	width: 70%;
	}
     End of multi-line comment */

}
@media only screen and (min-width: 1100px) {
	h1 {font-size:300%; text-align:left;}									/**** Width dependent ****/
	h2 {font-size:130%}														/**** Width dependent ****/
	h2.right_adjust 	{font-size:130%; text-align:right}						/**** Width dependent ****/
	h3 {font-size:120%}														/**** Width dependent ****/
	table.avgift {font-size:100%; width:100%;}								/**** Width dependent ****/
	table.small_avgift {font-size:100%; width:70%;}							/**** Width dependent ****/
	
	/* Start of multi-line comment:
	input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]  {
	  margin: 0;
	  width: 70%; height: 2em; font-size: 100%;
	}
	
	input[type=number] {
	  margin: 0;
	  width: 3em; height: 2em; font-size: 100%;
	}
	input[type=radio], input[type=checkbox]  {
		border: 0px;
		width: 20%;
		height: 1em;
		font-size: 100%;
	}
	input[type=submit], input[type=reset]  {
		width:20%;
		font-size: 100%;
	}
	textarea {
	font-size: 100%;
	width: 70%;
	}
	     End of multi-line comment */
}

/* Start of multi-line comment:

	nav.main_menu,header.logo,img.logo,section.logo,footer
		{width:200px;}

	a.main_menu:link,a.main_menu:visited
		{width:180px; padding:4px;}

	div.content,header.main
		{margin-left:250px; margin-right:150px;}

     End of multi-line comment */


	img.individ_img,img.omfalunf_img
		{float:right; width:300px; margin:0; padding:1em; }

	img.wide_img
		{float:right; width:450px; margin:0; padding:1em; }

	img.right_250px_img
		{float:right; width:250px; margin:0; padding:1em; }

	img.left_250px_img
		{float:left; width:250px; margin:0; padding:1em; }
		
/* Start of multi-line comment:
	h1
		{text-indent:40px;}                                                  

	p.padding-top
		{padding-top: 50px;}

     End of multi-line comment */



/* Start of multi-line comment:
		nav.main_menu,header.logo,img.logo,section.logo,footer
		{float:left; margin:0; padding:1em }
     End of multi-line comment */



/* Start of multi-line comment:
	div.content,header.main
		{border-left:1px solid gray; padding:1em; }
     End of multi-line comment */

	img.right_95_img
		{float:right; width:95%; margin:0; padding:1em; }

	img.left_95_img
		{float:left; width:95%; margin:0; padding:1em; }

	img.right_75_img
		{float:right; width:75%; margin:0; padding:1em; }

	img.left_75_img
		{float:left; width:75%; margin:0; padding:1em; }

	img.right_50_img
		{float:right; width:50%; margin:0; padding:1em; }

	img.left_50_img
		{float:left; width:50%; margin:0; padding:1em; }

	img.right_45_img
		{float:right; width:45%; margin:0; padding:1em; }

	img.left_45_img
		{float:left; width:45%; margin:0; padding:1em; }


	img.right_25_img
		{float:right; width:25%; margin:0; padding:1em; }

	img.left_25_img
		{float:left; width:25%; margin:0; padding:1em; }



	section
		{clear:both; font-size:100%}

	aside, article, figure
		{font-size:100%}

	footer, div.footer
		{clear:both; font-size:80%; text-align:center}

	p.copyright
		{font-size:60%; text-align:center;}

	span.error
		{font-family: Verdana, Geneva, sans-serif; font-size:100%; color:Red}