﻿/* screen.css wird verwendet bei allen Bildschirmausgaben
                                                      23.03.08 B.B.
*/

*{
	line-height: 125%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: black;
	/* background-color:papayawhip; background-color:cornsilk; background-color:#F5F5F5;    seashell = FFF5EE*/
	background-color: seashell;
	padding: 0;
	border: 0;
	margin: 0;
 }
body{min-width:800px;}
A{text-decoration:none;}
a:link {color:blue; text-decoration:none;}
a:visited {color:blue; text-decoration:none;}
a:focus {color:red; text-decoration:underline;}
a:hover {color:red; text-decoration:underline;}
a:active {color:red; text-decoration:underline;}
.Bild_zum_Text{float:left; margin-right:5px;}
.Text{}
.Datum{color:darkblue;}
table tr td{vertical-align:top;}
h1, h2, h3 {margin-top:10px; margin-bottom:5px; font-weight:bold;}

div#Seitenkopf{
 position:relative;
 background-color:black;
 background-image:url(../Bilder/Horizontal_sw.jpg);
 background-repeat:repeat-x;
 background-position:left;
 padding:0; border:0; margin:0;
 height:110px;
 }
div#Streifen_sw, div#Streifen_sw a{
 position:relative;
 background-image:url(../Bilder/s_r_40_vert.jpg);
 background-repeat:repeat-x;
 background-position:top center;
 padding:0; border:0; margin:0;
 height:40px;
 text-align:center;
 color:seashell;
 font-weight:normal;
 font-family:Arial,Helvetica,sans-serif;
 text-transform:lowercase;
 letter-spacing:0.1em
 }

/*Ab hier: Navigationsbereich  */
div#ContainerNavigation{
	position: absolute;
	float: left;
	top: 289px;
	left: 37px;
	bottom: 100px;
	width: 121px;
	height: 400px;
	padding: 0;
	border: 0;
	margin: 0;
	background-color: seashell;
 }
div#Logo{
 position:relative;
 padding:0; border:0; margin:0px;
 }

#Navigation{
	position: relative;
	padding: 0;
	border: 0;
	margin: 0px;
	top: 20px;
	left: 20px;
	background-color: seashell;
	width: 120px;
 }
#Navigation ul { list-style: none; padding: 0; border:0; margin: 0; }
#Navigation ul li { position: relative; } 
#Navigation ul li ul li ul {position: absolute; top: 0; left: 100%; width: 100%;  display: none;} 
#Navigation ul li ul li:hover ul{display: block;} 
#Navigation a { padding: 5px 5px 5px 8px;
 border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb;
 margin: 0; display: block; 
 font: bold 12px/15px arial, helvetica, sans-serif;
 color: #FFF; background: #636563; text-decoration: none; 
 }
#Navigation a:hover , #Navigation ul a#AktuelleSeite { color: #a00; background: #fff; }
* html div#Navigation a{      /* Breitenangaben nur fuer IE */
 width: 8.0em; /* Version 5.x */
 w\idth:7.0em; /* Version 6 */
 }
div#Frame_Infobox {
 position:relative;
 z-index:9;
 float:right;
 top:0px;
 bottom:0px;
 padding:5px; border:1px dashed silver; margin:0;
 background-color:white;
 text-align:left;
 }

div#Frame_Infobox iframe{
 width:140px;
 height:140px;
 }

/*Ab hier: Inhalt */
div#ContainerInhalt{
 top:0;
 min-width:500px;
 padding:0;border:0;margin:0;
 margin-left:205px; margin-right:160px;
}
div#ContainerInhalt.Aktuelles{margin-right:0;}
div#Inhalt{
 top:0px;
 left:0px;
 padding:0; border:0; margin:0;
 margin-left:20px; margin-right:20px;
 }
div#Inhalt h1,h1 span{
 margin-top:5px;
 margin-bottom:5px;
 font-weight:bold;
 }
div#Inhalte{
 top:0;
 text-align:justify;
 }

#Seite_Ueberschrift{
 margin-top:5px;
 margin-bottom:10px;
 text-align:center;
 font-size:22px;
 font-weight:bold;
 letter-spacing:3px;
 text-transform:uppercase;
 }
div#Seitenfuss{}

hr{
 clear:left;
 width:100%;
 height:1px;
 margin-top:10px;
 margin-bottom:10px;
 margin-right:150px;
 border:1px dashed silver;
 }
/* - ab hier: für dozenten und Gruppen: */
table tr td{vertical-align:top; padding-left:2px; padding-right:15px;}
.Dozent{position:relative; z-index:0; left:0; margin-left:10px; min-width:500px;}
.Dozent_Name, .Gruppe_Name{font-weight:bold; margin-left:10px; margin-right:10px; letter-spacing:3px; width:220px;}
.Dozent_Bild{position:relative; margin-left:50px; margin-right:50px; width:220px; }
.Dozent_Text, .Gruppe_Text{position:relative; margin-left:10px; margin-right:10px; width:220px; font-weight:normal;}
.Gruppe{position:relative; left:0; margin-left:10px; min-width:500px;}
.Gruppe_Bild{position:relative; margin-left:10px; margin-right:10px; width:200px; }
.Gruppe_Bild_Hochkant{position:relative; margin-left:0px; width:104px;  }

/* - ab hier für Willkommensseite */
#Hintergrundbild{
text-align:center;
}
div#Text_Willkommen, div#Text_Kontakt{
font-weight:bold;
}

.Hinweis_Klein {
font-size:10px;
font-style:italic;
}
/* - ab hier für die Seite Chronologie */
.Chronologie td{ padding-bottom:5px;} 
