body
{
	font-family: 'Times New Roman' , Times, serif;
	background-image: url( 'image/matta.jpg' );
}

.ruta1
{
	
	font-size: 18px;
	position: absolute;
	top: 474px;
	left: 720px;
	width: 300px;
	height: 237px;
}

.ruta2
{
	font-size: 10px;
	position: absolute;
	top: 213px;
	left: 181px;
	width: 383px;
	height: 492px;
	text-align: left;
}

.ruta3
{
	
	
	position: absolute;
	top: 121px;
	left: 143px;
	width: 464px;
	height: 35px;
	
}

.ruta4
{
	
	
	position: absolute;
	top: 151px;
	left: 810px;
	width: 133px;
	height: 35px;
	
}

.ruta5
{	
	position: absolute;
	top: 165px;
	left: 258px;
	width: 133px;
	height: 29px;
	
}

.cirkel1
{
	font-size: 16px;
	position: absolute;
	top: 284px;
	left: 982px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel2
{
	font-size: 16px;
	position: absolute;
	top: 284px;
	left: 1003px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel3
{
	font-size: 16px;
	position: absolute;
	top: 208px;
	left: 911px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel4
{
	font-size: 16px;
	position: absolute;
	top: 365px;
	left: 836px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel5
{
	font-size: 16px;
	position: absolute;
	top: 244px;
	left: 692px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel6
{
	font-size: 16px;
	position: absolute;
	top: 263px;
	left: 838px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel7
{
	font-size: 16px;
	position: absolute;
	top: 369px;
	left: 690px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel8
{
	font-size: 16px;
	position: absolute;
	top: 369px;
	left: 712px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel9
{
	font-size: 16px;
	position: absolute;
	top: 304px;
	left: 790px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel10
{
	font-size: 16px;
	position: absolute;
	top: 175px;
	left: 880px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel11
{
	font-size: 16px;
	position: absolute;
	top: 350px;
	left: 908px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}

.cirkel20
{
	font-size: 16px;
	position: absolute;
	top: 284px;
	left: 1024px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-image: url('image/cirkel.gif');
	background-repeat: no-repeat;
}




.bok
{
	position: absolute;
	top: 40px;
	left: 80px;
	width: 1091px;
	height: 779px;
}

.rubrik1
{
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.rubrik2
{
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}

.normal
{
	font-size: 20px;
	
}

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

a:hover{
color:#737c7a;
text-decoration: none;
}

.fae
{
	border: 1px solid #003399;
	background-color: #FFCC99;
	position: absolute;
	right: 0%;
	width: 28px;
	height: 16px;
	bottom: 0%;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
}