* {
	margin: 0; 
	padding: 0;
}

body {
	/* background-color: #8AA0C5; */
	background-color: #E0E0E0;
}

html {
	overflow-y: scroll;
}

ul {
    list-style-position: inside;
	font-size: 20px;
}

div#frame {
	width: 1110px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
}

div#wrapper {
	border: 30px solid #FFFFFF;
	width: 1050px;
}

#toppmeny {
	width: 180px;
	padding: 5px;
	color: black;
}

div#sidhuvud img {
	width: 1050px;
	height: 200px;
}
div#huvudbild img {
	float: left;
	margin: 0; 
	padding: 0px;
}

div#meny {
	background-color: white;
	margin: 0; 
	padding: 20px;
}

div#meny a {
	color: black;
	text-decoration:none;
}

div#meny li {
	display:inline;
	float: left;
	border-right: solid 1px;
}

div#meny li a {
	display: inline-block;
	color: black;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}

div#meny li a:hover {
	background-color: #888888;
}

div#meny li:first-child {
	border-left: solid 1px;
}

div#huvudtext {
	float: left;
	width: 1010px;
	margin: 0;
	background-color: white;
	padding: 20px;
	position: relative;
}

div#huvudtext h1 {
	font-family: Agency FB;
	font-size: 50px;
	color: #606060;
	margin-bottom: 20px;
}

div#huvudtext p {
	margin-bottom: 20px;
	font-size: 20px;
}

div#sidfot {
	text-align: center;
	background-color: #CCCCCC;
	color: #444444;
	font-size: 10px;
}

div#sidfot a {
	color: #444444;
	text-decoration:none;
}

div#sidfot a:hover {
	color: #000000;
	text-decoration:none;
}

div#kontakt {
	position: relative; 
	width: 1050px;
	height: 380px; 
	
}

div#kontakt a {
	color: black;
	text-decoration:none;
}

div#kontakt img {
	width: 150px;
	height: 244px; 
	border-radius: 10px;
}

div#kontakt_kol_1 {
	position: absolute;
	top: 0;
	left: 20px;
	width:300px;
	height: 500px; 
}

div#kontakt_kol_2 {
	position: absolute;
	top: 0;
	left: 350px;
	width:300px;
	height: 500px; 
}

div#kontakt_kol_3 {
	position: absolute;
	top: 0;
	left: 680px;
	width:300px;
	height: 500px; 
}

.clearfix:after {
	content: "."; /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block; /* inline-element reagerar inte på egenskapen clear */ 
	height: 0; /* ser till att punkten inte är synlig */
	clear: both; /* får behållaren att frilägga punkten */
	visibility: hidden;	/* försäkrar ytterligare att punkten inte är synlig */
}

/*.clearfix {display: inline-block;} /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */