/*
Schrift:	4e4e4e
Rahmen:		CCCCCC

Arial
Überschriften bold 14pt
Text 12pt reg
 
Philosophie Seite:
 
Text auch 14pt
Blocksatz....
*/

/*
#header, td {border:1px solid #f00;}
*/
body{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;
	text-align:center;
	line-height:1.5em;
	margin-top:40px;
}

/* --- Links -------------------------------- */
a { text-decoration:none; color:#4e4e4e;}
a:hover { color:#999;}
#footer a, #sprache a { text-decoration:none; color:#878889;}
#footer a:hover, #sprache a:hover { color:#c5c7c8;}

/* --- DIVs --------------------------------- */
#rahmen { width:880px; height:550px; margin:auto; text-align:left; border:1px solid #ccc; background:url(../pix/logo.gif) no-repeat;}
	#header { height:45px;}
		#menu-div { width:540px; margin-left:340px;}
	#sprache {text-align:right; margin-right:20px; color:#878889;}
	#main {width:818px; height:450px; border:1px solid #ccc; margin-left:40px; position:absolute; top:117px;}
	#footer { text-align:right; margin-right:20px; margin-top:455px; color:#878889; font-size:10px;}
	
/* --- Überschriften ------------------------ */
h1{ font-size:14px; font-weight:bold;}

/* --- Einzelseiten ------------------------- */
.rechts { text-align:right;}

.impressum { background-image:url(../pix/bg-impressum.jpg);}
.impressum-text { line-height:1.3em; float:left; width:245px; margin:20px 0 0 20px;}
.impressum-text p, .impressum-text h1 {margin:0.3em 0;}

.philosophie { background-image:url(../pix/bg-philosophie.jpg);}
.philosophie-text { width:400px; margin:20px 0 0 20px; text-align:justify; font-size:14px;}

.preise-philipp { font-weight:bold; background-image:url(../pix/bg-preise-philipp.jpg);}
.preise-philipp-text { float:left; width:240px; margin:210px 0 0 20px;}
.preise-philipp-text-en { float:left; width:240px; margin:190px 0 0 20px;}


.preise-sap { font-weight:bold; background-image:url(../pix/bg-preise-sap.jpg);}
.preise-walldorf-text-en { float:left; width:240px; margin:180px 0 0 20px;}


.salon-philipp { font-weight:bold; background-image:url(../pix/bg-salon-philipp.jpg);}
.salon-philipp-text { float:left; width:240px; margin:20px 0 0 20px;}

.salon-sap { font-weight:bold; background-image:url(../pix/bg-salon-sap.jpg)}

.startseite { background-image:url(../pix/bg-startseite.jpg);}
.startseite-text { margin-top:20px; width:500px; text-align:center; line-height:30px;}
.startseite-text span {margin:2px 40px;}

.team-philipp { background-image:url(../pix/bg-team-philipp.jpg);}
.team-walldorf-sap { background-image:url(../pix/bg-team-sap.jpg);}

.sitemap {background-image:url(../pix/bg-sitemap.jpg);}
.sitemap ul ul li { margin-left:-20px;}
.sitemap-de { float:left;}
.sitemap-en { float:right;}
.sitemap-de, .sitemap-en { width:20%; margin:40px 20px;}

/* --- Menu --------------------------------- */
#menu-div { color:#878889;}
#menu-div ul { list-style:none;}
#menu-div ul li { letter-spacing:0.1em;}
#menu-div ul li ul { width:200px; position:absolute;}
#menu-div ul li ul li { letter-spacing:normal;}
.menu { float:left; margin:0; padding:0;}
.menu h2 { margin:0; padding:0; color:#878889; font-size:1.2em; line-height:1em;}
.menu h2 a {color:#878889;text-decoration:none;}
.menu h2 a:hover {color:#c5c7c8;text-decoration:none;}
.menu ul{ /*width:170%;*/ list-style:none; display:none; padding:0; }
.menu:hover ul {list-style:none; display:block;}
.menu ul li {float:left; padding:0; margin-top:5px; background:#fff; color:#878889; }
.menu ul li a { text-align:center; background:#fff; text-decoration:none; color:#878889; }
.menu ul li a:hover {color:#c5c7c8;}