/*
verwendete farben
--------------------------
wei�      #ffffff
grau2     #ADADAD
grau1     #1D1D1D
schwarz   #000000

rot        #fa1515  -> plain ohne struktur
gruenblau  #e7fff9  -> plain ohne struktur (hell)

rot        #ed1413  -> heller mittelwert aus strukturiertem bg
gruenblau  #c2dbd5  -> heller mittelwert aus strukturiertem bg

*/





/*
----------------------------------------------------------------------------------------------------
allgemeine einstellungen ... div klassen
----------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; border: 0; }

html, body
{
   /*font-family: "courier new",courier,monospace;*/
   font-family: Times,"Times New Roman",Georgia,serif;
   font-size: 16px;
   color: #3f3f3f;
   background: #c2dbd5 url(bg_blau1_3.jpg) repeat center fixed;
}

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

h1
{
   height: 38px;
   width: 550px;
   margin: 5px 0 30px 0;
   text-indent: -5000px;
}
h1#h1home { background: url(h1_home.png) no-repeat left top; }
h1#h1pixolini { background: url(h1_pixolini.png) no-repeat left top; }
h1#h1angebot { background: url(h1_angebot.png) no-repeat left top; }
h1#h1imnetz { background: url(h1_imnetz.png) no-repeat left top; }
h1#h1kontakt { background: url(h1_kontakt.png) no-repeat left top; }
h1#h1imprint { background: url(h1_imprint.png) no-repeat left top; }



ul { margin: 15px 10px 10px 10px;  list-style-image:url(sternchen.png); list-style-position: outside; /*list-style: disc outside;*/ }
li { margin: 8px 4px 8px 10px; }
* + html ul { list-style-image:url(sternchen_ie7.png); }
* + html li { margin: 8px 4px 8px 12px; }

/*diverse klassen*/
.fett { font-weight: bold; }
.versteckt { display: none; }

.fliesenli { float: left; }
.fliesenre { float: right; }
.klaeren { clear: both; }
.klaerenli { clear: left; }
.klaerenre { clear: right; }

.leftmargin1 { margin-left: 60px; }
.topmargin1 { margin-top: 10px; }
.pixoliniintxt { margin: -3px 0 0 5px; }

p.puenkli
{
   width: 550px;
   height: 100px;
   background: url(punkt.png) repeat-x left center;
}

h1#datenschutz
{
   text-indent: 0;
   font-size: 32px;
   font-weight: bold;
}
.datenschutz p { margin-bottom: 16px; }

.datenschutz h2
{
   margin-bottom: 16px;
   font-size: 24px;
   font-weight: bold;
}

.datenschutz h3
{
   margin-bottom: 16px;
   font-size: 20px;
   font-weight: bold;
}

/*
----------------------------------------------------------------------------------------------------
haupteile, container ....
----------------------------------------------------------------------------------------------------
*/
#wrapperall     /*umschliesst alle content-boxen und begrenzt breite auf 980px (+border) -> hor. zentriert*/
{
   z-index: 1;
   position: relative;
   width: 1000px;
   min-height: 900px;
   margin: 0 auto 0 auto;
   background: url(bg_beige_oben.png) no-repeat center 241px;
}

#wrappermitte
{
   position: relative;
   clear: left;
   width: 1000px;
   margin: 0 auto 0 auto;
   background: url(bg_beige_mitte.png) repeat-y center top;
   /*border: 1px solid #00f;*/
}


#insnetz
{
   height: 410px;
   width: 331px;
   float: left;
   background: url(frauschmitt_redbg_1000.png) no-repeat top right;
   /*border: 1px solid #0ff;*/
}
* + html #insnetz { background: url(frauschmitt_redbg_1000.png) no-repeat 3px top; }

#redform
{
   z-index: 200;
   position: absolute;
   height: 336px;
   width: 669px;
   margin-left: 330px;
   background: url(redform_rechts_1000.png) no-repeat top left;
   /*border: 1px solid #f00;*/
}
* + html #redform { z-index: 2000; margin-left: -200px; position: relative; background: url(redform_rechts_1000.png) no-repeat top -330px; }

#headertop
{
   position: absolute; top: 210px; left: 350px; z-index: 1;
   padding: 0 0 0 40px;
   height: 200px;
   width: 600px;
   /*border: 1px solid #0f0;*/
}


#mainmitte
{
   min-height: 700px;
   /*background: url(frauschmitt_redbg_1000.png) no-repeat center top fixed; */
}
* + html #mainmitte { background: 0; }

/*linke seite fix*/
#leftmitte
{
   z-index: 25;
   position: fixed;
   width: 200px;
   height: 200px;
   margin: 20px 0 20px 70px;
   padding: 0 0 0 10px;
}
* + html #leftmitte { margin-left: -280px; } /*ie7*/

#leftmitte a
{
   display: block;
   height: 160px;
   width: 160px;
   background: url(../pics/stern.png) no-repeat center;
}
#leftmitte a:hover { background: url(../pics/stern_rot.png) no-repeat center; }
#leftmitte a.akt { background: url(../pics/stern_rot.png) no-repeat center; }


/*rechte seite main-inhaltsbereich*/
#rightmitte
{
   width: 550px;
   min-height: 200px;
   margin: 0 0 0 351px;
   padding: 5px 40px 0 0;
   /*border: 1px solid #000000;  */
   background: url(punkt.png) repeat-x left 50px;
}
* + html #rightmitte { z-index: 3; }



/* ******************************************************************************* */

/*hauptnavipunkte -> kinokarten*/
ul#tickets
{
   display: block;
   width: 500px;
   height: 200px;
   margin: 0;
   padding: 0 0 0 20px;
   list-style: none;
}
ul#tickets li
{
   float: left;
   height: 200px;
   margin: 0;
   padding: 0;
}
ul#tickets li a
{
   display: block;
   width: 125px;
   height: 218px;
}

a#linkhome { background: url(../pics/karte_home.png) no-repeat center top; }
a#linkpixolini { background: url(../pics/karte_pixolini.png) no-repeat center top; }
a#linkangebot { background: url(../pics/karte_angebot.png) no-repeat center top; }
a#linkimnetz { background: url(../pics/karte_imnetz.png) no-repeat center top; }

ul#tickets li a:hover { background-position: center 20px; }


/*im netz referenzen*/
div.refimnetz
{
   width:  570px;
   height: 240px;
   margin: 20px 0 20px -20px;
   /*border: 1px solid #000000; */
}

img.imnetz { float: left; margin: 0 10px 0 0; }



/* fusszeile --------------------------------------------------------------------------- */
#footer
{
   position: relative;
   height: 180px;
   width: 1000px;
   margin: 0 auto 0 auto;
   background: url(bg_beige_unten.png) no-repeat center top;
}

ul#kontaktnavi
{
   display: block;
   width: 340px;
   height: 70px;
   margin: 60px 20px 0 0;
   padding: 0 0 0 60px;
   float: right;
   list-style: none;
   background: url(klammerstreifen.png) top right no-repeat;
}
ul#kontaktnavi li
{
   /* width: 110px; */
   height: 28px;
   margin: 15px 10px 0 0;
   padding: 10px 10px 0 0;
   text-align: center;
   float: left;
}
ul#kontaktnavi li a { color: #3f3f3f; }
ul#kontaktnavi li a:hover { color: #b01717; text-decoration: underline; }
ul#kontaktnavi li a.akt { color: #b01717; }