






  /* statt 5 */







/* Content area */
div.content {
	position:absolute;
	left:150px; top:188px;
	width: 440px;
	z-index:7;
	margin:0px;
}
div.picture, div.picturesmall {
	position:absolute;
	left:150px; top:58px;
	z-index:7;
	margin:0px;
}
div.picture {
	width: 710px;
}
/*For smaller pics in landscape format, so that no text is displayed on the right side of the picture */
div.picturesmall {
	width: 610px;
}
img.picture {
	margin-right:10px;
	margin-bottom:5px;
	float:left;
	border:0px;
}
h1 { 
	font-family:Verdana,Arial,helvetica; 
	font-size:1em;
	font-weight:bold;
}
p,ul {
	margin-top:12px;
	margin-bottom:0px;
	font-family:Verdana,Arial,helvetica;
	font-size:0.8em;
}
p.next {
	margin-top:0px;
	text-align:right;
	font-family:Verdana,Arial,helvetica;
	font-size:0.9em;
	font-weight:bold;
}
/* Logo */
p.logo1, p.logo1past, p.logo1edu, p.logo1health, p.logo1envi, p.logo1abbey, p.logo1con {
	position:absolute;
	left:10px; top:11px;
	width:100px; height:100px;
	z-index:5;
	margin:0px;
	padding-left:2px;
	background-color:black;
}
p.logo1past {
	border-top:10px #cffa75 solid;
	border-left:8px #cffa75 solid;
	border-right:10px #cffa75 solid;
}
p.logo1edu {
	border-top:10px #ffcc67 solid;
	border-left:8px #ffcc67 solid;
	border-right:10px #ffcc67 solid;
}
p.logo1health {
	border-top:10px #6cc7fc solid;
	border-left:8px #6cc7fc solid;
	border-right:10px #6cc7fc solid;
}
p.logo1envi {
	border-top:10px #6bfbc6 solid;
	border-left:8px #6bfbc6 solid;
	border-right:10px #6bfbc6 solid;
}
p.logo1abbey {
	border-top:10px #cc6afd solid;
	border-left:8px #cc6afd solid;
	border-right:10px #cc6afd solid;
}
p.logo1con {
	border-top:10px #ff0000 solid;
	border-left:8px #ff0000 solid;
	border-right:10px #ff0000 solid;
}
p.logo2 {
	position:absolute; 
	left:10px; top:66px;
	z-index:4; 
	margin:0px;
}
/* The lower part of the topic's logo - identical for all topics */
p.topic_l {
	position:absolute; 
	left:21px; top:142px; 
	z-index:5; 
	margin:0px;
}
/* Background for the topic's logo */
p.logobackpast, p.logobackedu, p.logobackhealth, p.logobackenvi, p.logobackabbey, p.logobackcon {
	position:absolute;
	left:20px; top:166px;
	width: 100px; height:2px;
	z-index:5;
	margin:0px;
	background-color:black; 
}
p.logobackpast {
	border-right: 10px #cffa75 solid;
	border-bottom: 3px #cffa75 solid;
}
p.logobackedu {
	border-right: 10px #ffcc67 solid;
	border-bottom: 3px #ffcc67 solid;
}
p.logobackhealth {
	border-right: 10px #6cc7fc solid;
	border-bottom: 3px #6cc7fc solid;
}
p.logobackenvi {
	border-right: 10px #6bfbc6 solid;
	border-bottom: 3px #6bfbc6 solid;
}
p.logobackabbey {
	border-right: 10px #cc6afd solid;
	border-bottom: 3px #cc6afd solid;
}
p.logobackcon {
	border-right: 10px #ff0000 solid;
	border-bottom: 3px #ff0000 solid;
}
/* The "fading" lines underneath the headers of the topics */
p.logolinepast, p.logolineedu, p.logolinehealth, p.logolineenvi, p.logolineabbey, p.logolinecon {
	position:absolute;
	left:18px; top:120px;
	width: 101px; height:46px;
	z-index:4;
	margin:0px;
	border-left:2px black solid;
}
p.logolinepast {
	border-right:9px #cffa75 solid;
	background-image: url('../style/fading_past.gif');
}
p.logolineedu {
	border-right:9px #ffcc67 solid;
	background-image: url('../style/fading_edu.gif');
}
p.logolinehealth {
	border-right:9px #6cc7fc solid;
	background-image: url('../style/fading_health.gif');
}
p.logolineenvi {
	border-right:9px #6bfbc6 solid;
	background-image: url('../style/fading_envi.gif');
}
p.logolineabbey {
	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');
}
/* Header bar */
div.headerpast, div.headeredu, div.headerhealth, div.headerenvi, div.headerabbey, div.headercon {
	position:absolute; 
	left:150px; top:10px;
	width: 639px; height: 160px;
	z-index:4; 
	margin:0px;
}
div.headerpast, div.headerpastpic {
	background-color:#cffa75;
}
div.headeredu, div.headeredupic {
	background-color:#ffcc67;
}
div.headerhealth, div.headerhealthpic {
	background-color:#6cc7fc;
}
div.headerenvi, div.headerenvipic {
	background-color:#6bfbc6;
}
div.headerabbey, div.headerabbeypic {
	background-color:#cc6afd;
}
div.headercon, div.headerconpic {
	background-color:#ff0000;
}
div.headerpastpic, div.headeredupic, div.headerhealthpic, div.headerenvipic, div.headerabbeypic, div.headerconpic {
	position:absolute; 
	left:150px; top:10px;
	width: 709px; height: 30px;
	z-index:4; 
	margin:0px;
}
img.headertext {
	position:relative;
	left: 9px; top:128px;
}
img.headertextpic {
	position:relative;
	left: 9px; top:3px;
}
img.image1 {
	position:absolute; 
	left:168px; top:3px; 
	width:154px; height:152px;
	z-index:6;
	margin:0px;
	border:0px;
}
img.image2 {
	position:absolute;
	left:325px; top:3px; 
	width:154px; height:152px;
	z-index:6; 
	margin:0px;
	border:0px;
}
img.image3 {
	position:absolute;
	left:482px; top:3px;
	width:154px; height:152px;
	z-index:6; 
	margin:0px;
	border:0px;
}
p.blackhori, p.blackhoripic {
	position:absolute;
	left:9px; 
	height: 2px;
	z-index:7; 
	margin:0px;
	background-color: black;
}
p.blackhori {
	top:155px;
	width: 628px;
}
p.blackhoripic {
	top:26px;
	width: 698px;
}

/* Menu on the left side */

div.menutop {
	position:absolute; 
	left:20px; top:186px; 
	width:101px; 
	z-index:8;
}
p.menutop, p.menubottom, p.menubottom1st, p.flag {
	position:relative;
	width:105px; height:28px;
	z-index:5;
	margin: 0px;
	border:0px;
	border-bottom:2px solid black;
	padding:0px;	
	padding-left:4px;
}
p.menubottom1st {
	border-top:2px solid black;
	margin-top: 28px;
}
p.menutop {
	top:0px; left:0px;
	z-index:8;
	padding-left:3px;
}
p.menuseparatorcon, p.menuseparatorabbey, p.menuseparatorenvi, p.menuseparatorpast, p.menuseparatoredu, p.menuseparatorhealth {
	position:absolute;
	left:8px; 
	width:100px; height:0px;  
}
p.menuseparatorpast {
	top:41px;
	background-color: #cffa75;
}
p.menuseparatoredu {
	top:41px;
	background-color: #ffcc67;
}
p.menuseparatorhealth {
	top:11px;
	background-color: #6cc7fc;
}
p.menuseparatorenvi {
	top:41px;
	background-color: #6bfbc6;
}
p.menuseparatorabbey {
	top:71px;
	background-color: #cc6afd;
}
p.menuseparatorcon {
	top:101px;
	background-color: #ff0000;
}
a.menubottom, a.menutop {
	display:block;
	width:108px; height:23px;
	z-index:5;
	padding:0px;
	padding-top:5px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}
a.flag {
	position:relative;
	left: 18px; top:4px;
	text-align:center;
}

div.menubottom, div.bordermenubottom {
	position:absolute;
	left:20px; top:314px;
}
div.bordermenubottomenvi {
	position:absolute;
	left:20px; top:276px;
}
div.bordermenubottompast {
	position:absolute;
	left:20px; top:276px;
}
div.bordermenubottomedu {
	position:absolute;
	left:20px; top:276px;
}
div.bordermenubottomhealth {
	position:absolute;
	left:20px; top:246px;
}
div.bordermenubottomabbey {
	position:absolute;
	left:20px; top:306px;
}
div.bordermenubottomcon {
	position:absolute;
	left:20px; top:336px;
}
div.menubottom {
	z-index:5;
}

div.bordermenubottom, div.bordermenubottompast, div.bordermenubottomedu, div.bordermenubottomhealth, div.bordermenubottomenvi, div.bordermenubottomabbey, div.bordermenubottomcon {
	z-index:3;
}
p.bordermenubottom {
	position:absolute;
	left:0px;
	width:4px; height:28px;
	margin:0px;
	z-index:3;
}
/* Vertical black lines on left margin, with borders in the colours of the topics */
p.blackvertipast, p.blackvertiedu, p.blackvertihealth, p.blackvertienvi, p.blackvertiabbey, p.blackverticon {
	position:absolute;
	left:18px; top:207px;
	width: 2px; 
	z-index:7;
	margin:0px;
	background-color:black; 
}
p.blackvertipast {
	height: 219px;
}
p.blackvertiedu {
	height: 219px;
}
p.blackvertihealth {
	height: 189px;
}
p.blackvertienvi {
	height: 219px;
}
p.blackvertiabbey {
	height: 249px;
}
p.blackverticon {
	height: 309px;
}
p.vertipast, p.vertiedu, p.vertiabbey, p.vertihealth, p.vertienvi, p.verticon {
	position:absolute;
	left:10px; top:168px;
	width: 2px; height: 64px;
	z-index:7;
	margin:0px;
	background-color: black;
}
p.vertipast {
	top:121px;
	height:125px;
	z-index:3;
	border-left: 8px #cffa75 solid;
	border-right: 8px #cffa75 solid;
}
p.vertiedu {
	top:121px;
	height:125px;
	z-index:3;
	border-left: 8px #ffcc67 solid;
	border-right: 8px #ffcc67 solid;
}
p.vertihealth {
	top:121px;
	height:95px;
	z-index:3;
	border-left: 8px #6cc7fc solid;
	border-right: 8px #6cc7fc solid;
}
p.vertienvi {
	top:121px;
	height:125px;
	z-index:3;
	border-left: 8px #6bfbc6 solid;
	border-right: 8px #6bfbc6 solid;
}
p.vertiabbey {
	top:121px;
	height:155px;
	z-index:3;
	border-left: 8px #cc6afd solid;
	border-right: 8px #cc6afd solid;
}
p.verticon {
	top:121px;
	height:185px;
	z-index:3;
	border-left: 8px #ff0000 solid;
	border-right: 8px #ff0000 solid;
}
/* Arms of Peramiho Abbey */
div.armsabbey {
	position:absolute;
	left:45px; top:523px;
	width:57px;
	height:66px;
	z-index:5;
	margin:0px;
	background-image:url('armsabbey2.png');
}
/* Image on the right side */
div.imageright {
	position:absolute; 
	left:602px; top:231px;
}
p.imageright {
	width:154px;
	z-index:5;
	margin:0px;
	margin-left: 30px;
	font-family:Arial,helvetica,sans-serif;
	font-size:0.8em;
}
p.help {
	position:absolute;
	top:329px;
	width:152px; height: 24px;
	border: 2px #ff0000 solid;
	border-left: 1px #ff0000 solid;
	border-right: 30px #ff0000 solid;
}
/* Classes for hyperlinks */
img.border0 {
	border:0px;
}
a.black:link {
	color:black;
	text-decoration:none;
}
a.black:visited {
	text-decoration:none;
}
a.black:hover {
	text-decoration:underline;
	color:blue;
}
/* Classes for E-Mails */

.emailtext {
	cursor:pointer; 
}
.emailpic {
	vertical-align:text-bottom;
}
/* Class used only for topic contact */
p.account {  /* Link to account data for donations */
	margin-top:0px;
	font-family:Verdana,Arial,helvetica;
	font-size:0.8em;
	font-weight:bold;
}


