﻿body {
  font-size: large;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: 99FFCC;
	}
	
	html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

 h2{
	font-size: 50px;
	color:6E45D6; 						
	height: 2,7em;
	margin: 20px 20px 10px 20px;
	text-shadow: 2px 2px 2px #3B09C6;
	}
	
#hpheilpraktikerinseite,
#hpaktuelles,
#hpheilmethoden,
#hpseminare,
#hppreise,
#hpuebermich,
#hpimpressum,
#hpseminare-mehr
{ 
 background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
 
 background-attachment: fixed;
 }
	


#hpnavibereich li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}

#hpnavibereich {
  background-color: none;        /* Hintergrundfarbe für die Navigation */
  padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 3px solid #668BCC    /* Rahmenlinie oben */
  border-bottom: 3px solid #668BCC   /* Rahmenlinie unten */
  margin: 0 2px;                        /* Keinen Außenabstand */
}

#hpnavibereich a {
  color: white;                  /* Schriftfarbe weiß */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
  font-weight:bold;
  text-shadow: /*0px 0px 10px #EC2522*/  2px 2px 2px #3B09C6; 
  }

 
  
  
#hpnavibereich a:hover {
  background-color: #CCFF99;
}

#hpnavibereich a:hover,        /* mit Komma am Ende */
#startseite #navi01 a,       /* mit Komma am Ende */
#hpheilpraktikerinseite #navi03 a,
#hpaktuelles #navi09 a,
#hpheilmethoden #navi10 a,
#hpseminare #navi11 a,
#hppreise #navi12 a,
#hpimpressum #navi13 a,
#hpuebermich #navi14 a


{ 		   /* ohne Komma am Ende */
  
  
  background-color: #66CCFF;             /*Hintergrundfarbe der gedrückten Buttons*/
  background-image: url(farbverlauf.jpg);/* Hintergrundgrafik einfügen */
  background-repeat: repeat-x;           /* von links nach rechts wiederholen */
  background-position: top left;         /* oben links beginnen */
  border: 2px solid black;
  font-weight: bold;
}
#behandlungsmethoden {float: left;
    list-style-type: none;
	text-decoration: none;
	padding: 4px 4px;	
	border-style: ridge;
	border-color: white;
	border-width: 5px;
	background-color: FFFFCC;
						margin: 5px 10px 10px 40px;
	}

#behandlungsmethoden li {
						text-decoration: none;
						list-style-type: none;
						}

#behandlungsmethoden a {color: black;
						font-size: 22;
						font-weight: bold;
						background-color: white;
						text-decoration: none;
}
#behandlungsmethoden a:hover {background-color: #F4FA58;

}

#behandlungsmethoden a:visited {color:#AC58FA}


#methode1, #methode2, #methode3, #methode4, #methode5, #methode6, #methode7, #methode8, #methode9, #methode10 {
	padding: 10px 0 10px 0
	}

#hpbild1 {float:left;
		margin: 0 10 20 50;
		border: solid;
		border-width: 5;
		border-color: 537DA9;}
		
#hpbild2 {float: left;
		margin: 0px 100px 20px 100px;
		border: solid;
		border-width: 5;
		border-color: 537DA9;}
		
h3 {	font-size: 40px; 
	font-family: times new roman; 
	color: white;
	background-color: 537DA9;
	text-indent: 10px;}
		
h4 {font-size: 30px; 
	font-family: times new roman;
	margin: 40px 10px 10px 30px;}

h5 {font-size: 30px; 
	font-family: times new roman; 
	margin: 10px 20px 10px 20px;
	text-align: center;}

#hplogo1a {margin: 100px 20px 250px 70px;
		border: solid;
		border-width: 5px;
		border-color: 537DA9;
		
		}

#hplogo {margin: 5px 30px 5px 1000px;
		border: solid;
		border-width: 5px;
		border-color: 537DA9;
		}
		
#hplogo1 {margin: 0px 50px 5px 40px;
		border: solid;
		border-width: 5px;
		border-color: 537DA9;
		float: left;
		position absolute
		}	
		
#hplogo3 {float: left;
		margin: 5px 100px 5px 100px;
		border: solid;
		border-width: 5px;
		border-color: 537DA9;
		}
		
#hplogo4 {
		margin: 5px 100px 5px 100px;
		border: solid;
		border-width: 5px;
		border-color: 537DA9;
		}
		
		
#table1 	{font-size: 22px;
		background-color: white;
		margin: 20px 40px 20px 40px;
		padding: 5px 5px 5px 5px;
		float: left;
		}	
		
	td 	{
		margin: 5px 5px 5px 5px;
		padding: 5px 5px 5px 5px;}		
		}
		
#table2, #td2, #td3 {font-size: 22px;
					border-color: black;
					border-style: solid;
					margin: 10px 5px 10px 10px;}	
		
		
	#td2 {font-size: 22px;
		vertical-align: top;
		margin: 20px 10px 5px 10px;
		padding: 10px 10px 10px 40px;
		border-top: 2px solid;
		border-right: 2px solid;}	
		
	#td3  {font-size: 22px;
		margin: 20px 50px 5px 10px;
		padding: 10px 40px 10px 20px;
		vertical-align: top;
		border-top: 2px solid;}
	  
#table3 {font-size: 22px;
		margin: 10px 30px 5px 30px}

	#td4 {font-size: 22px;
		font-weight: bold;
		vertical-align: top;}
		
	#td5 {font-size: 22px;}

	  
#p1{ 
	margin: 40 20 30 5;
	padding: 5 5 5 5;
	text-align: justify;
	position: center;
	font-size: 20px;
	}

span.kontakt {
	text-decoration: underline;
	font-weight: bold;}	
	
span.breuss {
	font-weight: bold;}
	
span.fett {
	font-weight: bold;}	
	
span.gelassen {
	text-decoration: underline;
	font-weight: bold;}		
	
#p2{clear: both;
	font-size: 22px;
	font-weight: bold;
	position: center;
	margin: 10px 40px 40px 70px;}
	
#p3  {	font-size: 22px; 
		font-family: arial;
		border-width: 10px;
		border: solid;
		border-color: 537DA9;		
		margin: 20px 30px 20px 30px;
		padding: 10px 10px 10px 10px;
		text-align: justify;
		}

#p4 	{font-size: 22px; 
		font-family: arial;
		margin: 0px 30px 5px 30px;
		padding: 5px 10px 10px 10px;
		text-align: justify;}		
		
#p5 {font-size: 26px; 
		font-family: arial;
		font-weight: bold;
		margin: 0px 30px 5px 30px;
		padding: 5px 10px 10px 10px;
		text-align: center;}
		
#p6 {font-size: 24px; 
		font-family: arial;
		font-weight: bold;
		margin: 0px 30px 5px 30px;
		padding: 5px 10px 10px 10px;
		text-align: center;}
		
#p7 	{font-size: 22px; 
		font-family: arial;
		margin: 0px 30px 5px 30px;
		padding: 5px 10px 10px 10px;
		text-align: center;}

#p8 {font-size: 28px; 
		font-family: arial;
		font-weight: bold;
		margin: 0px 30px 5px 30px;
		padding: 5px 10px 10px 10px;
		text-align: center;}		
		
a:link {color: blue;}
a:visited {color: blue;}

#ul1 {font-family: arial;
		font-size: 22px;
		margin: 10px 30px 10px 70px;
		padding: 10px 10px 10px 10px;}
	