/*
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 scroll 10px 0;}
	#header { height:45px;}
		#menu { width:520px; margin:10px 0 0 370px;}
	#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;}

.news { margin:20px; }
	.news ul { margin:0; padding:0; list-style:none;}
		.news li { clear:both; margin-bottom:5px; }
			.news img { float:left; margin:0 10px 10px 0;}

.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:155px 0 0 20px;}
.preise-philipp-text-en { float:left; width:240px; margin:140px 0 0 20px;}


.preise-sap { font-weight:bold; background-image:url(../pix/bg-preise-sap.jpg);}
.preise-walldorf-text { float:left; width:240px; margin:140px 0 0 20px;}
.preise-walldorf-text-en { float:left; width:240px; margin:120px 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 { color:#878889;}
#menu ul { list-style:none;}
#menu ul li { letter-spacing:0.1em;}
#menu ul li ul { width:200px; position:absolute;}
#menu 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;}

/* --- Menu --------------------------- */
#menu {position:relative;}
#menu ul { margin:0; padding:0; list-style:none;}
#menu ul li { float:left; border-left:2px solid #878889; position:relative; letter-spacing:0.1em; }
#menu ul li a { color:#878889; display:block; padding:0 11px; margin:1px; font-size:1.2em; font-weight:bold; }
#menu ul li:first-child { border-left:0;}
#menu ul li a:hover { color:#c5c7c8; }

/* --- Submenu ------------------------ */
#menu ul ul { overflow:hidden; height:0px; position:absolute; }
#menu ul ul li { float:left; margin-top:5px; }
#menu ul ul li a { font-size:1em; font-weight:normal; }
#menu ul ul li a:hover{}

#menu_philippsburg ul { left:0; width:200px; }
#menu_walldorf ul { left:-61px; }