@charset "utf-8";
/* CSS Document */
body {
	font: 100% Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image:url(../gfx/body_bg.jpg);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #wrapper-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #666;
}
#wrapper {
	width: 820px;
    background-image:url(../gfx/bg.jpg);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	top:90px; /* hier top anstatt margin-top, wegen inline js Script: sonst kein Abstand zum top im IE7*/ 
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	height:670px;
	position:relative;
}
#header {
	background: transparent; 
	height:17px;
	padding: 18px 10px 0 157px;
	}

#navcontainer { width:500px; background: transparent; margin:0;}

#mainContent {
	padding: 0 35px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: transparent;
	height:590px;
	margin-top:3px;
	position:relative
}
#box1 {width: 200px; height:280px; background-color: transparent; float:left; overflow:hidden }
#box1 .img { margin-left: -1px;}
#box2 { position:relative; width: 322px; height:437px; background-color: transparent; float:left; padding-top:50px; padding-left:15px; padding-right:10px; overflow:hidden}
#box2 span{ color: #999; font-size: 95%;}
#box2 a{ color: #666; text-decoration: underline;}
#box2 a:hover { color: #666; text-decoration: none}
#box3 {width: 170px; height:260px; background-color: transparent; float:left; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom: 5px; overflow:hidden}

/*für philosophie*/
#scrollholder {width: 202px; height:197px; background-color: transparent; float:left; padding-top:15px; padding-bottom: 15px; overflow:hidden; }
#scrollholder li { list-style:none;  margin-bottom: 1em; font-size: 0.75em}
#scrollholder ul { margin-left:-30px;} 
#scrollholder ul { *margin-left:0px;} 

/*für referenzen*/
#scrollholder2 {position:relative; width: 344px; height:350px; background-color: transparent; float:left; padding-top:40px; padding-left: 5px; padding-right:0px; overflow:hidden }
#scrollholder2 li { list-style:none;  margin-bottom: 1em; font-size: 0.9em}
#scrollholder2 ul { margin-left:-30px;} 
#scrollholder2 ul { *margin-left:0px;} 


/* für  arbeitsproben*/
#scrollholder3 {position:relative; width: 344px; height:330px; background-color: transparent; float:left; padding-top:40px; padding-left: 5px; padding-right:0px; overflow:hidden }
#scrollholder3 li { list-style:none;  margin-bottom: 3em; font-size: 0.9em; color: #666}
#scrollholder3 span {  line-height: normal; font-size: 0.75em; color: #999}
#scrollholder3 ul { margin-left:-30px;} 
#scrollholder3 ul { *margin-left:0px;}


#footer {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background: transparent;
	text-align:right;
	clear:both;
}
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
#footer span {padding-left: 25px;}
#footer a { text-decoration:none; font-size: 0.75em; color: #999}
#footer a:hover { text-decoration: overline}
#footer a { text-decoration:none}




a:active, a:focus{outline: none}

p { font-size: .875em;}
a {color: #666; text-decoration:none;}
a:hover { text-decoration:overline}
.zitatCenter {text-align:center}
#zitatLangmann {
	position:absolute;
	width:200px;
	height:15px;
	z-index:1;
	left: 140px;
	top: 470px;
	font-size: 9pt;
	text-align:right;
}
#titel-philo {
	position:absolute;
	width:220px;
	height:35px;
	z-index:1;
	left: 360px;
	top: 452px;

}
.zitatUrheber {font-size: 8pt; margin-left:20px;}
.box3Zitat { text-align:center; font-size: 0.75em;}

h1 {font-size: .875em;}
h2 {font-size: .8em; font-weight: bold;}
h3 {font-size: .75em; font-weight:normal;}
#untertitel-philosophie {
	position:absolute;
	width:88px;
	height:31px;
	z-index:5;
	left: 690px;
	top: 250px;
}
.faxAusgleich {margin-right: 2px;}