@charset "utf-8";
/* CSS Document */
    body  {
	color: #660000;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #container {
	width: 950px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	height: 592px;
	background: #ffffe7;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }
	#kopfzeile {
	width: 950px;
	height: 84px;
	background-color: #fffed7;
	border-bottom-color: #660000;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	} 
    #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	height: 471px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	background-color: #660000;
	padding-top: 20px;
    }
	
    #mainContent {
	float:left; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	height: 491px;
	width: 400px;
	overflow:auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		}
    #sidebar2 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 326px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	height: 491px;
	background: #660000; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    }
	
	#Bildgross {
	width: 325px;
	heigt: 328px;
	height: 328px;
		}
		
	.bildklein {
		width: 45px;
		heigt: 45px;
		margin-left: 3px;
		float:left;
		}
		
	.bildkleinrahmen {
		width: 45px;
		heigt: 45px;
		margin-left: 3px;
		float:left;
		border-width: 1px;
		border-color:#330000;		
		}
		
	.flagge {
	width: 180px;
	heigt: 15px;
	margin-left: 3px;
	text-align:left;
	float:left;
	vertical-align: middle;
	color: #660000;
	font-size: 10px;
	text-decoration:none;
		}
		
	a.flagge:link {
	color: #660000;
	text-decoration:none;
		}
		
	a.flagge:hover {
	color: #660000;
	text-decoration:underline;
		}
		
			
	a.flagge:visited {
	color: #660000;
	text-decoration:none;
		}
		
	.zwischentitel {
	font-size:12px;
	font-weight:bold;
	}
	
	#titel {
		width: 120px;
		font-size:14px;
		font-weight: bold;
		color: #660000;
		float:left;
		text-align:right;
		margin-top: 35px;
		}
		
	#textinhalt {
		width: 235px;
		font-size:12px;
		color: #660000;
		float:left;
		margin-top: 35px;
		margin-left: 10px;
		}
		
	
	#fusszeile {
		width: 940px;
		height: 17px;
		background-color: #e6c597;
		border-bottom-color: #666;
		border-bottom-style:solid;
		border-bottom-width: 1px;
		padding-right: 10px;
		padding-top: 3px;
		}
		
	
		
	
	
/*Textformatierung*/
	.inhalttext {
		color:#660000;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		}
		
	a.inhalttext:link {
		text-decoration:none;
		}
		
	a.inhalttext:hover {
		color:#b16525;
		text-decoration:none;
		}

	.navi {
		width: 197px;
		height: 17px;
		padding-left: 3px;
		padding-top: 5px;
		background-color: #b16525;
		background-image:url(poststuben-bilder/navi_px.gif);
		background-repeat:repeat-x;
		display:block;
		}
	.navitext {
		text-transform:uppercase;
		color:#FFFFFF;
		font-size:12px;
		text-decoration:none;
		}
		
	a.navitext:link {
		text-decoration:none;
		}
		
	a.navitext:hover {
		color:#660000;
		text-decoration:none;
		}
			
	.unternavi {
		width: 172px;
		height: 18px;
		padding-left: 28px;
		padding-top: 2px;
		background-color: #e3b077;
		background-image: url(poststuben-bilder/unternavi_bg.gif);
		background-repeat: no-repeat;
		display:block;
		text-decoration:none;
		}
	
	.unternavitext {
		color:#FFFFFF;
		font-size:11px;
		text-decoration:none;
		}
		
	a.unternavitext:link {
		text-decoration:none;
		}
		
	a.unternavitext:hover {
		color:#660000;
		text-decoration:none;
		}
		
	.fusstext {
		text-align:right;
		color: #660000;
		font-size: 10px;
		text-decoration:none;
		} 
	
	a.fusstext:link {
		text-decoration:none;
		}
		
	a.fusstext:hover {
		text-decoration: underline;
		}
		
		
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	.links {
		color:#FFFFFF;
		width: 205px;
		height: 30px;
		padding-left: 25px;
		padding-top: 2px;
		background-color: #e3b077;
		background-image: url(poststuben-bilder/links_bg.gif);
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		}
    
	a.links:link {
		text-decoration:none;
		}
		
	a.links:hover {
		color:#660000;
		text-decoration:none;