/* ====================================================================== */ 
 /* Definierte Elemente                                                    */   
body { background-color: #F7F7F7; background-image:  url("bilder/Hintergrund.jpg"); background-repeat:no-repeat; background-attachment:fixed;  background-position:center;  background-position:top; } 
/* */

/* EBENEN */
/* background-image: url(bilder/xxx.jpg);  */

#NavigationBG { position:fixed; height: 74px; width: 100%; left: 0px; top: 0px; margin-top: 0px; margin-left: 0px; padding:0px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 100; border-width: 0px; border-style:solid; border-color:#FF0000; background-color:#5A7395; } 
#Logo { position: absolute; height: 74px; width: 216px; left: 4px; top: 0px; margin-top: 0px; margin-left: 0px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 100; border-width: 0px; border-style:solid; border-color:#FF0000;   } 
#Navigation { position: absolute; height: 74px; width: 994px; left: 50%; top: 0px; margin-top: 0px; margin-left: -500px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 101; border-width: 0px; border-style:solid; border-color:#FF0000;   } 
/* @media screen and (max-width: 60em) {
#Navigation { position: absolute; height: 74px; width: 100%; left: 0px; top: 30px; margin-top: 0px; margin-left: 0px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 101; border-width: 0px; border-style:solid; border-color:#FF0000;   } 
}
@media only screen and (max-width : 30em) {
#Navigation { position: absolute; height: 74px; width: 100%; left: 0px; top: 30px; margin-top: 0px; margin-left: 0px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 101; border-width: 0px; border-style:solid; border-color:#FF0000;   } 
}  */

#Bildzeile1 { position: absolute; height: 220px; width: 100%; left: 0px; top: 77px; margin-top: 0px; margin-left: 0px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 10; border-width: 0px; border-style:solid; border-color:#FF0000;  } 
#Bildzeile2 { position: fixed; height: 330px; width: 1280px; left: 50%; top: 300px; margin-top: 0px; margin-left: -640px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 10; border-width: 0px; border-style:solid; border-color:#FF0000; background-image:  url("bilder/Logo_gross.png"); background-repeat:no-repeat;  background-position:center; } 

#Inhalt-Komplett { position: absolute; height: auto; width: 994px; left: 50%; top: 330px; margin-top: 0px; margin-left: -500px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 20; border-width: 0px; border-style:solid; border-color:#FAFFD7;   } 
#Inhalt1 { position: relative; height: 1100px; width: 100%; left: 0px; top: 0px; clip:rect(   ); overflow::hidden; visibility: visible; z-index: 2; padding-bottom:16px; border-width: 0px; border-style:solid; border-color:#C2BE4D; margin-bottom:0px; }
#Inhalt2 { position: relative; height: auto; width: 98%; left: 0px; top: 0px; clip:rect(   ); overflow::hidden; visibility: visible; z-index: 2; padding-bottom:16px; background-color:#F7F7F7; opacity:1; border-width: 0px; border-style:solid; border-color:#F7F7F7; margin-top:0px; margin-bottom:216px; background-image:  url('bilder/muschieln_viele_gross.jpg'); background-position:center;  background-position:middle; background-attachment:fixed; }

/* #Abfrage { position: absolute; height: 124px; left: 20px; top: 20px; right:20px; margin-top: 0px; margin-left: 0px; padding:0px; clip:rect(   ); overflow: hidden; visibility: visible; z-index: 200; border-width: 2px; border-style:solid; border-color:#5A7395; background-color:#FFFFFF; }  */
#Abfrage { position: absolute; visibility: hidden; height: 360px; left: 20px; top: 720px; right:20px; margin-top: 0px; margin-left: 0px; padding:0px; clip:rect(   ); overflow: hidden; z-index: 200; border-width: 2px; border-style:solid; border-color:#5A7395; background-color:#FFFFFF; } 

/* Überschriften */
h1 { Color : #597395; margin:16px; font-size:32px; font-family:Arial,Helvetica,sans-serif; font-weight: bold; padding-top:12px;  }  
h1.navigation { Color : #5A7395; margin:4px; font-size:32px; font-family:Arial,Helvetica,sans-serif; font-weight: bold; padding-top:4px;  }  
h2 { Color : #597395; margin:16px; font-size:24px; font-family:Arial,Helvetica,sans-serif; font-weight: bold;  }  

/* Normaler Text        */  
p { padding: 6px 24px 6px 16px; margin:0px; font-size:16px; font-family:Arial,Helvetica,sans-serif; text-align:justify;  }  
p.Navigation { padding:0px; margin:0px; margin-top:30px; font-size:18px; color:#FFFF99; text-align:center;  }
p.Behandlung { padding: 6px 24px 6px 16px; margin:0px; font-size:16px; font-family:Arial,Helvetica,sans-serif; text-align:justify; background-color: #F7F7F7;   }  
p.Dauer { padding:0px; padding-right: 12px; padding-bottom: 12px; margin:0px; margin-right: 136px; font-size:18px; color:#597395; text-align:right;  }
p.Preis { padding:0px; padding-right: 12px; margin:0px; margin-bottom: 24px; margin-right: 136px; font-size:18px; color:#597395; text-align:right;  }

 
td { vertical-align:top; border-width: 0px; border-style:solid; border-color:#DDDDDD; } 
td.intrans { opacity:1;  }


a:link { color:#5A7395; text-decoration: underline; } 
a:visited { color:#5A7395; text-decoration: none;  } 
a:active { color:#5A7395; text-decoration: none;  } 
a:hover { color:#5A7395; text-decoration: underline;  } 

a.navi { padding:0px 2px 0px 12px; }
a.navi:link { color:#FFFF99; text-decoration: none; } 
a.navi:visited {color:#FFFF99; text-decoration: none; } 
a.navi:active { color:#FFFF99; text-decoration: none; } 
a.navi:hover { color:#FFFF99; text-decoration:underline; } 

a.bild {  }                                                      
a.bild:link { color:#000000; text-decoration:none; border:0px; } 
a.bild:visited { color:#000000; text-decoration:none; border:0px; } 
a.bild:active { color:#000000; text-decoration:none; border:0px; } 
a.bild:hover { color:#000000; text-decoration:none; border:0px; } 




 /* Überschriften H1-H6                                                    */  
h1,h2,h3,h4,h5,h6 { font-family:Arial,Helvetica,sans-serif; }  
 

h3 { Color : #4D5F76; padding: 8px; margin-top:12px; margin-bottom:0px; font-size:16px; } 
h4 { font-size:16px; }  
h5 { Color : #000000; padding:0.3em 0.3em 0.3em 0.3em; margin:2px 0px 2px 0px; font-size:14px; font-family:Arial,Helvetica,sans-serif; font-weight: bold; }  
h6 { Color : #000000; padding:0.3em 0.3em 0.3em 0.3em; margin:2px 0px 2px 0px; font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight: bold;  }   

p.navilinkstop { text-align:left;  padding:4px 8px 4px 8px; margin: 0px; color:#999999; font-weight:bold;  background-color: #FFFFFF; border: solid; border-width: 1px; border-color: #ECEFF5 #CACED3 #CACED3 #ECEFF5; }  
p.navilinks { text-align:left; padding:4px; margin: 0px; background-color: #DBDFE4; border: solid; border-width: 1px; border-color: #ECEFF5 #CACED3 #CACED3 #ECEFF5; }  


/* formatierter Text                                                      */  
pre { font-size:1.0em; font-family:Arial,Helvetica,sans-serif; }

 /* Listen                                                                 */  
ul { font-size:1.0em; font-family:Arial,Helvetica,sans-serif; } 
ol { font-size:1.0em; font-family:Arial,Helvetica,sans-serif; } 
li { font-size:1.0em; font-family:Arial,Helvetica,sans-serif; }  

/* Tabellen                                                               */  

th { padding: 6px 8px 6px 8px; margin:2px 0px 2px 0px; font-size:12px; font-family:Arial,Helvetica,sans-serif; }  

/* HyperLinks                                                             */  

/*
a.topnavi:link { font-size:12px; color:#FFFFFF; padding:2px 8px 2px 8px; text-decoration: none; } 
a.topnavi:visited { font-size:12px; color:#FFFFFF; padding:2px 8px 2px 8px; text-decoration: none; } 
a.topnavi:active { font-size:12px; color:#FFFFFF; padding:2px 8px 2px 8px; text-decoration: none; } 
a.topnavi:hover { font-size:12px; color:#775577; padding:2px 8px 2px 8px; text-decoration:none;background-color:#FFFFFF;   } 
*/

a.topnavi { font-size:12px; border: solid; border-width: 1px; border-color: #6D7F98 #2B3D54 #2B3D54 #6D7F98; }
a.topnavi:link { color:#FFFFFF; padding:0px 8px 0px 8px; text-decoration: none; background-color: #4D5F76; } 
a.topnavi:visited { color:#FFFFFF; padding:0px 8px 0px 8px;  text-decoration: none; background-color: #4D5F76; } 
a.topnavi:active { color:#FFFFFF; padding:0px 8px 0px 8px; text-decoration: none; background-color: #4D5F76; } 
a.topnavi:hover { color:#FFFFFF; color:#4D5F76; padding:0px 8px 0px 8px; text-decoration:none;background-color:#FFFFFF;   } 

a.topnavi2 { font-size:14px; padding:0px 16px 0px 16px; border: solid; border-width: 1px; border-color:#6D7F98 #2B3D54 #2B3D54 #6D7F98; }
a.topnavi2:link { color:#FFFFFF; text-decoration: none; background-color: #4D5F76; } 
a.topnavi2:visited {color:#FFFFFF; text-decoration: none; background-color: #4D5F76; } 
a.topnavi2:active { color:#FFFFFF; text-decoration: none; background-color: #4D5F76; } 
a.topnavi2:hover { color:#4D5F76; text-decoration:none;background-color:#FFFFFF;   } 

 /* verschiedene Tags                                                      */ 
div { font-family:Arial,Helvetica,sans-serif;  } 
address { font-family:Arial,Helvetica,sans-serif; } 
blockquote { font-family:Arial,Helvetica,sans-serif; } 
nobr { font-family:Arial,Helvetica,sans-serif; } 
b {font-family:Arial,Helvetica,sans-serif; } 
i { font-family:Arial,Helvetica,sans-serif; }  

/* ====================================================================== */  
/* mögliche Angaben - Textformatierung                                    */  
 /* color           = Farbe (hexadezimal)                                  */ 
/* font-size       = Schriftgroesse - numerisch                           */  
/* font-family     = Schriftart                                           */                       
 /* font-style      = Schriftstil                                          */
 /*    italic  = kursiv                                                    */ 
/*    oblique = kursiv                                                    */ 
/*    normal  = normal                                                    */ 
/* font-variant    = Schriftvariante                                      */
 /*    small-caps = Kapitälchen                                            */ 
/*    normal     = normal                                                 */ 
/* font-weight     = Schriftgewicht - numerische Angaben oder             */
 /*    bold    = fett                                                      */ 
/*    bolder  = extra-fett 						  */ 
/*    lighter = dünner 							  */ 
/* word-spacing    = Wortabstand - numerisch                              */
 /* letter-spacing  = Zeichenabstand - numerisch                           */
 /* text-decoration = Textstil                                             */ 
/*    underline   = unterstrichen                                         */ 
 /*    overline    = überstrichen                                          */
 /*    line-through= durchgestrichen                                       */
 /*    blink       = blinkend                                              */
 /*    none        = normal                                                */
 /* text-transform  = Texttransformation                                   */
 /*    capitalize = Kapitälchen                                            */ 
 /*    uppercase  = Großbuchstaben                                         */ 
 /*    lowercase  = Kleinbuchstaben                                        */
 /*    none       = normal                                                 */  
 /* ====================================================================== */ 
 /* mögliche Angaben - Abstände, Ränder, Ausrichtung                       */   
/* margin-top      = Abstand zw. Fensterrand und Inhalt oben - numerisch  */ 
/* margin-bottom   = Abstand zw. Fensterrand und Inhalt unten - numerisch */ 
/* margin-left     = Abstand nach links - numerisch                       */ 
/* margin-right    = Abstand nach rechts - numerisch                      */ 
/* text-indent     = Texteinrückung für die erste Zeile - numerisch       */ 
/* line-height     = Zeilenhöhe - numerisch                               */  
/* vertical-align  = Vertikale Ausrichtung z.B. in Tabellenfeldern        */  
/*    top         = obenbündig ausrichten.                                */  
/*    middle      = mittig ausrichten.                                    */  
/*    bottom      = untenbündig ausrichten.                               */  
/*    baseline    = an der Basislinie ausrichten                          */ 
 /*    sub         = tieferstellen (ohne die Schriftgröße zu reduzieren).  */  
/*    super       = höherstellen (ohne die Schriftgröße zu reduzieren).   */  
/*    text-top    = am oberen Schriftrand ausrichten.                     */  
/*    text-bottom = am unteren Schriftrand ausrichten)                    */  
/* text-align      = Horizontale Ausrichtung                              */  
/*    left    = linksbündig ausrichten (Voreinstellung).                  */  
/*    center  = zentriert ausrichten.                                     */  
/*    right   = rechtsbündig ausrichten.                                  */  
/*    justify = als Blocksatz ausrichten. )                               */    
/* ====================================================================== */  
/* mögliche Angaben - Rahmen und Innenabstände                            */   
/* border-top-width    = Rahmendicke oben (numerisch oder                 */  
/*    thin   = dünn                                                       */  
/*    medium = mittelstark                                                */  
/*    thick  = dick                                                       */  
/* border-bottom-width = Rahmendicke unten (s.o.)                         */ 
/* border-left-width   = Rahmendicke links (s.o.)                         */ 
/* border-right-width  = Rahmendicke rechts (s.o.)                        */ 
/* border-width        = Rahmendicke alle Seiten (s.o.)                   */ 
/* border-color        = Randfarbe                                        */ 
/* border-style        = Randstil                                         */
 /*    none   = kein Rahmen (bzw. unsichtbarer Rahmen).                    */
 /*    dotted = gepunktet.                                                 */ 
/*    dashed = gestrichelt.                                               */
 /*    solid  = durchgezogen.                                              */ 
/*    double = doppelt durchgezogen.                                      */
 /*    groove = 3D-Effekt.                                                 */ 
/*    ridge  = 3D-Effekt.                                                 */ 
/*    inset  = 3D-Effekt.                                                 */ 
/*    outset = 3D-Effekt.                                                 */ 
/* padding-top         = Innenabstand oben - numerisch                    */ 
/* padding-bottom      = Innenabstand unten - numerisch                   */ 
/* padding-left        = Innenabstand links - numerisch                   */ 
/* padding-right       = Innenabstand rechts - numerisch                  */ 
/* padding             = Innenabstand allgemein - numerisch               */  
/* ====================================================================== */  
/* mögliche Angaben - Hintergrundfarben und -bilder                       */   
/* background-color      = Hintergrundfarbe                               */ 
/* background-image:url([Dateiname]) = Hintergrundbild                    */ 
/* background-repeat     = Wiederholungs-Effekt                           */  
/*    repeat    = wiederholen (Voreinstellung).                           */ 
/*    repeat-x  = nur "eine Zeile lang" waagerecht wiederholen.           */ 
/*    repeat-y  = nur "eine Spalte lang" senkrecht wiederholen.           */ 
/*    no-repeat = nicht wiederholen, nur als Einzelbild anzeigen          */ 
/* background-attachment = Wasserzeichen-Effekt                           */ 
/*    scroll = mitscrollen;                                               */ 
/*    fixed  = Hintergrundbild bleibt stehen                              */ 
/* background-position   = Hintergrundposition                            */ 
/*    top    = vertikal obenbündig.                                       */ 
/*    center = horizontal zentriert.                                      */ 
/*    middle = vertikal mittig.                                           */ 
/*    bottom = vertikal untenbündig.                                      */ 
/*    left   = horizontal linksbündig.                                    */ 
/*    right  = horizontal rechtsbündig                                    */  
/* ====================================================================== */  
/* mögliche Angaben - Listen                                              */   
/* list-style-type = Darstellungstyp                                      */ 
/*    decimal     = für <ol>-Listen: Numerierung 1.,2.,3.,4. usw.         */ 
/*    lower-roman = für <ol>-Listen: Numerierung i.,ii.,iii.,iv. usw.     */ 
/*    upper-roman = für <ol>-Listen: Numerierung I.,II.,III.,IV. usw.     */ 
/*    lower-alpha = für <ol>-Listen: Numerierung a.,b.,c.,d. usw.         */ 
/*    upper-alpha = für <ol>-Listen: Numerierung A.,B.,C.,D. usw.         */ 
/*    disc        = für <ul>-Listen: Dateisymbol als Bulletzeichen        */ 
/*    circle      = für <ul>-Listen: rundes Bulletzeichen                 */ 
/*    square      = für <ul>-Listen: rechteckiges Bulletzeichen           */ 
/*    none        = kein Bulletzeichen, keine Numerierung                 */ 
/* list-style-position = Listeneinrückung                                 */ 
/*    inside      = eingerückt.                                           */ 
/*    outside     = ausgerückt (Voreinstellung).                          */ 
/* list-style-image:url([Dateiname]) = Eigene Bullet-Grafik               */