#Menu {
	background-color:transparent;
	background-image:none;
	height: 470px;
}

#Body {
	height: 500px;
}
#Site {
	background-image:url(/rovdjursskolan/bilder/Bakgrund_Site_Rovdjursskola_Intro.jpg);

}
#Body #IntroPage {
	position: relative;
	float: left;
	width: 580px;
	height: 100%;
	font-size: 80%;
}
#Body #IntroPage #PageFoot{
	display:none;
}

#SubIntro {
	position: absolute;
	right: 10px;
	top: 33px; 	/* Skulle hellre använda bottom men det fungerar dåligt i Mac IE i det här fallet. */
	width: 550px;
	z-index: 0;		/*Ändrat 080716 - PFJ, tidigare värde 100. Detta värde gjorde att länkarna ej var klickbara i Mac. Varför värdet fanns där vet jag inte och ev. får vi ändra tillbaka om problem uppstår */
}

#SubIntro .IntroHeadline{
	color: #FFFFFF;
	font-size: 200%;
	font-weight: normal;
	font-family: "Bosis Medium", "Lucida Grande", "Trebuchet MS";
	margin-bottom:18px;
}
#SubIntro .IntroContent{
	height: 170px;
	border: 3px solid #EEEEEE;
	background-color: #FFFFFF;
	padding: 10px;
	overflow: auto;
}

	.StartBlock{
		width:164px;
		border:3px solid #EEEEEE;
		top: 295px;
		position:absolute;
		background-image:url(/Rovdjursskolan/bilder/Bakgrund_Introbox.jpg);
		background-repeat:repeat-x;
		background-color: #FFFFFF;
		font-size: 85%;
		color: #333333;
	}
	/*
	.StartBlock a{
		color: #000000;
		text-decoration: none;
	}
	.StartBlock a:hover{
		color: #000000;
		text-decoration: underline;
	}
	*/

	.StartBlockImage{
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}
	.StartBlockText{
		margin: 5px;
		line-height: 120%;
		color: #000000;
	}
	.StartBlockText P{
		line-height: 120%;
	}
	a.IconLink{
		 color:white;
		 font-weight:bold;
		 text-decoration:none;
	}
	a.IconLink:visited{
		 color:white;
		 font-weight:bold;
		 text-decoration:none;
	}
	a.IconLink:hover{
		 color:white;
		 font-weight:bold;
		 text-decoration:underline;
	}
	a.IconLink IMG{
		border:none;
	}