/*
-----------------------------------------------
projekt:  massage-therapeuten-ausbildung.de
autor:    peter r. mueller - http://www.prmueller.de/
version:  19.7.9
----------------------------------------------- */


body { 
	font: 10pt Verdana, helvetica, , "Lucida Sans", "arial unicode MX", "urw grotesk t", sans-serif; 
	color: #000000; 
	background: rgb(233,220,168) url(bilder/xxx.jpg) no-repeat bottom right; 
	margin:0px 10px 0px 10px;
	padding:0px; 
	}
	
/* --------------------------------------------
Schriftstile
----------------------------------------------- */

	
p, li { 
	font: 0.8em/1.5 Verdana, "Arial Unicode MS", arial, "urw grotesk t", sans-serif; 
	color: rgb(96,96,96);
	text-align: left;
	}
	
p.zent {
	text-align: center;
	}

p.eingerueckt {
	padding-left: 5em;
	margin: 0.1em;
}
	
p em {
	font-style: italic;
	}

p em.gelb {
	background-color: yellow;
	}
	
p span {
	font-style: normal;
	font-weight: bold;
	color: rgb(5,45,80);
	font-size: 110%
	}

p.printblurr {
	font-size: 70%;
	text-align: right;
	color: rgb(170,170,170);
	letter-spacing: 1px;
	}
	
p.kontakt {
	clear:both; 
	margin:205px 0 0 92px;
	font: bold 1em/1.4 Verdana, "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif;
}
	
ol li {
	margin-bottom: 1em;
}

	
td p, td ul, td li {
	font: normal 90%/1.4 Verdana, "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif;
	color: #787878;
	margin: 0;
}

td ul {
	margin-top: 0.4em;
}

td li {
	list-style: bullet inside;
	font-size: 90%;
}

td p {
	font-size: 80%;
}

td img {
	margin-bottom: 8px;
}

table {
	border: 1px solid #CCCCCC;
}

td {
	padding: 5px;
}
	
/* Seitenheader */	
h1	{
	font-size: 0.4em;
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	}
	
/* Artikelseiten-Ueberschrift */	
h2 { 
	font: 90% Verdana, trebuchet, tahoma, avantgarde, sans-serif; 
	font-weight:700;
	color: #676767;
	line-height: 120%;
	}
h2 span {
	font-size: 70%;
	line-height: 100%;
	}
h2 em {
	background-color: yellow;
	font-style:normal;
	font-weight:bold;
	}


/* Zwischenueberschrift */
h3 { 
	font: 90%/1.4 Verdana, trebuchet, tahoma, avantgarde, sans-serif; 
	font-weight:800;
	color: #676767;
	margin-top: 2em;
	}
h3 span {
	font-size: 90%;
	background-color: yellow;
	/* background-color: rgb(255,225,95); */
	}
	
/* Banner */
h4 {
	font: bold 95%/1.8 "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif; 
	text-align:center;
	color: rgb(156,105,153);
	letter-spacing: 1px;
	}
/* IE Windows Fix wegen der falschen Darstellung der Zeilenhoehe */
* html h4 {
		line-height: 300%;
		vertical-align: -60%;
		}
h4 span {
	font-size: 70%;
	}
h4 em {
	font-size: 150%;
	color: rgb(156,105,153);
	font-style: normal;
	}
	
/* Ueberschriften fuer Teamseite */
h5 {
	font: bold 1.2em/1.6 Verdana, "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif;
	color: rgb(156,105,153);
	text-align: left;
	margin: 0em 0 0 0;
	}
	
h6 { 
	font: normal 0.9em Verdana, trebuchet, tahoma, avantgarde, sans-serif; 
	color: #5d7c3f;
	margin: 0;
	letter-spacing: 1px;
	}

	
/* Links allgemein */
a:link { 
	font-weight: bold; 
	text-decoration: none;
	color: rgb(156,105,153);
	}
	
a:visited {
	font-weight: bold; 
	color: rgb(150,160,255);
	text-decoration: none;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: rgb(150,160,255);
	}

/* Footer */
#footer p {
	text-align:center;
	color: rgb(156,105,153);
	font-size: 70%;
	letter-spacing: 2px;
	}
	
#footer a:link, #footer a:visited { 
	font-weight: normal;
	text-decoration: none; 
	color: rgb(156,105,153);
	}

#footer a:hover, #footer a:active { 
	text-decoration: underline; 
	}



/* --------------------------------------------
Body - Container
----------------------------------------------- */

#horizont {
	position: relative;
	 
	margin: 0;
	padding: 0;
	}
		
#banner {
		background: transparent;
		border:0px solid #ccc;
		margin: 5px 0px 15px 0px;
		padding: 120px 0px 0px 0px;
		width: 1050px;
		height: 50px;
		}

#banner h4 {
		display: none;
}

#zentralist { 
	background: transparent url(bilder/zierleiste.jpg) no-repeat 0px 0px;
	width: 1050px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
/* IE float hack, including Holly Hack - hides from IE-mac \*/
* html #zentralist {height: 1%;}
/* End hide from IE-mac */
	
#text {
	margin: 0px 0px 6px 0px;
	padding: 20px 10px 10px 25px;
	background-color: #fffdf4;
	width: 765px;
	float: right;	
	background-color: #fffdf4;
	min-height: 481px;
	}
	
#rechtespalte {
	width: 175px;
	float: right;
	padding-right: 10px;
}

#linkespalte {
	width: 545px;
	float: left;
	padding-left: 5px;
}
	


/* IE float hack, including Holly Hack - hides from IE-mac \*/
* html #text {height:0;}
/* End hide from IE-mac */
	
/* Clearfix-Hack */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-table;
	}

	
#footer { 
	background: transparent; 
	padding: 10px auto 0px auto;  
	margin: 20px 0 40px 260px; 
	width: 780px;
	}
	
/* table#therapeuten {
	width: 500px;
	background-color: red;
}

table#therapeuten td {
	width: 135px;
	background-color: green;
} */
	
/* Erste Ebene */

#navi {
	float: left;
	height: 800px;
	width: 245px;
	padding: 0px 0px 0px 0px;
	}	  	
  	
#navi ul {
	list-style: none inside none;
	padding: 0;
	margin: 0px 2px 0 2px;
   	background-color: rgb(156,105,153);
	}
 
#navi li {
 	display: block;
	font: bold 90%/1.4em "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif;
	border-bottom: 1px solid rgb(156,145,97); 
	color: whitesmoke;   	
	margin: 0;
   	list-style: none;
   	}
   		
#navi li span {
	background-color: rgb(182,113,177);	
	padding: 12px 0px 4px 7%;
	margin-right: 0px;
	letter-spacing: 1px;
	display: block;
	height: 1.8em;
	width: 225px;
	font-weight: normal;
	}
   	
#navi li a {
	font: normal 0.9em "Lucida Sans", "Lucida Sans Unicode",'Trebuchet MS',Verdana,Arial,sans-serif;
	text-decoration: none;
	display: block;
	padding: 12px 0px 6px 7%;
	width: 90%;
	height: 1.6em;
	color: whitesmoke;
	letter-spacing: 1px;
	}
   	
#navi li a:hover {
	background: rgb(182,113,177);
	display: block;
	width: 225px;
	}

/* Zweite Ebene */
	#navi ul li ul {
	padding: 0 0 1px 0;
	margin: 0;
	}
	
	 #navi li li {
	border: 0px solid white;
	} 
	
	#navi li ul li span {
	background-color: rgb(182,113,177);	
	padding: 3px 0px 0px 9%;
	margin-right: 2px;
	display: block;
	height: 2.3em;
	font-size: 85%;
	width: 91%;
	font-weight: normal;
	}

	
	#navi ul li ul li a {
	padding: 3px 0px 3px 9%;	
	font-size: 85%;
	background: rgb(156,105,153);
	width: 213px; 
	border-bottom: 0px solid white;
	}
	
	#navi ul li ul li a:hover {
	padding: 3px 0px 3px 9%;
	font-size: 85%;
	background: rgb(182,113,177);
	width: 220px;
	}
	
	/* Dritte Ebene */
	#navi ul li ul li ul li {
	padding: 0 0 5px 0;
	margin: 0;
	}
	
	 #navi li li li {
	border: 0px solid white;
	} 
	
	#navi li ul li ul li span {
	background-color: rgb(182,113,177);	
	padding: 3px 0px 0px 13%;
	margin-right: 2px;
	display: block;
	height: 2.3em;
	font-size: 75%;
	width: 87%;
	font-weight: normal;
	}

	
	#navi ul li ul li ul li a {
	padding: 3px 0px 3px 13%;	
	font-size: 75%;
	background: rgb(156,105,153);
	width: 210px; 
	border-bottom: 0px solid white;
	}
	
	#navi ul li ul li ul li a:hover {
	padding: 3px 0px 3px 13%;
	font-size: 75%;
	background: rgb(182,113,177);
	width: 210px;
	}

	

/* - Bilder
----------------------------------------------- */

img {
	border: 0px solid;
	} /* IE-Hack, beseitigt den Rahmen um Bilder */

img a:link, img a:visited, img a:active, img a:hover {
	text-decoration: none;
	background: transparent;
	}
	
#rechtespalte img {
	margin: 3em 0 0.5em 0;}
	
.links {
	display: block;
	float: left;
	margin: 0 1.5em 1em 0;
}

.rechts {
	display: block;
	float: right;
	margin-left: 5px;
}


.bildtext, #rechtespalte p {
	padding: 0;
	margin-top: 0.5em;
	font: normal 70%/1.4 Verdana, "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif;
	color: #9b9b9b;
} /* Bildunterschriften */

table#therapeuten {
	border: 0px transparent;
}

table#therapeuten p.bildtext {
	padding: 0;
}

/* Anmeldeformular */
.formlinks, .formrechts {
	font: normal 90%/1.4 Verdana, "Lucida Sans", "Lucida Sans Unicode", 'Trebuchet MS',Verdana,Arial,sans-serif;
	color: rgb(96,96,96);
	}
.formrechts {
	text-align: left;
}

/* fuer PHP */
#antwort {
	position: relative;
	margin: 10px auto;
	background: transparent url(bilder/zierleiste.jpg) no-repeat 0px 0px;
	width: 1050px;
	padding-top: 250px; 
	text-align: center;
	}
#antwort p {
	text-align: center;
}