@charset "utf-8";
/* CSS Document */

    body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #666666;
	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: #fff;
	background-image: url(kultur-bilder/kultur-higru-px.gif);
	background-repeat: repeat-x;
    }
	
	h1 {
	font-size:13px;
	margin:0px;
	}

/* IDs */

    #container { 
    	width: 1070px; /* 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:655px;
		background-color:#FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    	border-top: 0;
		border-bottom:1px solid #ccc;
		border-left:1px solid #ccc;;
		border-right:1px solid #ccc;
	} 
    #kopfzeile {
    	width:1070px;
		height:120px;
		background-image: url(kultur-bilder/kultur-higru-kopf.gif);
		background-repeat:no-repeat;
    }
	#content {
		width: 1070px;
		background-color:#000000;
		height:470px;
	}
    #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:470px;
		padding-left:50px;
    }
	#navigation {
		font-size:12px;
		width:200px;
		height:405px;
		background-color:#333333;
		padding-top:65px;		
		background-color:#333333;
		background-image:url(kultur-bilder/kultur-higru-px-navi.gif);
		background-repeat:repeat;
		list-style:none;
	}
    #sidebar2 {
    	float:left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width:320px; /* 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:470px;
		background: #000; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
		background-color:#333333;
		background-image:url(kultur-bilder/kultur-higru-px-navi.gif);
		background-repeat:repeat;
    }
    #inhalt { 
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 370px; /* 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. */
		padding-left: 50px;
		padding-right: 30px;
		padding-top:65px;
		height:405px;
		overflow:auto;
    }
    #inhalt-video { 
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 690px; /* 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. */
		padding-left: 50px;
		padding-right: 30px;
		padding-top:65px;
		height:405px;
		overflow:auto;
    }

	#aktuell {
		width:320px;
		padding-top:10px;
	} 
    #fusszeile {
    	width:1070px;
		height:65px;
		background-image: url(kultur-bilder/kultur-higru-fusszeile.jpg);
		background-repeat:no-repeat;
    }
	
/* Klassen*/

	a:link {
		color: #FFFFFF;
		text-decoration:none;
	}
	a:visited {
		color: #FFFFFF;
		text-decoration:none;
	}
	a:hover {
		color: #FFFFFF;
		text-decoration:none;
	}
	a:active {
		color: #FFFFFF;
		text-decoration:none;
	}
	.navigationstext {	
		padding:0px;
		margin:0px;
		width:170px;
		height:16px;
		display:block;
		list-style:none;
		color:#CCCCCC;
		text-decoration:none;
		margin-bottom:10px;
		font-weight:bold;
		padding-left:30px;
	}
	a.navigationstext {
		width:170px;
		height:16px;
		display:block;
		color:#CCCCCC;
		text-decoration:none;
		margin-bottom:10px;
		list-style:none;
		font-weight:bold;
	}
	a.navigationstext:hover {
		width:170px;
		height:15px;
		display:block;
		color:#fff;
		border-bottom:1px solid #cc6600;
		text-decoration:none;
		margin-bottom:10px;
		list-style:none;
	}
	.unternavigationstext {	
		padding:0px;
		margin:0px;
		width:150px;
		height:16px;
		display:block;
		list-style:none;
		color:#CCCCCC;
		text-decoration:none;
		margin-bottom:10px;
		padding-left:50px;
	}
	a.unternavigationstext {
		width:150px;
		height:16px;
		display:block;
		color:#CCCCCC;
		text-decoration:none;
		margin-bottom:10px;
		list-style:none;
	}
	a.unternavigationstext:hover {
		width:150px;
		height:15px;
		display:block;
		color:#fff;
		border-bottom:1px solid #cc6600;
		text-decoration:none;
		margin-bottom:10px;
		list-style:none;
	}
	.fliesstext {
		font-size:12px;
		line-height:20px;
	}
	.fliesstext li,ul {
		list-style:square;
		color:#FFFFFF;
		text-decoration:none;
	}
	.fliesstext_fett {
		font-size:12px;
		font-weight:bold;
	}
	.fliesstext_fett_orange {
		font-size:12px;
		font-weight:bold;
	color: #F60;
	}
	.fliesstext_fett_weiss {
		font-size:12px;
		font-weight:bold;
	color: #fff;
	}
	.titel_weiss {
	font-size: 16px;
	color: #fff;
	line-height:24px;
	}
	.titel {
	font-size: 16px;
	color: #F60;
	line-height:24px;
	}
	.titel a {
	font-size: 16px;
	color: #F60;
	line-height:24px;
	}
	.image_aktuell {
		margin-right:15px;
		margin-bottom:20px;
		border: 1px solid #CCCCCC;
	}
	.newstext {
		font-size:12px;
		line-height:18px;
	}
	
    .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;
    }
body,td,th {
	color: #ccc;
}
    --> 
    </style><!--[if IE 5]>
    <style type="text/css"> 
    /* Fügen Sie CSS-Box-Modell-Korrekturen für IE 5* in diesen bedingten Kommentar ein. */
    #sidebar1 { width: 250px; }
    #sidebar2 { width: 320px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css"> 
    /* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
    #sidebar2, #sidebar1 { padding-top: 30px; }
    #inhalt { zoom: 1; }
    /* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
    </style>
    <![endif]-->