body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em;
	background-color:#FFF; color:#000; margin:0px; }
a:link {color:#000098;}
a:hover, a:active {color:#E00000;}

#navigation { position:absolute; width:136px; top:40px; left: 30px; z-index:5; }
/* Achtung: top:40px ist in highlight.js (Zeile 35) fix eingestellt. Auslesen mittels EbeneNavigation.style.top funktioniert nur, wenn die top-Eigenschaft mit dem style-Attribut in HTML gesetzt wird. Auslesen mittels EbeneNavigation.offsetTop funktioniert zwar, dann zuckt's aber in Firefox */

#navigation ul {margin-left:5px; padding-left:0px; margin-top:20px; }
#navigation li {list-style-type:none; margin-top:0px; padding-bottom:0px; margin-bottom:5px;}

#navigation a {color:#009; font-weight:bold; text-decoration:none;
	display: block; width:136px;
	background: url(navigation/dreieck1.gif) no-repeat 7px center;
	padding-left: 17px;}

#navigation a:hover, #navigation a:active {color: #E00000; 
	background:url(navigation/dreieck2.gif) no-repeat 7px center;}
	
.aktiverbutton {color: #E00000; font-weight:bold;
	background:url(navigation/dreieck2.gif) no-repeat 7px center; padding-left:17px;}
	
#navigation form { margin-left:5px; }

#logo a, #logo a:hover { display: inline; background: none; padding-left: 0px; }
#logo img { border:none; }

img { border:none; }

#sprachlinkde a, #sprachlinkde a:hover { margin-top:15px; background: url(navigation/fahnedeutsch.gif) no-repeat 0px center; }
#sprachlinken a, #sprachlinken a:hover { margin-top:15px; background: url(navigation/fahneenglish.gif) no-repeat 0px center; }

#suchbegriff, #suchbegriffimsuchergebnis { width: 80px; font-size: 1em; color: #009; padding-left: 3px;  border: 1px solid #009 } /* Suchfeld */
#suchbegriff:hover, #suchbegriff:active, #suchbegriff:focus, #suchbegriffimsuchergebnis:hover, #suchbegriffimsuchergebnis:active, #suchbegriffimsuchergebnis:focus
	{border: 1px solid #E01018; }
#suchenschaltflaeche { width: 20px; height: 20px; background: url(navigation/dreieck1.gif) no-repeat center; cursor: pointer; }
#suchenschaltflaeche:hover { background: url(navigation/dreieck2.gif) no-repeat center; }

#suchenimsuchergebnis { margin-bottom:1px; font-weight: bold; font-size: 0.9em; background: #FFF; cursor: pointer; }
#suchenimsuchergebnis:hover { }

h1 { font-size: 1.9em; color: #388040; font-weight: bold;}
h2 { font-size: 1em; color: #E01018; font-weight: bold;}
h3 { font-size: 1.2em; color: #E01018; font-weight: bold;}
.klein { font-size: 0.8em; }

#inhalt { position: absolute; left: 200px; width: 380px; top: 35px; z-index: 7; padding-bottom:50px; }
#inhaltabschlussarbeit { position: absolute; left: 200px; width: 580px; top: 35px; z-index: 7; }
#inhaltabschlussarbeit img { border: 1px solid #000; }
#inhaltabschlussarbeit ol { margin-bottom: 10px; }
.abstand { margin-bottom: 10px; }

#intuitiv-logo { color:#888; line-height:1em; margin-left:150px; }
#intuitiv-logo a { text-decoration:none; color:#888; }
#intuitiv-logo span { position:relative; top:-10px; margin-left:30px; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* Abschlussarbeit: */
.text { font-size: 0.8em; color: #000; }
#inhaltsverzeichnis li { font-weight: bold; }
#inhaltsverzeichnis li ol li { font-weight: normal; }
#textabschlussarbeit h2 { font-size: 1.9em; font-weight: normal; }
#textabschlussarbeit h3 { font-size: 1.5em; font-weight: normal; }
#textabschlussarbeit h4 { font-size: 1.2em; color: #E01018; }
.fussnote { position:absolute; background: #e5e5f5; border:1px solid #e01018; padding:8px; z-index:100; }

.buchcover { float:left; border: 1px solid #000098; margin-right: 10px; margin-bottom: 10px; }
a img.buchcover:hover { border: 1px solid #E00000; }
p.publikation { clear:left; margin-top:0px; margin-bottom:0px; }

#startseite h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #E01018; font-weight: bold;}
#startseite ul { margin-left: 0px; padding-left: 0px; }
#startseite li { margin-left: 15px; padding-left: 0px; padding-right: 0px; }

.ueberschriftklein { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; font-weight: bold;}
#foto { position:absolute; width:122px; z-index:6; left: 595px; top: 40px; text-align:center; }
#fototext { font-size: 0.9em; color: #388040; font-weight: bold; }
#fototextklein { font-size: 0.9em; color: #000; font-weight: normal; }

#animation { position:absolute; width:53px; height:153px; z-index:4; left:633px; top:320px; }
#verankern { position:absolute; width:53px; height:153px; z-index:2; left: 633px; top:320px; visibility: hidden;	text-align:center; font-size: 0.8em; }

#suchergebnis { padding-left: 16px; margin-bottom:30px; } /* padding-left ist, damit IE die Dreiecke anzeigt */
#suchergebnis ul { margin-left:0px; padding-left:0px;}
#suchergebnis ul li { list-style-image:url(navigation/dreieck1.gif); }
#suchergebnis ul li ol li { list-style-type:decimal; list-style-image:none; margin-bottom: 0.8em ; }
#suchergebnis a { font-weight: bold; }
#suchergebnis em { font-weight: bold; font-style: normal; }

.suchbegriff1  {color:#000; padding:1px; background:#ff6;   } /* gelb */
.suchbegriff2  {color:#000; padding:1px; background:#a0ffff;} /* türkis */
.suchbegriff3  {color:#000; padding:1px; background:#9f9;   } /* leucht-grün */
.suchbegriff4  {color:#000; padding:1px; background:#f99;   } /* rosa-organge */
.suchbegriff5  {color:#000; padding:1px; background:#f6f;   } /* leucht-rosa */
.suchbegriff6  {color:#fff; padding:1px; background:#800;   } /* dunkelrot */
.suchbegriff7  {color:#fff; padding:1px; background:#0a0;   } /* grün */
.suchbegriff8  {color:#fff; padding:1px; background:#886800;} /* beige */
.suchbegriff9  {color:#fff; padding:1px; background:#004699;} /* dunkelblau */
.suchbegriff10 {color:#fff; padding:1px; background:#909;   } /* violett */

#logodruck { display: none; }

@media print {
body { margin:auto; }
a,a:link,a:active,a:visited {color: #000; text-decoration: none; }
#navigation ul, #navigation form, #animation, #verankern, #fototext { display: none; }
#navigation { display: none; }
#logodruck { display: inline ; }
#foto { position: static; float: right; } /* andere Möglichkeit: { left: 0px; top: 0px; width:100%; text-align: right; } */
#inhalt, #inhaltabschlussarbeit { position:static; width:auto; margin-top:0px; } /* Firefox kann position:absolute nicht gscheit drucken */
}