/* ******************** */
/* Oben                 */
/* ******************** */

#oben {
/* Rahmen:
   border-width:1px;
   border-style:solid;
   border-color:black;  */

/* Ausrichtung:  */
   /*  margin-top: 320px;    wird hier nicht interpretiert, nur in "Struktur" */
   /*  margin-left:  5%;     wird hier nicht interpretiert, nur in "Struktur" */
   /*  margin-right: 55%;    wird hier nicht interpretiert, nur in "Struktur" */

/* Text:  */
   color: #1656CE;
   vertical-align: middle;
   text-align: center;
   text-decoration: none;
   text-align: center;
   font-size: 16px;
   line-height: 40px;

/* Hintergrund */
   background:          none;      /* logo-mit-see_400.jpg */
   background-image:    url(../bilder/logo-mit-see-ohne-kreis_02_bunt_150.jpg);
   background-repeat:   no-repeat;
   background-position: right center;
   }

#oben a {
   font-size: 30px;
   font-weight: bold;
   text-decoration: none;   /* muß deklariert sein, sonst gibt's Interaktionen mit anderen Link-Formationen */
   color: #1656CE;          /* muß deklariert sein, sonst gibt's Interaktionen mit anderen Link-Formationen */
   }

#oben2 {
/* Text:  */
   color: #1656CE;                        /* oben2 ist für die Deklaration des Bildes in der Datei */
   vertical-align: middle;
   text-align: center;
   text-decoration: none;
   text-align: center;
   font-size: 16px;
 /*  line-height: 40px; */
   }

#oben2 a {
   font-size: 30px;
   font-weight: bold;
   text-decoration: none;   /* muß deklariert sein, sonst gibt's Interaktionen mit anderen Link-Formationen */
   color: #1656CE;          /* muß deklariert sein, sonst gibt's Interaktionen mit anderen Link-Formationen */
   }


/* ******************** */
/* Navigation           */
/* ******************** */

/* Definitionsbereich "nav" */
#nav   {
/* Rahmen                  */
   border-width: 0px;
   border-style: solid;
   border-color: black;

/* Ausrichtung */
   margin-left: 0px;    /* außerhalb des Rahmens, Abstand links  der 'Navigation' wird in 'Struktur' definiert */
   margin-right: 15px;  /* außerhalb des Rahmens, Abstand rechts zwischen 'Navigation' und 'Seite' */
   float: left;
   width: 200px;        /* die Weite wird durch den längsten Link = breiteste Zelle definiert */

   /* ALLES ÄNDERT SICH WENN WIDTH GEÄNDERT WIRD !!!! */

/* Abstand zwischen den Zellen; Wichtig: (cellpadding="0" cellspacing="0") muß in jedem <Table> stehen !!!*/
   border-spacing: 2px; /* wird nur von MFF interpretiert, aber nicht von MSIE */
   padding:        1px; /* MSIE: Abstand zwischen den Zellen, MFF: Rand um Zellen */

/* Darstellung */
   background: none;
   }

/* Navigations-Ebenen */
.I  {
   padding: 0px 8px 1px 5px;   /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   background-color:#A5CAED;
   }
.O  {
   padding: 0px 8px 1px 5px;   /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   background-color:#EBD088;   /* grau: C5CDF1, sattes orange: EEA63B, graues orange: EBD088  */

   color:           #000000;
   text-decoration: none;
   font-size:       15px;
   font-weight:     normal;
   text-align:      left;
   font-family:     "Comic Sans MS";     /* "Comic Sans MS" - serif - ... */

   display:        block;   /* Darstellung als Zelle */
   /*margin-bottom:   0px;  /* MSIE: unterer Rand in den Zellen (also in der Farbe der Zelle) */
                            /* MFF : Abstand zwischen den Zellen (also in der Farbe des Hintergrundes) */
   /*height:          1em;  /* Verwirrt nur den MFF */
   }
.II  {
   padding: 0px 8px 1px 15px;  /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   background-color:#CBF3F1;   /* helltürkis: A5D6ED, mittleres orange: ECC544,  */
   }
.OO  {
   padding: 0px 8px 1px 15px;  /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   background-color:#ECC544;   /* helltürkis: A5D6ED, mittleres orange: ECC544,  */
   }
.III  {
   padding: 0px 8px 1px 25px;  /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   background-color:#5ED5EA;   /* ganz hellblau: C5DAF1, helles orange: EBE158 */
   }
.OOO  {
   padding: 0px 8px 1px 25px;  /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   background-color:#EBE158;   /* ganz hellblau: C5DAF1, helles orange: EBE158 */
   }

/* Darstellung von "nicht besuchten Links(link)" und "besuchten Links (visited)" in "nav" */
#nav a:link, #nav a:visited  {
   color:           #000000;
   text-decoration: none;
   font-size:       15px;
   font-weight:     normal;
   text-align:      left;
   font-family:     "Comic Sans MS";     /* "Comic Sans MS" - serif - ... */

   display:        block;   /* Darstellung als Zelle */
   /*margin-bottom:   0px;  /* MSIE: unterer Rand in den Zellen (also in der Farbe der Zelle) */
                            /* MFF : Abstand zwischen den Zellen (also in der Farbe des Hintergrundes) */
   /*height:          1em;  /* Verwirrt nur den MFF */
   }

/* Veränderung der Links in "nav" bei Mouseover */
#nav a:hover  {
   color:#FF0000;
   }

/* Im Body-Bereich des eigenen Definitions-Bereich wird das Objekt hervorgehoben*/
/*
#                          #_ a,                          #                          #_ a:hover,
*/
#index                        #nav_index a,                        #index                        #nav_index a:hover,
#praxis-und-tagesklinik       #nav_praxis-und-tagesklinik a,       #praxis-und-tagesklinik       #nav_praxis-und-tagesklinik a:hover,
#klinikleitung                #nav_klinikleitung a,                #klinikleitung                #nav_klinikleitung a:hover,
#therapie                     #nav_therapie a,                     #therapie                     #nav_therapie a:hover,
#fettabsaugung                #nav_fettabsaugung a,                #fettabsaugung                #nav_fettabsaugung a:hover,
#hautresektion                #nav_hautresektion a,                #hautresektion                #nav_hautresektion a:hover,
#spritze-gewebe               #nav_spritze-gewebe a,               #spritze-gewebe               #nav_spritze-gewebe a:hover,
#spritze-hyaluronsaeure       #nav_spritze-hyaluronsaeure a,       #spritze-hyaluronsaeure       #nav_spritze-hyaluronsaeure a:hover,
#spritze-eigenfett            #nav_spritze-eigenfett a,            #spritze-eigenfett            #nav_spritze-eigenfett a:hover,
#spritze-wachstumsfaktoren    #nav_spritze-wachstumsfaktoren a,    #spritze-wachstumsfaktoren    #nav_spritze-wachstumsfaktoren a:hover,
#spritze-botox                #nav_spritze-botox a,                #spritze-botox                #nav_spritze-botox a:hover,
#spritze-fettweg              #nav_spritze-fettweg a,              #spritze-fettweg              #nav_spritze-fettweg a:hover,
#lasertherapie                #nav_lasertherapie a,                #lasertherapie                #nav_lasertherapie a:hover,
#spezielle-venentherapie      #nav_spezielle-venentherapie a,      #spezielle-venentherapie      #nav_spezielle-venentherapie a:hover,
#koerperregion                #nav_koerperregion a,                #koerperregion                #nav_koerperregion a:hover,
#augenlider-korrektur         #nav_augenlider-korrektur a,         #augenlider-korrektur         #nav_augenlider-korrektur a:hover,
#augenlider-schlupflider      #nav_augenlider-schlupflider a,      #augenlider-schlupflider      #nav_augenlider-schlupflider a:hover,
#augenlider-traenensaecke     #nav_augenlider-traenensaecke a,     #augenlider-traenensaecke     #nav_augenlider-traenensaecke a:hover,
#gesicht-und-falten           #nav_gesicht-und-falten a,           #gesicht-und-falten           #nav_gesicht-und-falten a:hover,
#hals-fettabsaugung           #nav_hals-fettabsaugung a,           #hals-fettabsaugung           #nav_hals-fettabsaugung a:hover,
#schweissdruesen-entfernung   #nav_schweissdruesen-entfernung a,   #schweissdruesen-entfernung   #nav_schweissdruesen-entfernung a:hover,
#schweissdruesen-alternativen #nav_schweissdruesen-alternativen a, #schweissdruesen-alternativen #nav_schweissdruesen-alternativen a:hover,
#achsel-schweiss-test         #nav_achsel-schweiss-test a,         #achsel-schweiss-test         #nav_achsel-schweiss-test a:hover,
#schweissdruesen-absaugung    #nav_schweissdruesen-absaugung a,    #schweissdruesen-absaugung    #nav_schweissdruesen-absaugung a:hover,
#brust-fettabsaugung          #nav_brust-fettabsaugung a,          #brust-fettabsaugung          #nav_brust-fettabsaugung a:hover,
#bauch-fettabsaugung          #nav_bauch-fettabsaugung a,          #bauch-fettabsaugung          #nav_bauch-fettabsaugung a:hover,
#reithosen-fettabsaugung      #nav_reithosen-fettabsaugung a,      #reithosen-fettabsaugung      #nav_reithosen-fettabsaugung a:hover,
#venen                        #nav_venen a,                        #venen                        #nav_venen a:hover,
#venen-veroedung              #nav_venen-veroedung a,              #venen-veroedung              #nav_venen-veroedung a:hover,
#venen-schaumsklerosierung    #nav_venen-schaumsklerosierung a,    #venen-schaumsklerosierung    #nav_venen-schaumsklerosierung a:hover,
#venen-operation              #nav_venen-operation a,              #venen-operation              #nav_venen-operation a:hover,
#venen-alternativen           #nav_venen-alternativen a,           #venen-alternativen           #nav_venen-alternativen a:hover,
#rechtliches                  #nav_rechtliches a,                  #rechtliches                  #nav_rechtliches a:hover,
#recht-arzneimittel           #nav_recht-arzneimittel a,           #recht-arzneimittel           #nav_recht-arzneimittel a:hover,
#recht-vorher-nachher-bilder  #nav_recht-vorher-nachher-bilder a,  #recht-vorher-nachher-bilder  #nav_recht-vorher-nachher-bilder a:hover,
#recht-schoenheitschirurgie   #nav_recht-schoenheitschirurgie a,   #recht-schoenheitschirurgie   #nav_recht-schoenheitschirurgie a:hover,
#appartements                 #nav_appartements a,                 #appartements                 #nav_appartements a:hover,
#oeffnungszeiten              #nav_oeffnungszeiten a,              #oeffnungszeiten              #nav_oeffnungszeiten a:hover,
#anfahrt                      #nav_anfahrt a,                      #anfahrt                      #nav_anfahrt a:hover,
#anfahrt-route                #nav_anfahrt-route a,                #anfahrt-route                #nav_anfahrt-route a:hover,
#anfahrt-text                 #nav_anfahrt-text a,                 #anfahrt-text                 #nav_anfahrt-text a:hover,
#formular-info-prospekt       #nav_formular-info-prospekt a,       #formular-info-prospekt       #nav_formular-info-prospekt a:hover,
#kontakt                      #nav_kontakt a,                      #kontakt                      #nav_kontakt a:hover,
#impressum                    #nav_impressum a,                    #impressum                    #nav_Impressum a:hover,
#sitemap                      #nav_sitemap a,                      #sitemap                      #nav_sitemap a:hover
/* #Formular-Fehler           #nav_Formular-Fehler a,              #Formular-Fehler              #nav_Formular-Fehler a:hover, */
   {  /* hinter dem untersten Eintrag kein Komma sonder Klammer-Auf !!! */
 /*  background-color: #6297EA; */
   color:           #000000;
   font-weight:     bold;
   }


/* ******************** */
/* Global               */
/* ******************** */

body {
   overflow-y: scroll;  /* Dadurch wird immer die Scrollbar rechts angezeigt, auch wenn nicht gescrollt wird,  */
   }                    /* dadurch wird das Bild nicht hin-un-her-geschoben beim Anklicken von 'Links' */

*.struktur {
   margin-top:   1%;   /*  Globaler Abstand zur Seite */
   margin-left:  5%;   /*  Globaler Abstand zur Seite */
   margin-right: 5%;  /*  Globaler Abstand zur Seite */
   }

a {
   color:           #1656CE;       /* 7E451B */
   font-family:     serif;
   font-size:       16px;
   font-style:      italian;
   font-weight:     bold;
   text-decoration: none;}

h1 {                /* Überschriften werden in Link-Farbe dargestellt ... hmmmm */
   color:           #1656CE;
   font-size:       28px;
   text-align:      left;
   margin-left:     5px;}

h2 {
   color:           #1656CE;
   font-size:       24px;
   text-align:      left;
   margin-left:     5px;}

h3 {
   color:           #1656CE;
   font-size:       20px;
   text-align:      left;
   margin-left:     5px;}

b {
   color:           #1D1861; /*  1A6BB4 */
   font-family:     serif;
   font-size:       16px;
   font-style:      italic;
   font-weight:     bold;
   text-decoration: none;}

*.bildtext  {
   color:           #1656CE;
   font-family:     serif;
   font-size:       16px;
   font-style:      normal;
   font-weight:     normal;
   text-decoration: none;
   text-align:      center;
   }

/* NEON-Leuchter bei Baustellen !!! */
u {
   color:           #F409EA;
   font-family:     serif;
   font-size:       16px;
   font-style:      normal;
   font-weight:     normal;
   text-decoration: none;}

*.baustelle  {
   color:           #DD1E13;
   font-family:     serif;
   font-size:       30px;
   font-style:      normal;
   font-weight:     normal;
   text-align:      center;
   text-decoration: none;}

/* Die Darstellung der Bilder in den Textseiten */
*.tab-bild  {
   vertical-align:  middle;  /* geht nicht in [table] sondern nur in [td] */
   align:           center;
   padding:         0px 30px 0px 30px;   /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   }
*.tab-text  {
   vertical-align:  middle;  /* geht nicht in [table] sondern nur in [td] */
   text-align:      justify;
   padding:         0px 0px 0px 0px;   /* Abstand Text zum Zellenrand: 1=oben, 2=rechts, 3=unten, 4=links */
   }

*.trenner {
/* Rahmen:
   border-width:1px;
   border-style:solid;
   border-color:black;  */

/* Ausrichtung:  */
   margin-left:     0%; /* In Struktur definiert */
   margin-right:    0%; /* In Struktur definiert */
   margin-top:      10px;
   margin-bottom:   20px;
   position:        relative;
   top:             10px;

/*Darstellung: */
   background-color: #A5D6ED;
   border-spacing:   0;
   line-height:      5px; /* wird von MFF und MIE exakt gleich interpretiert */
   /*  height: 5px;          wird nur von Mozilla, aber nicht von MIE interpretiert */
   /*  font-size: 5px;       wird von MFF und MIE angenommen in geringer Größendifferenz */
   }


/* ******************** */
/* Seite                */
/* ******************** */

#seite{
/* Rahmen
   border-width:2px;
   border-style:solid;
   border-color:blue;  */

/* Ausrichtung: */
   margin-left: 400px;   /* wird nicht umgesetzt */
   margin-right: 100px;  /* wird nicht umgesetzt */

/* Darstellung: */
   width: 100%;
   background: #C5DAF1;
   text-align : justify;
   vertical-align: top;
   padding-left:   20px; /* Abstand des Textes zum eigenen Rand */
   padding-right:  20px; /* Abstand des Textes zum eigenen Rand */
   padding-top:    10px; /* Abstand des Textes zum eigenen Rand */
   padding-bottom: 20px; /* Abstand des Textes zum eigenen Rand */
   }

#seite-index{
   width:     100%;
   background:          none;
   background-image:    url(../bilder/blick-vom-see_800.jpg);
   background-repeat:   no-repeat;
   background-position: center center;
   text-align: center;
   vertical-align: middle;

   font-size: 35px;
   text-decoration: none;
   color: #1656CE;
   font-weight: bold;
   }


/* Öffnungszeiten */
*.anzeige  {
   align:        left;
   background:   #B6EEB0;
   }
*.geoeffnet  {
   align:        left;
   /* padding-left: 15%;  Wird divers interpretiert   */
   background:   #ABE6EE;
   }
*.geschlossen  {
   background:   #EDEFB6;
   }
*.unsichtbar  {
   /*  font-size:    1px;
   border-style: dashed ;
   border-width: 0px;         */
   }