h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Geneva, sans-serif;
color: #666;
}
h2 {
font-size: 22px;
}
h3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
}
h4 {
font-size: 11px;
font-style: normal;
color: #999;
font-family: Verdana, Geneva, sans-serif;
}
.thrColFixHdr #container {
width: 780px; /* 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: #F5f5f1;
margin: 0 auto;
text-align: left;
border: 0px solid #000000;
}
.thrColFixHdr .start header {
width: 780px;
text-align: left;
border: 0px solid #000000;
height: 200px;
padding: 10px;
background-color: #000;
}
.thrColFixHdr #header h1 {
margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
padding: 10px 0;
}
.thrColFixHdr #sidebar1 {
width: 175px; /* 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. */
background: #EBEBEB url(Bilder/S7002401.jpg) no-repeat; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px;
top: 490px;
position: absolute;
height: 100px;
left: 440px;
background-image: url(Bilder/Telefon.jpg);
}
.thrColFixHdr #sidebar2 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 160px; /* 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. */
background: #E1dedb; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 10px 10px 15px 15px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #666666;
font-weight: normal;
line-height: 14px;
margin: 0px 0px 20px;
}
.thrColFixHdr #sidebarBild001 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002401_index.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild002 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002395_programm.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild003 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/S7001727_biografie.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild004 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002310_pressestimmen.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild005 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002339_materialien_2.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild006 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/CIMG2814.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild007 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002469_Menuekabarett.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild008 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002339_materialien.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild009 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002401_index.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild010 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/S7002124_Anke.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild011 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002369_impressum.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild012 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002418_kommentar.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild013 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002424_schultour.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild014 {
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Bilder/7002454_sommerkabarett.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 247px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild016
{
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 140px;
margin: 0px;
clear: right;
}
.thrColFixHdr #sidebarBild017
{
float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 185px; /* 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. */
background: #f5f5f1 url(Images/20-Jahre.jpg) no-repeat center center; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
height: 160px;
margin: 0px;
clear: right;
}
/*Grundlegene Elemente zur Positionierung von Bildern im Text mit nötigen Abständen zum Text*/
.img-left {
float:left;
margin-right:0.5em;
margin-bottom: 0.25em;
border: 1px none #999999;
}
.img-right {
float:right;
margin-left:0.5em;
margin-bottom: 0.25em;
border: 1px solid #999999;
}
.img-right2 {
float:right;
margin-left:0.5em;
margin-bottom: 0.25em;
border: 0px none #999999;
}
.thrColFixHdr #mainContent {
margin: 0px 200px 0; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
padding: 15px 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 15px;
font-weight: normal;
color: #666666;
text-align: justify;
}
.thrColFixHdr #footer {
padding: 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
background:#e1dedb;
height: 20px;
}
.thrColFixHdr #footer p {
margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
padding: 5px 0px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
.thrColFixHdr #header {
height:225px;
background:#F5f5f1 url(Bilder/Streifen3.jpg) repeat-x center center
padding:0px;
width: auto;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
border: 0px none #7f7f00;
background-image: url(Images/HG-Header-1.jpg);
background-repeat: repeat;
background-position: right center;
}
.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;
}
.thrColFixHdr #nav {
float:left;
display:block;
margin: 0em;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 15px;
width: 150px;
text-align: center;
}
/*wichtige Einstellung, um Listen mit Links richtig darzustellen und die Abstände
zwischen den Listenpunkten nicht zu groß darzustellen (hauptsächlich für IE).
Hier allerdings nur für die Listennavigation, da im Contentbereich die Standarddarstellung
(mit Listenpunkten) gewünscht ist.*/
.thrColFixHdr #nav ul, #nav li, #nav ul li a {
height:1%;
margin:0px;
padding:0px;
list-style:none;
}
/*Legt die Fontgröße der ersten Navigationebene fest*/
.thrColFixHdr #nav ul li {
font-size: 0.7em; /*Pixelgröße: 12px*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
}
/*Hier wird nun das aussehen der Links in der ersten Ebene (wird auf alle Unterebenen vererbt) festgelegt*/
/* padding - Legt die Höhe der Navi fest*/
.thrColFixHdr #nav ul li a {
display:block;
background:#F5f5f1;
color:#333333;
padding:0.5em 0.625em;
border-bottom:1px solid #498B8B;
border-right-width: 1px;
border-right-style: none;
border-right-color: #CCCCCC;
border-left-width: 1px;
border-left-style: none;
font-style: normal;
}
/*Dies ändert die Mouseover-Farbe (Hintergrund und Linkfarbe*/
.thrColFixHdr #nav ul li a:hover{
background:#FFFFFF;
color:#FF6600;
border: 0px solid #666666;
}
/*Legt die Fontgröße der zweiten Navigationebene fest -
Erklärung: Da es die zweite ul ebene ist, beinflussen wir den Wert mit "ul ul",
was unter css eben die zweite Ebene anspricht, wenn tags verschachtelt sind.*/
.thrColFixHdr #nav ul ul li {
font-size: 10px; /*Pixelgröße: 95% von 12px*/
}
.thrColFixHdr #nav ul ul li a {
padding-left:4.5ems
}
body,td,th {
font-family: Arial Rounded MT Bold;
color: #666666;
}
a:link {
text-decoration: none;
color: #666666;
}
a:visited {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: none;
color: #FF9900;
}
a:active {
text-decoration: none;
color: #666666;
}
/* Quernavigation im Adfooter*/
.thrColFixHdr #navigation {
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #666666;
border-top: none #326363;
border-right: none #326363;
border-bottom: none #326363;
border-left: none #326363;
margin: 5px auto;
width: 780px;
padding: 0px;
}
.thrColFixHdr #navigation ul {
list-style: url(none) none;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 32.8em;
}
.thrColFixHdr #navigation li {
display: inline;
}
.thrColFixHdr #navigation a:link, .thrColFixHdr #navigation a:visited {
padding: 0.4em 1em 0.4em 1em;
color: #333333;
backround-color: #B51032;
text-decoration: none;
border-top: #FF6600;
border-right: #FF6600;
border-bottom: #FF6600;
border-left: #FF6600;
}
.thrColFixHdr #navigation a:hover {
color: #FF6600;
}
.thrColFixHdr #navigation-bilder {
font-size: 0.8em;
}
.thrColFixHdr #navigation-bilder ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 0;
padding-left: 14em;
}
.thrColFixHdr #navigation-bilder li {
display: inline;
}
.thrColFixHdr #navigation-bilder a:link, .thrColFixHdr #navigation a:visited {
padding: 0.4em 1em 0.4em 1em;
color: #333333;
backround-color: #B51032;
text-decoration: none;
border: #711515;
}
.thrColFixHdr #navigation-bilder a:hover {
color: #D50013;
}
[if IE 5]>