/* 
 * Stylesheet fuer Bersal Übersetzungen.
 * Derzeit gibt es vier Bereiche: 
 *  - header
 *  - menu 
 *  - inhalt
 *  - footer 
 * Diese muessen im HTML-Dokument mit 
 * <div id="xxx"> eingeleitet werden.
 */

body {
	margin: 0; padding: 0em;                        /* Aufhebung der Standard-Browserabstände */
	text-align: center;                             /* Zentrierung des containers für den IE. */
}

/* Zum Beenden von Floats muss dort ein div mit der Klasse clearer eingefuegt werden. */
.clearer { display:block; height:0; font-size:0; clear:both; overflow:hidden; visibility:hidden; }

/* Allumfassender Container. Das ganze Layout soll als Blatt auf der Seite "schweben". */
div#container {
	position: relative;
	top: 10px;                                      /* Abstand des Kopfbereiches von oben */
	width: 800px;
	height: 620px;                                     /* Eine feste Breite. */
	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: 3px solid blue;                      /* zu Testzwecken verwendbar */
}

/*
 * Ab hier alle Angaben für den Kopfbereich
 */    
div#header {
	position: relative;  
	width: 100%;
	top: 0px;
	height: 100px;
/*border: 1px solid yellow;                      /* zu Testzwecken verwendbar */
}    


div#header img#logo {
	float: left;
	margin-top: 10px;   
	margin-left: 10px;
	width: 260px;
	border: 0px;
/*border: 1px solid blue;       /* zu Testzwecken verwendbar */
}

div#header h1 {    
	float: left;
	margin-top: 45px;
	margin-left: 150px;
/*border: 1px solid red;                      /* zu Testzwecken verwendbar */
}

div#header img#headerPunkte {   
	float: right;
	top: 0px;
/*border: 1px solid blue;                      /* zu Testzwecken verwendbar */
}

/*
 * Ab hier alle Angaben für den Inhalt (unterhalb des Kopfbereiches)
 */     
      
.wrapper {overflow: hidden
	width: 100% /* IE6-Trigger für das hasLayout*/
	}
	/* Position für das Menu (linke Spalte) */
div#X {
	float: left;
	margin-top: 30px;  
	margin-left: 0px;
	margin-bottom: 0px;
	width: 700px;
/*background-color: white;                     /* zu Testzwecken verwendbar */
}
	
/* Position für das Menu (linke Spalte) */
div#menu {
	float: left;
	margin-top: 70px;  
	margin-left: 140px;
	margin-bottom: 50px;
	width: 280px;
/*background-color: white;                     /* zu Testzwecken verwendbar */
}
       
/* Position für die Punkte im Menu) */
.Punkte {
	float: left;   
	margin-right: 5px; 

/*background-color: white;                     /* zu Testzwecken verwendbar */
}
/* Position und Schriftvorgaben für den Text des eigentlichen Inhalts */
div#inhalt {      
	float: left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 40px; 
	min-height: 380px;
	width: 680px;    
/*background-color: silver;                    /* zu Testzwecken verwendbar */
}   

/* Position für den Text den Fußbereich */       
div#footer, { 
	float: right;
	position: absolute; 
	width: 500px;
	margin-top: 600px; 
	margin-left: 60px;
/*border: 1px solid green;                        /* zu Testzwecken verwendbar */
}   
    
/* Position für den Text Spachwahl */       
.lang-menu {  
	float: right;  
	margin-right: 80px;
/*border: 1px solid green;                        /* zu Testzwecken verwendbar */
}

/* 16.03.2011/cm */
#container .wrapper #footer a {
	color: #069;
}