/*  Kiefer- und Gesichtschirurgie */
/*  zentrales Stylesheet          */

/*  Farben: brauner Hintergrund:  #423630                          */
/*          Schrift im Seitenkopf #0F2B5B    (Adresse)             */
/*          Schrift in "ueber":   #FFFFFF    (Vorgänger: #F1EBE1)  */
/*          Links in "ueber":     #423630    ("english")           */

@import 'style_09_inh.css' ;

/*  Allgemeingültige Definitionen */
body       { color: #000000;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 11px;
             text-decoration: none;
             line-height: 1.5em ;
             background: #423630 ;
             padding: 0 ; margin: 1em 0 0 0 ;
           }

.prtonly   { display: none }
           
img        { border: none }
/* Die Haupt-Elemente:

   ______________________________
  |    id="seite"                | 
  |  __________________________  |
  | | id="kopf"                | |
  | |--------------------------| |
  | |                 | praxen | |
  | | id="ueber"      |--------| |
  | |                 |sprachen| |
  | |--------------------------| |
  | |klapp-| inhalt       |illu| |
  | |menu  |              |    | |
  | |      |              |    | |
  | |______|______________|____| |
  |______________________________|
   ______________________________
  |   id="anhang"                |
  |  _________       __________  | 
  | | bct     |     |    footer| |
  | |_________|     |__________| |
  |______________________________|
  
*/

/* gleich mal der Spezialfall zu Beginn: die Intro-Seite */

div#startseite  { position: relative ;
                  padding: 0 ;
                  background: #423630 ;
                  color: #E9E0D6 ;
                  width: 770px ; height: 540px ; margin: 0 auto ;
                }

div#zentrum     { width: 1px ; height: 1px ;
                  background-color: lime ;
                  position: absolute ; top: 50% ; left: 50% }
div#seitentitel { position: absolute ;
                  width: 629px ; height: 30px ;
                  top: -300px ; left: -315px ;
                  margin: 0 ;
                  text-align: center ;
                  /* text-transform: uppercase ; */
				  font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
				  font-size: 24px ;
				  line-height: 36px ;
                }
div#starttitel  { position: relative ;
                  left: 1px ; width: 634px ; height: 30px ;
                  margin: 80px auto 20px auto;
                  text-align: justify ;
/*                  word-spacing: 5px ; */
                  text-transform: uppercase ;
                  font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  font-size: 23px ;
                  line-height: 36px ;
                }
div#starttitel.en { font-size: 21px }

div#startflash  { position: relative ;
                  width: 629px ; height: 300px ;
                  margin: 0 auto ;
                  text-align: center ;
                  border: 1px black solid ;
                }
div#startadr    { position: relative ;
                  font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  width: 629px ; height: 400px ;
                  margin: 1em auto ;
                  border: none ;
                  line-height: 20px ;
                }
div#startadr a         { color: #E9E0D6 ; text-decoration: none ; display: block }
div#startadr a:link    { color: #E9E0D6 ; font-size: 12px }
div#startadr a:visited { color: #E9E0D6 ; font-size: 12px }
div#startadr a:hover   { color: #E9E0D6 ; font-size: 12px }
div#startadr .praxis   { font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                         text-transform: uppercase ;
                         font-size: 16px }
div#startadr .enter    { font-size: 10px ; text-decoration: underline ; line-height: 22px }


div#intro       { position: absolute ;
                  width: 629px ; height: 300px ;
                  top: -240px ; left: -315px ;
                  margin: 0 ;
                  text-align: center ;
                  border: 1px black solid ;
                }
div#anschrift   { position: relative ;
                  font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  width: 629px ; height: 400px ;
                  margin: 1em 0 ;
                  text-align: center ;
                  border: none ;
                  line-height: 22px ;
                }
.skip           { font-size: 70% ; text-decoration: underline }

div#anschrift h1 { font-size: 20px ; font-weight: bold }

div#anschrift a  { color: #06194a ; text-decoration: none ; display: block ; text-align: center }
div#anschrift a:link    { color: #06194a ; font-size: 14px }
div#anschrift a:visited { color: #06194a ; font-size: 14px }
div#anschrift a:hover   { color: #06194a ; font-size: 14px }
div#anschrift .praxis   { font-size: 18px ; font-weight: bold }

p#skip     { position: absolute ; width: 100% ; bottom: -3em ; left: 0 }

/*********************************************************/
/* "seite"  - die benützbare Portion des Fensters        */
/*          - zentriert, fixe Grösse                     */ 
/*********************************************************/
      
div#seite  { position: relative ;
             padding: 0 ;
             background: #F1EBE1 ;
             width: 770px ; height: 540px ; margin: 0 auto ;
           }
           
/*********************************************************/
/* "kopf"   - der oberste Teil der Seite.                */
/*          - statisch                                   */
/*********************************************************/
 
div#kopf   { position: relative ;
             background: #DDD1C1 url(kopfstreifen_higru.jpg) top left no-repeat ;
             height: 80px ;
           }
div#kopf p { margin: 0 0 0 110px ;
             padding: 6px 0 0 0 ;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 10px;
             color: #0F2B5B;
             line-height: normal;
             text-align: left;
           }
div#kopf a { color: #0F2B5B; }
div#kopf a:link    { color: #0F2B5B; text-decoration: none }
div#kopf a:visited { color: #0F2B5B; text-decoration: none }
div#kopf a:hover   { color: #0F2B5B; text-decoration: underline }
div#kopf a:active  { color: #000000; text-decoration: underline }

div#kopf .tit { font-weight: bold ; text-transform: uppercase }
div#ueber  { position: relative ;
             height: 26px ; line-height: 26px ;
             background: #DDD1C1 ;
             font-family: Arial, Helvetica, Verdana, sans-serif;
             font-size: 22px; color: #FFFFFF; font-weight:bold;
             padding: 5px ;
             text-align: center ;
             border-top: 1px solid #F1EBE1 ;
           }
div#ueber a    { color: #423630 }
div#praxen     { position: absolute ; bottom: -3px    ; right: 10px ; padding: 0 ;
                 font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                 font-size: 13px ; color: #000000 }
div#sprachen   { position: absolute ; top: -3px ; right: 10px ; padding: 0 ;
                 font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                 font-size: 13px ; color: #000000 }
div#sorrylang  { position: absolute ; top: 0 ; right: 0 ;
                 border: 2px solid red ; padding: .5em ;
                 color: red ; width: 120px ; line-height: 1.1em
               }
div#updmenu    { position: absolute ; top: 0 ; right: 0 ;
                 width: 80px ;
                 height: 50px ; padding-top: 30px ;
                 background: url(updatedot.gif) top left no-repeat ;
                 text-align: center ;
                 border: 1px solid gold ;
               }

/******************************************************************/
/* "inhalt"  - der Bereich mit dem eigentlichen Inhalt der Seite  */
/*           - könnte von einer externen Quelle übernommen werden */
/******************************************************************/

div#inhalt    { position: absolute ;
                top: 118px ; left: 105px ; width: 475px ;
                z-index: 0 ;
                border: none ;
           scrollbar-3dlight-color:#E9E0D6;
		   scrollbar-arrow-color:#DDD1C1;
           scrollbar-base-color:#F1EBE4;
           scrollbar-darkshadow-color:#DDD1C1;
           scrollbar-face-color:#FFFFFF;
           scrollbar-highlight-color:#DDD1C1;
           scrollbar-shadow-color:#DDD1C1 ;
}

div#inhalt2   { position: absolute ;
                top: 118px ; left: 105px ; width: 650px ;
                z-index: 0 ;
                border: none ;
           scrollbar-3dlight-color:#E9E0D6;
		   scrollbar-arrow-color:#DDD1C1;
           scrollbar-base-color:#F1EBE4;
           scrollbar-darkshadow-color:#DDD1C1;
           scrollbar-face-color:#FFFFFF;
           scrollbar-highlight-color:#DDD1C1;
           scrollbar-shadow-color:#DDD1C1 ;
}
div#inhupd    { position: absolute ;
                top: 118px ; left: 105px ;
                z-index: 0 ;
                width: 660px ; height: 550px ; overflow: auto ;
}




/*****************************************************************/
/* "illu"    - der Bereich auf der rechten Seite                 */
/*           - so weit ich es erkennen kann für Dekoration       */
/*****************************************************************/

div#illu      { position: absolute ;
                top: 118px ; right: 0 ;
                width: 175px ; height: 421px ;
                background: #ccc
              }

/*******************************************************************/
/* "anhang"   - der Bereich anschliessend an die Seitendarstellung */
/*            - enthält Breadcrumb-Spur und Impressum              */
/*              in je einer eigenen DIV                            */
/*******************************************************************/
              
div#anhang         { position: relative ;
                     padding: 0 ;
                     width: 770px ; margin: 0 auto ; 
                   }
div#bct            { position: absolute ; top: 0 ; left: 0 ;
                     font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 10px; color: #E9E0D6; line-height: normal; text-align: left;
                     margin-bottom: 3px ;
                   }
p#sitemap          { position: absolute ; top: 16px ; left: 0 ;
                     font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 10px; color: #E9E0D6; line-height: normal;
                     margin-bottom: 3px ;
                   }
#sitemap a:link    { text-decoration: none      ; color: #E9E0D6 }
#sitemap a:visited { text-decoration: none      ; color: #E9E0D6 }
#sitemap a:hover   { text-decoration: underline ; color: #E9E0D6 }
#sitemap a:active  { text-decoration: underline ; color: #E9E0D6 }

p#suche            { position: absolute ; top: 32px ; left: 0 ;
                     font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 10px; color: #E9E0D6; line-height: normal;
                     margin-bottom: 3px ;
                   }
#suche a:link    { text-decoration: none      ; color: #E9E0D6 }
#suche a:visited { text-decoration: none      ; color: #E9E0D6 }
#suche a:hover   { text-decoration: underline ; color: #E9E0D6 }
#suche a:active  { text-decoration: underline ; color: #E9E0D6 }


div#footer         { font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 10px; color: #E9E0D6; line-height: normal; text-align: right
                   }
div#footer a:link  { color: #E9E0D6; text-decoration: none }
div#footer a:hover { color: #E9E0D6; text-decoration: underline }


/* "klappmenu"      - enthält die ganze Navigation                    */
/*                  - gesteuert durch die klappmenu-Skripts           */
div#klappmenu   { position: absolute ;
                  top: 118px ; left: 0 ;
                  background: #ddd1c1 ;
                  width: 104px ; height: 400px ;
                  padding-top: 21px ;
                }
div#klappmenu a { display: block }
/* ---- Links der Indexstufe 1  ---- */
.levl1         { font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  width: 97px; background: #ddd1c1;
                  border: 1px solid #ddd1c1 ;
                  border-left: none ; border-right: none ;
                  margin: 0 ; line-height: 16px ;
                  font-size: 13px ; font-weight: bold ;
                  color: white ;
                  padding: 4px 0 4px 7px ;
                  z-index: 2 ;
                  cursor: pointer }
.leva1         { font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  width: 97px; background: #ddd1c1;
                  border: 1px solid white ;
                  border-left: none ; border-right: none ;
                  margin: 0 ; line-height: 16px ;
                  font-size: 13px ; font-weight: bold ; text-decoration: none ;
                  color: #06194A ;
                  padding: 4px 0 4px 7px ;
                  z-index: 2 ;
                  cursor: pointer }
a:link.leva1   { color: #06194a ; text-decoration: none ;
                  font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  font-size: 13px }
a:hover.leva1  { color: #06194a ; text-decoration: none ;
                  font-family: "Century Gothic", Verdana, Arial, Helevetica, sans-serif ;
                  font-size: 13px }
a:link.levl1   { color: white   ; text-decoration: none }

a#i7-.levl1	{ color: #06194A }

/* ---- Links der Indexstufe 2  ---- */
.levl2         { width: 200px; padding: 2px 4px ;
                  background: #ddd1c1; color: #06194A ; z-index: 3 ;
                  border-width: 1px ; border-style: solid ; border-color: white ; margin: 0px 2px 2px 105px ;
                  cursor: pointer ;
                  display: none }
#klappmenu a.levl2 { display: none }
.leva2         { width: 200px; padding: 2px 4px ;
                  background: #06194A; color: white ; z-index: 3 ;
                  border-width: 1px ; border-style: solid ; border-color: white ; margin: 0px 2px 2px 105px ;
                  cursor: pointer }
a:link.leva2   { color: #06194a ; text-decoration: none ; z-index: 3 ;
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  text-decoration: none;
                  }
a:hover.leva2  { color: #ffffff ; text-decoration: none ;
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  z-index: 3 ;
                  text-decoration: none;
                  }
a:link.levl2   { color: #06194a   ; text-decoration: none ; z-index: 3 }

/* ---- Links der Indexstufe 3  ---- */
.levl3         { width: 200px; padding: 2px 4px ;
                  background: #ddd1c1; color: #06194A ;
                  border-width: 1px ; border-style: solid ; border-color: white ; margin: 0px 2px 2px 303px ;
                  display: none }
#klappmenu a.levl3 { display: none }
.leva3         { width: 200px; padding: 2px 4px ;
                  background: #06194A; color: white ;
                  border-width: 1px ; border-style: solid ; border-color: white ; margin: 0px 2px 2px 303px }
a:link.leva3   { color: #06194a ; text-decoration: none ;
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  text-decoration: none;
                  }
a:hover.leva3  { color: #ffffff ; text-decoration: none ;
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  text-decoration: none;
                  }
a:link.levl3   { color: #06194a   ; text-decoration: none }

/* ============ dasselbe für die SiteMap =========== */

div#sitemap a         { display: block ; height: 1.5em ; width: 90% ; color: black }
div#sitemap a.level1  { font-size: 1.3em ; margin: .3em 0            ; background: white }
div#sitemap a.level2  { font-size: 1.1em ; margin: .2em 0 .2em 1.5em ; background: white }
div#sitemap a.level3  {                    margin: .1em 0 .1em 3em   ; background: white }
div#sitemap a:link    { text-decoration: none      ; font-family: Verdana, Arial, Helvetica, sans-serif; color: black }
div#sitemap a:visited { text-decoration: none      ; font-family: Verdana, Arial, Helvetica, sans-serif; color: black }
div#sitemap a:hover   { text-decoration: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; color: black }
div#sitemap p.level1  { font-size: 1.3em ; margin: 1em  0 .2em 0     ; background: white ; border-top: 1px solid #F1EBE1 }
div#sitemap p.level2  { font-size: 1.1em ; margin: .2em 0 .2em 1.5em ; background: white }
div#sitemap p.level3  {                    margin: .1em 0 .1em 3em   ; background: white }


#stuff input.long  { width: 300px }
#stuff input.short { width:  50px }
#stuff textarea    { width: 300px ; height: 5em }

/* Tabelle mit der Seitenübersicht für Update-Funktionen */
table.updt         { border: none ; margin: .5em 0 }
table.updt td.r    { text-align: right ; vertical-align: top ; padding: .1em .5em .1em 0 }
table.updt td.s1   { vertical-align: top ; padding: .1em .5em }
table.updt td.s2   { vertical-align: top ; padding: .1em .5em .1em 2.5em }
table.updt td.s3   { vertical-align: top ; padding: .1em .5em .1em 4.5em }

input.datum        { width: 8em }
input.zeit         { width: 4em }

div.veranstaltung  { margin-top: 2em }
.veranstaltung a   { font-size: 1.2em }
.veranstaltung h2  { margin-top: 2em }
table.veranst      { border: none }
table.veranst th   { text-align: left ; vertical-align: top ; font-weight: bold }
table.veranst td   { text-align: left ; vertical-align: top }
.veranst ul        { margin: 0 0 0 1.5em ; padding: 0 }
.veranst li        { margin: 0 ; padding: 0 }

table.anmeld       { margin: 0 auto ; font-size: .8em ; padding: 1em ; border: 2px #E9E0D6 solid }
table.anmeld input.txt { font-size: 1.5em ; font-family: "Courier New", monospaced ; width: 16em }
table.anmeld input.plz { font-size: 1.5em ; font-family: "Courier New", monospaced ; width:  4em }
table.anmeld textarea  { font-size: 1.5em ; font-family: "Courier New", monospaced ; width: 34em ; height: 3em }

table.bestell      { margin: 0 ; font-size: .8em ; padding: 1em ; border: 2px #E9E0D6 solid }
table.bestell input.txt   { font-size: 1.5em ; font-family: "Courier New", monospaced ; width: 16em }
table.bestell input.expl  { font-size: 1.5em ; font-family: "Courier New", monospaced ; width:  2em }
table.bestell input.plz   { font-size: 1.5em ; font-family: "Courier New", monospaced ; width:  3em }
table.bestell input.radio { font-size: 1.5em ; font-family: "Courier New", monospaced ; width:  1em }
table.bestell textarea    { font-size: 1.5em ; font-family: "Courier New", monospaced ; width: 100% ; height: 40px }
table.bestell th   { background: #E9E0D6 ; text-align: center }

div#veritas { position: absolute ; bottom: 0    ; left: 0 }
div#acredis { position: absolute ; bottom: 74px ; left: 25px }

/********************************/
/* Suchmaske                    */
/********************************/
/* Customizeable Searchbox Styles */
.searchBox                  { margin: 0px auto; text-align: center; padding-bottom: 5pt; width: 310px; border: 1px solid #CCC; }
.searchBox fieldset         { margin: 0; padding: 0; }
.searchBox fieldset legend  { font-weight: bold; margin: 5pt; }
.searchBox img              { border: none; vertical-align: middle; }
.searchBox input            { vertical-align: middle; }
.searchBox .queryText input { border: 1px solid #555; display: inline; }

.gsuchen td { vertical-align: middle }

/**************************************/
/*  Mouseover-Divs für Raumübersicht  */
/**************************************/
div#grundriss { position: relative ; width: 640px ; height: 370px ; z-index: 1 }
div#grundriss img { display: block; border: none }
div#aufwach   { position: absolute ; width:  40px ; height:  72px ; top: 123px ; left: 167px ; z-index: 2 }
div#baltens   { position: absolute ; width:  82px ; height:  73px ; top: 122px ; left: 205px ; z-index: 2 }
div#eingang   { position: absolute ; width:  85px ; height: 184px ; top: 162px ; left: 534px ; z-index: 2 }
div#empfang   { position: absolute ; width:  78px ; height: 151px ; top: 194px ; left: 456px ; z-index: 2 }
div#garde     { position: absolute ; width:  67px ; height:  77px ; top: 194px ; left:  31px ; z-index: 2 }
div#kueche    { position: absolute ; width:  84px ; height:  75px ; top: 270px ; left: 368px ; z-index: 2 }
div#labor     { position: absolute ; width:  49px ; height:  35px ; top: 215px ; left: 141px ; z-index: 2 }
div#lager     { position: absolute ; width:  39px ; height:  75px ; top: 270px ; left: 329px ; z-index: 2 }
div#lebeda    { position: absolute ; width:  87px ; height:  72px ; top: 122px ; left: 370px ; z-index: 2 }
div#op1       { position: absolute ; width: 137px ; height:  75px ; top: 120px ; left:  31px ; z-index: 2 }
div#op2       { position: absolute ; width:  93px ; height:  74px ; top: 271px ; left:  31px ; z-index: 2 }
div#op3       { position: absolute ; width:  82px ; height:  74px ; top: 271px ; left: 124px ; z-index: 2 }
div#op4       { position: absolute ; width:  82px ; height:  74px ; top: 271px ; left: 206px ; z-index: 2 }
div#roentgen  { position: absolute ; width:  41px ; height:  73px ; top: 271px ; left: 288px ; z-index: 2 }
div#sitzung   { position: absolute ; width:  81px ; height:  73px ; top: 122px ; left: 288px ; z-index: 2 }
div#steril    { position: absolute ; width: 123px ; height:  39px ; top: 214px ; left: 267px ; z-index: 2 }
div#trakt     { position: absolute ; width: 366px ; height:  75px ; top: 195px ; left:  89px ; z-index: 2 }

/********************************/
/* Spezielles im Update-Bereich */
/********************************/
option.o1 {}
option.o2 { padding-left: 2em }
option.o3 { padding-left: 4em }
option.o4 { padding-left: 6em }
option.o5 { padding-left: 8em }


/********************************/
/*  Überblenden in der Diashow  */
/********************************/
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
display: none ;
}