body {background: white;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#4d4d6f}

table, td     	{	border:none}

h1            	{	font-size:1.8em;     				/* Stil für Überschriften im Text */
					white-space:nowrap;                 /* Kein Zeilenumbruch bei Verkleinerung des Browserfensters */
					margin:10px 0 5px}                 	/* Oben, links und rechts, unten */

h2            	{	font-size:1.4em;     				/* Stil für Überschriften 2. Ordnung */
					white-space:nowrap;                 /* Kein Zeilenumbruch bei Verkleinerung des Browserfensters */
					margin:5px 0 5px}                   /* Oben, links und rechts, unten */

h3           	{
					font-size:1.2em;
					margin-top: 5px;
					margin-right: 0;
					margin-bottom: 5px;
					margin-left: 0;
				} 
h4           	{
					font-size:1.1em;
					margin-top: 5px;
					margin-right: 0;
					margin-bottom: 0;
					margin-left: 0;
				}          				                                


.kopf h1	    {  	font-size:1.0em;                   	/* Stil für Überschriften im Kopf */
					padding:2px 20px 2px 100px;         /* oben, rechts, unten, links im Uhrzeigersinn */
                 	margin:0}							
.toc h1	     	{  	font-size:1.0em;                    /* Stil für Überschriften in table of contents */
					color:#e7573b}

p 	     		{	font-size:1.0em;                    /* Stil für Abschnitte im Text */
					margin:10px 10px 10px 0}            /* oben, rechts, unten, links im Uhrzeigersinn */

.kopf p	     	{  	font-size:1.0em;                    /* Stil für Abschnitte im Kopf */
					padding:2px 20px 2px 100px;
                 	margin:0}

.toc p	     	{  	font-size:.9em;                     /* Stil für Abschnitte im toc */
					padding:0 0 30px 0;
                 	margin:0}
/* Layout für die Tabelle, die das jeweilige Aufhängerbild aufnimmt: Text fließt rechts		*/
.rightsidebar 	{	width:170px;
	        		float:right;
					border:none;
					background:#4d4d6f;
					color:white;
					margin:0 0 5px 10px}

/* Layout für die Seitenelemente, bei denen der Text links vorbeifließt (aktuell nicht genutzt)	*/
.leftsidebar  	{	width:100px;
	        		float:left;
					border:none;
					background:#4d4d6f;
					color:white;
					margin:0 10px 5px 0}

.caption      	{	font-size:.8em;               	/* Format der Bildunterschriften */
					font-style:italic;
					text-align:center;
					padding:5px;
					margin:0;
					color:white}
.captionlink    {                	 				/* Format der Bildunterschriften mit Linkhinweis*/
					font-style:italic;
					text-align:center;
					padding:5px;
					margin:0;
					color:white}					

.sauber			{	clear:both;}

.center      	{	text-align:center;}					/* ungeschickte Namensgebung für diesen Stil, daher neu als "mittig"*/
.mittig			{	text-align:center;}

.saubermittig	{	text-align:center;
                    clear:both;			}

.right       	{  	text-align:right}

.fett 			{	font-weight: bold}

.kursiv			{	font-style: italic}

.main        	{	vertical-align:top;
                 	background:#ffffff url(../bilder/gambit89_hintergrund.jpg);
/* Hintergrundfarbe des Main-Bereichs, Bilder können mit url() angelegt werden */
                 	padding-left:10px}

.logobar 		{	background:#4d4d6f}

a 				{	color:#4d4d6f}					/* Grundfarbe = Textfarbe für alle Links		*/
a:hover  		{  	font-weight:bold}

.kopf 			{	text-align:right;               /* diese Klasse wird für die Kopflinks benutzt 	*/
                 	color:white;
                 	background:#4d4d6f;
					padding:0 10px 0 0;
                 	white-space: nowrap;}
.kopf a:link 	{   color:white;                	/* Standardstil für Anker im Kopf ...			*/
                 	text-decoration:none;
                 	font-weight:normal}
.kopf a:visited {	color:white;					/* Stil für besuchten Anker im Kopf ...			*/
                 	text-decoration:none;
                 	font-weight:normal}
.kopf a:hover 	{  	color:yellow;					/* Stil für mit dem Mauszeiger berührten Anker im Kopf ...*/
                 	text-decoration:underline;
                 	font-weight:bold}
.kopf a:active 	{ 	color:yellow;
                 	text-decoration:underline}

/* Die aktuell angeklickten Links werden farblich hervorgehoben 							*/
.kopf a:link.current		{	color:yellow}
.kopf a:visited.current		{	color:yellow}
.kopf a:active.current		{	color:yellow}					

.toc          	{	vertical-align:top;				/* diese Klasse wird für die linke Linkleiste benutzt */
                 	color:white;
                 	width:120px;
					background:#4d4d6f;
					padding:25px 0px 0 10px}
.toc a:link   	{  	color:white;
                 	text-decoration:none;
                 	font-weight:normal}
.toc a:visited 	{ 	color:white;
                 	text-decoration:none;
                 	font-weight:normal}
.toc a:hover  	{  	color:yellow;
                 	text-decoration:underline;
                 	font-weight:bold}
.toc a:active 	{  	color:yellow;
                 	text-decoration:underline}

/* Die aktuell angeklickten Links werden farblich hervorgehoben 							*/
.toc a:link.current			{	color:yellow}
.toc a:visited.current		{	color:yellow}
.toc a:active.current		{	color:yellow}					


.fuss 			{	text-align:center;                 		/* diese Klasse wird für die Fusslinks benutzt */
                 	color:white;
                 	background:#4d4d6f;
					padding:5px 0px 5px 0px;
					font-size:.7em;
					font-style:italic;
                 	white-space: nowrap;
					font-weight: normal;
				}

.fuss a:link 	{   color:white;                            /* Stil für Links in der Fußzeile ...*/
                 	text-decoration:none;
                 	font-weight:normal}
.fuss a:visited {	color:white;
					text-decoration:none;
                 	font-weight:normal}
.fuss a:hover 	{  	color:yellow;
                 	text-decoration:underline;
                 	font-weight:bold}
.fuss a:active 	{ 	color:yellow;
                 	text-decoration:underline}

/* Die aktuell angeklickten Links werden farblich hervorgehoben 							*/
.fuss a:link.current		{	color:yellow}
.fuss a:visited.current		{	color:yellow}
.fuss a:active.current		{	color:yellow} 																			

/* Stile für die Tabellenklasse, die über div-Klasse "Tabellen" definiert wurde          	*/
/* Die Selektion erfolgt mit einem Punkt hinter div           								*/
/* Bei einer div mit eindeutiger id muss stattdessen ein # gesetzt werden  	 				*/

/*div.tabellen  		{	clear:both;} - aktuell nicht genutzt: verhindert das Ineinanderfließen 	*/

/* Layout der Tabellenüberschrift																	*/
div.tabellen th 	{	font-size:1.0em;
						text-align:center;
						padding:5px 10px 5px 10px;
						margin:0}
/* Layout der Tabellenzellen */
div.tabellen td 	{	padding:0px 10px 5px 10px;                      /* oben/rechts/unten/links 	*/
                 		font-size:.9em;
                 		text-align:center}
/* Anmerkung zu Firefox: Klassendefinition im Zusammenhang mit padding funktioniert	*/
/* nicht bei thead oder tbody								*/

/* Spaltengruppe 1 (Die ersten beiden Spalten haben eine andere Hintergrundfarbe 	*/
.colg1 				{	background:#d4cae2}

/* Spaltengruppe 2: Andere Hintergrundfarbe für die Spalten der Spaltengruppe 2  	*/
.colg2 				{	background:#fffdda}

/* Ende Stile für Tabellen								*/

/* 														*/				
/*    Stile für Listen       							*/
/* 								  	 					*/

li					{	padding:0px 10px 0px 0px;}				/* Generell rechten Rand erzeugen	*/

.quadrat 			{	list-style-type:square;}				/* ungeordnetes Listsymbol: Quadrat	*/

.tab1				{	margin:0px 70px 0px 0px;}				/* oben/rechts/unten/links 	- aktuell nicht genutzt	*/

/* Ende Stile für Listen								*/