html {
      margin:0;
      padding:0;
      height:100%;
      border:none
}

body {
	background-color: #FCF7EF;
	margin: 0px;
	font-family: "Lucida Sans", Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	height:100%;
     border:none
}

div {
	border: 0px solid #000000;
	font-family: "Lucida Sans", Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

p {
	font-family: "Lucida Sans", Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 0 0 0;
}

h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color:#001F8F;
}

h3 {
	font-weight: bold;
	font-size: 11px;
	color:#001F8F;
	margin: 0 0 0 0;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 0 0 0;
}


a:link, a:visited {
	color: black;
}



.brodtext {
	font-family: "Lucida Sans", Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: black;
}

.brodtext a:link, a:active, a:visited {
	color: black;
}

img {
	border: 0px;
}

li {
	list-style-type: square;
	margin: 10px 0 0 -20px;
}

div.container {
        position: relative;
		top: 0px;
        margin: 0 auto;
        width: 798px;
        height: 532px;
		text-align: left;

}

/* rutmönster */
.ruta1 {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:266px; 
	height:266px; 
	z-index:1; 
	layer-background-color: #7DD1E1; 
	border: 1px none #000000; 
	background-color: #7DD1E1;
}
.ruta1#gul {
	background-color: #FFDF74;
}
.ruta1#lila {
	background-color: #D99EC5;
}
.ruta1#bla {
	background-color: #7DD1E1;
}
.ruta1#brun {
	background-color: #B1953A;
}
.ruta1#gron {
	background-color: #B4CD95;
}
.ruta1#turkos {
	background-color: #9DC9BA;
}



.ruta2 {
	position:absolute; left:266px; top:0px; width:266px; height:266px; z-index:1; layer-background-color: #D99EC5; border: 1px none #000000; background-color: #D99EC5;
}
.ruta3 {
	position:absolute; left:532px; top:0px; width:266px; height:266px; z-index:1; layer-background-color: #B1953A; border: 1px none #000000; background-color: #B1953A;
}
.ruta4 {
	position:absolute; left:0px; top:266px; width:266px; height:266px; z-index:1; layer-background-color: #FFDF74; border: 1px none #000000; background-color: #FFDF74;
}
.ruta5 {
	position:absolute; left:266px; top:266px; width:266px; height:266px; z-index:1; layer-background-color: #B4CD95; background-color: #B4CD95; border: 1px none #000000;
}
.ruta6 {
	position:absolute; left:532px; top:266px; width:266px; height:266px; z-index:1; layer-background-color: #9DC9BA; background-color: #9DC9BA; border: 1px none #000000;
}
.meny {
	position:absolute; left:5px; top:5px; width:520px; height:40px; z-index:1; border: 0px solid #000000;
}