/* Basisvorlage CSS
Dr. Harald Zycha
Start: 4.8.2008
Letzte Änderung: 26.2.3009 Bernhard Wallensteiner


/* Farbsschema (Farbtöne der Elemente)
-----------------------------------------------------


Schriften: 
 - Schriftfarbe: #23261D

Hintergründe:
 - html: #AC9E7B
 - Buch-Container: #AC9E7B
 - Autor-Container: #92B620
 - Content-Container: #FFFFFF
 - hellbraun: #DFD7CC     (Einleitung, Menüleiste)



- - - - - - - - - - - - - - - - - - - - - - - - - - -

*/



/* Reset
----------------------------------------------------- */
/* auskommentiert, da dieser Reset einen Fehler beim we-Wysiwyg-Editor auslöst. 
* {
	padding: 0;
	margin: 0;
	border: 0;
	} 
*/



/* Globals und Typo
----------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 1000 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Des wird eine Schriftgröße von 75% oder 12px festgelegt.
background: #fff url('_images/grid.png') top left no-repeat;
*/
	background: #F1F0E9 /*url('images/bg-content-autor.gif') 21px 21px repeat-y*/;
	padding: 0px;
	margin: 0px;
	border: 0;
	}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
background: transparent url ('bilder/line-height.gif') top left;
*/
font-family: Arial,Tahoma,Verdana, sans-serif;
font-style: normal;
font-size:12.2px;
color: #000000;
	}

html>body {
	}
	
#menueleiste a:link {
 	color: #000000;
	text-decoration: none;
	}

#menueleiste a:visited {
 	color: #000000;
 	text-decoration: none;
	}

#menueleiste a:hover {
	position:relative;
	left:-5px;
	height: 19px;
	font-weight: bold;
	background-color: #92B620;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	}

#menueleiste a:active {
	font-weight:bold;
	text-decoration: none;
	}

a[href$='.pdf'] {
	padding: 5px 30px 5px 0px;
	background: transparent url('/images/icon_pdf.gif') no-repeat center right;
	}

.pdf-link { /* weil ie6 die obere definition für pdf nicht versteht; */
	padding: 5px 30px 5px 0px; 
	background: transparent url('/images/icon_pdf.gif') no-repeat center right;
	}

.google-link { /* weil ie6 die obere definition für pdf nicht versteht; */
	padding: 5px 5px 5px 65px;
	background: transparent url('/images/icon_google.gif') no-repeat center left;
	}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------------- */
 a:focus {
	outline: none;
	}


/* Vertikaler Rhythmus, basierend auf 12px Basisgröße für den Fließtext
----------------------------------------------------- */


h1 {
	margin: 30px 10px 5px 15px;
	font-size: 20px;
	font-weight: bold;
	}
	
h2 {
	margin: 35px 10px 0px 15px;
	font-size: 15px;
	font-weight: bold;
	}



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

#wrapper {
	margin: 20px auto;
	width: 960px;
	}

#header {
	}
	
#header .bodytext{
	margin: 0px 10px 0px 15px;
	font-size:12.2px;
	line-height:150%;
	}
	
#header h1 {
	margin: 30px 10px 5px 15px;
	font-size: 20px;
	font-weight: bold;
	}
	
#header h2 {
	margin: 35px 10px 0px 15px;
	font-size: 15px;
	font-weight: bold;
	}

#buch-natur-ganzheit-medizin {
	position: relative;
	float: left;
	width: 638px;
	height: 250px;
	}

#buch-inhalt {
	position: relative;
	float: right;
	width: 322px;
	height: 250px;
	background-color: #609A9C;
	}

#einleitung {
	position: relative;
	float: left;
	width: 638px;
	height: 180px;
	background-color: #DFD7CC;
	}
  
#hinweis-autor {
	position: relative;
	float: right;
	width: 322px;
	height: 180px;
	background-color: #92B620;
	}

#hinweis-autor img {
	float:right; 
	border:0px #609A9C solid; 
	margin:10px;
	}

/* Container im Bereich Menüleiste und Content
------------------------------------------- */ 

#menueleiste-und-content {
	position: relative;
	float: left;
	border: 1px solid #D3C6B5;
	margin-bottom:20px;
	min-height:610px;
	background-color:#DFD7CC; /* Farbe über ganzen Bereich; wird im Contentbereich durch helle Farbe überdeckt; siehe #content */
	}

#menueleiste {
	position: relative;
	float: left;
	width: 320px;
	padding-top: 20px;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica;
}

#menueleiste .bodytext {
	padding: 0px 10px 0px 0px;
}

#menueleiste ul li {
	float: left; 
	width: 306px;
	height: 25px;
	background-image: none;
	display: inline;
}

.current {
	position:relative;
	left:-5px;
	width: 320px;
	height: 17px;
	font-weight: bold;
	background-color: #92B620;
	padding: 1px 5px 1px 5px;
	text-decoration:none;
	}

	
/* Container im Bereich Content
----------------------------------------------------- */	

#content {
	position: relative;
	font-size: 12.2px;
	line-height: 150%;
	font-family: Arial,Tahoma,Verdana, sans-serif;
	float: left;
	left: 0px;
	width: 637px;
	background-color: #F1F0E9;
	border-left: 1px solid #D3C6B5;
	}

#content h1 {
	margin: 50px 0px 40px 0px;
	font-family: times new roman,arial,verdana;
	font-size: 23px;
	line-height: 150%;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	}

#content h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
	}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 17px 0 17px 0;
	}


#content h4 {
	font-size: 10px;
	font-weight: bold;
	margin: 15px 0 15px 0;
	}

#content h5 {
	font-size: 8px;
	font-weight: bold;
	margin: 120px 0 12px 0;
	}

#content .bodytext {
	margin: 0px 40px 0px 40px;
	line-heigth:150%;
	padding-bottom:20px;
	}
	
/*
#content p {
	font: 1.2em/1.6em Arial,Tahoma,Verdana, sans-serif;
	}
*/
	
#content ul {
	margin-left: 20px;
	}

#content ul li {
	margin-top: 1.0em; 
	margin-bottom: 1.0em;
	margin-top: 5px
	}

#content ol {
	margin-left: 20px;
	}

#content ol li {
	margin-top: 1.0em; 
	margin-bottom: 1.0em;
	margin-top: 5px
	}
	
#footer {
	text-align: center;
	}
	
#abstandhalter-unten {
	clear: both;
	position: relative;
	left: 24px;
	top: 26px;
	width:920px;
	background-color:ECE9D8;
	}




/* weitere Container
----------------------------------------------------- */