/****** CSS Styles für den Internetauftritt von 

           Wittmann, Heilpraktiker, Schwabach
		   
          created by 
		  
		  Peter Scheel
		  Service für medizinische Berufe
		  www.scheel-service.de
Rumänische Sonderzeichen

Zeichen Unicode-Nr. HTML-Maskierung Beschreibung
                           Großes A mit Zirkumflex
â         â                  Kleines a mit Zirkumflex
A        Ă                   Großes A mit Breve
a        ă                    Kleines a mit Breve
Î       Î  Î        Großes I mit Zirkumflex
î       î   î        Kleines i mit Zirkumflex
S      Ş                    Großes S mit Cedilla
s      ş                     Kleines s mit Cedilla
T     Ţ                     Großes T mit Cedilla
t      ţ                     Kleines t mit Cedilla
		 		  
******/

/**************** common settings*********************/
*  {
   list-style: none; 
   margin: 0;
   padding:0;
   text-decoration:none;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  color: #ffffff;
  background: #350D0C url(../png/verlauf.png) left top repeat-x;
  font-size: 14px ;
} 
img {
   border: 1px solid #ddd;
}

    .myclass div#page {
    	width: 950px;  
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		height: auto;
    }

	
/************ HEADER ***********************************/	
	.myclass div#header {
	}
 
 	.myclass div#header div#logo {
	   background: url(../png/logozeile.png) left top no-repeat;
	   height:80px;
	   width:900px;
	   margin: 15px 0px 10px 15px;
	}
	.myclass div#header div#logo img{
	   border:none;
	   margin-left:350px;
	   margin-top:20px;
    }	
 
 	.myclass div#header div#mainnav ul{
	   list-style:none;
	   float: right;
	   padding: 5px 430px 0px 0px;
	}
 	.myclass div#header div#mainnav li{
       display:inline;
	   margin:0;
	   padding:0;	
	}
 	.myclass div#header div#mainnav li a{
	   display:block;
       float: left;
	   margin:0px 0px 0px 10px;
	   color: #F2AE4B;
	}
 	.myclass div#header div#mainnav li a:hover, .myclass div#header div#mainnav li a#focus{
	   color: #FFFFFF;
	}
	
/************ MEDICAL NAVIGATION**************************/
	.myclass div#medicalnav {
       height:46px;
	   margin: 0px 0px 0px 25px;
	}

	.myclass div#medicalnav img{
	   border:none;
	   margin:0;
	   padding:0;
       float: left; 
	}
	
	.myclass div#medicalnav a{
	   /* hide text */
	   display:block;
	   text-indent: -1999px;
	   overflow: hidden;
	   height:46px;
	   }
	.myclass div#medicalnav a#but_tcm{
	    background: url(../png/button_tcm.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_tcm:hover{
	    background: url(../png/button_tcm_selected.png) left top no-repeat;
		width:146px;
		float:left;
	   }

	   
	.myclass div#medicalnav a#but_akupunktur{
	    background: url(../png/button_akupunktur.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_akupunktur:hover{
	    background: url(../png/button_akupunktur_selected.png) left top no-repeat;
		width:146px;
		float:left;
	   }		   
	.myclass div#medicalnav a#but_chiropraktik{
	    background: url(../png/button_chiropraktik.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_chiropraktik:hover{
	    background: url(../png/button_chiropraktik_selected.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_tktl1{
	    background: url(../png/button_tktl1.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_tktl1:hover{
	    background: url(../png/button_tktl1_selected.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_labor{
	    background: url(../png/button_labor.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_labor:hover{
	    background: url(../png/button_labor_selected.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_ortho{
	    background: url(../png/button_ortho.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_ortho:hover{
	    background: url(../png/button_ortho_selected.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	   
/****************************** rumänische Ergänzung ******************/
	.myclass div#medicalnav a#but_ro_tcm{
	    background: url(../png/buton_ro_tcm.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_ro_tcm:hover{
	    background: url(../png/buton_ro_tcm_selectia.png) left top no-repeat;
		width:146px;
		float:left;
	   }

	.myclass div#medicalnav a#but_acupunctura{
	    background: url(../png/buton_acupunctura.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_acupunctura:hover{
	    background: url(../png/buton_acupunctura_selectia.png) left top no-repeat;
		width:146px;
		float:left;
	   }		   
	.myclass div#medicalnav a#but_chiropractica{
	    background: url(../png/buton_chiropractica.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_chiropractica:hover{
	    background: url(../png/buton_chiropractica_selectia.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_ro_tktl1{
	    background: url(../png/buton_ro_tktl1.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_ro_tktl1:hover{
	    background: url(../png/buton_ro_tktl1_selectia.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_laborator{
	    background: url(../png/buton_laborator.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_laborator:hover{
	    background: url(../png/buton_laborator_selectia.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_orthomoleculara{
	    background: url(../png/buton_ortomoleculara.png) left top no-repeat;
		width:146px;
		float:left;
	   }
	.myclass div#medicalnav a#but_orthomoleculara:hover{
	    background: url(../png/buton_ortomoleculara_selectia.png) left top no-repeat;
		width:146px;
		float:left;
	   }




	   
	   
	   
	   
	   
/************ FLASH ***********************************/	
    .myclass div#flash {
	margin: 0px 0px 0px 25px;
	}
/************ Main ***********************************/
    .myclass div#main{
	margin: 10px 25px 0px 25px;
	}
    .myclass div#main h1{
      font-size: 24px ;
	  margin-bottom: 10px;
      font-weight:lighter;
      letter-spacing:2px;	  
	}

	.myclass div#main h2 , .myclass div#main h2.slogan, .myclass div#main h2.sloganindent{
      font-size: 17px ;
	  margin-top: 15px;
      font-weight:lighter;
      letter-spacing:2px;	  
	}
	
	.myclass div#main h2.slogan{
	 margin: 15px 0px 0px 50px;
	}	
	.myclass div#main h2.sloganindent{
	 margin: 0px 0px 10px 90px;
	}
	
    .myclass div#main p , .myclass div#main p.kursiv, .myclass div#main p.p100{
    font-size: 14px ;
    margin-left:50px;
    margin-right:50px;	
	}
	
	.myclass div#main p.p100 {
    margin-left:100px;
	}
	
	
    .myclass div#main p.kursiv{
	font-style:italic;
	margin-left:55px;
	margin-top:5px;
    }


    .myclass div#main p.small{
    font-size: 11px ;
	margin-left:90px;
	margin-top:-10px;
    }		
	
	.myclass div#main p a{
    color: #F2AE4B;
	}
	.myclass div#main p a:hover{
    color: #FFFFFF;	
	}	
	
    .myclass div#main div.packet div.table{
	}
	
	.myclass div#main div.table div.indent1{
    float:left;
    padding:0;
    margin: 10px 20px 20px 10px;
    }
    .myclass div#main div.table div.indent1 p{
    margin:0;
    /* padding:0px 0px 0px 10px; */
    font-size: 14px ;	
    }
    .myclass div#main div.end{
     content: ".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
	}	
	
/************footer ***********************************/
    .myclass div#footer{
	margin: 35px 25px 0px 25px;
	border-top: 1px dotted #aaaaaa;
	}
    .myclass div#footer p{
	   font-size: 11px ;	
       text-align: center;
	   color:#aaaaaa;
	}