/* Common classes */
h1 { 
	font-family:Verdana,Arial,helvetica; 
	font-size:1em;
	font-weight:bold;
}
p,ul {
	margin-bottom:0px;
	font-family:Verdana,Arial,helvetica;
	font-size:0.8em;
}
/* Header area */
#boriti {
	position:absolute;
	left:0px; top:0px;
	width:800px; height:5px;
	margin:0px;	
	z-index:10;
	background-color:#4fa8e2;
}
#armsabbey {
	position:absolute;
	left:22px; top:14px;
	width:69px; height:83px;
	margin:0px;
	background-image:url('armsabbey.png');
}
#header1 {
	position:absolute; 
	left:160px; top:23px;
	width:251px; height:18px;
	margin:0px;
	z-index:5;
}
#header2 {
	position:absolute; 
	left:160px; top:63px;
	width:301px; height:21px;
	margin:0px;
	z-index:5;
}
div.headright {
	position:absolute;
	left:583px; top:5px;
}
#film1, #film2, #film3 {
	position:absolute;
	top:0px;
	width:71px; height:100px;
	margin:0px;
	border:0px;
	border-right:1px black solid;
}
#film1 {
	left:0px;
	z-index:8;
	background-image:url('film1.gif');
}
#film2 {
	left:71px;
	z-index:7;
	background-image:url('film2.gif');
}
#film3 {
	left:142px;
	z-index:6;
	background-image:url('film3.gif');
}
#line {
	position:absolute;
	left:0px; top:105px;
	width:800px; height:5px;
	z-index:5; 
	background-image:url('linie.gif'); 
	background-repeat:repeat-x;
}
/* The middle part: Pictures leading to the five main topics, e.g. education */
#topics {
	position:absolute;
	left:0px; top:160px; 
}
/* logo1 contains the upper part, that is the logo itself */
p.logo1past, p.logo1edu, p.logo1health, p.logo1envi, p.logo1abbey {
	position:absolute;
	top:0px;
	width:100px; height:204px;
	z-index:2;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
p.logo1past {
	left:28px;
	background-color:#cffa75;
}
p.logo1edu {
	left:184px;
	background-color:#ffcc67;
}
p.logo1health {
	left:340px;
	background-color:#6cc7fc;
}
p.logo1envi {
	left:496px;
	background-color:#6bfbc6;
}
p.logo1abbey {
	left:652px;
	background-color:#cc6afd;
}
/* logo2 contains the black fading lines */
p.logo2past, p.logo2edu, p.logo2health, p.logo2envi, p.logo2abbey {
	position:absolute; top:110px;
	height:100px; width:100px;
	z-index:3;
	margin:0px;
	border-bottom:2px black solid;
}
p.logo2past {
	left:38px;
	background-image: url('../style/fading75past.gif');
}
p.logo2edu {
	left:194px;
	background-image: url('../style/fading75edu.gif');
}
p.logo2health {
	left:350px;
	background-image: url('../style/fading75health.gif');
}
p.logo2envi {
	left:506px;
	background-image: url('../style/fading75envi.gif');
}
p.logo2abbey {
	left:662px;
	background-image: url('../style/fading75abbey.gif');
}
/* The black line on the left */
p.logoleft {
	position:absolute; top:10px;
	height:202px; width:2px;
	background-color:black;
	margin:0px;
	z-index:10;
}
/* The "fading" lines underneath the headers of the topics */
p.logolinepast, p.logolineedu, p.logolinehealth, p.logolineenvi, p.logolineabbey, p.logolinecon {
	position:absolute;
	top:185px;
	width: 101px; height:14px;
	z-index:4;
	margin:0px;
}
p.logolinepast {
	left:38px;
	border-right:9px #cffa75 solid;
	background-image: url('../style/fading_past.gif');
}
p.logolineedu {
	left:194px;
	border-right:9px #ffcc67 solid;
	background-image: url('../style/fading_edu.gif');
}
p.logolinehealth {
	left:350px;
	border-right:9px #6cc7fc solid;
	background-image: url('../style/fading_health.gif');
}
p.logolineenvi {
	left:506px;
	border-right:9px #6bfbc6 solid;
	background-image: url('../style/fading_envi.gif');
}
p.logolineabbey {
	left:662px;
	border-right:9px #cc6afd solid;
	background-image: url('../style/fading_abbey.gif');
}
p.logolinecon {
	border-right:9px #ff0000 solid;
	background-image: url('../style/fading_con.gif');
}
p.logo3past, p.logo3edu, p.logo3health, p.logo3envi, p.logo3abbey {
	position:absolute;
	top:214px; 
	width:120px; height:5px;
	margin: 0px;
	padding-top: 6px;
	z-index:5;
}
p.logo3past {
	left:28px;
	background-color:#cffa75;
}
p.logo3edu {
	left:184px;
	background-color:#ffcc67;
}
p.logo3health {
	left:340px;
	background-color:#6cc7fc;
}
p.logo3envi {
	left:496px;
	background-color:#6bfbc6;
}
p.logo3abbey {
	left:652px;
	background-color:#cc6afd;
}
p.topicup {
	position:absolute; 
	top:0px; 
	width:125px; height:225px; 
	margin:0px;
	z-index:5;
}
p.topicshade {
	position:absolute;
	top:0px; 
	width:5px; height:225px; 
	margin:0px; 
	z-index:5;
}
/* Classes for the red bottom frame */
#bottom {
	position:absolute;
	left:20px; top:440px;
	width:1000px;
	height:400px;
	background-image:url('bottomshadow.gif'); 
	background-repeat:no-repeat;
}
ul.latestnews, p.help {
	position:absolute;
	top:0px;
	width:287px; height:125px;
	margin:0px;
	border:4px #ff0000 solid;
	padding:0px;
	padding-left:20px;
	padding-top:15px;
	z-index:5; 
	background-color:white; 
}
p.help {
	left:0px; top:0px;
}
ul.latestnews {
	left:453px; top:0px;
}
p.watoto {
	position:absolute; 
	left:313px; top:0px;
	margin:0px;
	z-index:5;
	border-bottom:4px #ff0000 solid; 
	border-top:4px #ff0000 solid; 
}
p.mkubwa {
	position:absolute; 
	left:373px; top:14px;
	margin:0px;
	z-index:6; 
}
/* Classes for hyperlinks */
img.border0 {
	border:0px;
}
img.titletopic {
	border:0px;
	margin-top:0px;
	margin-left:10px;
}
a.black:link {
	color:black;
	text-decoration:none;
}
a.black:visited {
	text-decoration:none;
}
a.black:hover {
	text-decoration:underline;
	color:blue;
}