@charset "UTF-8";
                  
                  
/* Allgemeine Vorgaben */

                  /* colors: white blue physio_ocker: #FFB133 #cbcbcb grünton: #2d9772 
                  dunkelrot: #c93300 */

               *	{
                  margin: 0;
                  padding: 0;
                  }

            html 	{ background-color: white; height: 100%; font-family: Arial, Helvetica, sans-serif; }
            body 	{ background-color: white; height: 100%; font-size: 100.01%; }

      @media all and (-webkit-device-pixel-ratio: 1)
                  {
            body 	{ font-size: 86%; }
                  }


	
			.abstand	{ margin: 0 1em; }
		
			
           ul, li	{ list-style: none; padding-left: 0.3em; font-size: 100%; font-weight: bold;
           			 color: gray; overflow: visible; }
					ul { margin: 0; }
	            li	{ margin: 0; }
         	

 ul li {
 	margin-top: 1.8em; } 
 ul li ul li{
 	margin-top: 0.1em; } 	        	



#angebot_beschreibung li ul li, #angebot_liste li ul li, #angebot_liste_2 li ul li  
						{ color: black; }
#angebot_beschreibung > li:before, #angebot_liste > li:before, #angebot_liste_2 > li:before  
						{ content: none; }  
		li:before	{ content: '•'; font-family: monospace; padding-right: 0.5em; }
li.verweis:before { content: '↗'; font-family: monospace; padding-right: 0.5em; }


#navigation ul:first-child, #navigation li:first-child {margin-top:0em;}

#navigation li.verweis, ul.verweis	
						{ color: black; text-align: center; }	
#navigation li:before	
						{ content: none; }
     					
#navigation ul.verweis:before, #navigation li.verweis:before 
						{ content: '↗'; font-family: monospace; font-weight:bolder; text-align: center; }     					
#navigation ul.aktuell.verweis:before, #navigation li.aktuell.verweis:before 
						{ content: none; color: #FFB133; font-family: monospace; font-weight:bolder; text-align: center; }		
		

				
		
                  /* IE Hack */
 /**+html ul li ul li	{ list-style: disc; } */


     

            
                  /* Ende Allgemeine Vorgaben */




                  /* u(mgebende)box */
                  
         #ubox 	{
                  /* die für die skalierung entscheidenden breiten- und höhenangaben */

                  /* width: 63%; height:98%; */
                  /* width: 705px; height: 500px; */
                  /* width: 800px; height: 575px;	*/
                  /* width: 847px; height: 594px; */
                  /* width: 100%;  max-width: 945px; height: 675px; */
                  min-width: 945px; height: 675px; 
                  /*min-width: 936px; height: 41.5em;*/
                   /* min-width: 58em; height: 41.5em;*/
                  /*	width: 94.5%; height: 67.5%;*/

                  /* zentrierung */

                  position:absolute;
                  top: 50%;
                  left: 50%;
                  /* margin: 0 auto; padding: 0 1%; */
                  margin-left:-472px;
                  margin-top:-337px;
                  background-color: white; border: 1px solid #cbcbcb;
                  }

        #sprachen { position: absolute; top: -0.75em; right: 4.5%; background-color: white; padding: 0 0.75em; }
     #sprachen	a	{ padding: 0 0.5em; }
   a.lang:link 	{ font-size: 100%; color: #888; text-decoration: none; font-weight: bold; }
   a.lang:visited { font-size: 100%; color: #cbcbcb; text-decoration: none; font-weight: bold; }
   a.lang:focus 	{ font-size: 100%; color: gray;  font-weight: bold; }
   a.lang:hover 	{ font-size: 100%; color: blue; text-decoration: underline; font-weight: bold; }
   a.lang:active 	{ font-size: 100%; color: blue;  text-decoration: underline; font-weight: bold; }
 						
                   /* ende u(mgebende)box */	                
                  
                  
                  
                  
/* linke spalte: graphiken, themen und praxisname */


                  
#graphiken			/* unterseiten und startseite */
 						{ width: 27%;  height: 87%; margin: 4.5% 4.5% 0% 4.4%; padding: 0% 0% 0% 0%;
                  background-color:  white; position: relative; top: 0; right: 0;
                  border-top: 2px solid white; border-bottom: 2px solid white; float: left;
                  }                  
                  
                  
						/* praxisname, angebot */
						
#ptac-start h1		{ width: 120%;  position: absolute; top: 47%; left: -11%; 
						border-bottom: 3px solid #FFB133;}
											
h1, #angebot_titel
						{ width: 100%; height: 4%; padding: 0% 0% 1% 0%; margin: 0% 0 0% 0%;
                  background-color: white; clear: both;
                  border-top: 2px solid white; border-bottom: 3px solid blue;
                  position: absolute; top: 47%; left: 0%; z-index: 1;
                  font-size: 125%; font-weight: bolder; text-align: center;
                  }
                  
                  
#ue50m_ue60f #angebot_titel
						{ border-bottom: 3px solid #FFB133; }            
                  
                  
                  /* absolut positionierte Graphiken bündig unten */

#graphiken_unten	{ position: absolute; bottom: 0; left: 0; margin-bottom: -2px; }

						/* Ende linke Spalte */


/* mittlere Spalte: Angebot und Inhabername */

						/* Startseite */
   #angebot			{ width: 30%; height: 87%; margin: 4.5% 0 0% 0%; padding: 0 0% 0% 0%;
                  float: left; background-color: white;  position: relative; top: 0; right: 0;
                  border-top: 2px solid blue; border-bottom: 2px solid blue; overflow: visible; }
	#angebot_liste	{ overflow: visible;  }			
   					/* Unterseiten */
   #angebot_beschreibung
   					{ width: 27%; height: 87%; margin: 4.5% 0 0% 0%; padding: 0% 1.5% 0% 1.5%;
                  float: left; background-color: #f5f5f4;  position: relative; top: 0; right: 0;
                  border-top: 2px solid #FFB133; border-bottom: 2px solid #FFB133; 
                  border-right: 2px solid #FFB133; } 

						/* geänderte Farben auf einer Unterseite */
#ue50m_ue60f #angebot_beschreibung
						{ background-color: #e4e5e7;  border-top: 2px solid #c93300; 
						border-bottom: 2px solid #c93300;  border-right: 2px solid #c93300; }
                  

  #name_therapeut	{ width: 107%; height: 4%; padding: 0% 0% 1% 3.5%; margin: 0% 0 0% 3%;
                  background-color: white; clear: both;
                  border-top: 2px solid white; border-bottom: 3px #FFB133 solid;
                  position: absolute; top: 47%; left: -1%; z-index: 1;
                  font-size: 125%; font-weight: bolder; color:black;
                  }
 
   #angebot_liste_2
						{ width: 100%; position: absolute; bottom: 0em; left: 0%;  margin: 0 0% 0em 0%; 
						padding: 0 0 1.8em 0.3em; }
						
						
						/* Ende mittlere Spalte */

/* rechte Spalte auf Startseite: adresse, lage und kontakt */
                  
    #lage_kontakt	{ width: 30%;  height: 87%; position: relative; top: 0; right: 0; 
    					margin: 4.5% 0% 0% 0%; padding: 0% 0% 0% 0%;
                  background-color: white; border-top: 2px solid blue; 
                  border-bottom: 2px solid blue; float: left; }
						
						/* rechte Spalte auf Unterseiten: navigation */
						
    #navigation	{ width: 32%;  height: 87%; position: relative; top: -1px;  right: 0; 
    					margin: 4.5% 0% 0% 1%; background-color: white; float: left; text-align: center; }

#kopfzeile_name_praxis
 						{ position: absolute; width: 100%; top: 0; right: 0; color: grey;  margin: 0 0% 0em 0;
                  font-size: 100%; font-weight: bolder;  text-align: center;} 

#fusszeile_beruf_name
 						{ position: absolute; width: 99%; bottom: -8px; right: 0%; color: grey;  margin: 0 0% 0em 0;
                  font-size: 100%; font-weight: bolder;  text-align: center; }
                  
						/* Ende rechte Spalte */                  
    
    
                  
                  /* individuelle + verschachtelte formate und Klassen in # graphiken */

 #graphiken img	{ width: 100%; min-width: 7.5em; min-height: 7.5em;
                  display: block;
                  }
#graphiken_unten img	
						{ width: 100%; min-width: 7.5em; min-height: 7.5em;
                  display: block;
                  }

      .div_skal	{ width: 48%; }


	/* ( img in graphiken ) oben links usw. 
	*/


  				.oli {
                  position: relative;
                  float: left;
                  margin: -2px 1.5% 2% 0%;
                  }

				 .ore {
                  position: relative;
                  float: right;
                  margin: -2px 0% 2% 1.5%;
                  }

			 .uli 	{
                  position: relative;
                  clear: both;
                  float: left;
                  margin: 2% 1.5% -2px 0%;
                  }

			 .ure 	{
                  position: relative;
                  float: right;
                  margin: 2% 0% -2px 0%;
                  }
                  
#graphiken_unten	.oli  
						{
                  position: relative;
                  float: left;
                  margin: 2% 1.5% 3% 0%;
                  }

#graphiken_unten  .ore 	
         			{
                  position: relative;
                  float: right;
                  margin: 2% -4px 3% 2%;
                  }

  #graphiken_unten   .uli 	
        				{
                  position: relative;
                  clear: both;
                  float: left;
                  /*margin: 1.5% 1.5% -2px 0%;*/
                  margin: 1.5% 1.5% -2px 0%;
                  }

#graphiken_unten  .ure 	
						{
                  position: relative;
                  float: right;
                  margin: 1.5% -4px 0px 2%;
                  }
                  
                  /* texte auf img startseite graphiken */

            #t1 	{ position: absolute;
                  top: 2.3em; left: 4%; color: white; font-weight: bolder; background-color: #CD6210; }
            #t2 	{ position: absolute;
                  bottom: 2px; left: 5%; color: black; font-weight: bolder;}
            #t3 	{ position: absolute;
                  top: 3.5em; left: 14%; color: #FFB133; font-weight: bolder;}
            #t4 	{ position: absolute;
                  top: 1.3em; left:0.5em; background-color: white;
                  color: black; font-weight: bolder;}
            #t5 	{ position: absolute;
                  top: 3.7em; left: 7%; color: black; font-weight: bolder;}
#ue50m_ue60f #t5	{ color: #c93300; }                  
                  
            #t5a 	{ position: absolute; text-align: right;
                  top: 3em; right: 2%; color: black; font-weight: bolder;}
            #t6 	{ position: absolute;
                  bottom: 4px; left: 12%; color: black; font-weight: bolder; }
            #t7 	{ position: absolute;
                  bottom: 1px; left: 2%; color: blue; font-weight: bolder; }

						/* texte auf img fitness graphiken*/
						
				#t21 	{ position: absolute;
                  top: 2.3em; left: 4%; color: blue; font-weight: bolder; }
  				#t22 	{ position: absolute;
                 	top: 1px; right: 0.1em; color: white; background-color: #b5a48c;font-weight: bolder; }
				#t23 	{ position: absolute;
                 	top: 3.5em; left: 1.5em; color: #FFB133; font-weight: bolder; }
#ue50m_ue60f #t23	{ color: white; }

				#t24 	{ position: absolute;
                 	top: 3em; left: 0.7em; color: white; background-color: #f17c2d;font-weight: bolder; }
#ue50m_ue60f #t24	{ color: #505050; }

                  /* bilderrahmen o(ben)r(echts) usw. */
                  
   .border1			{ border-top: 3px solid  #FFB133; border-right: 2px solid #FFB133; }
   .border2			{ border-top: 2px solid  #FFB133; border-left: 1px solid #FFB133;  }
   .border3			{ border-bottom: 2px solid  #FFB133; }
   
 	.border_t			{ border-top: 2px solid  #FFB133; }
 	.border_r			{ border-right: 2px solid  #FFB133; }
  	.border_b			{ border-bottom: 2px solid  #FFB133; }
  	.border_l			{ border-left: 2px solid  #FFB133; }

#ue50m_ue60f .border_t			{ border-top: 2px solid #c93300; }
#ue50m_ue60f .border_r			{ border-right: 2px solid #c93300; }
#ue50m_ue60f .border_b			{ border-bottom: 2px solid  #c93300; }
#ue50m_ue60f .border_l			{ border-left: 2px solid  #c93300; }




  	
/*  	.border_farbe1		{ border-color: blue; }
  	.border_farbe2		{ border-color: #c93300; } */
  			
  	
  	  
/* mittlere Spalte: individuelle + verschachtelte formate und klassen 
                  der ***startseite***   */
              
	/* #yxcv				{ font-size: 100%; color: gray; } */
	
	/* #schwerpunkt	{ font-size: 100%; color: gray;  font-weight: bold; }
	#individuell	{ margin: 1.7em 0 0 0%; font-size: 100%; color: gray;  font-weight: bold; }
	*/
/*	#gruppen			{ position: absolute; bottom: 8em; left: 0%;   margin: 0 0% 0em 0%;
                  font-size: 100%; color: gray;  font-weight: bold;
                  } */
/*	#firmen			{ position: absolute; bottom: 0em; left: 0%;  margin: 0 0% 0em 0%;
                  font-size: 100%; color: gray;  font-weight: bold;
                  } */

 
            
 /* #beruf, .angebot_art, logo	*/
 
      			h2	{ margin: 0.5em 0 4em 0; font-size: 80%; text-align: center; }


                  /* formatierung des logos p(hysio)s(wiss)*/
   .ps 				{ width: 3.2em; position: absolute; top: 30%; right: 3% ; z-index: 2; border: 0px solid white; }
   .ps:link 		{ width: 3.2em; position: absolute; top: 30%; right: 3% ; z-index: 2; }
   .ps:visited 	{ width: 3.2em; position: absolute; top: 30%; right: 3% ; z-index: 2; }
   .ps:focus 		{ width: 3.2em; position: absolute; top: 30%; right: 3% ; z-index: 2; border: 1px solid blue; }
   .ps:hover 		{ width: 3.2em; position: absolute; top: 30%; right: 3% ; z-index: 2; border: 1px solid blue; }
   .ps:active 		{ width: 3.2em; position: absolute; top: 25%; right: 3% ; z-index: 2; border: 1px solid blue; }

                  /*formatierung des logos p(hysio)s(wiss) für den IE7 */
*+html .ps 			{ position: absolute; top: 30%; right: 14%; }
*+html .ps:link 	{ width: 3.2em; position: absolute; top: 30%; right: 14% ; z-index: 2; }
*+html .ps:visited { width: 3.2em; position: absolute; top: 30%; right: 14% ; z-index: 2; }
*+html .ps:focus 	{ width: 3.2em; position: absolute; top: 30%; right: 14% ; z-index: 2; border: 1px solid blue; }
*+html .ps:hover 	{ width: 3.2em; position: absolute; top: 30%; right: 14% ; z-index: 2; border: 1px solid blue; }
*+html .ps:active { width: 3.2em; position: absolute; top: 25%; right: 14% ; z-index: 2; border: 1px solid blue; }

      /*		#?	{ position: absolute; bottom: 8em; left: 11%;} */
   a.lang:link 	{ font-size: 100%; color: #888; text-decoration: none; font-weight: bold; }
   a.lang:visited { font-size: 100%; color: #cbcbcb; text-decoration: none; font-weight: bold; }
   a.lang:focus 	{ font-size: 100%; color: gray;  font-weight: bold; }
   a.lang:hover 	{ font-size: 100%; color: blue; text-decoration: underline; font-weight: bold; }
   a.lang:active 	{ font-size: 100%; color: blue;  text-decoration: underline; font-weight: bold; }


/* rechte Spalte:  individuelle + verschachtelte formate und klassen */
         	
	



						/* Adresse, Plan, Kontakt auf Startseite */

        .adresse 	{
                  color: black; margin: 0% 0% 0 0;
                  padding: 1.8em 0 0 0; font-size: 100%; font-weight: bolder;
                  text-align: right;
                  }

          .block 	{
                  width: 100%; display: block;
                  }

            #plan	{
                  position: absolute; top: 33.5%; right: 0%; width: 85%; min-width: 7.5em; min-height: 7.5em;
                  border-top: 2px solid  #FFB133; border-right: 2px solid  #FFB133; border-bottom: 2px solid  #FFB133;
                  }

                  /* planbeschriftung */
            #t8	{ position: absolute;
                  top: -1.5em; right: 0%; color: #888; font-weight: bold; font-size: 100%;}

                  /* alternative formatierung
             #t8e { position: absolute;
                  bottom: 0.5em; left: 3%; color: black; font-weight: bold; font-size: 0.7em;
                  } 
                  */

        .kontakt	{
                  position: absolute; bottom: 1.8em; right: 0; color: black;  margin: 0 0% 0em 0;
                  font-size: 100%; font-weight: bolder;
                  text-align: right;
                  }


      a:link 		{ color: #000000; text-decoration: none; font-weight: bold; }
      a:visited 	{ color: #000000; text-decoration: none; font-weight: bold; }
      a:focus 		{ color: #000000; font-weight: bold; }
      a:hover 		{ color: blue; text-decoration: underline; font-weight: bold; }
      a:active 	{ color: blue; text-decoration: underline; font-weight: bold; }
		.aktuell	a	{ color: black; text-decoration: none; font-weight: bold; }

            abbr 	{ border: none;}
      

/*				#dsgn { position: absolute; bottom: -2em; left: 3%;
                  font-size: 10pt; font-weight: bold ; color: #dfdfdf;
                  }
*/