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:#9CF; color:#000; font-family:Verdana, Geneva, sans-serif;} 

h1,h2,h3,h4 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} 



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:#ff0000; background-color:#360; text-decoration:none;}

.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 {background-image:url(bilder/bakgrund.jpg); min-height: 100%; max-width: 100%;
	
	background-repeat:no-repeat; background-size: cover; background-attachment: fixed;   
}
header {border-radius:10px; box-shadow:8px 8px 8px #666; /*background-image:url(bilder/head_back.jpg);*/
	background-repeat:no-repeat; 
}




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:100%; height: 80%; 
}

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



#mouciderb  {width:70%; border-radius:10px; display: block;
    margin: auto; 
}

#content h1 {text-align: center;
}
#content h4 {text-align: center; color:#FFF;
}


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

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

#content {padding:16px; display:table-cell; }

#content p { background-color: rgba(255, 255, 204, 0.4); padding:4px; 
border-radius:10px;  
}


footer {/*background-color:#036;*/ color:#FFF; padding:12px; border-radius:10px; box-shadow:5px 10px 10px 10px black;}
	   /* 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:#336699; opacity:0.6; color:#FFF; text-decoration:none; padding:4px 8px; display:block;
							 border-radius:10px; box-shadow:5px 5px 5px #666; }
nav a:hover,nav a:active {background-color:#369;} /* när muspekaren förs över elementen i nav-listen ändras färgen till lite ljusare blå  */
nav a.dennaSida {background-color:#063;} /* klassen denna sida får denna bakgrundsfärg  */


 /* Anders Britts 610901-1053  */