@charset "utf-8";

/* ==================================================== */
/* Dies ist die Datei "tgg.css" fuer die TGG-Homepage */
/* Stand: 2011-11-05 */
/* ==================================================== */


/* ====== Grundeinstellungen ========================== */

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: white;
	color: black;
	font-size: medium;
	line-height: 1.3em;
}


/* ====== Einstellungen fuer Bilder =================== */

img {
	border: 0;
	margin-top: 0.3em;
}

p.zentriert img {
	margin: 0.5em 1.5em 0 1.5em;
}

.linkes_bild {
	float: left;
	width: auto;
	padding: 0.2em 1em 0.2em 0em;
	vertical-align: top;
}

.rechtes_bild {
	float: right;
	width: auto;
	padding: 0.2em 0 0.2em 1em;
	vertical-align: top;
}

div.bild_links {
	float: left;
	width: auto;
	padding: 0.2em 1em 0.2em 0;
}

/*div.bild_links img {
	margin-top: 0;
}
*/

div.bild_rechts {
	float: right;
	width: auto;
	padding: 0.2em 0 0.2em 1em;
}

/*div.bild_rechts img {
	margin-top: 0;
}
*/

p.bildtext {
	text-align: center;
	font-size: small; 
	line-height: 1.2em;
}

p.bildtext_169 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 145px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal !important;
}

p.bildtext_191 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 167px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal !important;
}

p.bildtext_250 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 226px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal !important;
}

p.bildtext_254 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal !important;
}


p.bildtext_322 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 298px;
	margin-left: 12px;
}

p.bildtext_338 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 314px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal !important;
}

p.bildtext_352 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 328px;
	margin-left: 12px;
}

p.bildtext_352_zentriert {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 328px;
	margin-left: auto;
	margin-right: auto;
}

p.bildtext_450 {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 426px;
	margin-left: 12px;
	margin-right:12px;
}

p.bildtext_450_zentriert {
	text-align: justify;
	font-size: small; 
	line-height: 1.2em;
	width: 426px;
	margin-left: auto;
	margin-right: auto;
}

p.bildtext_600 {
	text-align: justify; 
	font-size: small; 
	line-height: 1.2em;
	margin-left: auto;
	margin-right: auto;
	width: 576px;
}


/* ====== Einstellungen fuer ungeordnete Listen == */

ul li { 
	list-style-image: url(../grafiken/listenpunkt.gif);
	list-style-type: square; 
	line-height: 1.3em;
}

.halbeseite ul {
	text-align: left;
}


/* ====== Einstellungen fuer geordnete Listen ======== */

ol ol li {
	list-style-type: lower-alpha; 
}

ol ol ol li {
	list-style-type: lower-roman; 
}

.dezimal li {
	list-style-type: decimal; 
}

.liste_ohne_einrueckung {
	margin-left: -1.5em;
}	


/* ====== Grundeinstellungen fuer Links =============== */

a:link {
	background: inherit;
	color: #0044cc;
	text-decoration: none;
}

a:visited {
	background: inherit;
	color: purple;
	text-decoration: none;
}

* a:hover {
	text-decoration: underline;
	outline-style: dotted; 
	outline-width: thin;
}

a[name]:hover {
	background: inherit;
	color: inherit;
	text-decoration: inherit;
	outline-style: none; 
}

a:active {
	background: inherit;
	color: #ff0000;
	text-decoration: none;
}

a.email:after {
	content: url(../grafiken/email-icon.png);
	padding-left: 3px;
}

a.externer_link:after {
	content: url(../grafiken/pfeil_nach_rechtsoben.gif);
	padding-left: 3px;
}

/*a.lupe:after {
	content: url(../grafiken/zoom.gif);
	padding-left: 3px;
}
*/

a.doc-logo:after {
	content: url(../grafiken/doc-icon.gif);
	padding-left: 3px;
}

a.pdf-logo:after {
	content: url(../grafiken/pdf-icon.gif);
	padding-left: 3px;
}

a.ppt-logo:after {
	content: url(../grafiken/ppt-icon.png);
	padding-left: 3px;
}

a.xls-logo:after {
	content: url(../grafiken/xls-icon.gif);
	padding-left: 3px;
}


/* ====== Grundeinstellungen fuer Ueberschriften ====== */

h1 {
	font-size: 1.5em;
	text-align: center;
	line-height: 1.3em;
	padding-bottom: 0em;
/*	text-shadow: #bbb 3px 3px 2px;*/
}

h2 {
	font-size: 1.2em;
	line-height: 1.3em;
/*	text-shadow: #bbb 2px 2px 1px;*/
}

h3 {
	font-size: 1.1em;
	line-height: 1.3em;
/*	text-shadow: #bbb 2px 2px 1px;*/
}

h4 {
	font-size: medium;
	font-weight: bold; 
	line-height: 1.3em;
/*	text-shadow: #bbb 2px 2px 1px;*/
}

h5 {
	font-size: medium;
	font-weight: bold; 
	line-height: 1.3em;
/*	text-shadow: #bbb 2px 2px 1px;*/
}


/* ====== Grundeinstellungen fuer Tabellen ============ */

table {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
}

table th {
	text-align: left;
	color: black;
	background-color: #cccccc;
	padding: 0.5em;
	vertical-align: top;
}

table td {
	text-align: left;
	color: black;
	background-color: #cccccc;
	padding: 0.5em;
	vertical-align: top;
}

table img {
	margin-left: auto;
	margin-right: auto;
}

/* ====== Kopfzeile =================================== */

#kopfzeile {
	position: absolute;
	top: 0;
	left: 0;
	height: 107px;
	width: 100%;
	background: url(../grafiken/header.jpg) no-repeat;
}


/* ====== Navigationsleiste am linken Seitenrand ====== */

#navigation {
	position: absolute;
	top: 112px;
	left: 1em;
	width: 8em;
	height: auto;
	background: white;
	color: black;
	padding: 0;
	font-size: 0.9em;
	vertical-align: top;
}

#navigation p.ueberschrift {
	margin-top: 0.5em;
	margin-bottom: 0em;
	padding: 0 0 0.3em 0.5em;
	line-height: 1.3em;
	background-color: white;
	font-size: large;
	font-weight: bold;
	color: maroon;
	text-align: right;
	display: block;
}

#navigation ul {
	padding: 0.5em 0 0.5em 0.5em;
	margin: 0;
	text-align: right;
}

#navigation li {
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 1px dotted silver;
	margin: 0;
	line-height: 1.3em;
	list-style-image: none;
	list-style-type: none;
}

#navigation li:hover {
	color: black;
}

#navigation p {
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
}

#navigation img {
	display: block;
	padding: 0 0 0 2em;
	margin: 0;
}

#navigation a:hover {
	outline-style: dotted; 
	outline-width: thin;
}


/* ====== Eigentlicher Text ohne Inhaltsverzeichnis === */

#text {
	margin: 120px 2em 0 9.5em;
	padding-left: 2em;
	padding-right: 1em;
	border-left: 1px dotted gray;
}

p.pfadangabe {
	margin: 0;
	padding-top: 1px;
	padding-bottom: 6px;
	font-size: 0.9em;
	margin-left: 6em;
	text-indent: -6em;
/*	border-bottom: 1px dotted gray;*/
}

p.pfadangabe img {
	margin-bottom: -1px;
}

p.bearbeiter {
	text-align: right;
	font-size: small; 
	padding-top: 2em;
	padding-right: 0;
	margin-right: -2em;
	margin-bottom: 1em;
}



/* ====== Eigentlicher Text mit Inhaltsverzeichnis ==== */

#text_mit_verzeichnis {
	margin: 120px 9.5em 0 9.5em;
	padding-left: 2em;
	padding-right: 2em;
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
}

#text_mit_verzeichnis p.bearbeiter {
	text-align: right;
	font-size: small; 
	padding-top: 2em;
	margin-bottom: 1em;
	margin-right: -0.5em;
}

#text_mit_verzeichnis td.datum { 
	vertical-align: top;
	text-align: right;
	width: 20%;
	white-space: nowrap;
	font-weight: bold;
}


/* ====== Inhaltsverzeichnis am rechten Seitenrand ==== */

#inhalt {
	position: fixed;
	width: 8em;
	height: auto;
	padding: 0;
	white-space: nowrap;
	font-size: 0.9em;
	top: 112px;
	right: 1em;
	background: white;
	color: black;
}

#inhalt p.ueberschrift {
	margin-top: 0.5em;
	margin-bottom: 0em;
	padding: 0 0.5em 0.3em 0;
	line-height: 1.3em;
	background-color: inherit;
	font-size: large;
	font-weight: bold;
	color: maroon;
}

#inhalt p {
	margin: 0;
	padding: 0 0.5em 1em 0;
	line-height: 1.2em;
}

#inhalt ul {
	margin: 0;
	padding-left: 0;
	padding: 0.5em 0.5em 0.5em 0;
}

#inhalt li {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0;
	line-height: 1.3em;
	border-bottom: 1px dotted silver;
	list-style-image: none;
	list-style-type: none;
}

#inhalt li:hover {
	color: black;
}

#inhalt ul ul {
	margin: 0;
	padding-left: 0.5em;
}

#inhalt ul ul li {
	list-style: none;
	margin: 0;
	padding: 0.3em 0.5em;
	line-height: 1.3em;
	border-bottom: none;
}

#inhalt ul ul li:hover {
	color: black;
	border-bottom: none;
}

#inhalt ul ul ul {
	margin: 0;
	padding-left: 0.5em;
}

#inhalt ul ul ul li {
	list-style: none;
	margin: 0;
	padding: 0.3em 0.5em;
	line-height: 1.3em;
	border-bottom: none;
}

#inhalt ul ul ul li:hover {
	background-color: #ffcc99;
	color: black;
	border-bottom: none;
}

#inhalt p a:hover {
	outline-style: none;
}


/* ====== Tabellen, geordnet nach Breite ============== */


table.termine td {
	padding: 0.5em 0.5em 0.3em 0.5em;
}

table.termine td.monat {
	background-color: white;
	color: black;
}

table.termine ul { 
	margin-top: 0em;
	margin-bottom: 0em;
}

/* Tabelle mit beliebiger Spaltenzahl, Breite 99%, zentriert, gepunktet */

td.datum { 
	text-align: right;
	width: 20%;
}


/* b) Breite 75% 

/* dreispaltige Tabelle, Breite 75%, linksbuendig */
table.dreiviertel_links_ohne {
	width: 75%;
}

table.dreiviertel_links_ohne th { 
	background-color: white;
	color: black;
	width: 33%;
}

table.dreiviertel_links_ohne td { 
	background-color: white;
	color: black;
	width: 33%;
}

table.dreiviertel_links_ohne img { 
	padding: 0 0 2em 2em;
}


/* ====== Presseberichte ============================== */

/* fuer pullquotes */
div.pullquote {
	float: right;
	width: 160px;
	font-size: large;
	font-weight: bold;
	padding: 0 0 1em 1em;
	text-align: center;
}

div.pullquote_links {
	float: left;
	width: 160px;
	font-size: large;
	font-weight: bold;
	padding: 0 1em 1em 0;
	text-align: center;
}


/* Kasten unter dem Artikel */
div.kasten {
	border-color: #000000; 
	border-width: 1px; 
	border-style: solid; 
	margin: 2em 0 2em 0;
	padding: 0em 1em 0em 1em;
	color: black;
	background: #ffcc66 url(../grafiken/rahmen.gif);
}

div.kasten p:first-letter {
	font-weight: bold;
}

/* ====== Uebersichtsseiten =========================== */

div.abschnitt {
	border-bottom: 1px dotted; 
	margin-left: 4em;
	margin-right: 4em;
}

div.abschnitt div.aktuellbild {
	float: left;
	width: 150px;
	padding: 1em 2em 2em 1em;
}

div.abschnitt div.aktuelltext {
	float: left;
	width: 55%;
	padding: 1em 0 2em 0.5em;
}

div.abschnitt_ohne_linie {
	border-bottom: none;
	margin-left: 4em;
	margin-right: 4em;
}

div.abschnitt_ohne_linie div.aktuellbild {
	float: left;
	width: 150px;
	padding: 1em 2em 2em 1em;
}

div.abschnitt_ohne_linie div.aktuelltext {
	float: left;
	width: 55%;
	padding: 1em 0 2em 0.5em;
}


/* ====== divisions =================================== */

div.fussnotenzeichen {
	float: left;
	text-align: right;
	width: 3%;
	padding-right: 0;
	vertical-align: top;
}

div.fussnotenzeichen p {
	margin-top: 0em;
}

div.fussnotentext {
	float: left;
	padding-left: 0.5em;
	width: 85%;
}

div.fussnotentext p {
	margin-top: 0em;
}

div.halbeseite {
	float: left;
	text-align: center;
	width: 49%;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

div.halbeseite p {
	margin-top: 1em;
	margin-bottom: 1em;
	white-space: nowrap;
}

div.halbeseite_mit_abstand {
	float: left;
	text-align: center;
	width: 49%;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.halbeseite_mit_abstand_unten {
	float: left;
	text-align: center;
	width: 49%;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

div.aktuellbild {
	float: left;
	width: 150px;
	text-align: center;
	padding: 1em 0 1em 3.5em;
}

div.aktuelltext {
	float: left;
	width: 55%;
	text-align: left;
	padding: 1em 1em 1em 2.5em;
}

p.aktuelldatum {
	font-size: small;
	font-style: normal;
	margin: 1em 4em 0 4em;
	padding-bottom: 0.2em;
	padding-top: 1em;
	border-bottom: 1px dotted; 
}

h2.aktuelles {
	font-style: normal;
	font-size: medium;
	margin-top: 0;
	padding-top: 0;
}

div.anhang {
	font-size: 0.9em;
	line-height: 1.2em;
}

div.anhang h2 {
	font-size: 1.2em;
	line-height: 1.3em;
}

div.anhang h3 {
	font-size: 1.1em;
	line-height: 1.3em;
}

/* ====== Hinweis auf Access Keys =========================== */

.access {
	color: maroon;
	font-weight: bold;
	font-style: italic;
	background-color: inherit;
}

a.access {
	background: inherit;
	color: inherit;
}

.key {
	color: navy;
	font-weight: bold;
	font-style: normal;
	background-color: inherit;
}

.accesskey {
	text-decoration: underline;
}


/* ====== Vermischtes =========================== */

abbr {
	white-space: nowrap;
	cursor: help;
}

.abstand_oben {
	padding-top: 1em;
}

.abstand_unten {
	padding-bottom: 1em;
}

code {
	font: 1em Courier, monospace;
}

.dreispaltig td { 
	width: 33%;
}

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

.fett {
	font-weight: bold;
}

.formel {
	font-style: italic;
	white-space: nowrap;
}

.fuenfzig_prozent {
	width: 50%;
}

.fuenfundsiebzig_prozent {
	width: 75%;
}

.hilfe {
	cursor: help;
/*	border-bottom-style: dotted;
	border-width: thin;*/
}

.kein_umbruch {
	white-space: nowrap;
}

.kursiv {
	font-style: italic;
}

.liste_unter_bild {
	margin-left: 35%;
}

.negativer_einzug {
		padding-left: 1.5em;
		text-indent: -1em;
}

.negativer_einzug_2em {
		padding-left: 2em;
		text-indent: -1.5em;
}

.ohne_abstand {
	margin: 0;
	padding: 0;
}

.ohne_abstand_oben {
	margin-top: 0;
}

.ohne_abstand_unten {
	margin-bottom: 0;
}

.absatz_ohne_abstand_oben {
	margin-top: -1em;
}

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

.klein {
	font-size: 0.9em;
	line-height: 1.2em;
}

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

.quelle {
	font-size: 0.9em;
	line-height: 1.2em;
}

.rechts {
	text-align: right;
}

.stand {
	position: absolute;
	bottom: 0px;
	right: 10px;
	font-size: small;
}

sub {
	font-size: xx-small; 
/*	font-size: 70%;*/
/*	vertical-align: +50%; */
	vertical-align: -3px;
}

sup {
	font-size: xx-small; 
/*	font-size: 70%;*/
/*	vertical-align: +50%; */
	vertical-align: 5px;
}

.textmarkierung {
	background: #ffcc00;
}

.unsichtbar {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

.vierspaltig td { 
	width: 25%;
}

.zentriert {
	text-align: center;
}

.zitat {
	margin-left: 4em;
	margin-right: 4em;
	text-align: justify;
}

.zitat_quelle {
	text-align: right;
	font-size: 0.9em;
	line-height: 1.2em;
}

.zoom {
	cursor: url(../grafiken/zoom.cur), url(../grafiken/zoom.gif), pointer;
}

.zwanzig_prozent {
	width: 20%;
}