/* 
 * Stylesheet fuer Carolin Mahner ZeichenSprache.
 * Derzeit gibt es drei Bereiche: 
 *  - Header
 *  - Navigation 
 *  - Inhalt
 * Diese muessen im HTML-Dokument mit 
 * <div id="xxx"> eingeleitet werden.
 */
   #wrapper {
	width:80%; 
	margin-top:30px;
	margin-left:50px;
	background-color:olive;
}
body {
	color: #666600;                                 /* Standard-Farbe für Schrift */
	background-color: #F2F2E6; /* hellhellgrau      /* Farbe des Browserfensters (außerhalb des "container") */
	font-size: 100.01%;                             /* behebt Bugs im IE */
	font-family: Verdana,monospace,Arial,sans-serif;/* Schrift ohne Serifen */
	margin: 0; padding: 0em;                        /* Aufhebung der Standard-Browserabstände */
	text-align: center;       						/* Zentrierung des containers für den IE. */    
                          
	/*border: 0px solid blue;                        /* zu Testzwecken verwendbar */   
} 
  h4 { color:#666600; font-weight: normal;}   

/* Allumfassender Container. Das ganze Layout soll als Blatt auf der Seite "schweben". */
#container {
	position: relative;
	top:5px;                                       /* Abstand des Kopfbereiches von oben */
	width: 900px;                                   /* Eine feste Breite. */
	background-color: #F2F2E6; /*hellhellgrau */    /* Hintergrundfarbe für alles */
	margin: 0 auto;                                 /* Hiermit zentrieren wir unsere Seite (außer im IE). */
	text-align: left;                               /* Ausgleich der Zentrierung für den IE im Body-Tag */
	padding: 0px 0px;                               /* Platz fuer den Rahmen aus dem Hintergrundbild. */
	/*border: 1px solid green;                      /* zu Testzwecken verwendbar */
}

/*
 * Ab hier alle Angaben für den Kopfbereich
 */

/* Position für die Header-Grafik */
#Header {
	background:  #F2F2E6;    /* Hintergrundbild (Hintergrund ist etwas grau, wenn Bild nicht lesbar sein sollte.) */  
	height: 87px;
	margin-bottom: 20px;                                   /* Höhe des Headers muss der Höhe der Grafik entsprechen */
	/*border: 1px solid black;                      /* zu Testzwecken verwendbar */
}
/* Position für den Baum (innerhalb des Header-Bereiches) */
#Logo {
	position: absolute;
	top: 0px;
	left: 10px;
	/*border: 1px solid green;                      /* zu Testzwecken verwendbar */
}
/* Position für die Menu-Eintraege links (unterwegs…) */
#Navigation {
	position: relative;  
	float:left;
	top:70px;
	left: 10px;
	width: 250px;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
	color: #666600;
	/*border: 1px solid red;                     /* zu Testzwecken verwendbar */
}
 /*
 * Ab hier alle Angaben für den Inhalt (unterhalb des Kopfbereiches)
 */

/* Position für die Fotos rechts */
#Fotos {
	position: absolute;
	top:40px;
	left: 300px;
	width: 100px;
	/*border: 1px solid blue;                       /* zu Testzwecken verwendbar */
}



/* Text in der linken Spalte bei zweispaltigem Satz */
#TextLinks {
	position: absolute;
	top:500px;
	right: 300px;
	margin-bottom: 100px
	padding: 0;
	font-size: 75%;
	/*border: 1px solid yellow;                     /* zu Testzwecken verwendbar */
}


   /* Position die Bilder in der rechten Spalte */
#TagebuchRechts {
	position: relative;  
	float: left;
	top:20px;
	margin-right: 0px;
   left: 10px;
	width: 520px;  
	margin-top: 0px
	padding: 0;
	font-size: 75%;
	/*border: 1px solid blue;                      /* zu Testzwecken verwendbar */
}

/* Slogans werden nach links ausgerückt */
img.slogan {
  margin-top: 30px;
  margin-left: -140px;
  margin-bottom: 10px;
}

/* Eigene Aufzählungszeichen per background-image */
ul.dash {
  margin:0;
  padding:0;
  list-style:none;
  /*border: 1px solid black;                     /* zu Testzwecken verwendbar */
}
ul.dash li {
  margin-left: -35px;
  padding: 8px 0 8px 35px;
  background:url(grafik/Ergebnis/dash30.png) no-repeat left top;
  /*border: 1px solid blue;                      /* zu Testzwecken verwendbar */
}



/* 29-04.2010 cm */