body	{
  	font-size: 100.01%;				/* Vermeidung von Anzeigefehlern, besonders bei einer Schriftgradänderung im Internet Explorer */
	font-family: sans-serif,Helvetica,Arial;
  	margin: 0;
//	padding: 1em;
	padding-bottom: 1em;
	min-width: 40em; 				/* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

/*--------------------------------------*/
/* Kopfzeile				*/
/*--------------------------------------*/
#header		{
	    	margin: 0 0 0.7em;
		padding: 0.3em;
		text-align: center;
//		background-color: #00B4FF;
		background-color: rgb(81,86,90);
//		border: 1px dashed #000000;
		color: rgb(189,200,208);		/* NEU */
		}

html>body #top	{
    		border-color: #000000; 			/* Farbangleichung an den Internet Explorer  */
		}

#header td 	{
		width: 100%;				/* Für den Shout, damit er den Rest der Breite abzüglich des Logos nimmt */
		text-align: right;
		vertical-align: top;
		}

#header td.logo 	{
		width: 240px;				/* Grenzwert für den Shout */
		text-align: left;
//		vertical-align: middle;
		vertical-align: top;			/* NEU */
		}

/*--------------------------------------*/
/* Navigation (links)			*/
/*--------------------------------------*/
div#navigation	{
		width:8em;
    		float: left;
    		font-size: 0.9em;			
		}

div#navigation table	{
  	       		width: 100%;
			border: none;
			border-spacing: 0px;
			background-color: rgb(189,200,208);
			border-collapse:collapse;
			border-bottom: 2px dotted #000;
			}

div#navigation td.menu	{
	       		border-top: 2px dotted #000;
			border-bottom: 2px dotted #000;
			border-right: 2px dotted #000;
			padding: 5px;
			}

div#navigation td.untermenu	{
	       			border-right: 2px dotted #000;
				padding: 5px;
				padding-left: 25px;
				}

div#navigation a, div#navigation a:active, div#navigation a:visited	{
					font: 12px Verdana, sans-serif;
					line-height: 16px;
					padding-bottom: 5px;
					padding-top: 5px;
					color: black;
					text-decoration: none;
					font-variant: small-caps;
					display: block;
					}

div#navigation a:hover			{
	       				color: #fff;
					text-decoration: underline;
					}


ul#Navigation		{
			float: left;			/* Damit der Inhalt rechts neben der Navigation ist */
			font-size: 0.73em;
			width: 10em;			/* Genaue Breite (der Inhalt bekommt keine Breite, er nimmt die Breite abzüglich Navi und Info */
	  		margin: 0;
			padding: 0;
			border: 1px dashed #000000;
			}

ul#Navigation li	{
  			list-style: none;		/* Keine Aufzählungszeichen */
			margin: 0;
			padding: 0.5em;
			}

ul#Navigation a 	{
			display: block;			/* Ganzer Block ist Link */
			padding: 0.2em;
			font-weight: bold;
			color: #000000;
			background-color: #FF9900;
			text-decoration: none;
			}

ul#Navigation a:hover	{				/* Während des drüber fahrens */
			background-color: #FF6400;
			}

ul#Navigation li ul	{				/* Anpassung von Untermenüs */
			margin: -0.5em -0.5em -0.5em -2em;
			}

* html ul#Navigation li ul	{  			/* Korrektur fuer IE 5.x */
				margin: 0 -0.5em 0 1.5em;
				ma\rgin: 0 -0.5em 0 1.5em;
				}

/*--------------------------------------*/
/* News (rechts oben)			*/
/*--------------------------------------*/
div#News	{
		float: right;
		font-size: 0.9em;			
		width: 12em;				/* Genaue Breite (der Inhalt bekommt keine Breite, er nimmt die Breite abzüglich Navi und Info */
    		margin: 0 0 1em 0;		
		padding: 0.1em;
    		border: 1px dashed #000000;
		background-color: #FF9900;
		overflow: hidden;			/* Überlange Wörter werden abgeschnitten */
  		}

div#News strong	{		
		font-size: 1.15em;
		margin: 0.2em;
		}

div#News img	{
		float: left;
		margin: 0.5em 0.5em 0 0;
		}


/*--------------------------------------*/
/* Info (rechts unten)			*/
/*--------------------------------------*/
div#Info 	{
		clear: right;
		float: right;				/* Damit der Inhalt links neben der Info ist */
		font-size: 0.9em;			
		width: 12em;				/* Genaue Breite (der Inhalt bekommt keine Breite, er nimmt die Breite abzüglich Navi und Info */
		padding: 0.1em;
//    		border: 1px dashed #000000;
//		background-color: #FBE306;
		border-top: 2px dotted #000000;
		border-bottom: 2px dotted #000000;
		border-left: 2px dotted #000000;
		border-collapse:collapse;
  		background-color: rgb(189,200,208);
		overflow: hidden;			/* Überlange Wörter werden abgeschnitten */
		margin-left: 1em;
		margin-bottom: 1em;
  		}

div#Info strong	{					/* Für Überschriften in der Info */
		font-size: 1.15em;
		margin: 0.2em;
		}

div#Info img	{					/* aktuell nur für die Rezension auf der Startseite */
		margin: 0.5em 0.5em 0 0 ;
		}

p#icon		{
		text-align: center; 			/* Anpassung für den IE */
		margin-top: 0;
		margin-left: auto; margin-right: auto;	/* Zentrierung des Icons */
		}

/*--------------------------------------*/
/* Inhalt (mittig)			*/
/*--------------------------------------*/
div#Inhalt		{				/* kein float und width, damit der Inhalt den Rest der Breite einnnimmt */
//			margin: 0 12em 0 8.2em;	/* Abstand zum Inhaltsverzeichnis und Info-Box (ein bissel mehr als font-size*width) */
			margin: 0 12em 0 8em;	/* Neu Abstand zum Inhaltsverzeichnis und Info-Box (ein bissel mehr als font-size*width) */
			padding: 0 1em 1em 1em;
//			border: 1px dashed #000000;
			border: 2px dotted #000000;	/* Neu
//			min-width: 37.5em;				/* Mindestbreite (so werden keine Fotos überlagert! */
			}

div#Inhalt h1		{				/* Vorabdefinition überschreiben */
			font-size: 1.5em;
			margin: 0 0 1em;
			}

div#Inhalt h2		{				/* Vorabdefinition überschreiben */
			font-size: 1.2em;
			margin: 0 0 1em;
			}

div#Inhalt p		{				/* Vorabdefinition überschreiben */
			font-size:1em;
			margin: 1em 0;
			}

* html div#Inhalt	{				/* Unsinnige Angabe, aber damit stellt der IE die Startseite vernünftig da */
			height:1%;
			}

/*--------------------------------------*/
/* Fusszeile (unten)			*/
/*--------------------------------------*/
table.Fusszeile		{
			clear: both;				/* Um unter den gesamten Inhalt der Seite zu kommen */
			font-size: 0.9em;
			margin: 1em 0; 
			width: 100%;
			background-color: #00DCFF;
			border-collapse: collapse;
			}
table.Fusszeile td
			{
			border: 1px dashed #000000;
			padding: 0.5em;
			}

/*--------------------------------------*/
/* Für Bilder				*/
/*--------------------------------------*/
img		{
		border: 0;
		}

img.bild_links	{
		float: left; 
		margin-right: 1em; 
		margin-bottom: 1em
		}

img.bild_rechts	{
		float: right; 
		margin-left: 1em; 
		margin-bottom: 1em
		}

img.mittig	{
		vertical-align: middle;
		padding: 0.5em;
		}

/*--------------------------------------*/
/* Für Links		 		*/
/*--------------------------------------*/
a.link_text	{
		color: #0000ff;
		text-decoration: none
		}

a.td		{						/* Ganze Zelle wird Link */
		color: #000000; 
		text-decoration: none;
		width: 100%;
		height: 100%;
		display: block;
		}

/*--------------------------------------*/
/* Allgemeines		 		*/
/*--------------------------------------*/
.clear	{
	clear: both
	}

.fehler	{
	color: #ff0000
	}

/*--------------------------------------*/
/* Allgemeines für Einträge, Kommentare etc. */
/*--------------------------------------*/
div.Eintrag_BG1		  						{
																border: 1px dashed #0000FF;
																padding: 0em 1em 1em 1em;
																margin-top: 1em;
																margin-bottom: 1em;
																background-color: #FFFFFF;
																}
div.Eintrag_BG2		  						{
																border: 1px dashed #0000FF;
																padding: 0em 1em 1em 1em;
																margin-top: 1em;
																margin-bottom: 1em;
//																background-color: #DCDCDC;
																background-color: rgb(189,200,208);
																}

div#Inhalt p.info								{
								  							font-weight: bold;
								  							font-size: small;
								  							line-height: 2.5em;
																}
div#Inhalt p.user								{
 																padding: 0em 0.5em;
 																}
div#Inhalt div.Eintrag_BG1 p.admin	{										
																		margin: 0 0.5em;
																		padding: 1em;						
																		color: #FF0000;
																		font-size: small;
//																		background-color: #DCDCDC;					
																		background-color: rgb(189,200,208);
																		}
div#Inhalt div.Eintrag_BG2 p.admin	{										
																		margin: 0 0.5em;
																		padding: 1em;						
																		color: #FF0000;
																		font-size: small;
																		background-color: #FFFFFF;					
																		}
																		
div.Blog_Foto 															 	{
																							float: left
																							}
div#Inhalt div.Eintrag_BG1 div.Blog_Foto img 	{
																							margin: 2em 2em 0 4em;
																							}
div#Inhalt div.Eintrag_BG2 div.Blog_Foto img 	{
																							margin: 2em 2em 0 4em;
																							}
div#Inhalt div.Eintrag_BG1 div.Blog_Foto p 		{
																							text-align: center;
																							font-size: 80%;
																							}																		
div#Inhalt div.Eintrag_BG2 div.Blog_Foto p 		{
																							text-align: center;
																							font-size: 80%;
																							}

/*--------------------------------------*/
/* Spezielles für Smileys 		*/
/*--------------------------------------*/
table.smileys		{
			width: 100%;
			text-align: center;
			vertical-align: middle;
			font-size: small;
			border-collapse: collapse;		/* Hiermit fallen die einzelnen Rahmen zusammen */
			}

table.smileys td	{
			width: 17%;
			border: 0.2em solid #7AFFFF; 
			padding: 0.2em;
			}

table.smileys td:hover {
			background-color: #F3F1F4;
			}

/*--------------------------------------*/
/* Spezielles für die Navigation (Fotoschau, Rezensionen) */
/*--------------------------------------*/
table.navigation	{
			width: 100%;
			table-layout: fixed; 
			margin-bottom: 1em;
			font-size: small;
			}

table.navigation td	{
			width: 33%; 
			border-style: none;
			}

/*--------------------------------------*/
/* Spezielles fürs Fotoalbum 		*/
/*--------------------------------------*/
table.fotoalbum			{
				min-width: 37.5em;
				width: 100%;
				border-collapse: collapse;	/* Hiermit fallen die einzelnen Rahmen zusammen */
				}

table.fotoalbum td		{
				border: 0.2em solid #0000FF;
				}

table.fotoalbum td:hover	{
				background-color: #F3F1F4;
				}

table.foto			{				/* Zur Anordnung im Fotoalbum eines Fotos mit Details */
				width: 125px;
				height: 145px;
				margin-left: auto;
				margin-right: auto;
				border-style: none;		
				}

table.foto td			{
				text-align: center;
				padding: 0;
				border-style: none;		
				}

td.foto				{
				height: 135px;
				vertical-align: middle;
				border-style: none;		
				}		

td.foto_neu 			{				/* Neues Foto */
				height: 20px;
				font-size: 80%;
				color: #ff0000;
				font-weight: bold;
				vertical-align: top;
				border-style: none;		
				}

td.foto_alt			{				/* Altes Foto */
				height: 20px;
				font-size: 80%;
				color: #000000;
				font-weight: bold;
				vertical-align: top;
				border-style: none;		
				}

td.foto_kommentar		{				
				font-size:80%;
				height: 20px;
				text-align: center;
				border-style: none;		
				}

table.foto_schau_comments	{				/* Kommentare eines Fotos */
				margin-top: 1em;
				width: 100%;
				border-collapse: collapse;	/* Hiermit fallen die einzelnen Rahmen zusammen */
				padding: 0.2em;
				}

table.foto_schau_comments td	{
				border: 0.2em solid #0000ff;				
				}

/*--------------------------------------*/
/* Spezielles für Buchrezensionen	*/
/*--------------------------------------*/
table.buecher		{
			width: 100%;
			border-collapse: collapse;		/* Hiermit fallen die einzelnen Rahmen zusammen */
			}

table.buecher tr	{
			border: 0.2em solid #000000;
			}

table.buecher tr:hover	{
			background-color: #F3F1F4;
			}

table.buecher td	{					/* Anpassung für den IE */
			border-width: 0.1em;
			border-style: solid none;
			border-color: #000000;
			}

/*--------------------------------------*/
/* Spezielles für Shoutbox		*/
/*--------------------------------------*/
table.shoutbox			{
				width: 100%;
				margin-top: 1em;
				border-collapse: collapse;	/* Hiermit fallen die einzelnen Rahmen zusammen */
				}

table.shoutbox td		{
				border: 0.2em solid #ff8000;
				}

table.shoutbox_auswahl		{
				width: 35em;
				}

/*--------------------------------------*/
/* Spezielles für Lebenslauf		*/
/*--------------------------------------*/
table.cv	{
		width: 100%;
		border-collapse: collapse;			/* Hiermit fallen die einzelnen Rahmen zusammen */
		}

table.cv td	{
		border: 0.2em solid #00FF00;
		}