@media print {
	.header, .menu-bar, .left-sidebar, .right-sidebar, .footer, .noprint, #shadowbox_container {
		display: none;
	}
	.Themen-copy {
		display: block;
	}
	/* bleibt drin: wegen post! */
	.LehrerHinweis {
		display: none;
	}
	/* nützt nichts !!! */
	.center-widget {
		opacity: 1;
	}
	img {
		border:0;
	}
}

img#wpstats{display:none}

.Themen-copy {
	display: block;
}

#page {
	background-repeat:no-repeat;
	background-position:70% 35%;
	background-attachment:fixed;
	/* float:left; */
}

.seite {
	/* float:left; */
}

/* ********************** IT-Stunden ***************************** */
.Info2 h1 {
	font-family: Comic Sans MS,cursive;
	font-size: 32px;
	margin-top: 16px;
}
.Info2 h2 {
	font-family: Comic Sans MS,cursive;
	font-size: 28px;
	margin-top: 16px;
}
.Info2 h3 {
	font-family: Comic Sans MS,cursive;
	font-size: 24px;
	margin-top: 16px;
}
.Info2 h4 {
	font-family: Comic Sans MS,cursive;
	font-size: 20px;
	margin-top: 16px;
}
.Info2 h5 {
	font-family: Comic Sans MS,cursive;
	font-size: 16px;
	margin-top: 16px;
}
.Info2 h6 {
	font-family: Comic Sans MS,cursive;
	font-size: 12px;
	margin-top: 16px;
}
.hell, .hell a, .hell h1, .hell h2, .hell h3 {
	color: #FFFFFF !important;
	font-weight: bold;
}

/* ********************** IT-Stunden ***************************** */

.taglink {
	color: #999;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.taglink a {
	color: #999;
}

/* Test Test Test Test Test Test Test Test Test Test  */
p.Homepage a:hover {
	/* color: red; */
}

/* yui-panel (Bilder/Filme) */
.yui-panel {
	/* font-size: 12pt; */
	text-align:left;
	color: #000052;
}
.yui-panel .hd {
	font-size: 12px;
	background:url(../images/left-right-widget-title11.png) repeat-x;
}
/* thickbox überschreiben: */
ul, ol {
	/* oben/unten  rechts/links */
	/* margin: 8px 0; */
	margin-top: 2px;
	/* padding-left:40px;
	line-height: 18px; */
}
.Info2 p {
	margin-bottom: 3px !important;
}
/* tree0 */
ul.children {
	/* oben/unten  rechts/links */
	margin: 0 0;
}

h4 {
	/* oben/unten  rechts/links */
	margin: 10px 0;
}

p {
	/* oben/unten  rechts/links */
	margin: 13px 0;
}
/* vgl. div.Info p */
p.intro {
	/* oben/unten  rechts/links */
	margin: 4px 0 !important;
	font-weight: normal;
	font-size: 14px;
	color: #000052;
}

#translucent, #translucent2 {
	/* border:0; */
	/* z-index:-1; Pendant zu "Mitte" !!! (OK) */
   background-repeat:no-repeat;
   /* background-image:url(../_Translucent/Translucent-6.gif); */

   /* the filter attribute is recognized in
   Internet Explorer and should be a percentage */
   filter: Alpha(opacity=20);
   /* the -moz-opacity attribute is recognized by
   Gecko browsers and should be a decimal */
   -moz-opacity: .2;
   /* opacity is the proposed CSS3 method, not
   currently supported by any browser, but possibly
   standard in the future */
   opacity: .2;
	float:right;
	position: fixed;
	right: 200px;
	top: 200px;
	/* z-index:0; */
}

/* +++++++++++++++++++++++++++++++++++++ Header: ++++++++++++++++++++++++++++++++++++ */
#header {
	padding:0; /* Korrektur von yahoo-test */
	background-image:url("../images/Banner20.jpg"); /* ms */
	background-repeat:repeat-x;
	background-position:top left; /* ms */
}
div.logoLinks {
     float:left;
     /* margin-top:8px; */
     padding-left:10px;
     padding-top:15px;
}
div.logoRechts {
     float:right; /* */
     padding:5px;
     padding-top:17px;
     /* border:1px solid yellow; */
}
/* Arial !!! */
/* helle Überschriften im Top
Anwendung: <h2 id="Seitenkopf">  */
#Seitenkopf {
     font-family:Arial, Helvetica, sans-serif;
     font-size:1.7em;  /* 20px */
     line-height:1.1em;  /* 23px (muss sein wegen IE) */
     font-weight: bold;
     text-align:center;
     padding-top:0.7em;
     color: #E6EAF0;  /* rgb(230,234,240) */
     /* border:1px solid red; */
}

/* vgl. ms-tabellen/css/floating_gallery.css */
.Fenster {
	background-color:white; /* #ECEEF2 */ 
	/* background-image: url(../images/IT-Info.gif); */
	/* width: 100%;
	margin-right: 16px;
	padding-bottom: 20px; */
	/* border:2px solid orange; */
	position: relative;
}
#container1 {
	position: relative;
	/* border: 1px solid blue; */
}
#container2 {
	/* position: relative;
	height: 50px; */
	margin-top: 20px;
	margin-bottom: 10px;
	/* overflow-y: hidden;
	border: 2px solid green; */
	position: absolute;
	bottom: 0;
}
#divService {
	/* border: 1px solid red; */
}
/* post-title */
h1, h2 {
	/* oben/unten  rechts/links */
	margin: 4px 0;
	font-size:1.3em;
}
h1 a, h2 a {
	text-decoration: none;
}
.title:link, .title:visited, .title:hover {
	/* font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000052;
	text-decoration: none; */
	color:#0000AA; /* ms */
}
/* gr. blaue Seitenüberschrift */
h1.title, h2.title {
	/* oben rechts unten links */
	margin: 8px 0 0 18px;
}

/* left widget */

.current-cat > a {
	color:blue;
	font-weight:bold;
}
.current-cat-parent > a {
	color:red;
}
.stufe0 li {
     /* oben rechts unten links */
     margin: 0 0 0 -10px;
	  padding:0;
}
.children li {
     list-style-type:none;
     /* oben rechts unten links */
     margin: 0 0 0 10px;
     padding:0; /* muss sein */
}

.cat-item a {
	text-decoration: none;
}

.cat-item a img {
	vertical-align:middle;
}

/* +++++++++++++++++++++++++++++++++++++++ IT-Info / Zitat ++++++++++++++++++++++++++++++++++++++++++ */
.zitat-container, .info-container {
	width:100%;
	/* border:1px solid blue; */
}

.IT-InfoFrame, .ZitatFrame {
     width:80%;
	  /* oben rechts unten links
     margin:15px 0px 20px 20px; */
     margin:15px 0px 5px 20px;
     padding:0;
	  overflow:auto;
     /* border:2px inset grey; */
     border-top:1px solid rgb(54,63,86);
     border-right:1px solid rgb(242,243,247);
     border-bottom:1px solid rgb(242,243,247);
     border-left:1px solid rgb(54,63,86);
}
.ZitatFrame {
     width:85%;
	  /* float:left; */
	  /* oben rechts unten links */
     margin:15px 0px 10px 0px;
}
.IT-Info, .IT-Info2, .Zitat {
     margin:0px;
     padding: 5px 0px;
     /* aufhellen: */
     border-top:1px solid rgb(115,129,168);
     border-right:1px solid #eee;
     border-bottom:1px solid #eee;
     border-left:1px solid rgb(115,129,168);
}
.IT-Info {
	background-image:url(../images/lempel-2.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
}
.Zitat-0, .Zitat-1 {
     padding:3px 0;
     /* aufhellen: */
     border-top:1px solid rgb(115,129,168);
     border-right:1px solid white;
     border-bottom:1px solid white;
     border-left:1px solid rgb(115,129,168);
}
.IT-Info, .IT-Info2 {
     background-color:#CFD7EB;  /* rgb(207,215,235) hellblau */
     background-color:#ECEEF2;
	  /* color:#000052; */
}

.Zitat-0, .Zitat-1 {
     background-color:#F1F1C9; /* rgb(241,241,201) hellgelb */
     /* color:#000052; */
     color:#323E52; /* rgb(50,62,82) */
}

.IntroBox {
	margin-top: 7px;
	margin-bottom: 2px;
	padding: 8px;
	padding-top: 4px;
	/* border: 1px inset; */
	/* aufhellen: */
	border-top:2px solid rgb(115,129,168);
	border-right:2px solid #eee;
	border-bottom:2px solid #eee;
	border-left:2px solid rgb(115,129,168);
	
	overflow: hidden;
}
.IntroBox-js {
	padding: 8px;
	border: 2px inset;
	overflow: hidden;
	height: 20px;
}

/* edit + comment an Bildrand */
.edit-comment {
	position:relative;
	top:18px;
	left:10px;
}
/* edit + comment unter Zitat-Frame */
.editLink2 {
	position:relative;
	top:-6px;
	left:15px;
}

/* Press-This */
p.selection {
	/* oben rechts unten links */
	margin: 0 10px 4px 0;
}
p.selection2 {
	/* oben rechts unten links */
	/* 1. oben+unten  2. rechts+links.
	margin: 8px 0 !important; */
	margin-top: 0 !important;
	margin-bottom: 12px !important;
}

/*
<div class="textZeileFrame">Aspekte der Informationstechnik zu dieser Seite sind u.a.:</div>
<div class="Liste">
*/
/* schwarzer Pfeil als Link */
div.linkPfeil {
     float:left;
	  /* oben rechts unten links */
     margin:0px;
     padding:0 5px 0 5px;
}
/* <a accesskey="i" href="IT-Info-7-1.html"> */
div.linkPfeil a img {
	margin:0;
	padding:0;
}
/* div: der Text rechts von den (Pfeil-/Icon-)Links */
.textZeileFrame {
     /* font-size:1.2em;
     line-height:18px; */
     line-height:1.3em;
     margin:0px;
     /* margin-top:3px; 
     margin-right:10px; */
     padding:0px;
     text-indent:-2px; /* IE-Fehler kompensieren */
     /* border: 1px solid orange; */
}
/* der Zitat-Text */
.zitatText {
	  /* oben rechts unten links */
	  margin:0px 15px 0px 30px;
}
/* IT-Info-1.html */
div.Liste {
     margin-left:10px;
     padding-right:60px;  /* Platz für Lehrer Lempel! */
}

/* ********************************** Text-Links *************************************** */
/* Home, Ordner ... als Link */
div.linkIcon, div.linkIcon2 {
     float:left; /* muss */
	  /* oben rechts unten links */
     margin:0px 0px 0px 0px;
     padding:0px;
     vertical-align:middle; /* */
     /* border:1px solid red; */
}
div.linkIcon {
     padding-top:3px;
}
/* "Text" (LinkArt = 1) */
div.linkIcon a:focus img {
     /* border: 1px solid gray;
     background:#AAB4CA; rgb(170,180,202) */
}
/* Home, Ordner ... */
img.Home, div.space  {
     /* float:left; */
     padding:0px;
     margin:2px;
	  /* vertical-align:middle;
	  position:relative;
     border:1px solid blue; */
}
/* div: der Text rechts von den (Pfeil-/Icon-)Links */
.textZeile, .textZeile2, .textZeile3, .textZeileDis, .textZeileDis2, .textZeileDis3 {
	  /* oben rechts unten links */
     margin:3px 10px 5px 4px;
     padding:0px;
     text-indent:2px; /* -2px IE-Fehler kompensieren */
     /* border: 1px solid yellow;
	  position:relative; */
}
/* div: der Text rechts von den (Pfeil-/Icon-)Links */
.textZeileDis, .textZeileDis2, .textZeileDis3 {
     color:gray;
     /* border: 1px solid yellow;
	  position:relative; */
}
/*
Snap:

<a target="_blank" href="http://www.fourmilab.ch/babbage/hpb1910.html">
Babbage's Analytical Engine
<img id="snap_com_shot_link_icon" class="snap_preview_icon" src="http://i.ixnp.com/images/v3.46/t.gif" style="border: 0pt none ; margin: 0pt ! important; padding: 1px 0pt 0pt; max-height: 2000px; max-width: 2000px; min-width: 0px; min-height: 0px; font-style: normal; font-weight: normal; font-family: "trebuchet ms",arial,helvetica,sans-serif; float: none; position: static; left: auto; top: auto; line-height: normal; background-image: url(http://i.ixnp.com/images/v3.46/theme/silver/palette.gif); background-color: transparent; visibility: visible; width: 14px; height: 12px; background-position: -1128px 0pt; background-repeat: no-repeat; text-decoration: none; vertical-align: top; display: inline;"/>
</a>
*/
.snap_preview_icon {
	position:relative;
	top:-5px;
}

/* archive.php: Rahmen für Einzel-Post: */
.ms_single {
	padding:6px;
	border: 1px solid #C5C4BC;
	background-color:#ECEEF2; /* rgb(236,238,242) */
}
/* *********************************h2-Anker / Bullets******************************** */
/* normale blaue Anker mit blauem Bullet
   vgl. unten ".bullet" für margin-left !!!  */
h2.Anker {
	/* oben rechts unten links 
	margin:0px 0px 6px 0px;
	padding:6px 0px 0px 0px; */
	margin:6px 0px 6px 0px;
	/* margin:0px 0px 10px 0px; */
	padding:0px 0px 0px 0px;
	/* border: 1px solid red; */
}

h2.Anker a {
     font-weight:bold; /* */
     color:#0000AA;  /* rgb(0,0,170)  #0000A0 ???????????? */
	  /* border: 1px solid blue; */
}
/* +++++++++++++++++++++++++++++++++++++++++++ */
/* Aktuelles: Bullet-Überschriften -> wie andere Bullets !!! */
h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;  /* 110% 13px  real: 15px (A: 9px) */
	/* line-height:18px; */
	font-weight:bold;
	font-style:normal;
	/* oben rechts unten links */
	/*	margin:8px 0px 4px 0px; */
	margin:8px 0px 4px 0px;
	padding:0px;
	color:#0000AA;  /* rgb(0,0,170)  #0000A0 ???????????? */
}
/* -------------------------------------------------------------------------------------------------- */
/* Überschriften Einleitung (Ampeln) / Bild-Übersicht */
h4 { font-size:1.2em;  /* 115% 12px  real: (13)14px (A: (9)10px) */
     font-weight:bold;
     line-height:1.2em;
}
/* "Headline" (zentrierte Zwischenüberschriften) (LinkArt = 21) */
h3.Headline, div.Headline  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:16px; /* 16 */
	text-align:center;
	width:80%; /* 550px */
	/* oben rechts unten links */
	margin:20px 15px 15px 15px; /* Außenabstand */
	color:#0000AA;  /* rgb(0,0,170) */
}

div.spacer {
  clear: both;
}
/* .floatleft, intern { */
.floatleft {
	float:left;
}
.clearboth {
     clear: both; /* */
}
/* Bild-Fenster */
div.clearboth {
     clear: both;
     line-height:2px;
     /* border:1px solid red; */
}
/* Hauptseite */
.clearleft {      /* IE OK */
     line-height:2px;
     height:2px;
     clear: left;
     /* border:1px solid green; */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++ weitere Formatierungen ++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++ HauptFenster: +++++++++++++++++++++++++++++++++++++++++++ */
/* blaue Bullets (vgl. alternateX.css !) */
ul.bullet, ul.IE-bullet {
     padding:0px;
     /* padding-top:5px;  Abstand zu Pfeil hoch ! */
     /* padding-bottom:0px;  Abstand des Ankers zu nächstem Anker ! */
	  /* 1. oben + unten  2. rechts + links. */
     margin:0px 20px;  /* muss sein !!! */
     list-style-position: outside;
     list-style-image:url(../images/blue2.gif);  /* nur Initialisierung (Netscape-Fehler!) */
}

/* Pfeile für Sprung nach oben: */
.nachOben {
     margin-left:-23px; /* */
}
/* <p class='intern'>siehe auch: */
.intern {
	margin-top: 4px;
	margin-left:35px; /* 70px */
	margin-bottom: 20px;
	padding-top:0;
	text-indent:-35px; /* -70px */
	line-height: 20px;
}
.intern img {
	vertical-align: middle;
}
/* msPanel mit BildContainer */
#BildPanel .hd {
	background-color:rgb(0,0,128); /* dkl. blau */
	/* font-size:12px;
	overflow:auto; */
}
#BildPanel .bd {
	background-color: #D5D9E5;  /* rgb(213,217,229) */
	/* font-size:12pt; */
	padding:6px;
	/* color:white; */
}
#BildPanel .ft {
	display:none;
}

/* ++++++++++++++++++++++++++++++ Bild  (LinkArt = 3) ++++++++++++++++++++++++++++++ */
/* die Leiste */
div.thumbnail2 {
	/* height:180px; */
	margin:8px 0px;
	width:100%; /* IE muss */
	/* border:1px solid red; */
	
}
/* neu: große Box für Thumbnail + Textzeile */
.thumbBox {
	width:200px;
	height:190px;
	position:relative;
	float:left;
	margin-right:12px;
	margin-bottom:6px;
	/* border:1px solid red; */
}
.thumbBox2 {
	width:220px;
	height:140px;
	position:relative;
	float:left;
	margin-right:12px;
	margin-bottom:6px;
	/* border:1px solid red; */
}
.picBox {
	margin-left:auto;
	margin-right:auto;
	/* width:118px; (width + 10) */
	/* margin-top:10px; (135 - height) */
}
.titelBox {
	position:absolute;
	top:150px; 
	right:0; 
	left:0; 
	bottom:0; 
	text-align:center;
	font-size:.8em;
	overflow:hidden;
}

/* mit Bild, editLink, commentLink */
.thumb, .thumbCR {
	/* border:1px solid blue;
	height: 146px;
	display:block; */
	position:relative;
	/* z-index:4; */
}
.thumb img {
	border:1px solid #666;
	/* oben rechts unten links */
	margin:0px 4px 2px 0px;
	padding:5px;
}

.thumbCR img {
	border:1px solid #bbb;
	/* oben rechts unten links */
	margin:0px 4px 2px 0px;
	padding:5px;
}

.thumb:hover img {
	border: 1px solid #9999FF;
	opacity: 0.85;
} 
.thumbCR:hover img {
	border: 1px solid #6666FF;
	opacity: 0.85;
}
/* offset für comment/edit-Link */
.offs {
	margin-left:5px;
}
/* nur für Bilder: $bpos=true */
.editLink {
	position:relative;
	right:23px;
	/* top:2px; */
	bottom:30px;
}
.commentLink {
	position:absolute;
	right:7px;
	bottom:10px; /* */
}
/* neu */
.editLink3 {
	position:absolute;
	bottom:70px;
	/*
	(200 - (width+10)) / 2 - 13 == 95 - width/2 - 13 == 82 - width/2
	right:28px;
	*/
}
.commentLink3 {
	position:absolute;
	bottom:50px;
	/*
	(200 - (width+10)) / 2 - 13 == 95 - width/2 - 13 == 82 - width/2
	right:28px;
	*/
}

/* nur für Filme */
.editFilm {
	float:right;
	position: relative;
	right:-57px;
	bottom:-5px;
}
.commentFilm {
	float:right;
	position:relative;
	/* left:25px;
	top:10px; */
	right:-25px;
	bottom:-10px;
}

/* ++++++++++++++++++++++++++++++ (Multimedia-)"Dokument" (LinkArt = 4) +++++++++++++++++++++++++++++ */
.mmrow {
     /* width: 585px; */
     /* oben rechts unten links */
     padding:8px 8px 8px 0px;
	  position:relative;
}
.mmrow img {
     /* border: 1px solid red; */
}

.mm img {
     padding: 5px;
     border: 1px solid #D5D9E5;
}
.mm:hover img {
     padding: 5px;
	  border: 1px solid white;
	  opacity: 0.85;
}

.mmGrau img {
     background-color:#A2AFC4;
}
.mmOrange img {
     background-color:#FCCA03;
}
.mmGelb img {
     background-color:#FFFF97;
}
.mmLila img {
     background-color:#9872B1;
}
.mmBlau img {
     background-color:#00009B;
}
.mmRotbraun img {
     background-color:#C51F07;
}
.mmBraun img {
     background-color:#9D4F00;
}

/* -------------------------------------------------------------------------------------------------- */
/* +++++++++++++++++++++++++++++++++++++++ "BildLink"  (LinkArt = 6) +++++++++++++++++++++++++++++++++++++ */
div.BildLink {
     float: left;
     /* oben rechts unten links */
     margin:0px 10px 0px 0px;
     padding:0px 10px 2px 0px;
	  position:relative;
}
div.BildLink img {
     vertical-align:text-top;
}
/* "SoloBild"  (LinkArt = 12) */
div.SoloBild {
     padding-top:8px;
     margin-left:20px;
}
/* -------------------------------------------------------------------------------------------------- */

/* +++++++++++++++++++++++++++++++++++++++ bullet2 (green) +++++++++++++++++++++++++++++++++++++++ */
.bullet2 {
     list-style-image:url(../images/Greenk3.gif);
     padding:0;
	  margin-top:2px;;
     margin-left:20px;
     font-size:13px;
     color:#0000AA;
}
/* -------------------------------------------------------------------------------------------------- */

/* +++++++++++++++++++++++++++++++++++++++ "Schule" (LinkArt = 17)  +++++++++++++++++++++++++++++++++ */
.Bild    {
     /* border:1px solid #000099; */        /* Bilder */
     /* background-color:#A2AFC4; */ /* grau (162/175/196) */
     text-align:center;
     /* align:center;  Fehler! */
     vertical-align:bottom;
     margin-top:-1px;
     /* padding:0px; */
     padding-top:10px;
     /* border-collapse:collapse; */
}
.Bild td  {
     padding:4px;
     border:1px solid #8999B4;  /* #ACB5CC (172/181/204)  #9EA8C2 (158/168/194)  #8999B4 (137/153/180) */
     /* background-color:#A2AFC4; */
}
/* -------------------------------------------------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++ Film-Links (ArtID: 7 - 9) ++++++++++++++++++++++++++++++++++ */
img.Filmrolle1 {
     float:left;
     width:20px;
     height:16px;
     border:0px;
}
img.Filmrolle2 {
     float:right;
     width:20px;
     height:16px;
     border:0px;
}
.zentriert {
     margin-left:auto;
     margin-right:auto;
}
.Film    {
     float: left; /* */
     border-width:1px;           /* Filme */
     border-style:solid;
     border-color:#008080;       /* #6C0084; */
     background-color:#7EA7AB;   /* #4998A0;   #A2AFC4; */
     text-align:center;
     /* color:#000052;
     align:center; Fehler ! */
     padding:4px;
     /* oben rechts unten links */
     margin:0px 16px 4px 0px;
     /* width:180px;
     height:170px; 135 + 25 (+ 5) */
}
.Film a img {
     padding:0px; /* 4px */
     margin-top:4px;
}
/* -------------------------------------------------------------------------------------------------- */


/* <p class='intern'>siehe auch: */
.intern {
	margin-top: 4px;
	position:relative;
}

/* ++++++++++++++++++ W3C +++++++++++++++++++++++++ */
/* Seitenende W3C */
.W3C {
     float:left;
     margin-right:6px;
     width:88px;
     height:31px;
     border:0px;
}
div.W3, .copyright {
     margin-bottom:10px;
}
/*
.Anker a, .Anker:hover a {
     text-decoration:none;
}
*/
/* -------------------------------------------------------------------------------------------------- */

/* +++++++++++++++++++++++++++++++++++++++++ "Homepage"  (LinkArt = 15) ++++++++++++++++++++++++++++++++++ */
p.Homepage {
     margin-top:10px;
     margin-bottom:2px;
     font-weight:bold;
	  position:relative;
}
p.Homepage a {
     font-weight:bold;
}
/* Homepage-Link nicht erreichbar: */
p.HomepageDis {
     margin-top:2px;
     margin-bottom:6px;
     color:gray;
}
/* -------------------------------------------------------------------------------------------------- */

/* +++++++++++++++++++++++++++++++++++++++++ "Info" (LinkArt = 20) ++++++++++++++++++++++++++++++++++ */
div.Info p {
	margin: 0;
	padding: 0;
}
h4.Info, div.Info  {

	font-family:Comic Sans MS,cursive;
	font-size:16px; 
	/* padding-left:5%; 
	padding-right:15%; */

	/*
	font-size: 12px;
	line-height: 17px;
	font-weight:400;
	margin-top:5px;
	padding:7px;
	border: 1px outset #CCDAFF;
	margin-top:10px;
	*/
	margin-bottom:15px;
	width:95%; /* 550px */

	/* border:1px solid #AAAAFF; rgb(170,170,255) hellblau */
	/* background-color:#CCDAFF; rgb(204,218,255) */
	/* color: #0000AA; */
	color: #0000AA;
	
	
	/* rosa
	border-color:#FFAAAA;  rgb(255,170,170)
	background-color:#FFD7E1;  rgb(255,215,225) */
	/* hellgrün
	border-color:#00D200; rgb(0,210,0)
	background-color:#A8FFB5;  rgb(168,255,181) */
}
div.Info  {
	margin-top:20px;
	margin-bottom:20px;
	line-height:20px;
}

div.Info2 {
	font-family: Comic Sans MS,cursive;

	/* width:95%; 550px */

	/* oben/unten  rechts/links 
	margin: 7px 0 !important; */
	margin-top: 4px;
	margin-bottom: 13px;
	/* font-weight: normal; */
	font-size: 16px;
	color: #000052;
}

/* einfache Hervorhebung: Ersatz für <strong> */
strong {
	font-weight: normal;
	font-style: italic;
}

em {
     font-style:normal;
     font-weight:600;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: pointer; /* */
}

/* ************************************************************************************************* */
/* **************************************** ab hier ????????? ************************************** */
.gruen {
     color:green;
}
.green {   /* span. */
     color:green;
     /* color:#003F00; grün */
}

/* ++++++++++++++++++++++++++++++++++++ Bild-/Filmfenster ++++++++++++++++++++++++++++++++ */
/* Farbe von a:link ... überprüfen ! */

.docAnzeige {                  /* <div></div> */
	  /* 1. oben + unten  2. rechts + links. */
     margin:5px 0px;
}
.rot  {
     color:red;
}
.red  {
     color:red;
}
.offset {
	padding-left: 16px;
}

/* Bild-/Filmfenster */
div.Bemerkung {
     font-style:italic;
	  /* 1. oben + unten  2. rechts + links. */
     margin:5px 0px;
}
hr.Linie {
     border:1px solid #00009F;
     height:2px;
     margin-right:10px;
	  margin-top:8px;
}
/* Textlinks vertikal versetzen!
span.URL {
     vertical-align:top;
}
*/
div.kursiv {
	font-style:italic;
}
img.Rahmen {
     border:5px solid #7EA7AB;
}

/* ********************************* SiteMap ****************************************** */
div.SiteMap {
   /* width:260px; */
	margin-left:0px;
	padding-right: 15px;
   float:left;
   /* border:2px solid orange; */
}
ul.stufe1 {
	margin-left:-20px;
	list-style-type:none;
	/* line-height:20px; */
}
ul.stufe2 {
	margin-left:-20px;
	margin-top: 0;
	list-style-type:disc;
	/* border: 1px solid red; */
}
ul.stufe3 {
	margin-left:-20px;
	margin-top: 0;
	list-style-type:square;
	/* list-style-type:circle; */
}
.Knoten span {
	font-weight: bold;
}
.disable  {
     color:#808080;
}

/* -------------------------------------------------------------------------------------------------- */
/* Bildanzeige für SINGLE / Themen: */
/* Panel body */
#BildContainer {
	/* margin: 6px; */
}
/* z.Zt. nur #scrollRahmen !!! */
.scrollRahmen {
	/* overflow: auto; */
	/* oben/unten  rechts/links */
	/* margin: 6px 0; */
}

.Rand {
	border:1px solid blue;
}

/* ********************************* TDOMF ****************************************** */
img {
   border: 0;
}
acronym {
	cursor: pointer;
}
.cl {
	clear:left;
}
.middle {
	vertical-align:middle;
}
.Abstand {
	margin-bottom: 4px;
}
/* Bild-Fenster: Credit */
p.cr-verstoss {
	font-size: .9em;
	font-style: italic;
	color: grey;
}

.w300 {
	width: 400px;
	margin-left: 26px;
	margin-top: 4px;
	/* border: 1px solid blue; */
}
.w200 {
	width: 200px;
	border: 1px solid #999;
	padding: 5px;
	/* margin-left: 26px;
	margin-top: 4px;
	border: 1px solid blue; */
}

.w600 {
	width: 600px;
	margin-left: 16px;
	margin-top: 4px;
}
.padd15 {
	padding-left:15px;
	line-height: 20px;
}
.klein {
	font-size:.8em;
}
.italic {
	margin-bottom:5px;
	font-size:.8em;
	font-style:italic;
	color:gray;
}
label {
	font-weight:bold;
}
fieldset.copy {
	/* border: 2px inset grey; */
}
div.copy {
	border: 2px inset #ccc;
}