html, body {height: 100%;} /* height sätts till 100 % ett relativt värde */
#wrapper {min-height: 100%;} /* wrapper får min-height - vilket gör att den lätt skaral ner  */
/*#columns {overflow:auto; clear:both; 
	}  /* overflow auto gör att det blir en rullist om innehållet skulle bli längre än sidan.  */
footer {
	 clear:both;} /*clear both rensar float-värden från tidigare objekt    */


body {background-color:#D8D8D0; color:#000; font-family: verdana,"Times New Roman";} 

h1,h2,h3,h4 {font-family: verdana,"Times New Roman";
} 

 .ingress {
			 font-weight: bold;
			 }

em  {
			 font-weight: bold;
			 }
ul {list-style-type:none; margin-bottom:6px; font-style:italic; font-weight:bold;}
ol {font-weight:bold;}

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


video {
    max-width: 100%;
    height: auto;
	
}

.vanster {float:left; margin-right:8px;} /* bilderna i klassen vanster flyter till vänster på sidan - likaså bildtexten   */
.hoger {float:right; margin-left:8px;}/* bilderna i klassen hoger flyter till hoger på sidan - likaså bildtexten    */

#umeafakta td {border:1px solid #666; padding:2px 4px;}
#umeafakta {border-collapse:collapse; margin-bottom:20px; box-shadow:5px 5px 5px #666;}/* border-collapse gör att det bara blir en ram runt tabellen  */
#umeafakta tr:first-child, #umeafakta tr td:first-child {background-color:#09C; color:#FFF; font-weight:bold;} /* bakgrunden till texten bir vit på varannan rad  */
#umeafakta tr:nth-child(even) {background-color:#DDD;} /* bakgrunden till texten bir ljust grå på varannan rad  */



body { min-height: 100%; max-width: 100%;
	
	background-repeat:no-repeat;  
}
header { border: 8px #E81919; border-top-style: none; border-right-style: none; border-bottom-style: solid;
    border-left-style: none; /*background-image:url(bilder/head_back.jpg);*/
	background-repeat:no-repeat; background-color:#D8D8D0
}
figcaption { font-size:0.75em; font-weight:bold; color:white; clear: both; margin-left: 10%; margin-bottom: 2%;/* font-sizen är satt i den relativa enheten em för att lättare kunna skala upp och ner  */
}

.center {
	
    margin-left: auto;
    margin-right: auto;
    display: block
}

#content img {float:right; max-height: auto; max-width: 30%; margin-left: 2%;

}

address {text-align: center; /* adressen längst ner centreras  */
}

#wrapper {max-width:1000px; margin:0 auto;} /* margin 0 auto gör en mittcentrerad sida max-vidden gör att den följer med när man skalar ner  */

#logo {width: 50%; height: 40%; display: block;
    margin-left: auto;
    margin-right: auto
}

aside img {max-width: 200px; border-radius:10px; box-shadow:5px 5px 5px #000000; margin-left: 5%; /* #666  */
}

#columns { display: table; width: 100%;}

nav {padding:8px; display:table-cell; min-width:100px;}

#content {padding:16px; display:table-cell; 
}
#content video{padding-left:0px; padding-right:0px; display:table-cell; 
}
/* #content p { background-color: rgba(255, 255, 204, 0.4); padding:4px; 
border-radius:10px;  
}*/

footer {/*background-color:#036;*/ background-color:#D8D8D0; border: #E81919; border-top-style: solid; border-right-style: none; border-bottom-style: solid;
    border-left-style: none; padding: 5px;}
	   /* background: linear-gradient(#036, #09C);}  Rundade hörn och skuggor dessutom linear-gradient - övertoning i färgen  */
footer p {margin:0; font-size:small; font-style:italic; text-align:center;}

nav ul {margin:0; padding:0;}
nav li {list-style:none; margin:16px 4px;}
nav a:link,nav a:visited {background-color:#D8D8D0; opacity:1.0; /*color:#FFF;*/ text-decoration:none; padding:4px 8px; display:block;
							padding: 5px; }
nav a:hover,nav a:active {background-color:#E81919;} /* när muspekaren förs över elementen i nav-listen ändras färgen till lite ljusare blå  */
nav a.dennaSida {background-color:#A8A8A8;} /* klassen denna sida får denna bakgrundsfärg  */


 /* Anders Britts 610901-1053 krock i a: och nav a: */