/* CSS Document */

body {
  color: #CC3333;
  background: #fba15e;
  background-position:center center;
  background-attachment:fixed;
  font-family: verdana;  
  font-size: 100.01%;
  padding-top: 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
  behavior: url(csshover.htc);
}

/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 0px; /* 1px, wenn kleine Linie bleiben soll */
  font-size: 0px;
  line-height: 0px;
}

/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  width: 950px;   /* der Breite des Hintergrundbilds entsprechend */
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
  border-left:1px solid #fdce73;
  border-bottom:1px solid #fdce73;
  border-right:1px solid #fdce73;
  background: #fdbe90 url(bilder/bg_rahmen.gif) repeat-y;    
  overflow: hidden; /* Hintergr-bildanzeige Mozilla*/
  height: 595px;
}

* html #rahmen {   /* Box Model Hack - notwendig wegen border-Angabe */
  width: 952px;    /* fuer IE 5 und 5.5 */
  wid\th: 950px;   /* fuer IE 6 */
}

#kopf {
 width: 950px;
 height: 190px;
 background: url(bilder/kopf.jpg) no-repeat;
 overflow: hidden; /* Hintergr-bildanzeige Mozilla*/
 border-bottom:1px solid #fdce73; 
}

#zeile {	
 background: url(bilder/zeile2.gif) no-repeat;	
 width: 950px;
 height: 30px;
 border-bottom:1px solid #fdce73; 
}


/* Horizontale Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

div#nav {
  background: url(bilder/bg_horizontales_menu.jpg) no-repeat;	
  border-bottom: 1px solid #fdce73;   /* Trennlinie zw. Menue u. Inhalt */
  height: 30px; padding-left: 37px;
}


div#nav ul {
  margin: 0;	
  padding: 0; 
  background: #f9c58b;   
}


div#nav li {
  float: left;
  position: relative;
  display: block;
  margin: 0;
  padding:0.25em 0.4em 0.3em 0.4em;
  line-height: 1em;
  list-style-type: none;
}

/*div#nav li:hover { background: yellow;  Hoverfarbe, wenn keine weiteren Listenpunkte kommen, diese Farbe erscheint nur im mozilla 
}*/

div#nav li.submenu {}

div#nav li.submenu:hover {
 /* bei Mozialla, wenn noch weitere Listenpunkte kommen padding:0.25em 0.4em 0.25em 0.4em;*/
} 

div#nav li a {
 padding:0.25em 0.4em 0.25em 0.4em;
 display: block; 
 text-decoration: none;
 font-size: 0.95em;
 font-weight: bold;
 color:#ffff99;
}

div#nav ul li a.on {
 color: #CC3333 !important;
 margin: 0;	
 }

div#nav a:focus, #nav a:hover, #nav a:active {
  text-decoration: underline;
  color: #CC3333;  	
}

unknown {
 width: auto
}

div#nav ul ul {
 display: none;
 position: absolute;
 background: #e1875f;
 width: 5.8em;
 border: 1px solid #d06843;
}

* html div#nav ul ul {
 display: none;
 }


div#nav li.submenu li.submenu:hover {
/* Mousehover IE, weitere Abzweigungen mozilla */
width: 5.8em;
}

div#nav ul.level1 li.submenu:hover ul.level2 {
	display: block;
	margin: 0 0.3em 0 0.3em;
}

div#nav ul.level2 {  
 left: -1px;
 top: 1.97em;
width: 5.8em;
}

.grosses_h { /* grosses h für hANDswitch */
 font-size: 1.1em;
   
}
/* Ende horizontale Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {	
  line-height: 2.15em;	
  float:left;
  width: 100px;
  font-size: 100%;
  font-weight: bold;
  height: 358px;
  background: url(bilder/kunst_beruehrung.gif) no-repeat;
}


#content { 	
  float:left;
  width: 830px;
  text-align: left;
  padding-bottom: 15px;
  height: 358px;
  padding-left: 20px;
}

.scroll {	/*  für impressum */	
  overflow: auto;
  width: 830px;
  height: 358px;
}

.h2_hoch { /*  für startseite und massage zweite Seite */
	color: #CC3333;
	text-align: left;
	margin-bottom: 8px;
	font-size:0.9em; 
	font-weight: bold;
}

.li { /*  für startseite, massage */	
    font-size: 0.9em;
	color: #cc3333;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
}

/* Inhalt Content Links */
.spaltea_links {
 float: left;	
 width: 400px; 
 padding-top: 30px;
 line-height: 1.0em;
 color: #CC3333;
 font-size: 0.9em;
 text-align: left;
}


.spalteb_links {
 float: left;	
 width: 400px; 
 padding-top: 30px;
 line-height: 1.0em;
 color: #CC3333;
 font-size: 0.9em;
 text-align: left;			
}
/* Ende Inhalt Content Links */


 .links ul { /*  für links */	
	line-height:1.2em;
    margin:0;
    padding-left: 0;
   	list-style-position:inside;
    font-size: 1em;
}

li { /*  für Massage Wirkung und Sitzung - bezieht sich auch auf die Listenpunkte in der neuen Menüleiste*/
   font-size: 0.9em;
   padding-bottom: 6px;	
}


/* Inhalt Content Massagesitzungen */
.spaltea_touch3 {
 float: left;	
 width: 400px; 
 line-height: 1.0em;
 color: #CC3333;
 text-align: left;

}


.spalteb_touch3 {
 float: left;	
 width: 400px; 
 line-height: 1.0em;
 color: #CC3333;
 text-align: left;
}

.abstand {
	font-weight: bold;
	font-size: 17px;
	color: #CC3333;
	text-align: left;
	margin-bottom: -8px;
	margin-top: 15px;
	padding-top: 15px;		
}
			

.kleiner {
 font-weight: bold;	
 font-size: 12px;
}

 .massage { 	
	line-height:1.2em;
	margin: -8px 0 -8px 0;    
    padding-left: 0;
   	list-style-position:inside;

}
/* Ende Inhalt Content Massagesitzungen */

.table { /*Praxis*/
  margin-left: -4px;
  margin-top: -2px;		
}

h1 {
	font-weight: bold;
	font-size: 17px;
	color: #CC3333;
	text-align: left;
	padding-bottom: 15px;
	margin-top: 15px;
	padding-top: 15px;		
}


h2 { /*  für startseite, impressum etc. */
	font-weight: bold;
	font-size:0.9em; 
	color: #CC3333;
	text-align: left;
	margin:0;	
}

h3 { /*  für impressum */
	font-weight: bold;
	font-size:1.0em; 
	color: #CC3333;
	text-align: left;
	margin:0;	
}

h4 {  /*  für handswitch */
	font-weight: bold;
	font-size: 17px;
	color: #CC3333;
	text-align: left;
	padding-bottom: 3px;
	margin-top: 13px;
	padding-top: 13px;		
}

#text_oben_ohne_ueberschrift { /* da paddingproblem */
    font-size: 0.9em;
	color: #CC3333;
	text-align: left;
	padding-bottom: 15px;
	margin-top: 15px;
	padding-top: 15px;
	padding-right: 50px;		
}


p {
  line-height: 1.2em;
  color: #CC3333;
 /* font-size: 0.9em; */
  font-size: 0.9em;
  padding: 0 50px 0 0;
  text-align: left;
}


a:link { color: #CC3333; text-decoration:underline; }
a:visited { color: #CC3333; text-decoration:underline; }
a:focus { color: #CC3333; text-decoration:underline; }
a:hover { color: #CC3333; text-decoration:underline; }
a:active { color: #CC3333; text-decoration:underline; }

tr, th, td {
 font-size: 0.9em;	
}