/* HTML Elementformate */

/* Formate f�r Klassen */
body { margin: 0px; 
       padding: 0px;
       font-size: 9pt;
       font-family: verdana,arial,helvetica,sans-serif;}

body.Leer   {	margin:0px;
		padding:0px;
		width:100%;
		font-family:verdana,arial,helvetica,sans-serif; }

body.Bild   {	margin:0px;
		padding:0px;
		width:100%;
		max-width:100%;
		height:auto;               
		background:url(../images/hintergrund.png)
                          no-repeat
                          50%
                          fixed;
		font-family:verdana,arial,helvetica,sans-serif; }

a:link      { color:black; text-decoration:none; }
a:visited   { color:black; text-decoration:none; }
a:focus     { color:black; text-decoration:none; }
a:hover     { color:black; text-decoration:none; }
a:active    { color:black; text-decoration:none; }

/* Individualformate bei "MouseOver" */
a.LinkNavigation { display:block; }

a.LinkNavigation:hover { background-color:#bed9be;
                         font-weight:bold; }

a.UeberunsLink1:hover { text-decoration:none; color: #131219; }
a.UeberunsLink2:hover { text-decoration:none; color: #413c39; }
a.UeberunsLink3:hover { text-decoration:none; color: #dc3b1f; }
a.UeberunsLink4:hover { text-decoration:none; color: #0f0c0b; }

a.Links:link    { font-weight:bold; color:green; text-decoration:none; }
a.Links:visited { font-weight:bold; color:#295C16; text-decoration:none; }
a.Links:focus   { font-weight:bold; color:green; text-decoration:none; }
a.Links:hover   { font-weight:bold; color:green; text-decoration:underline; }
a.Links:active  { font-weight:bold; color:green; text-decoration:none; }

img.KeinRand                   { border:0px; }
img.KeinRandAusrichtungOben    { border:0px;
                                 vertical-align:top; }
img.GebMuellerAusrichtung      { vertical-align:super; }

div.NavigationFormat:hover div.NavigationUeberUns { display: block; } /* einblenden der Untermenüs "Über ..." */
div.NavigationUeberUns { display:none;
                         margin-left:1em;
                         text-align:left; }

img { max-width:100%;
      height:auto; }

ul { list-style-image:url(../images/aufzaehlungszeichen.png) }

/* Klassen in Verbindung mit den Elementen div und span */
.Gesamt { margin:0px;
          padding:0px;
          width: 100%; }

.NavigationFormat { border-top:solid #384c38 1px;
                    border-left:solid #384c38 1px;
                    border-right:solid #384c38 1px;
                    box-shadow: 0px 0px 10px silver inset;
                    line-height:2.5em;
                    margin-left:5%;
                    width:75%;
                    font-size:9pt;
                    text-indent:2em;
                    text-align:left;
                    vertical-align:middle; }

.NavigationFormatLetzte { border-top:solid #384c38 1px;
                          border-left:solid #384c38 1px;
                          border-right:solid #384c38 1px;
                          border-bottom:solid #384c38 1px;
                          box-shadow: 0px 0px 10px silver inset;
                          line-height:2.5em;
                          margin-left:5%;
                          width:75%;
                          font-size:9pt;
                          text-indent:2em;
                          text-align:left;
                          vertical-align:middle; }

/* altes Design mit gr�nen Buttons
.NavigationFormat { background-image:url(../images/knopf.png);
                    background-repeat:no-repeat;
                    background-position:center;
                    height:40px;
                    font-size:9pt; }

.NavigationsAusrichtungSchrift { padding-top:6px;
                                 padding-right:14px; }
*/

.NeueSpalte { float:left; }

.Spaltenumbruch { clear:both; }

.Blocksatz  { text-align:justify; }

.Rechtsbuendig { text-align:right; }

.Zentriert { text-align:center; }

.Fett       { font-weight:bold; }

.FettKursiv { font-weight:bold;
              font-style:italic; }

.Kursiv     { font-style:italic; }

.Unterstrichen { text-decoration:underline; }

.gebMueller { font-size:85%; }

/* Individualformate */
#Seitenrand { margin:30px; }

#Kopf       { overflow:hidden; }

/* Smartphone/Tablett - breitere Navigationsleiste, verhindert einen Umbruch in den Men�punkten */
#Logo         { width:28%;
                float:left; }
                                                                     
#Navigation   { width:28%;
		padding-top:2em;              
                float:left; }
                
#FussHomepage { padding-left:28%;
                clear:right;
                font-size:8pt;    }                
              
#Fuss         { padding-left:28%;
                clear:both;
                padding-top:2em;                
                font-size:8pt; }
              
/* 15 Zoll Laptop - Aufl�sung ab 1.024 Punkte) */
@media only screen and (min-width: 1024px)
{ 
	#Logo         { width:22%;
        	        float:left; }

	#Navigation   { width:22%;
                   	padding-top:2em;                                           
                   	float:left; } 
                   
	#FussHomepage { padding-left:22%;
                   	clear:right;
                   	font-size:8pt;    }

                               
   	#Fuss         { padding-left:22%;
                   	clear:both;
                   	padding-top:2em;                                           
                   	font-size:8pt; }
}               
              
/* 24 Zoll PC Bildschirm - HD Aufl�sung - Aufl�sung ab 1.600 Punkte) */
@media only screen and (min-width: 1600px)
{ 
	#Logo         { width:15%;
                   	float:left; }

	#Navigation   { width:15%;
                   	padding-top:2em;                                           
                   	float:left; } 
                   
   	#FussHomepage { padding-left:15%; 
                   	clear:right;
                   	font-size:8pt;    }                   
                                               
   	#Fuss         { padding-left:15%;
                   	clear:both;
                   	padding-top:2em;                                           
                   	font-size:8pt; }
}              

#Startseite #StartseiteMenue,
#Aktuelles #AktuellesMenue,
#Stellenangebot #StellenangebotMenue,
#Logopaedie #LogopaedieMenue,
#Behandlungsfelder #BehandlungsfelderMenue,
#UeberUns #UeberUnsMenue,
#UeberStephanie #UeberStephanieMenue,
#UeberAmelie #UeberAmelieMenue,
#UeberChristina #UeberChristinaMenue,
#Praxis #PraxisMenue,
#Kosten #KostenMenue,
#Links #LinksMenue,
#Anfahrt #AnfahrtMenue,
#Praktikanten #PraktikantenMenue,
#Kontakt #KontaktMenue,
#Impressum #ImpressumMenue,
#Datenschutz #DatenschutzMenue { display:block;
                             background-color:#bed9be;
                             font-weight:bold; }

#UeberStephanie div.NavigationUeberUns { display: block; }
#UeberAmelie div.NavigationUeberUns { display: block; }
#UeberChristina div.NavigationUeberUns { display: block; }

#Eroeffnungsknopf { position:relative;
                    top:1em; }

#Inhalt     { padding-top:2.5em;
              overflow:hidden; }

#Portrait   { float:right;
              padding-left:1.5em; }

#GruppenbildSchriftgroesse { font-size:1.5em; }

#InhaltBild { padding-top:2.5em; }

#LogoFormat { text-align:center; }

#LogoHoehe  { height:7em; }

#InhaltFormat { width:90%;
                padding-left:2.5em;
                font-size:9pt; }

/*
      Sammlung 1
      2B1D2E
      323657
      076473
      54B087
      D6F567

      Sammlung 2
      02243C
      005DB3 Normales Blau
      5195CE Helles Blaus
      E6E6E6 Helles Weis
      F9F9F9 Helles Grau
      5BC236 Gr�n

      Arial, Times, Courier, Georgia, Verdana und Geneva

      Arial, Verdana = serifenlos
*/

/* 
#SeiteZentriert { position:absolute;
                  top:50%;
                  left:50%;
                  width:30em;
                  height:20em;
                  margin-left:-15em;
                  margin-top:-10em; }
 */