body {
	background-image:url('../graphics/baum.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}


/* ========== Sidebar ========== */

#sidebar {
	top:-200px;
}
#einleitung {
	padding:0.25em;
}
#news a {
	margin:0;
	padding:0;
	color:#dddddd;
	font-size:70%;
}

/* ========== Baum ========== */

#baum {
	position:absolute;
	top:120px;
	left:240px;
	width:950px;
	height:680px;
	color:#dddddd;
}
#baum div {
	position:absolute;
/*	Rahmen zum Layout-Debugging: */
/*
	border-style:dotted; 
	border-width:1px;
*/	
}
#baum h1 {
	display:none;
}
#baum h2 {
	position:absolute;
	font-size:150%;
	margin:0;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
}

a.baum {
	position:absolute;
/*	Internet-Explorer-Bug :(
	max-width:10em;
*/
	text-align:center;
	padding:0.25em;
	color:#ffffff;
	font-weight:bold;
}
a.baum:visited {
	color:#cccccc;
}
a.baum:hover,a.baum:focus {
	border-style:dotted;
	border-width:1px;
	border-color:#ffffff;
        border-radius:10px;
        -moz-border-radius:10px;
	background-color:#8c2129;
	opacity:0.8;
	text-decoration:none;
	font-style:italic;
}

/* ========== Freizeit ========== */

#rubrikfreizeit {
	top:0;
	height:28%;
	width:100%;
}	

#rubrikfreizeit h2 {
	top:34%;
	left:45%;
}
#cafephilosophique {
	top:0%;
	left:35%;
}
#erholung {
	top:0%;
	right:35%;
}
#kunst {
	top:21%;
	left:20%;
}
#jungesphilosophieren {
	top:21%;
	right:20%;
}
#ruhrdeutsch {
	top:60%;
	left:13%	
}
#weihnacht {
	top:60%;
	right:13%;
}
#morphosen {
	top:67%;
	left:35%
}
#kaldenberg {
	top:67%;
	right:35%;
}
/* ========== Beratung ========== */

#rubrikberatung {
	top:32%;
	height:15%;
	width:100%;
}
#rubrikberatung h2 {
	top:15%;
	left:43%;
}
#erleben {
	top:14%;
	left:19%;
}
#lebenkoennen {
	top:14%;
	right:19%;
}

/* ========== Lehre und Forschung ========== */

#rubriklehre {
	top:51%;
	height:32%;
	width:100%;
}	
#rubriklehre h2 {
	top:36%;
	left:42%;
}
#ethik {
	top:5%;
	left:42%;
}
#aesthetik {
	top:43%;
	left:20%;
}
#enzyklopaedie {
	top:38%;
	right:20%;
}
#aufsganze {
	top:75%;
	right:25%;
}
#publikationen {
	top:77%;
	left:30%;

}

/* ========== Verschiedenes ========== */

#rubrikverschiedenes {
	top:87%;
	height:13%;
	width:100%;
}	
#rubrikverschiedenes h2 {
	top:0;
	left:45%;
}
#aktuelles {
	top:45%;
	left:21%;
}
#gaestebuch {
	top:45%;
	right:21%;
}
#links {
	top:10%;
	left:35%;
}
#intro {
	top:10%;
	right:35%;
}
#quivive {
	top:66%;
	left:36%;
}
#impressum {
	top:66%;
	right:36%;

}

/* ========== Pop-Ups ========== */

.popup {
	display:none; /* wird durch javascript onclick-handler geändert! */
	position:relative;
	top:-20%;
	left:180px;
	width:490px;
	padding:1em;
	background-color:#dddddd;
	border-style:outset;
	border-width:4px;
	border-color:#000000;
	color:#8c2129;
	opacity:0.9;
	z-index:10; /* soll über allem anderen liegen! */
	cursor:pointer;
}
a.schliessen {
	position:absolute;
	right:1em;
	bottom:0.2em;

}
#zumbaum {
	top:auto;
	/* andere Position als die anderen Pop-Ups um Scrollen zu vermeiden: */
	bottom:20px;
}