@charset "iso-8859-1";
/* CSS Document */
    body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	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;
    }
    .thrColAbsHdr #container {
	position: relative; /* Durch HinzufÃ¼gen von position: relative kÃ¶nnen Sie die beiden Randleisten im VerhÃ¤ltnis zu diesem Container positionieren. */
	width: 955px;  /* 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. */
	background: #F9F6DB;
	margin: 0 auto; /* Durch automatische RÃ¤nder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #8A2F2B;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element Ã¼berschrieben. */
	height: 600px;
    } 
    
    /* Tipps fÃ¼r absolut positionierte Randleisten mit Kopf- und FuÃYzeile:
    1. FÃ¼r absolut positionierte (AP) Elemente mÃ¼ssen Sie einen oberen (top) und einen seitlichen (right oder left) Positionswert angeben. Wenn der Wert fÃ¼r top fehlt, beginnt das AP-Element standardmÃ¤ÃYig direkt nach dem letzten Element in der Quellenabfolge der Seite. Wenn also die Randleisten in der Quellenabfolge des Dokuments die ersten Elemente im #container sind, erscheinen sie ganz oben im #container, auch wenn fÃ¼r sie kein top-Wert angegeben wurde. Falls sie aber spÃ¤ter in der Quellenabfolge an eine andere Stelle verschoben werden sollten, benÃ¶tigen sie einen top-Wert, damit sie an der gewÃ¼nschten Position stehen.
    2. Absolut positionierte (AP) Elemente werden aus dem Dokumentfluss herausgenommen. Dies bedeutet, dass den benachbarten Elementen ihre Existenz unbekannt ist und dass sie nicht berÃ¼cksichtigt werden, wenn diese Elemente den ihnen zugedachten Platz auf der Seite einnehmen. Ein AP-div sollte daher nur als Randspalte eingesetzt werden, wenn Sie sicher sind, dass das mittlere #mainContent-div immer die grÃ¶ÃYte Inhaltsmenge hat. Sollte eine der Randleisten eine grÃ¶ÃYere Inhaltsmenge aufweisen, wÃ¼rde diese Randleiste uneingeschrÃ¤nkt Ã¼ber das Ende des Ã¼bergeordneten div sowie in diesem Fall auch Ã¼ber das Ende der FuÃYzeile hinauslaufen.
    3. Sofern die oben genannten Bedingungen erfÃ¼llt sind, kÃ¶nnen Sie mit absolut positionierten Randleisten die Quellenabfolge in Dokumenten auf einfache Weise steuern.
    4. Bei einer Ã"nderung der Quellenabfolge sollte der top-Wert mit der HÃ¶he der Ãoberschrift Ã¼bereinstimmen, weil dadurch die Spalten und die Ãoberschrift visuell einheitlicher wirken.
    */
    .thrColAbsHdr #header { 
    	height: 150px; /* Wenn Sie die Quellenabfolge der Spalten Ã¤ndern, sollten Sie fÃ¼r die Ãoberschrift eine HÃ¶he angeben, damit Sie den Spalten einen spezifischen top-Wert zuweisen kÃ¶nnen. */
    	padding: 0;  /* Diese AuffÃ¼llung entspricht der linksbÃ¼ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die AuffÃ¼llung entfernen. */
    } 
    .thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 155px;
	left: 0px;
	width: 230px; /* Die tatsÃ¤chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer auÃYer der Breite auch die AuffÃ¼llung und den Rahmen. */
	padding: 0; /* Mit der AuffÃ¼llung wird gewÃ¤hrleistet, dass der Inhalt des div die Kanten nicht berÃ¼hrt. */
	height: 315px;
	overflow:auto;
	}	

.thrColAbsHdr #sidebar1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #C27861;
	text-decoration: none;
}

.thrColAbsHdr #sidebar1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #C27861;
	text-decoration: none;
}

.thrColAbsHdr #sidebar1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F9F6DB;
	background-color:#8A2F2B;
	text-decoration: none;
}

.thrColAbsHdr #sidebar1 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F9F6DB;
	text-decoration: none;
}

.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 150px;
	right: 0;
	width: 134px; /* Die tatsÃ¤chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer auÃYer der Breite auch die AuffÃ¼llung und den Rahmen. */
	padding: 0; /* Mit der AuffÃ¼llung wird gewÃ¤hrleistet, dass der Inhalt des div die Kanten nicht berÃ¼hrt. */
	height: 341px;
	overflow:auto;
	background:url(../images/index_06.gif) no-repeat;
}

.thrColAbsHdr #mailcheck {
	position: absolute;
	top: 160px;
	right: 5px;
	width: 117px; 
	padding: 0px;
	padding-left: 5px;
	height: 35px;
	overflow:hidden;
	border: thin #C27861 solid;
	background-color:#F9F6DB;
}
    .thrColAbsHdr #mainContent { 
    	margin: 0 134px 0 230px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden Ã¤uÃYeren Spalten an den SeitenrÃ¤ndern. Der Spaltenbereich bleibt unabhÃ¤ngig von der Inhaltsmenge der Randleisten-divs immer gleich. */
    	padding-left: 10px; /* padding (AuffÃ¼llung) bezeichnet den Innenabstand und margin (Rand) den AuÃYenabstand der div -Box. */
		height: 341px;
		overflow: auto;
		display:block;
    }
    .thrColAbsHdr #popup { 
    	margin: 0 134px 0 230px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden Ã¤uÃYeren Spalten an den SeitenrÃ¤ndern. Der Spaltenbereich bleibt unabhÃ¤ngig von der Inhaltsmenge der Randleisten-divs immer gleich. */
    	padding-left: 10px; /* padding (AuffÃ¼llung) bezeichnet den Innenabstand und margin (Rand) den AuÃYenabstand der div -Box. */
		height: 341px;
		overflow: auto;
		display:none;
    }
    .thrColAbsHdr #footer { 
    	padding: 0; /* Diese AuffÃ¼llung entspricht der linksbÃ¼ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
		height:109px;
		width:955px;
		background:url(../images/index_07.gif) no-repeat;
    } 
    .thrColAbsHdr #menu {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 230px; /* Die tatsÃ¤chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer auÃYer der Breite auch die AuffÃ¼llung und den Rahmen. */
	padding: 0; /* Mit der AuffÃ¼llung wird gewÃ¤hrleistet, dass der Inhalt des div die Kanten nicht berÃ¼hrt. */
	height: 341px;
	}	
    .fltrt { /* Mit dieser Klasse kÃ¶nnen Sie ein Element auf der Seite nach rechts flieÃYen 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ÃYen lassen. */
    	float: left;
    	margin-right: 8px;
    }
	.bg_ft{
		background-attachment: fixed;
		background-image: url(../images/index_07.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.vplay{
	  width: 350px;
	  height: 350px;
	  border:none;
	}
	
	#vprev{
	  width: 140px;
	  overflow:visible;
	}
	#vprev img{
	  border: 1px solid #000000;
	}
	#vprev A{
	  font-size:11px;
	}	
