/* Stylesheet
   www.philosophie-praktisch.de
   Letzte Änderung: 14.09.2009
*/   

/* Farbschema:
----------------------------------------------------------- */
/*
   Lila (Überschriften):  #993366
   Weiss (Hintergrund):  #F9F9F4
   Grün (Farbverlauf):  #5F8C46
   Hellbeige (Hintergrund Nebeninfo):  #F8F4E2
   Grün (Links):  #556D1A
   Grau (Text):  #63676D
*/

/* Globales Reset
----------------------------------------------------------- */
* {
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: top;
}


/*---------------------------------------------------------
   Regeln für allgemeine Elemente 
  --------------------------------------------------------- */

body {
	text-align: center;     /* für IE: Text im "body" wird zetriert, damit das gesamte Layout zentriert ist */
	background: #F9F9F4 url('bilder/layout/verlaufkopf.gif') repeat-x;  
	font-size: 80%; 
}


/* Hülle  - eigentlicher Layoutbereich */
div#huelle {
	color: #63676D;
	background-color: transparent;
	width: 960px; 
	margin: 0 auto;  /* Layoutbereich wird zentriert */
	text-align: left; /* Text in der Hülle wird für IE wieder links ausgerichtet */ 
}


/* Überschriften */
h1 {
	color: #993366;
	background-color: transparent;
	font: bold 2em Candara, Arial, Helvetica, Sans-Serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

h2 {
	color: #993366;
	background-color: transparent;
	font: bold 1.7em Candara, Arial, Helvetica, Sans-Serif;
	margin-top: .8em;
	margin-bottom: .5em; 
}

h3 {
	color: #334D1A;
	background-color: transparent;
	font: bold 1.4em Candara, Arial, Helvetica, Sans-Serif;
	margin-top: .9em;
	margin-bottom: .5em; 
}


/* Absätze */
p {
	color: #63676D;
	background-color: transparent;
	font: normal 1.1em/1.5em Arial, Helvetica, Sans-Serif; 
	margin-top: .7em;
	margin-bottom: .7em; 
}


/* Listenpunkte */
ul {
	color: #63676D;
	background-color: transparent;
	font: normal 1.1em/1.3 Arial, Helvetica, Sans-Serif; 
	margin-top: .9em;
	margin-bottom: .9em;
    list-style: disc outside;
}

li {
	margin: 0.5em 0 0.5em 1.2em;
}

/* Text rechts ausgerichtet */
.rechts {
    text-align: right;
    margin-bottom: 30px;	
}

/* Zitate */
blockquote {
	margin-top: 25px;
	margin-bottom: 30px;
}


/* ---------- Inline-Elemente --------- */
/* Links und Anker */
a {
	color: #993366;
	background-color: transparent;
	text-decoration: underline;
}

/* Bilder */
img {
	vertical-align: bottom;
}

/* Hervorhebungen */
strong {
    color: #993366;
}

/*---------------------------------------------------------
   Regeln für besondere Bereiche
  --------------------------------------------------------- */
  
/* Seitenkopf
---------------------------------------------------------- */
div#seitenkopf {
	background-color: transparent; 
	padding-bottom: 30px;
}

#seitenkopf h1 {
	padding: 60px 50px 0 0;
	margin: 0;
	float: right;
}

#seitenkopf p {
	padding: 20px 0 0 40px; 
	margin: 0;
}


/* Navigationsspalte
---------------------------------------------------------- */
div#navigation {
	background-color: transparent;
	width: 200px;
	padding: 30px 0;
	float: left;
}

h2.unsichtbar {
    position: absolute;
    left: -9999px;	
}

#navigation ul {
    color: #993366;
	background-color: transparent;
	font: bold 1.7em/1 Candara, Arial, Helvetica, Sans-Serif; 
    list-style-type: none;
    margin: 0 30px 0 40px;
}

#navigation li {
    margin: .8em 0;
}

#navigation a:link,
#navigation a:visited {
	color: #556D1A;
	background-color: transparent;
	text-decoration: none;
}

#navigation a:hover {
	color: #993366;
	background-color: transparent;
	text-decoration: none;
}

#navigation a:focus,
#navigation a:active {
	color: #556D1A;
	background-color: transparent;
	text-decoration: none;
}


/* Inhaltscontainer
---------------------------------------------------------- */
div#inhalt {
	background-color: transparent;
	width: 730px;
	margin: 0 15px 0 0;
	float: right;
}


/* Hauptinhalt
---------------------------------------------------------- */
div#hauptinhalt {
	background-color: transparent;
    width: 400px;
	float: left;
}


/* Nebeninformation
---------------------------------------------------------- */
div#nebeninformation {
	background-color: #F8F4E2;
	width: 280px;
	float: right;
	padding-bottom: 10px;
}

#nebeninformation p,
#nebeninformation h2,
#nebeninformation h3,
#nebeninformation ul, {
	margin-right: 15px;
	margin-left: 15px;
}


/* Seitenfuss
---------------------------------------------------------- */
p#seitenfuss {
    color: #993366;
	background: #F9F9F4 url('bilder/layout/verlauffuss.gif') 0% 100% repeat-x;
	padding: 40px 40px 20px	40px;
    margin: 0;
    clear: both;
    text-align: center;
}


/*---------------------------------------------------------
   Regeln für Details auf einzelnen Seiten
  --------------------------------------------------------- */
  
/* Startseite - News */
p.news {
	color: #993366;
	background-color: transparent;
	font: italic bold 1.3em/1.5em Arial, Helvetica, Sans-Serif; 
    padding-top: .7em;
    padding-bottom:	.7em;
    border-top: 1px #63676D dotted;
    border-bottom: 1px #63676D dotted;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center; 
}


/* "Worum es geht" - Schöne Wörter */
ul.woerter {
	color: #EABBB5;
	background-color: transparent;
	font: italic 2.3em/1 Candara;
	margin-top: .9em;
	margin-bottom: .9em;
	list-style-type: none;
}

.woerter li {
    margin: .5em 1.2em;	
}

.woerter a:link,
.woerter a:visited {
	color: #EABBB5;
	text-decoration: none;
}

.woerter a:hover {
	color: #993366;
	text-decoration: none;
}

.woerter a:focus, 
.woerter a:active {
	color: #EABBB5;
	text-decoration: none;
}


/* "Texte" - PDF-Download */
h2.trennlinie {
	margin-top: 1.3em;
	padding-top: 1.3em;
	border-top: 1px #63676D dotted;
	}
	
/* Kursinhalte - Liste Teil I */
ul.kursinhalte {
	color: #63676D;
	background-color: transparent;
	font: normal 1.1em/1.3 Arial, Helvetica, Sans-Serif; 
	margin-top: .2em;
	margin-bottom: .9em;
    list-style: disc outside;
}

.kursinhalte li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}