/* Struktur  */

body {
	color: #000; 
	width: 785px;	/* höchstens 785 - nötig für lokal  */
	margin: 0px 0px; 
	padding: 5px 10px 5px 10px; 
	background: #FFFFFF url(Bild2.gif) repeat-x;
	font-size: 82%; 		/* 62.5% resets 1em to 10px - 81,25 % resets 1em to 13 px  */
}

img {
	border: 0px;
}

div.menu {
	position:fixed; 
	height: 100%; 
	background: #FFFFCE; 
	left:0px; top:0px; 
	border:0px; 
	width:190px;
	border-right: 4px solid #FFD700; 
	text-align:center;
}

div handy {
	display: none;
}

div.inhalt {
	position:absolute; 
	top:0px; 
	left:190px; 
	width:785px; 
	margin: 0px 0px; 
	padding: 5px 10px 0px 10px; 
	height: 100%;
}

table.inhalt {
	height: 100%; background-color:#FFFFCE;
}

table.footer {background-color:#FFFFFF;
}

.nichtzeigen {
	display: none;
}


/* Elemente  */

div.Hauptseitemitte {
	float:left;
	width:500px;
	padding:10px 20px;
}

div.Hauptseiterechts {
	float:right;
	width:200px;
	padding:5px 0px;
}

div.menuegross {
	font:1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	background: #FFFFCE; 
	margin-bottom: 10px;
}

td.menuegross {
	font:1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #FFD700;
}

.menueklein {
	font: 0.8em/1.1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #FFD700;
}
.menuegrundlagen {
	font:1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px;
	background: #F0FAFF;
	border: 1px solid #FFD700;
}
.menuegrundlagenklein {
	font: 0.8em/1.1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px;
	background: #F0FAFF;
	border: 1px solid #FFD700;
}
.menuenamen {
	text-align: center;
	background: #E6FFE6;
	border: 1px solid #FFD700;
}

.einleitung {
	border-left: 2px solid #FFD700;
	vertical-align: top;
	margin: 0px 0px 30px 140px;
}

.tag {
	padding: 0px 3px 10px 3px;
	white-space:nowrap;
	font-weight:bold;
}
.name {
	padding: 0px 3px 10px 3px;
}
.teaser {
	padding: 0px 3px 0px 3px;
}

img.karte {
	cursor: url('../Tools/zoomin.cur'), -moz-zoom-in;
	border: 1px dotted green;
}

td {
	font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
td.top {
	vertical-align: top;
}

td.karten {
	vertical-align: top;
	text-align: right;
}
.karten {
	display: none;		/*  nur hier ändern zum nicht Verbergen   */
}
div.karten {
	width: 100%;
	height: 100%;
	overflow: auto;
	scrollbar-base-color:#FFFFCE;
	padding: 2px 2px;
}

td.vornamen {
	vertical-align: top;
	background: #E6FFE6;
}

.kalender {
	margin: 0px 50px 0px 140px;
	text-align: left;
}

.verweise {
	background-color:#FFFFCE;
	margin-left: 140px;
}

.linie {
	margin: 0px 140px;
	border-left: 3px solid #FFD700;
}

.kasten {
	margin: 10px 140px 10px 140px;
	border:1px solid #FFD700;
	box-shadow: 3px 3px 8px 0px #FFD700;
	padding: 10px;
 	text-align: justify;
}
.kastenlinks {
	float: left;
	border:1px solid #FFD700;
	box-shadow: 3px 3px 8px 0px #FFD700;
	padding: 10px;
 	text-align: justify;
	margin: 10px 20px 10px 10px;
/*	Dieses Element ist links, der Text rechts davon 	*/	
/*		style="width: 30%"  */
}
.kastenrechts {
	float: right;
	border:1px solid #FFD700;
	box-shadow:-3px -3px 8px 0px #FFD700;
	padding: 10px;
	text-align: justify;
	margin: 10px 10px 10px 20px;
/*	Dieses Element ist rechts, der Text links davon */	
/*		style="width: 30%"  */
}

.fremdinhalt {
	float: right;
	width: 140px;
	background:#FFD700;
	border:1px solid #708090;
	padding: 5px;
	position:fixed;
	top:100px;
	right:100px;
	z-index:2;
}

.button {
	background-color: #F0FAFF;
	color: #0000EE;
	cursor:hand;
	padding: 3px;
}

.zwischentitel {
	background-color: #FFD700;
	padding-left: 3px;
	margin-left:0px;
	font-weight: bold;
	text-align: left;
}

p.zwischentitel:hover {
	background: #FFD700;
}

.web30 {
	font: 1.1em/1.3em "TimesNewRoman", Times, serif;
	margin-left: 0px;
	margin-right: 0px;
}

div.web30 {
	background: #F0FAFF;
	box-shadow:-3px -3px 8px 3px #666;
}

.floatlinks {
	float: left;
}
.floatrechts {
	float: right;
}

/* Schrift  */

.mitte {
	text-align: center;
}
.links {
	text-align: left;
}
.rechts {
	text-align: right;
}
.justify {
	text-align: justify;
}

p, ul, ol, blockquote, div, center, font {
	font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
p, ul, blockquote {
	text-align: justify;
	orphans: 2;
	widows: 2;
}
p, blockquote {
	margin-left: 140px;
	margin-right: 140px;
}
.ohne {
	margin-left: 0px;
	margin-right: 0px;
}
.abstand {
	padding: 0px 20px;
}
.abstandlinks {
	padding: 0px 0px 0px 10px;
}
.einzug {
	margin: 0px 140px;
	padding: 0px 10px;
}

p:target:before, td:target:before, h2:target:before, h3:target:before, b:target:before, div:target:before, sup:target:before{
	content: url(Pfeilrot.gif)" ";
}
p:hover, td.tag:hover, td.name:hover, td.teaser:hover, tr.hover:hover, blockquote:hover, li:hover, h1:hover, h2:hover, h3:hover,
p:focus, td.tag:focus, td.name:focus, td.teaser:focus, tr.hover:focus, blockquote:focus, li:focus,
p:active, td.tag:active, td.name:active, td.teaser:active, tr.hover:active, blockquote:active, li:active {
	background: #FFFFCE;
}

.verweis {
	text-align: left;
}

p.kalender{
	margin: 12px 0px 0px 140px;
	text-align: justify;
}
ul, ol {
	padding: 0px 140px 0px 155px;
}
ul.ohne {
	padding: 0px 0px 0px 20px;
}
ul.kalender {
	padding: 0px 0px 0px 155px;
	margin: 0px;
	text-align: left;
}

.klein {
	font: 0.85em/1.25em Verdana, Arial, Helvetica, Sans-Serif;
}
.fettklein {
	font: bold 0.85em/1.25em Verdana, Arial, Helvetica, Sans-Serif;
}
.kleiner {
	font-size:0.6em;
	line-height:1.5em;
}
.hover {
	border-bottom: 1px solid #FFD700;
}
.selig {
	color: #666666;
}
.verehr {
	color: #B69370;
}

.titel {
	text-align: center;
	font-weight: bold;
	color: #900;
}

.nichtzeigen {
	display: none;
}


/* Überschriften  */

h1 {
	font: bold 2.2em/1.5em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 60px 0px 10px 0px;	
	text-shadow:1px 1px 2px grey;				
}

h1.ueberschrift {
	font: bold 2.2em/1.5em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 20px 0px 10px 140px;
	text-shadow:1px 1px 2px grey;
}

h1.literatur {
	font: bold 2.2em/1.5em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 20px 140px 10px 140px;
	text-align: center;
	text-shadow:1px 1px 2px grey;
}

h2 {
	font: bold 1.6em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 140px 0px 140px;
	text-shadow:1px 1px 1.5px grey;
}

h2.ohne {
	font: bold 1.6em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 0px 0px 0px;
	text-shadow:1px 1px 1.5px grey;
}

h2.literatur {
	font: bold 1.6em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 20px 140px;
	text-shadow:1px 1px 1.5px grey;
}

h4 {
	font: bold 1.4em Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px;
}

h5 {
	font: lighter 1.2em Georgia, "Times New Roman", Times, serif;
	padding: 0px 140px;
}


/* Anführungszeichen */

:lang(de)>q      {
	quotes: "\201E" "\201D" "\201A" "\2019"; 
}
:lang(en)>q      {
	quotes: "\0022" "\0022" "\0027" "\0027";
}


/* Bilder */

div.Bild{
	margin: 5px 10px 5px 10px;
	background: #FFFFCE;
	padding:3px;
}
div.Bildrechts {
	margin: 5px 5px 5px 10px;
	text-align: center;
	float:right;
	background: #FFFFCE;
	border: 1px solid #FFD700;
	padding: 7px 7px 0px 7px;
	line-height: 1.2em;

    -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
div.Bildlinks {
	margin: 5px 10px 5px 5px;
	text-align: center;
	float:left;
	background: #FFFFCE;
	border: 1px solid #FFD700;
	padding: 7px 7px 0px 7px;
	line-height: 1.2em;

    -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
div.Bildmitte {
	text-align: center;
	float:none;
	background: #FFFFCE;
	border: 1px solid #FFD700;
	padding: 7px 7px 0px 7px;
	line-height: 1.2em;

    -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
p.Bild {
	margin: 5px;
	padding: 0px;
	text-align: center;
	font: 1em/1.15em Arial, Helvetica, Sans-Serif;
	cursor: url('../Tools/quelle.cur'), pointer;
}

.popup {
	border-collapse: collapse;
	border-top: 8px #FFD700 solid; 
	border-right: 3px #FFD700 solid; 
	border-bottom: 3px #FFD700 solid; 
	border-left: 3px #FFD700 solid; 
	display: none; 
	position: absolute; 
	z-index: 9; 
	background: #FFFFCE;

    -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.BildPopupTitel {
	padding: 0px 5px 5px 23px;
	font: bold 1em Arial, Helvetica, Sans-Serif;
	background: #FFD700;
}
.BildPopupText {
	margin: 10px;
	padding:10px;
	text-align: center;
	font: 1em Arial, Helvetica, Sans-Serif;
	cursor: url('../Tools/zoomout.cur'), pointer;
}

img.copy {
	padding-left: 7px;
	height: 12px;
	width: 12px;
    border: 0;
}
img.copyrechts {
	float: right;
	height: 12px;
	width: 12px;
   	border: 0;
}


/* Links */

a:link, a.normal:link {
	text-decoration: none;
	color: #00E;
}
a:visited {
	text-decoration: none;
	color: #551A8B;
}
a:active {
	text-decoration: underline;
	color: #F00;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
	color: #00E;
	background: #FFD700;
}

a.Stichwort:link {
	text-decoration: none;
	color: #090;
}
a.Stichwort:visited {
	text-decoration: none;
	color: #090;
}

.Ort {
	border-bottom: 1px dotted green;
}
.Ort:link {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted green;
}

.Ort:visited {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted green;
}

.Ort:hover:after {
	content: "Link zur Google-Karte - klicken zum anschauen!"; 
   	position: absolute;
   	border: 3px solid #FFD700;
   	background-color: #FFFFCE;
	padding: 10px;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	text-shadow: none;
}

a.tooltipp {
   	position:relative;
   	color:#000;
	text-decoration: none;
	border-bottom: 1px solid #FFD700;
}

a.tooltipp:hover {
	color:#000;
	border-bottom: 1px solid #FFD700;
}

a.tooltipp:active {
	color:#000;
	border-bottom: 1px solid #FFD700;
}

a.tooltipp:visited {
	color:#000;
	border-bottom: 1px solid #FFD700;
}

a.tooltipp span {
	display: none
}

a.tooltipp:hover span{
    display:block;
    position:absolute;
    top:1em; 
	left:1em; 
	width:400px;
	white-space:normal;
    border:3px solid #FFD700;
    background-color:#FFFFCE;
	padding:10px;
	font:12px/18px Verdana, Arial, Helvetica, Sans-Serif;
    text-align: left;
	text-decoration: none;
}


/* MR-Fremdsprachen */

.he {
	font: 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
.tm {
	font: 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
.kopje {
	font: bold 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
.kop2 {
	font: bold 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

