css2
#start { /*index*/
        width:auto;
        font-size:0.8em;
        min-height:20em;
        text-align:center !important;
        /*background-color:red; */
        background-color:#FFFFFF;
        /*border:1px solid black;*/
        /*border:1px dashed #ff0000;*/
}
#start h1 {
        font-weight:thinn;
        color:#FF66FF;
        margin-top:-0.5em;
	pading:0 0;
        text-align:center !important;
        /*border:1px solid black;*/
}
#start p {
        font-size:0.8em;
        text-align:center !important;
        /*background-color:red; */
        /*border:1px solid blue;*/
}
* html #start p {
        font-size:0.9em;
}
#start p.start a.ff img{/* png Logo fuer Firefox auf Index*/
        margin-top:1em;
        margin-left:auto;
        text-decoration:none;
        background-color:#FFFFFF;
        /*border:1px dashed #ff0000;*/
}
* html #start p.start a.ff img {/* png-Logo fuer Firefox auf Index*/
        display:none;
}
* html #start p.alt a.ie img {/* gif-Logo fuer IE auf Index*/
        display:inline !important;
        margin-left:30px;/*bei gesamt width:800px; hier 115px oder 120px*/               /* IE PX */
        margin-top:-20px;
        width:450px;
        height:259px;
        /*background-image:url(../pict/delogo.gif);*/
        background-repeat:no-repeat;
        background-color:#FFFFFF;
        /*border:1px dashed #ff0000;*/
}
#start p.alt img.ie {/* gif-Logo fuer IE auf Index*/
        display:none !important;
        /*border:1px solid black;*/
}
#start p.block, #start p.d { /*Texte, Index, Inhalt und Sponsoren*/
        font-size:0.8em;
        text-align:center !important;
        width:auto/*54.2em*//*900px*/ !important;
        /*background-color:red; */
        /*border:1px solid red;*/
}
#start p.block a:link {
        color:#009900;/* gruen */
        text-decoration:none;
        background-color:#FFFFFF;
}
#start p.block a:hover {
        color:#BA55D3; /* lila */
        text-decoration:none;
        background-color:#FFFFFF;
}
#start p.d, #start p.d img { /* Smilies */
        margin:0 !important;
        padding:0 !important;
        /*border:1px solid blue;*/
}
/*------------------------------------------------------------------------------*/
/* allgemeiner Teil */
#inhalt {
        width:auto /*48.25em*/ !important;
        margin-top:0;
        margin-bottom:2em;
        margin-left:13.25em !important;
        padding:0 2em;
        min-height:24em;
        /*background-color:#FF99CC !important;  *//* rosa */
        /*background-color:#FFFFFF; */
        /*border:1px solid black;*/
}
* html #inhalt {
        margin:0px;                                                                      /* IE PX */
        margin-left:180px;
        padding-right:10px !important;
        w\idth:930px !important;
        /*background-color:#ee77cc;*/
        /*overflow-y:scroll;*/
        text-align:center !important;
        /*border:1px dashed black;*//*#ff0000;*/
}
#inhalt h1, #inhalt h2, #inhalt h2.ueber, #inhalt h3, #inhalt p {
        text-align:center;
}
#inhalt h1 { /* Ueberschriften analog Navi-inhalt ueber inc.php */
        color:#FF00FF;/*Fuchsia*/
        font-size:1.1em;
        font-weight:500;/*lighter;*/
        /*border:1px dashed red;*//*#ff0000;*/
}
* html #inhalt h1 {
        color:#ff0000;
        text-align:center !important;
        background-color:#FFFFFF;
        /*border:1px dashed green;/*#ff0000;*/
}
#inhalt h2 { /* Inhalt, Sponsoring, Impressum, AGB, alle Uebersichts- und Einzelbuchseiten */
        color:#BA55D3; /* lila */
        font-size:1em;
        font-weight:500;
        /*border:1px dashed red;*/
}
#inhalt h2.ueber { /* Ueberschriften analog Navi-inhalt ueber inc.php */
        color:rgb(170,71,186);/*lila*/
        font-size:1em;
        font-weight:bold;
        /*border:1px dashed red;*/
}
* html #inhalt h2 { /* Inhalt, Sponsoring, Impressum, AGB */
        font-size:1.1em;
        font-weight:bold !important;
        text-align:center;
        /*border:1px solid red;*/
}
#inhalt h3 { /* Einfuehrung in Kino-Malerei */
        font-size:0.85em;
        color:rgb(170,71,186);
        /*border:1px dashed red;*/
}
#inhalt h4 {/* Impressum */
        text-align:left;
        margin-left:2em;
        font-size:0.8em;
        color:rgb(170,71,186);
        /*border:1px dashed red;*/
}
#inhalt p {
        padding:0 3em;
        font-size:0.7em;
        /*border:1px solid red;*/
}
* html #inhalt p {
        font-size:0.8em;
        /*border:1px dashed black;*/
}
#inhalt p.infolinks, * p.infolinks { /* gruene Uebersichtsnavigation ueber den Inhalten und ani's ein- und ausschalten */
        text-align:center !important;
        font-size:0.75em;
        font-weight:bold !important;
        width:auto !important;
        /*border:1px dashed blue;*/
}
#inhalt p.infolinks a:link, * p.infolinks a:link { /* gruene Uebersichtsnavigation ueber den Inhalten und ani's ein- und ausschalten */
        color:#009900 !important;/*gruen*/
        background-color:#FFFFFF;
        /*border:1px dashed red;*//*#ff0000;*/
}
#inhalt p.infolinks a:hover, * p.infolinks a:hover {
        color:#BA55D3; /* lila */
        background-color:#FFFFFF;
}
#inhalt p.philosophie { /* Einleitungsseiten fuer jede Hauptlinie */
        margin:0 auto !important;
        padding:1.7em !important;
        text-align:center !important;
        width:39em;
        border:1px solid #faa0fb !important;
}
#inhalt p.philosophie_ { /* Einleitungsseite fuer Kino Blumen */
        margin:0 auto;
        padding:1.7em 2em !important;
        padding-left:1.5em !important;
        text-align:justify !important;
        width:38em !important;
        border:1px solid #faa0fb !important;
}
#inhalt p.block { /* Index, Inhalt, Texte und Sponsoren */
        margin-top:1.9em !important;
        text-align:justify !important;
        width:auto !important;
        /*border:1px solid red;*/
}
* html #inhalt p.block { /* Index, Inhalt, Texte und Sponsoren */
        font-size:0.8em;
        margin-right:10px;                                                               /* IE PX */
        text-align:justify;
        /*border:1px solid blue;*/
        width:500px;
}
#inhalt p.block a:link { /* Index, Inhalt, Texte und Sponsoren */
        color:#009900 !important; /* gruen */
        font-size:0.9em;
        background-color:#FFFFFF;
}
#inhalt p.block a:hover { /* Index, Inhalt, Texte und Sponsoren */
        color:rgb(170,71,186) !important; /* lila */
        background-color:#FFFFFF;
}
#inhalt p.block_ { /* nur Impressum */
        text-align:justify !important;
        margin-left:4em;
}
#inhalt p.d { /* p.d INHALT, weniger als eine Zeile, deshalb eigenes Format */
        width:auto !important;
        /*width:54.2em !important;*/
        text-align:center;
}
#inhalt p.d_sponsoren { /* nur Sponsoren */
        margin:1.7em auto !important;
        padding:0.7em 2em !important;
        text-align:center !important;
        width:40em !important;
        border:1px solid #faa0fb !important;
}
#inhalt p.d, #inhalt p.block, #inhalt p.d_sponsoren {
        font-size:0.8em;
        font-weight:normal !important;
        /*border:1px solid blue;*/
}
#inhalt p.d a:link { /*INHALT, weniger als eine Zeile, deshalb eigenes Format */
        color:#009900 !important;/*gruen*/
        background-color:#FFFFFF;
}
#inhalt p.d a:hover { /*INHALT, weniger als eine Zeile, deshalb eigenes Format */
        color:rgb(170,71,186) !important;/*lila*/
        background-color:#FFFFFF;
}
div.le img#b, div.left img#b { /* #b steht fuer border 1. Buch, Umschlag, pers. Seite und ani */
        margin:0.5em 0;
        border:1px solid silver !important;
}
div.ri img#bo { /* Einzelbuch Raster #bo steht fuer border 1. Buch, Umschlag, pers. Seite und ani */
        margin-top:1em;
        border:1px solid silver !important;
}
div.ri img#bw, div.middle img#bw, div.right img#bw { /* #b steht fuer border 2. und 3. Buch, Umschlag */
        margin:0.5em 0;
        border:1px solid #FFFFFF !important;
}
/* allgemeiner Teil beendet */
/*------------------------------------------------------------------------------*/
#inhalt p.block#ri { /* Texte WOOOOOOOOOOOOOOOOO */
        /*margin-top; 300px !important;
        width:8000px !important;*/
}
#inhalt p.format, * p.format { /* auf Uebersichtsseiten & Einzelseiten Format & AK Altersangaben */
        color:#808080;/*silber*/
        font-size:0.65em;
        text-align:center !important;
        text-decoration:none;
        /*border:1px solid red;*/
}
* html #inhalt p.format { /* Uebersichtsseiten Alter- und Formatangaben */
        font-size:0.65em;
        margin-bottom:15px;                                                              /* IE PX */
        /*border:1px solid red;*/
}
#inhalt p.kaufen, * p.kaufen {
	/*display:none; *//*hidden;*/
	color:#808080; /*silver;*/
	font-size:0.7em;
	text-align:center;
	margin:0.5em;
	margin-bottom:1em;
	text-decoration:none;
	background-color:#FFFFFF;
	/*border:1px solid rgb(170,71,186);*/
}
#inhalt p.p { /* Quellenangabe für Definition Daumenkino und Assoziationstechnik mit Unterseiten */
        font-size:0.65em;
        margin:0 50px 0 50px;                                                            /*  PX */
        text-align:center;
        /*background-color:orange;*/
}
#inhalt ul { /* Sponsoren und Assoziationstechnik mit Unterseiten */
        float:left;
}
#inhalt ul.liste, #inhalt ol.liste {/* Sponsoren und Assoziationstechnik mit Unterseiten */
        font-size:0.7em;
        padding:0.5em 8em;
        /*border:1px dashed #ff0000;*/
}
#inhalt ul.liste li {  /* Sponsoren und Assoziationstechnik mit Unterseiten */
        text-align:left;
        width:auto;                                                                    /* PX */
        /*border:1px dashed #ff0000; *//* red;*/
}
#inhalt img.up { /* Pfeil nach oben */
        clear:both;
        float:right !important;
        margin-right:1em !important;
        margin-bottom:0.5em !important;
        /*border:1px solid #faa0fb;*/
}
* html #inhalt img.up {
        margin-bottom:0 !important;                                                   
        padding-bottom:0;
        /*border:1px solid #faa0fb;*/
}
#inhalt img.trenn {/*Trennleiste im Inhalt*/
        text-align:center !important;
        width:30em;
        margin:0 !important;                                                    
        padding:0 !important;
        /*border:1px solid black;*/
}
/*------------------------------------------------------------------------------*/
/* alle Uebersichtsseiten ausser Kino Blumen und Anleitung fuer Kino-Malerei:bewirkt 2 Spalten */
#inhalt div.le, #inhalt div.ri {
        margin-top:1em;
        background-color:#FFFFFF;
        /*border:1px dashed red;*/
}
#inhalt div.le {
        margin-left:6em;
        float:left;
        width:14em !important;
        /*border:1px dashed red;*/
}
#inhalt div.ri {
        margin-top:1em;
        margin-right:6em;
        float:right !important;
        width:14em !important;
        /*border:1px dashed blue;*/
}
#inhalt div.le p.infolinks, #inhalt div.ri p.infolinks, #inhalt div.ri p.infolinks a.ri {
        margin:0.5em 0 !important;
        /*border:1px solid green;*/
}
#inhalt div.ri p.infolinks a.re { /*Korrektur für Raster*/
        width:15em !important;
        /*height:7em !important;*/
        margin-left:-2.4em !important;
        /*border:1px solid red;*/
}
#inhalt div.le h2, #inhalt div.ri h2, #inhalt div.clear h2.clear {
        margin:0.5em 0;
        /*border:1px dashed blue;*/
}
#inhalt div.le img.le, #inhalt div.ri img.ri, #inhalt div.clear img.clear {
        margin-top:0.5em;
        /*border:1px solid green;*/
}
#inhalt img.le, #inhalt img.ri, #inhalt img.clear { /* Raster Einzelbuch funktioniert */
        margin:0.5em 0;
        /*text-align:center !important;*/
        /*border:1px solid green;*/
}
#inhalt div.le p.le, #inhalt div.ri p.ri { /* nur Animationen fuer Kinder wegen Formatangaben auf Uebersichtsseite */
        color:#808080;/*silber;*/
        font-size:0.7em;
        margin-top:0.2em !important;
        padding-right:0;
        text-align:center  !important;
        width:13em !important;
        background-color:#FFFFFF;
        /*border:1px dashed red; *//*transparent;*/
}
#inhalt div.le p.format, #inhalt div.ri p.format {
        padding:0 0 !important;
}
#inhalt div.clear {
        clear:both !important;
        margin-top:1.5em !important;
        padding:0 0 !important;
        text-align:center !important;
        width:auto !important;
}
#inhalt div.clear p.clear {
        color:#808080;/*silber;*/
        /*font-weight:bold;*/
}
* html #inhalt div.le {
        /*border:1px solid green;*/
}
* html #inhalt div.ri {
        margin:0px !important;
        margin-right:20px;
        /*margin-right:5px;*/                                                            /* PX */
        w\idth:225px;
        /*border:1px dashed green;*/
}
* html #inhalt img.le, #inhalt img.ri {
        /*border:1px dashed red;*/
}
/*------------------------------------------------------------------------------*/
 /* Uebersichtslink der Einzelbuecher AK */

div.makile, div.makiri {
        background-color:#FFFFFF;
}
div.makile {
        margin:1em 0 !important;
        margin-left:3.5em !important;
        padding-top:0.5em !important;
        float:left;
        width:11em !important;
        /*background-color:#6666FF !important;*/  /* flieder */
        /*border:1px solid red;*/
}
div.makile img#b {
        margin-top:1em 0;
        border:1px solid silver !important;
}
div.makiri {
        margin-top:0 !important;
        float:right !important;
        margin-right:3.5em !important;
        padding:0 !important;
        width:24.em !important;
        /*background-color:#6666FF !important;*/  /* flieder */
        /*border:1px solid green;*/
}
div.makiri h2.makiri {
        margin-top:0 !important;
}
div.makiri p.text, div.makiri p.format, div.makiri p.kaufen  {
        margin-top:0.9em !important;
        /*border:1px solid green;*/
}
div.makiri p.text {
        text-align:justify !important;
}
div.makiri p.format {
        /*width:37em !important;*/
        text-align:center !important;
}
div.makiri p.kaufen {
        width:34em !important;
}
#inhalt div.clear {
        clear:both !important;
}
#inhalt div.clear div.makile {
        margin-left:5em;
        float:left;
        width:11em !important;
        /*border:1px solid green;*/
}
#inhalt div.clear div.makiri {
        margin-top:1em !important;
        margin-right:5em !important;
        padding:0 !important;
        float:right !important;
        /*width:34em !important;*/
        border:1px solid green;
}
#inhalt div.clear, div.makiri h2.makiri {
        margin-top:2em !important;
}
div.makiri p.text, div.makiri p.format, div.makiri p.kaufen  {
        margin-top:1em !important;
        padding:0 !important;
        float:right !important;
        width:34em !important;
        /*border:1px solid green;*/
}
div.makiri p.text {
        text-align:justify !important;
}
div.makiri p.format {
        width:37em !important;
        text-align:center !important;
}
div.makiri p.kaufen {
        width:34em !important;
}


/*------------------------------------------------------------------------------*/
/* Uebersichtsseiten Kino Blumen:bewirkt 3 Spalten */
#inhalt div.rand {
        width:auto;
        background-color:#FFFFFF;
        /*border:1px solid green;*/
}
#inhalt div.rand div.left, #inhalt div.rand div.middle, #inhalt div.rand div.right {
        margin-top:1em!important;
        width:11em !important;
        background-color:#FFFFFF;
        /*border:1px dashed blue;*/
}
#inhalt div.rand div.left {
        margin-left:2.1em;
        float:left;
        /*border:1px dashed silver;*/
}
#inhalt div.rand div.middle {
        float:left;
        margin:1em 2em 0 3.6em !important;
        width:11em;
        /*border:1px dashed silver;*/
}
#inhalt div.rand div.right {
        float:right;
        margin:1em 2.1em 0 0 !important;
        /*border:1px dashed silver;*/
}
#inhalt div.rand div.left p.infolinks, #inhalt div.rand div.middle p.infolinks, #inhalt div.rand div.right p.infolinks  {
        margin:0 !important;
        padding:0;
        text-align:center !important;
        background-color:#FFFFFF;
        /*border:1px dashed red;*/
}
#inhalt div.rand div.left h2.left, #inhalt div.rand div.middle h2.middle, #inhalt div.rand div.right h2.right {
        margin:0.5em 0;
        /*border:1px dashed blue;*/
}
#inhalt div.rand div.left img.left, #inhalt div.rand div.middle img.middle, #inhalt div.rand div.right img.right {
        /*height:8em;*/
        margin-top:0.5em !important;
        text-align:center !important;
        /*background-color:yellow;*/
        /*border:1px inset red;*/
}
#inhalt div.left img#b { /* #b steht fuer border 1. Buch, Umschlag, pers. Seite und ani */
        border:1px solid silver;
}
/*------------------------------------------------------------------------------*/
#inhalt div.center p { /* auf Impressum Bereich für Geschäftsangaben */
        margin-left:8em;
        text-align:justify;                                                              /* PX */
}
#inhalt p.* img { /*WO BIST DU?*/
        color:#000000;
        margin-bottom:-0.3em !important;
        background-color:yellow;
        border:3px solid blue !important;
}