/* 
 * 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 */   
}

/* Allumfassender Container. Das ganze Layout soll als Blatt auf der Seite "schweben". */
#container {
	position: relative;
	top:5px;                                       /* Abstand des Kopfbereiches von oben */
	width: 1000px;                                   /* 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: url("grafik/allgemein/unterwegs10.png") #F2F2E6;    /* Hintergrundbild (Hintergrund ist etwas grau, wenn Bild nicht lesbar sein sollte.) */
	height: 57px;
	margin-bottom: 57px;                                   /* Höhe des Headers muss der Höhe der Grafik entsprechen */
	/*border: 1px solid black;                      /* zu Testzwecken verwendbar */
}
/* Position für die Menu-Eintraege links (unterwegs…) */
#Navigation {
	position: absolute;
	top: 95px;
	left: 700px;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
	color: #666600; 
   /*font-family: courier new;
   /*border: 1px solid yellow;                     /* zu Testzwecken verwendbar */
}
#HauptNavigation {
	position: absolute;
	float: left;
	top: 95px;
	left: 10px;
	padding: 5;
	font-size: 70%;
	font-weight: normal;
	color: #666600; 
   /*font-family: courier new;
   /*border: 1px solid yellow;                     /* zu Testzwecken verwendbar */
}
 /* Ab hier alle Angaben für den Inhalt (unterhalb des Kopfbereiches) *

	
/* Text in der linken Spalte bei zweispaltigem Satz */
#Inhalt {
	position: relative;
	padding: 0;
	margin-right: 20px;
	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: 410px;
	width: 520px;  
	margin-top: 0px
	padding: 0;
	font-size: 75%;
	/*border: 1px solid blue;                      /* zu Testzwecken verwendbar */
}

#TextRechts {
	position: relative;
	margin: 10px 10px 50px 200px; 						 /* Abstände oben rechts unten links */
	padding:5;
	color: #990033;
	font-size: 75%;
	font-family: "courier new";	/*border: 1px solid yellow;                      /* zu Testzwecken verwendbar */
}



/* 06.07.11 */