<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="all" />
<meta name="author" content="Joel Charbonneau" />
<meta name="designer" content="Joel Charbonneau" />
<meta name="publisher" content="Joel Charbonneau" />
<meta name="copyright" content="theater noster" />
<meta name="page-topic" content="Kultur, Kunst, Theater">
<meta name="description" content="theater noster: diese Webseite gibt einen Überblick über die Arbeit der Laien-Theatergruppe der evangelischen Kirche in Mörfelden-Walldorf." />
<meta name="keywords" content="theater noster, Theater, Mörfelden-Walldorf, Mörfelden, Walldorf, Lustspiele, Lesungen, literarisch-musikalische Spezialitäten, selbst geschriebene Stücke, Dramen, Komödien, Tragödien, Joel Charbonneau, Katharina Potrafke, Gudrun Kreisl, Corinna Ehmler, Gernot Bach-leucht, Simone Hesse-Pietrzak, Stefan Pietrzak" />
<meta name="revisit-after" content="3 month" />
<meta name="audience" content="alle" />
<meta name="msvalidate.01" content="9C7FA801327D5EF8FE14D0CC4C9B025F" />
<base href="http://www.theater-noster.de/" />
<title>theater noster, Theatergruppe aus Mörfelden-Walldorf</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="shortcut icon" href="
http://www.theater-noster.de/favicon.ico" type="image/ico" />
<link rel="icon" href="
http://www.theater-noster.de/favicon.ico" type="image/ico" />
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="
http://www.theater-noster.de" title="Home"><img src="images/logo-theater-noster.jpg" alt="Logo theater noster" title="theater noster" style="border: 0;" class="headerimg" /></a>
</div>
<div id="menu">
<a title="theater noster Home" href="
http://www.theater-noster.de">Home</a> •
<a title="theater noster Aktuelles" href="Aktuelles.html" class="aktiv">Aktuelles</a> •
<a title="theater noster Ensemble" href="Ensemble.html">Ensemble</a> •
<a title="theater noster Chronik" href="Chronik.html">Chronik</a> •
<a title="theater noster Karten" href="Karten.html">Karten</a>
</div>
<div id="content">
<h1>In Vorbereitung</h1>
</div
<div> <p><img src="images/aktuelles_01.jpg" title="Aktuelles" alt=" Aktuelles in Vorbereitung" border="0" class="center1" /></p>
<p><strong>EIN SPANISCHES STÜCK</strong></p>
<p>Das berührende Stück von Yasmina Reza über die Einsamkeit und die vergehende Zeit zeichnet die Sehnsüchte und Lebensträume von Menschen:
Sehnsucht nach Erfolg, nach Liebe, nach Geborgenheit, nach Wahrhaftigkeit. Das Stück zeigt Menschen mit ihren Bedürfnissen und offenbart deren
Leiden, wenn das Leben ihnen die Erfüllung ihrer Wünsche versagt.</p>
<p></p>
Unter der Regie von <div class="show_titel"><img class="show_bild" src="images/gernot.jpg" alt="Bild von Gernot Bach-Leucht">Gernot Bach-Leucht</div> spielen drei Frauen und zwei Männer fünf Schauspieler,
die das Familienstück eines spanischen Autors proben.<br />
<p></p>
Im Mittelpunkt steht eine Konkurrenzsituation zwischen zwei Schwestern: Aurelia <div class="show_titel"> <img class="show_bild" src="images/simone.jpg" alt="Bild von Simone Hesse-Pietrzak">(Simone Hesse-Pietrzak)</div>,
mit dem trunksüchtigen und zynischen Mathematiklehrer Mariano <div class="show_titel"> <img class="show_bild" src="images/stefan.jpg" alt="Bild von Stefan Pietrzak">(Stefan Pietrzak)</div> unglücklich verheiratet, neidet ihrer jüngeren und attraktiveren Schwester
Nuria <div class="show_titel"> <img class="show_bild" src="images/katharina.jpg" alt="Bild von Katharina Potrafke">(Katharina Potrafke)</div>, die erfolgreiche Karriere als Filmschauspielerin.
<p></p>
Ort der Konflikte ist das Haus ihrer Mutter Pilar <div class="show_titel"> <img class="show_bild" src="images/gudrun.jpg" alt="Bild von Gudrun Kreisl">(Gudrun Kreisl)</div>, die den Töchtern ihren
neuen Lebensgefährten vorstellen will, den gutmütigen und bodenständigen Immobilienverwalter Fernan <div class="show_titel"> <img class="show_bild" src="images/joel.jpg" alt="Bild von Joel Charbonneau">(Joel Charbonneau)</div>.<br />
Das Familientreffen verläuft turbulent. Während sich Nuria über ihre Garderobe für die nächste Filmgala den Kopf zerbricht,<br />studiert Aurelia mit ihrem Mann ein ödes bulgarisches Stück ein.<br />
<p></p>
Dazwischen treten die Schauspieler immer wieder aus ihren Rollen wenden sich ans Publikum, kommentieren ihr Stück und ihr Schauspielerdasein das Leben im Theater, das Leben als Theater.<br />
<p></p>
Spielt nicht jeder von uns irgendwie immer eine Rolle? Wo liegt die Authentizität im Spannungsfeld zwischen Sein und Schein?</p>
</div>
</div>
<div id="footer-wrap" class="footer"><img src="images/theater-noster.png" alt="Logo theater noster" title="Logo theater noster" class="center"/><br />© theater noster | Mörfelden-Walldorf<br /><br>
<a title="theater noster Impressum" href="Impressum.html">Impressum</a> • <a title="theater noster Datenschutz" href="Datenschutz.html">Datenschutz</a>
</div>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------------------------
Den Cache hatte ich bei jedem Test und vor jedem Aufrufen der Seite gelöscht.
Ich füge mal die Html-Datei hier ein. Ich weiß nicht ob Etwas ersichtlich wird.
An der Style.css kann es nicht liegen, oder?
Ich füge sie noch hinzu...
__________________________________________________________________________________________
}
@font-face {
font-family: 'Droid Serif';
font-weight: bold;
font-style: normal;
src: url('fonts/Droid-Serif/DroidSerif-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Droid Serif';
font-weight: 700;
font-style: italic;
src: url('fonts/Droid-Serif/DroidSerif-BoldItalic.ttf') format('truetype');
}
body
{ font-family: "Droid Sans", Helvetica, Arial, sans-serif; color: #1d1d1d; font-size:0.9em; font-weight: 400; background: #D68080; overflow: auto; margin: 0; padding: 0; }
strong { font-weight: 700; }
#wrapper { width: 100%; max-width: 995px; margin: 1em auto; padding: 0; }
#header { color: #161514; font-size: 1.3em; float: center; padding-top: 20px; }
.headerimg{ color: #4d6ba7; font-size: 1.3em; width: 100%; margin: 0; padding: 0; border-style: none; }
#menu { color: #3d3d3d; font-size: 1em; position: relative; top: 16px; height: 30px; z-index: 1; clear: both; text-align: center}
#menu a { color: #3d3d3d; text-decoration: none; }
#menu a:hover { color: #c73304; text-decoration: none; }
#menu a.aktiv { color: #c73304; text-decoration: none; }
#content { clear: both; position: relative; bottom: 2.5em; width: 100%; padding-top: 2em; text-align: center}
img.center
{ background-color: #D68080; padding: 1.3em; position: relative; width: 100px; float:inherit; margin-top: 0; margin-bottom: 0; }
img.center1
{ background-color: #D68080; padding: 0em; width: 100%; max-width: 700px; margin: 0 auto; }
img.center2
{ background-color: #D68080; padding: 0em; width: 100%; max-width: 350px; margin: 0 auto; }
img.show_bild
{ position: absolute; left: 50%; transform: translate(-50%); margin-top: 10px; max-width: 20%; height: auto; display: none; border: 2px solid #0040FF; border-radius: 100px; padding: 0; background-color: none }
.clear {clear: both;}
h1, h2, h3, h4, h5 { color: #7B011A; }
h1 { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; color: #7B011A; font-size: 3,5em; font-weight: normal; margin-top: 2em; margin-bottom: 1.4em; }
h4 { font-size: 1.3em; line-height: 1.3em; margin-bottom: 0; margin-top: 0}
ul { line-height: 1.5em; }
#footer-wrap { clear: both; color: #fff; background-color: #D68080; font-size: 1em; text-align: center; position: relative; top: 100px; margin: 0; padding: 2em 2em 3em; }
.clear { clear: both; }
.footer { margin: auto; }
div.show_titel {
display: inline-block; color: #0040FF; cursor: pointer; }
div.show_titel img.show_bild {
position: absolute; left: 50%; transform: translate(-50%); margin-top: 1px; max-width: 10%; height: auto; display: none;
border: 2px solid #0040FF; border-radius: 100px; padding: 0; background-color: none }
div.show_titel:hover img.show_bild { display: inline-block; }