/* DATEI: screen.css */
/* Standard-CSS fuer Bildschirmanzeige (screen und projection) */

/* Angaben über die gesamte Grösse der Seite */
body {
	color:#FFFFFF;		/* weisse Textfarbe */
	background-color:#555555;	/* #555555=dgrauer Hintergrund */
    margin:0;
	border:0 none;
	padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
}

/* =============================================== */
/* Schrift- und Farbangaben fuer einzelne Bereiche: */
/* =============================================== */

/* Angaben für verschiedene Titel */
.maintitel {
	font-size:200%; font-style:normal;
    font-variant:normal; text-decoration:none;
    margin-top:0; margin:0; padding:0 0 0 0;
}
.titel {
	font-size:150%; font-style:normal;
    font-variant:normal; text-decoration:none;
    margin-top:0; margin:0; padding:0 0 0 0;
}
.redtitel { font-size:130%; font-weight:bold; font-style:normal;
     font-variant:normal; text-decoration:none;
	 color: #FF0000
}
.titelsmall {
	font-size:100%; font-style:normal;
    font-variant:normal; text-decoration:none;
    margin-top:0; margin:0; padding:0 0 0 0;
	font-weight:bold;
}

/* Layout-Tabelle: */
table.layouttab {
    margin:0;
	border:solid #808080;
	border-width:thin;
    padding:0;
}
table.logo {
	padding:0 0 0 0;
	border:solid #808080;
	border-width:0 thin 0 thin;
    color:#FFFFFF;
	background-color:#000000;
	font-size:0.8em;
	margin:0;
    text-align:center;
    vertical-align:top;
}

/* Inhaltsbereich */
td.inhalt {
	padding:1em 0 1em 2em;  /* 1em=oberer Rand, 2em=rechter Rand, 1em=unterer Rand, 2em=linker Rand */
	border:solid #808080;
	border-width:0 0 0 thin;
    color:#FFFFFF;
	background-color:#000066;
	font-size:0.8em;
	vertical-align:top;
}

/* Fusszeile */
td.fusszeile {
	border:solid #808080;
	border-width:0 thin thin thin;
    padding:0.2em 0 0.4em 0;
	overflow:visible;
    text-align:center;
	font-size:0.7em;
    color:#FFFFFF;
    background: #333333;
}

/* Thumbnail Pupup Fenster*/
.gallerycontainer{   /*Das Bild sitzt immer am oberen Rand vom Container*/
position: relative;
background-color:#000066;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid grey;  /*Thumbnail border*/
margin: 0 0 0 0;  /*Abstand zur Tabelle*/
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;  /*Thumbnail border mit Mausover*/
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: silver; /*Hintergrundfarbe von Textfeld*/
padding: 2px;  /*äusserer Rahmenabstand zum inneren Rahmen*/
left: -1000px;  /*braucht es aber wozu ??, nicht für links Position*/
top: 0;  /* - mit 0 braucht es für Top Position zusammern mit + */
border: 2px solid blue;  /*äussere Rahmenbreite*/
visibility: hidden;
color: black;  /*Textfarbe im Rahmen*/
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;  /*innerer Rahmenabstand zum Bild*/
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;/* + mit 1 braucht es für Bottom Position zusammern mit - */
left: 50px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* verschiedene Ränder*/
.rahmen {	/* Bilder Rahmen*/
	border: 1px solid #808080;
}
table.titelrahmen {	/* Titel tabelle von Download*/
	border: 1px solid #808080;
	font-weight: bold;
	background-color:#000099;
}
.leftbottom {	/* Tabelle von Download*/
	border-left: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.bottom {	/* Tabelle von Download*/
	border-bottom: 1px solid #808080;
}
.bottomright {	/* Tabelle von Download*/
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
}
.top {	/* Tabelle von Menü*/
	border-top: 2px solid #444444;
}
table.rahmen {	/* Tabelle von Link*/
	border: 1px solid #808080;
}

/* Angaben zum Navigations-Bereich */
td.navbar {
    margin:0;
	padding:1em 0 0;  /* 1em = Einzug der Navigations-Tabelle vom oberen Rand der Navbar */
	border:0 none;
    color:#FFFFFF;   /* Textfarbe(weiss) nicht Tasten, braucht es aber nicht */
	background-color:#000066;   /* Hintergrundfarbe(dblau) der Navbar */
    width:9em;   /* Breite der Navbar */
}
/* Angaben zur Navigations-Tabelle: */
.navbar ul {
   list-style-type:none;
   margin:0 3px 3px;   /* 0, 3px=Abstand links und rechts, 3px=Abstand von unten der Zelle */
   border:1px solid #0000FF;   /* 1px solid #0000FF(hblau)=Navigations Tabelle Umrahmung Dicke, Art und Farbe */
   padding:0px;
   background-color:#444444;   /* #444444=Hintergrundfarbe(dgrau) für Menü in Navigations Tabelle */
   font-size:0.8em;   /* 0.8em=Schriftgrösse für Menü in Navigations Tabelle, kleine und grosse */
   font-weight:bold;   /* bold=Schriftdicke für Menü in Navigations Tabelle, nur grosse */
}
/* Alle Buttons */
.navbar li {
	margin:0;
	padding:0;
	border:1px solid #444444;   /* 1px solid #444444=Navigations Menü Umrahmung Dicke, Art und Farbe(dgrau) */
}
.navbar li a {
   display:block; /* width:100%; */
   margin:0;
   padding:3px 5px; /* 3px 5px */
   text-decoration:underline;
   /* border:1px solid; border-color:#D0CCD0 #555555 #555555 #D0CCD0; */
}
/* Normal Button und Besuchter Button */
.navbar a:link, .navbar a:visited {
	text-decoration:none;
	display:block;
	padding:3px 5px;
	color:#66FFFF;   /* #66FFFF=Schriftfarbe(hblau) der Menütexte der Navigation ausser dem aktiven Button*/
	background-color:#000099;   /* #000099=Buttonfarbe(hdblau) der Navigation ausser dem aktiven Button*/
	text-decoration:none;
	border-top: 1px solid #CCCCCC;   /* #CCCCCC=Border-top Farbe(hgrau) der Buttons der Navigation */
	border-right: 1px solid #000033;   /* #000033=Border-right Farbe(dblau) der Buttons der Navigation */
	border-bottom: 1px solid #000033;   /* #000033=Border-bottom Farbe(dblau) der Buttons der Navigation */
	border-left: 1px solid #CCCCCC;   /* #CCCCCC=Border-left Farbe(hgrau) der Buttons der Navigation */
   /* border:1px dotted #FFFF68; */
}
/* Hover und gedrückter Button */
.navbar a:hover, .navbar a:focus, .navbar a:active {
	text-decoration:none;
	display:block;
	padding:3px 5px;
	color:#FFFF99;   /* #FFFF99(hgelb)=Textfarbe der Buttons beim Mouseover */
	background-color:#777766;   /* #777766(gelbgrau)=Buttonfarbe beim Mouseover */
	text-decoration:none;
	border:1px solid;
	border-color:#FFFF98 #6C6C00 #6C6C00 #FFFF98;/* Borderfarbe des Buttons beim Mouseover */
}
/* Aktiver Button */
.navbar li span.aktiv {
   display:block;
   padding:3px 5px;
   color:#66FFFF;   /* #000066(dblau)=Textfarbe des aktiven Buttons */
   background-color:#0066FF;   /* #66FFFF(hblau)=Buttonfarbe des aktiven Buttons */
   text-decoration:none;
   border:1px solid #0066FF;   /* #66FFFF(hblau)=Borderfarbe des aktiven Buttons */
}

/* alle Buttons innerhalb Submenü Block */
.navbar ul li ul {
	list-style-type:none;
	margin:0;
	padding:0;
	border:0 none;
	font-size:0.9em;   /* 0.9em=Schriftgrösse Änderung für Submenü in Navigations Tabelle */
	font-weight:normal;   /* normal=Schriftdicke für Submenü in Navigations Tabelle */
	background-color:#444444;   /* #444444=Hintergrundfarbe(dgrau) für Submenü in Navigations Tabelle */
}
/* Alle Submenü Button ohne den aktiven Button */
.navbar li li {
	background-color:#000066;   /* #000066=Hintergrundfarbe(dblau) des Submenü Buttons */
	margin:2px 0 0 0;		/* Abstand von oben */
	padding:0 0 0 1.5em;   /* 0, 0, 0, 1.5em=Einzug vom linken Menü Rand des Menü Blocks */
	border:0px solid #000066;   /* #000066(wie Hintergrund)=Rahmenfarbe(dblau) des Hintergrundes des Submenü Buttons */
}
/* Angaben zum aktiven Submenü Button */
.navbar li li.aktiv {
	background-color:#000066;   /* #000066=Hintergrundfarbe(dblau) des aktiven Submenü Buttons */
	margin:2px 0 0 0;		/* Abstand von oben */
	padding:0 0 0 1.5em;   /* 0, 0, 0, 1.5em=Einzug vom linken Menürand vom aktiven Submenü Button */
	border-left: 1px solid #CCCCCC;      /* #CCCCCC=Border-left Farbe(hgrau) des Buttons */
	border-top: 1px solid #CCCCCC;		/* #CCCCCC=Border-top Farbe(hgrau) des Buttons */
}

/* Link Parameters */
a:link    {
	color:#FF0000;
	background-color:transparent;
	text-decoration:none;
}
a:visited {
	color:#FF0000;
	background-color:transparent;
	text-decoration:none;
}
a:hover, a:focus   {
	color:#FF9900;
	background-color:#000000;
	text-decoration:underline;
}
a:active  {
	color:#98FF98;
	background-color:transparent;
	text-decoration:blink;
}