body {
  	font-family: "Candara", "Trebuchet MS", Arial, Helvetica, sans-serif;
  	font-size:100%;
  	background-color: #f0f0f0;
  	color: #000;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	width: 100%;
}

/* ----------- Anfang Definition DIV-Struktur der Seiten ---------- */

/* Sprungmarken für Screenreader und Tastaturnavigation */
div#sprungmarken {
	display: none;
}

	/* Sichtbarmachung der Sprungmarken-Navigation durch Tab-Fokus */
	div#sprungmarken a:focus, div#sprungmarken a:active {
		position: absolute;
		left: 1000em;
		white-space: nowrap;
		background-color: #c00;
		color: #fff;
	}
	
/* Navigationspfad, Suche, A-Z und Hilfe */
div#servicenavi { 
  	display: none;
}

/* Kopfbereich mit MagicPlayer-Logo und eventuellen weiteren Grafiken (Hintergrundbild, Institutslogos etc. */
div#kopfgrafikbereich { 
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 134px;
  	background-position: right;
  	background-repeat: no-repeat;
	background-color: #fff;
}

/* horizontale Hauptnavigation */
div#hauptnavi {
  	display: none;
}

/* linke Unternavigation */
div#bereichsnavi { 
  	display: none;
}

/* Hauptinhaltsbereich */
div#inhalt { 
  	width: 700px;
	font-size: 90%;
	background-color:#fff;
}

* html div#inhalt { width: 58%;}

/* Linke Spalte im Inhaltsbereich */

div#inhalt_spalte_links {
	display: none;
}

/* Rechte Spalte im Inhaltsbereich */

div#inhalt_spalte_rechts {
	display: none;
}

/* Nebeninhaltsbereich rechte Spalte */
div#nebeninhalt { 
	display: none;
}

/* Fußzeile mit Datum der letzten Änderung, Ansprechpartner, Feedbacklink, Impressum, englisch */
div#fusszeile { 
  	clear: both;
  	bottom: 0px;
  	width: 99%;
  	background-color: #eee;
  	text-align: right;
  	font-size: 0.7em;
  	border-right: 1% solid #eee;
  	margin-top: 1.5em;
  	height: 1.5em;
}

/* ----------- Ende Definition DIV-Struktur der Seiten ---------- */


/* ----------- Anfang Positionierung und Styling Seitenelemente ---------- */
/* ----------- wie Suche, Pfad, Fußzeile, Navigation, Logos--------------- */

div#pfad {
	display: none;
}

div#suche {
	display: none;
}

a { 
	color: #c00; 
	text-decoration: none; 
	border-bottom: 1px dotted #c00; 
}

a:visited { 
	color: #a00; 
	border-bottom: 1px dashed #a00; 
}

a:focus, a:hover, a:active { 
	color:#c00; 
	border-bottom: 1px solid #c00; 
}

* html a:focus, * html a:hover, * html a:active {
	
}

div#pfad a, div#suche a { 
	text-decoration: none;
	color: #333; 
	border: 0;
}

div#pfad a:visited, div#suche a:visited { 
}

div#pfad a:focus, div#suche a:focus, div#pfad a:hover, div#suche a:hover, 
div#fusszeile a:focus, div#fusszeile a:hover { 
	border-bottom: 1px solid #c00 !important;
}

div#servicenavi form {
	margin: 0;
	padding: 0;
	border: 0;
}

input#suchfeld {
	font-size: 0.8em;
	height: 1.32em;
	margin-top: 0;
	border: 1px solid #666;
	background-image: url(./cssimages/deck_icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 16px; 

}

input#suchknopf {
	font-size: 0.8em;
	border: 1px solid #666;
	background-color:#999;
	color: #fff;
	margin-top: 0;
	padding: 0;
}

img#magicplayer-logo {
  position: absolute;
  top: 45px;
  left: 5px;
}

img#ebene2-logo  {
	position: absolute;
	top: 122px;
	left: 286px;
	z-index: 100;
}

img#ebene3-logo  {
	position: absolute;
	top: 128px;
	left: 520px;
	z-index: 100;
}

div#hauptnavi a {
	line-height: 1.4em;
	color: #fff;
	text-decoration: none;
	padding: 0.5em;
	border: 0;
}

div#hauptnavi a:focus, div#hauptnavi li:hover, div#hauptnavi li:active {
	background-color: #ddd;
}

* html div#hauptnavi a:focus, * html div#hauptnavi a:hover, * html div#hauptnavi a:active {
	background-color: #ddd;
	color: #333;
}

div#hauptnavi li a:focus, div#hauptnavi li a:hover, div#hauptnavi li a:active {
	color: #333;
}

div#bereichsnavi ul {
	margin-left: 0.5em !important;
	padding-left: 0.5em ;
	font-size: 0.9em;
	font-weight: normal;
	list-style-position:outside;
	list-style-type: none;
}

div#bereichsnavi ul ul li {
	padding-left: 0;
	margin-left: 0;
}

/*div#bereichsnavi ul>li>ul {
	background-color: #f8f8f8;
	padding: 0 0 0 1em;
}

div#bereichsnavi ul>li>ul>li>ul {
	background-color: #f0f0f0;
}

div#bereichsnavi ul>li>ul>li>ul>li>ul {
	background-color: #e8e8e8;
} */

.toplevel {
	font-size: 150%;
	border: 0 !important;
	font-weight: bold;
}

div#bereichsnavi a {
	text-decoration: none;
	border: 0;
}

div#bereichsnavi a:visited {
	color: #a00;
	border: 0;
}

div#bereichsnavi a:focus, div#bereichsnavi a:hover, div#bereichsnavi a:active {
	text-decoration: underline;
}

div#bereichsnavi li.aktiv {
	color: #fff;
	background-color: #c00;
}

/* ----------- Ende Positionierung und Styling Seitenelemente ------------ */


/* ----------- Anfang Festlegung, wie HTML-Tags auf der Seite dargestellt werden ---------- */
/* ----------- wie Überschriften, Listen, Links, Tabellen etc. ---------------------------- */

h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

h1, h2, h3, h4, h5, h6 {
	padding-left: 10px;
	color: #333;
	color: #a00;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1:link, h2:link, h3:link, h4:link, h5:link, h6:link, 
a h1, a h2, a h3, a h4, a h5, a h6 { 
	color: #c00; 
}

a:visited h1, a:visited h2, a:visited h3, a:visited h4, a:visited h5, a:visited h6,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { 
	color: #a00; 
	border-bottom: 1px dashed #a00; 
}

a:focus h1, a:focus h2, a:focus h3, a:focus h4, a:focus h5, a:focus h6,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
a:active h1, a:active h2, a:active h3, a:active h4, a:active h5, a:active h6,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { 
	color: #c00; 
	border-bottom: 1px dotted #c00; 
}

a#inhalt-sprungmarke, a#nebeninhalt-sprungmarke, a#hauptnavi-sprungmarke, a#bereichsnavi-sprungmarke, a#servicenavi-sprungmarke, a#suchfeld-sprungmarke, a#fusszeile-sprungmarke { 
	position: absolute; 
	left: -999em;
}

/* ---------------- Anfang Custom Linkklassen ---------------------- */

a.more_link { 
	background-image: url(./cssimages/more_link.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 16px;
}

a.pdf_link { 
	background-image: url(./cssimages/pdficon_smaller.jpg); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 18px; 
}

a.ext_link, div#inhalt a[target="_blank"] { 
	background-image: url(./cssimages/icon_external_link.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 16px; 
}

a.email_link { 
	background-image: url(./cssimages/mailicon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.ms_word_link { 
	background-image: url(./cssimages/docicon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.ms_excel_link { 
	background-image: url(./cssimages/excel_icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.ms_powerpoint_link { 
	background-image: url(./cssimages/powerpoint_icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.tex_link { 
	background-image: url(./cssimages/tex.png); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 24px;
}

a.compressed_file_link { 
	background-image: url(./cssimages/zip.png); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
}

a.win_link { 
	background-image: url(./cssimages/windows_icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.linux_link { 
	background-image: url(./cssimages/linux-icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.mac_link { 
	background-image: url(./cssimages/macos9_icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.solaris_link { 
	background-image: url(./cssimages/solaris_icon.png); 
	background-repeat:no-repeat; 
	background-position:right; 
	padding-right:22px; 
}

a.java_link { 
	background-image: url(./cssimages/java.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
	font-family: 'Lucida console', 'Courier new', Courier, mono; 
}

a.sound_link { 
	background-image: url(./cssimages/sound_icon.png); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 24px; 
}

a.img_link { 
	background-image: url(./cssimages/imgicon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.pgpkey_link { 
	background-image: url(./cssimages/key_icon.jpg); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 22px; 
}

a.deck_link { 
	background-image: url(./cssimages/deck_icon.gif); 
	background-repeat: no-repeat; 
	background-position: right; 
	padding-right: 16px; 
}

a.nostyling:link, a.nostyling:visited, a.nostyling:hover, a.nostyling:active { 
	background: none; 
	border: 0; 
	margin: 0; 
	padding: 0; 
}

/* 	Da der IE bei umbrechenden Links die Icons nicht vertretbar darstellt,
	schalten wir die Hintergrundbilder für ihn ab und heben das padding auf. */

* html a {
	background-image: none; 
	padding: 0;
}

/* ---------------- Ende Custom Linkklassen ---------------------- */

img {
	border: 0;
}

img.bild_rechts { 
  	float: right;
  	margin-left: 0.5em;  
}

img.bild_links { 
  	float:left;
  	margin-right: 0.5em;  
}

span.datum { 
	font-weight: bold; 
	padding-right: 1em;
}

ul.no-margin { 
	list-style-position: inside; 
	padding: 0;
	margin: 0; 
}

ul.no-margin li { 
	margin-top: 0.5em;
}

div#inhalt p {
	padding: 0;
	margin:0;
	padding-left: 10px;
	padding-right: 10px;
}

div#inhalt td p {
	padding: 0;
	margin:0;
}

/* ----------------- Blindtabelle ------------------*/
/* Bitte nur in absoluten Ausnahmefällen verwenden! */
table.blindtabelle { 
	border:0 !important; 
	margin:0; 
	padding:0;
	background-color:#fff; 
	background-image:none; 
}

table.blindtabelle th, table.blindtabelle td { 
	border:0; 
	margin:0; 
	background-color:#fff; 
	background-image:none; 
	padding:0 !important; 
}

/* -------------- Ende Blindtabelle ---------------*/


/* Anfang Bildausrichtung mit Bildunterschrift */
div.bild_rechts_mit_unterschrift { 
	float: right; 
	font-size: 0.8em; 
	color: #333; 
	padding: 0.5em; 
	background-color: #f0f0f0; 
	border: 1px solid #666; 
	text-align: center; 
	margin: 0 0 0 0.5em; 
}

div.bild_links_mit_unterschrift { 
	float: left; 
	font-size: 0.8em; 
	color: #333; 
	padding: 0.5em; 
	background-color: #f0f0f0; 

	border: 1px solid #666; 
	text-align: center; 
	margin: 0 0.5em 0 0; 
}

/* Ende Bildausrichtung mit Bildunterschrift */

input:focus, textarea:focus {
	background-color:#333; 
	color:#fff;
}

div.werbediv {
	border: 1px black dotted; 
	margin: 5px; 
	width:480px; 
	height:80px; 
	z-index:1; 
	position:relative; 
	top:0; 
	left:0;
}

* html div.werbediv {
	z-index:0;
}

p.fliesstext {
	text-align: justify;
	padding: 0;
	line-height: 1.3em;
}

.linksbuendig {
	text-align: left;
}

.rechtsbuendig {
	text-align: right;
}

.zentriert {
	text-align: center;
}

.blocksatz {
	text-align: justify;
}

.unterstrichen {
	/*border-bottom: 1px solid #666;*/
	text-decoration: underline;
}

.durchgestrichen {
	text-decoration: line-through;
}

.ueberstrichen {
	text-decoration: overline;
}

.blinkend {
	text-decoration: blink;
}

.kleine-schrift {
	font-size: 0.76em;
}

.kapitaelchen {
	font-variant: small-caps;
}

.kleinbuchstaben {
	text-transform: lowercase;
}

.grossbuchstaben {
	text-transform: uppercase;
}

tr.odd { 
	background-color:#eef2f5;
}

tr.even {
	background-color:#fff;
}

quote, cite {
	font-style:oblique;
}

pre, code {
	font-family:'Lucida console', 'Courier new', Courier, mono;
}

code { 
	display: block;
	padding-left: 2em;
	font-size: 0.8em; 
}

code.greybox { 
	background-color: #ddd; 
	border: 1px dotted #333; 
	padding: 1em; 
	margin: 2em;
	color: #000;
}

code.bluebox  { 
	background-color:#7192A8; 
	border: 1px dotted #069; 
	padding: 1em; 
	margin: 2em;
	color:#fff;
}

div.infobox {
  	padding:10px;
  	border: 1px dotted #666; 
  	background-color: #eee; 
  	color: #666;
	font-size:1em;
}

.smallfont, .kleine_schrift {
  	font-size: 0.67em;
}

.rot { color: #c00; }
.blau { color: #00c; }
.gruen { color: #0c0; }

br.clear {
  clear: both;
}

p.post {
	margin-left: 5px;
}

span.grau {
	color:#777;
}

td.headline-td {
	background-image:url('../images/general/post_bg.gif');;
	background-repeat:repeat-x;
}

td.headline-td p {
	margin:0;
	padding:0;
	position:relative;
	top:4px;
}

td.headline-td p img {
	position:relative;
	top:-4px;
}

/* NICE TITLES http://www.kryogenix.org/code/browser/nicetitle/ */

div.nicetitle {
    position: absolute;
    padding: 1em;
    top: 0px;
    left: 0px;
    color: #333;
    width: 20px;
    font-weight: normal;
	font-size: 0.8em;
    background: url(../images/backgrounds/circles.gif);
    background-repeat:no-repeat;
	background-position: top right;
	background-color: #e8e8e8;
    border:1px outset #fff;
}

div.nicetitle p {
    margin: 0; padding: 0 3px;
}

div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}

/* ---------------------------------------------------------------- */
/* Begin CSS Popout Menu */
/* ---------------------------------------------------------------- */

#menu {
	position:relative;
	left:0px;
	top:0px;
	z-index:5;
}

* html #menu {
	float:left;
}

#menu a, #menu a.toplevellink {
	font-size:0.9em;
	display:block;
	margin:0;
	padding:0.4em;
	cursor:pointer;
}

#menu a.toplevellink {
	height:1.0em;
	letter-spacing:1px;
	color:#fff;
	background:#666;
	font-weight:normal;
	border:0;
	width:auto;
	white-space:nowrap;
	min-width:1%;
	background-image:url(../images/gradient_thead.png);
	background-repeat:repeat-x;
	padding-right:1.5em;
	text-decoration:none;
	text-transform:uppercase;
}

#menu ul ul a {
	background-color:#666;
	text-decoration:none;
	padding-top:0.4em;
	border-bottom:0;
	width:auto;
	display:block;
	min-width:12em;
}

* html #menu ul ul a {
	width: 12em;
}

#menu a, #menu a:visited {
	color:#fff;
}

#menu a:visited {
	color:#fff;
}

#menu a:hover {
	background-image:url(../images/gradient_thead_hover.png);
	background-repeat:repeat-x;
}

#menu a.toplevellink:hover {
	background-image:url(../images/gradient_thead_hover.png);
	background-repeat:repeat-x;
}

#menu a.toplevellink:visited {
	font-style:normal;
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

* html #menu ul { 
	width:1%;
}

#menu li {
	position:relative;
}

#menu ul ul {
	position:absolute;
	z-index:6001;
	top:auto;
	display:none;
	width:auto;
	font-size:0.9em;
	border:1px outset black;
}

* html #menu ul ul {
	z-index:6001;
	background-color:#666;
}

#menu ul ul ul {
	top:0.2em;
	left:95%;
	border: 1px outset #333;
}

* html #menu ul ul ul {
	left:100.5%;
}

* html #menu li {
	width:15em;
	white-space:nowrap;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* End of non-anchor hover selectors */

/* End CSS Popout Menu */