body 
{
font-family:courier new, serif; 
color:#999999; 
font-size:10.5pt;
left:0px; 
top:0px;
}

/* ANFANG  STYLES AUF DER STARTSEITE */

h1.startlinks  /*Links auf der indexseite zu den Hauptseiten*/
{
color:#999999; 
font-size:12pt;
} 

.ikadu  /*IKADU-Link auf der indexseite zur Haupt-Verteiler-Seite*/
{
color:#999999; 
font-size:48pt;
}

table.start
{
height:100%;
}

div.info /* Stichwörter unten auf der indexseite */
{
	font-family: Verdana,Helvetica,Arial;
	position:absolute;
	color:#DCDCDC;
	font-size:10px;
	/*visibility: hidden;*/
	bottom: 2em;
	right: 20%; 
	left: 20%; 
} 

/* ENDE  STYLES AUF DER STARTSEITE */

/* ANFANG  STYLES AUF DEN UNTERSEITEN */

div.menuline /* Layer für Menue links - Linien im Hintergrund*/
{
position:absolute;
left:0px; 
top:0px;
width:11em;
height:39.5em; 
z-index:1;
}

div.menutext /* für Tabelle für Hauptmenue links */
{
position:absolute;
font-family:courier new, serif; 
color:#999999; 
font-size:10.5pt;
text-align:right;
left:0px; 
top:0px;
width:11em;
height:39.5em; 
z-index:12;
}

table.menulist /* Tabelle für Text des Hauptmenues links*/
{
/*border-spacing:10px;*/
font-size:10.5pt;
text-align:right;
}

table.wie_man /* Tabelle für die "wie man ..."-Tipps */
{
font-family:verdana,tahoma,arial; 
font-size:8pt;
border:0;
padding:5px;
}

h2.wieman /* überschriften der "wie man ..."-Tipps */
{
font-family:courier new, serif;
color:#cc6666;
font-size:12pt;
}

td.menuliste /* Tabellenzellen im Hauptmenü */
{
height:2.1429em;
text-align:top;
}

table.beispiele /* Tabelle für die icon-Menüs auf den Hauptseiten */
{
width:650px;
font-size:10.5pt;
border:0;
padding:5px;
}

table.bsp /* Tabelle für großes Beispielbild und erklärenden Text daneben */
{
width:42.8571em;
font-size:10.5pt;
border:0;
padding:0;
spacing:0;
}

table.orchester /*verschachtelte Spezialtabelle*/
{
width:650px;
font-family:verdana,tahoma,arial; 
font-size:9pt;
border:0;
padding:0;
spacing:0;
}

td.bsp_einzel /* für die Zelle in der die großen Einzelbeispielbilder sind */
{
text-align:right;
width:28.5714em;
}

.icon /* für 50x50px-großen Beispiel-Icons zum Anklicken */
{
width:3.5714em;
height:3.5714em;
border-top-width:10;
border-color:ffffff;
}

div.obenbild /* Hintergrundbild oben auf den Hauptseiten */
{
position:absolute;
width:60.0714em;
left:11em; 
height:16.4286em;
top:0px; 
z-index:1; 
}

div.obenbild_bsp /*  Hintergrundbild oben auf den Unterseiten, Beispielseiten */
{
position:absolute;
width:60.0714em;
left:11em; 
height:10em;
top:0px; 
z-index:1; 
}

.obentext /*nicht verwendet*/
{
position:absolute;
/*
width:60.0714em;
left:11em; 
height:??em;
*/ 
top:0px; 
text-align:bottom;
z-index:11; 
}


.leotext
{
font-family:verdana,tahoma,arial; 
font-size:11.5pt;
text-align:justify;
padding-right:50px;
padding-left:50px
}


div.name /*  "IKADU -Grafik und Gestaltung" im Kopf auf den Hauptseiten*/
{
position:absolute; 
left:17.1429em; 
top:10.7143em; 
width:15.2143em; 
height:4.2857em; 
z-index:4
}

div.name_bsp /* "IKADU -Grafik und Gestaltung" im Kopf auf den Unter-/Beispielseiten*/
{
position:absolute; 
left:17.1429em; 
top:4.2857em; 
width:15.2143em; 
height:4.2857em; 
z-index:4
}

div.berlin /* "Angelika Dufft - Berlin" im Kopf auf den Hauptseiten */ 
{
position:absolute; 
right:1.4286em; 
top:14.2857em; 
width:14.2857em; 
height:1.4286em; 
z-index:5
}

div.berlin_bsp /* "Angelika Dufft - Berlin" im Kopf auf den Unter-/Beispielseiten*/ 
{
position:absolute; 
right:1.4286em; 
top:7.8571em; 
width:14.2857em; 
height:1.4286em; 
z-index:5
}

.ad /* Ersatz für at-Zeichen in Email-Adressen */
{
width:1.4286em;
height:1em; 
}

.hinweis /*kleine Hinweis-Pfeile bei Beispielbeschreibungen  width="17" height="16"*/
{
 width:1.2143em; 
 height:1.1429em;
 border:0;
}

.logo2 /* großes Schnecken-logo auf jeder Seite unterm Hauptmenue */
{
 width:7.6429em; 
 height:7.5em;
 border:0;
}

.line /* einzelnene Karo-Linien, z.B. auf der Kontakte-Seite und auf den Foto-Listen-Seiten */
{
width:37.7143em;
height:1.1429em;
}

.punkt /* einzelner Karo-Punkt, z.B. auf der Neuigkeiten-Seite */
{
width:1.1429em;
height:1.1429em;
}

div.content /* mit dem Hauptinhalt der Seite -Texte, Bilder auf den Hauptseiten */
{
position:absolute;
left:17.1429em; 
top:17.8571em; 
max-width:650px; 
background-color:#ffffff;
z-index:6; 
/*overflow: auto;*/

}
div.content_bsp /* mit dem Hauptinhalt der Seite -Texte, Bilder auf den Hauptseiten */
{
position:absolute;
left:17.1429em; 
top:10em; 
max-width:650px; 
background-color:#ffffff;
z-index:6; 
/*overflow: auto;*/
}

div.menu_bsp /* Icon-Menü  auf den Beispielseiten */
{
position:absolute;
left:17.1429em; 
top:28.5714em; 
max-width:650px; 
background-color:#ffffff;
z-index:6; 
}

.mini /* kleine Schrift unter dem Logo links mit Aktualisierungsdatum*/
{
font-size:7pt;
font-family:verdana,tahoma,arial; 
color:#b3b3b3;
text-align:right; 
}

.mini2 /* nicht verwendet */
{
font-size:7pt;
font-family:verdana,tahoma,arial; 
color:#b3b3b3;
text-align:center; 
}
.minik /* kursive, kleine Schrift - z.B. bei der Marienerscheinung*/
{
font-size:7pt;
font-style:italic;
font-family:verdana,tahoma,arial; 
color:#b3b3b3;
text-align:right; 
}

/* ENDE  STYLES AUF DEN UNTERSEITEN  */

/* ANFANG  SONSTIGES UND ALLGEMEINES */

.rechts
{
text-align:right;
}

.links
{
text-align:left;
}

.mitte
{
text-align:center;
}

.normaltext 
{
font-family:courier new, serif; 
color:#999999; 
font-size:10.5pt;
}

/* andere Fontgrößen - auch als class für z.B. <br> einsetzbar!!! */
.size00 {font-size: 0pt; }
.size04 {font-size: 4pt; }
.size05 {font-size: 5pt; }
.size06 {font-size: 6pt; }
.size07 {font-size: 7pt; }
.size08 {font-size: 8pt; }
.size09 {font-size: 9pt; }
.size10 {font-size: 10pt; }
.size11 {font-size: 11pt; }
.size12 {font-size: 12pt; }
.size13 {font-size: 13pt; }
.size14 {font-size: 14pt; }
.size15 {font-size: 15pt; }
.size16 {font-size: 16pt; }
.size17 {font-size: 17pt; }
.size18 {font-size: 18pt; }
.size19 {font-size: 19pt; }
.size20 {font-size: 20pt; }
.size21 {font-size: 21pt; }
.size22 {font-size: 22pt; }
.size23 {font-size: 23pt; }
.size24 {font-size: 24pt; }
.size28 {font-size: 28pt; }
.size30 {font-size: 30pt; }
.size36 {font-size: 36pt; }
.size40 {font-size: 40pt; }
.size50 {font-size: 50pt; }
.size60 {font-size: 60pt; }
.size70 {font-size: 70pt; }
.size80 {font-size: 80pt; }
.size90 {font-size: 90pt; }
.size100 {font-size: 100pt; }
.size110 {font-size: 110pt; }
.size120 {font-size: 120pt; }

/* Fontfarben*/

.f_schwarz {color: #000000;}
.f_textgrau {color: #999999;}
.f_grau80 {color: #545454;}
.f_grau60 {color: #888888;}
.f_grau40 {color: #B3B3B3;}
.f_grau20 {color: #DBDBDB;}
.f_weiss {color: #F0F5D7;}
.f_rot {color: #cc6666;}
.f_gruen {color: #809765;}

/*  Fontgewichte */
.leichter {font-weight: normal;}
.fett {font-weight: bold;}
.leicht {font-weight: lighter;}/* um Überschriften (H1-H6) wie normal aussehen zu lassen*/

/* standardlinks*/
a:link{color:#999999; text-decoration: none;}
a:visited{color:#999999; text-decoration: none;}
a:hover{color:#cc6666; text-decoration: none;}
a:active{color:#cc6666; text-decoration: none;}

.inl /* nicht verwendet */
{
display:inline;
}