/* -- loungerie start css -- */
body {
 background:  #ffffff; /* Hintergrund */
 color: #c4d0ab;
 margin: 0;
 /*padding: 1%;  Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
 min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: verdana, arial, sans-serif ;
 cursor:url(mouse.png);
}

a { 
 color: #c4d0ab; text-decoration: none; 
}

a:hover {
 color: #a2c231; text-decoration: none;
}

a:visited { 
 color: #cccccc; text-decoration: none; 
}

.skip { /* Da ein wichtiger Screenreader das display: none; auch fälschlicherweise für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
 position: absolute;
 margin-left: -10000px;
}

h1 { /* Überschrift */
 font-size: 1.1em;
 
 line-height: 0.8em;
 padding: 10px 20px 5px 20px;
 margin: 0;
}
h1, h2, h3, h4, h5, h6 { 
 color: #DC6B2C;
 font-family: Verdana, "Trebuchet ms", Tahoma, sans-serif;
 font-stretch: wider;
}
img { /* alle Bilder bekommen einen Rahmen 
 border: solid 1px #aaa; */
 padding: 1px;
 max-width: 95%; /* gute Broser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht */
}
.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/* -- Layoutspezifisches -- */
#container { /* Ist dafür gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz außen am Fenster ist. */
 font-size: 0.7em; /* Ein Kompromiss über den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgröße für zu groß, wissen aber nicht wie man das ändert. */
 max-width: 1024px; /* Eine Begrenzung der Breite auf höhstens 900px. Das machen wir um nicht zu lange Textbreiten zu erhalten welche dann schlecht zu lesen sind. Für den IE gibt es in ielte.css einen Woraround. */
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 /*border: 1px solid #aaa;  Eine kleine optische Abgränzung */
 border-top: 0; /* Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
}


/* - Hauptinhaltsteil - */
#top {
 width: 955px;
}

#main {
 background:  #ffffff; /* no-repeat 100% 0Die kleine blaue halbdurchsichtige Blume wird als Hintergrundbild, welches rechts oben in der Ecke steht, deffiniert. */
 height: 700px;
 width: 1024px;
 padding: 0; /*31% 10px 20px;  Der rechte Abstand 31% Stellt sicher dass auch nach dem Umfließen der Subnavigation der Text genau so breit wird wie oben und ein zwei Columnen Eindruck entsteht. */
 line-height: 1.5em; /* Zesseren Lesbarkeit erhöhen wir die Linienhöhe. */
 text-align: center;
}

#film {
 width: 930px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 cursor:url(mouse.png);
}

#film_space {
 width: 930px;
 height: 250px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 cursor:url(mouse.png);
}

#film2 {
 width: 955px;
 height:160px;
 text-align: center;
 /* background-image:url(hg_film2.jpg); 
 background-repeat:no-repeat;
 background-position: center; */
}

#film3 {
 width: 802px;
 height:162px;
 border: solid 1px #aaa;
 text-align: left;
}


#text1 {
 width: 800px;
 height:160px;
 text-align: left;
 color: #666666;
 padding: 69px 0px 50px 0px;
}

#footer {
 height:112px;
 width: 954px;
 text-align: center;
 margin-top: -55px;
 padding: 69px 0px 10px 0px;
 background-image:url(footerhg_butterfly.gif); background-repeat:no-repeat;
}