/* 
 * 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. */  
	color: #000000;                                 /* Standard-Farbe für Schrift; Anthrazit */
	background-color: #FFFFFF; /* blau     /* Farbe des Browserfensters (außerhalb des "container") */ 
	font-family: Verdana,Arial,sans-serif;          /* Schrift ohne Serifen */
	font-size: 12px;
}
  

/* GLOBALE FARBEN (spezielle Bereiche siehe dort) */
a:link     { text-decoration:none; color: #0a44bd; font-size: 12px; } /* g2s-blau */
a:visited  { text-decoration:underline; color: #0a44bd }/* tuerkis */
a:hover    { color: #15ab9b } /* gruentuerkis */
a:active   { color: #15ab5c } /* gruen */
a:focus    { text-decoration:none; color: #F97661 }

th         { color: green; background-color: #CCCCFF; }  
h4 {font-family: Verdana, Arial, sans-serif; font-weight: normal;}

/* 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: 20px;                                      /* Abstand des Kopfbereiches von oben */
	width: 1000px; 
	height: 750px;
	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: 2px solid blue;                      /* zu Testzwecken verwendbar */
}  
/*
 * Ab hier alle Angaben für den Kopfbereich
 */  
div#header {
	position: relative;
	float: right;  
	width: 90px;
	top:0px; 
	left: 0px;
/*border: 2px solid black;                      /* zu Testzwecken verwendbar */
} 

/* Position für das Menu*/
div#menu {   
	position: relative;
	top: 80px;    
	margin-left: 450px; 
	width: 200px;
	max-height: 300px;
/*border: 1px solid red;                     /* zu Testzwecken verwendbar */
}
 
div#headline {
	float:left; 
	width: 560px;
	margin-top:80px; 
	margin-left: 300px;
	font-size: 25px; 
	font-width: 75%;
	font-family: Times, serif;
/*border: 2px solid red;                      /* zu Testzwecken verwendbar */
} 
/*  
* Ab hier alle Angaben unterhalb der Headline   
*/

 .bildschatten {
 background: url(grafik/bildschatten2.png) no-repeat bottom left;
 padding: 2px 2px 5px 2px;           /* Abstände oben rechts unten links */      
}     

/* Position und Schriftvorgaben für den Text des eigentlichen Inhalts */
div#inhalt {  
	float: left; 
    margin-top:-10px;
	margin-bottom: 0px;
	margin-left: 580px; 
	min-height: 100px;
	width: 360px; 
	font-size: 13px;   
/*border: 1px black;                    /* zu Testzwecken verwendbar */
}      
  .wrapper {overflow: hidden
	width: 100% /* IE6-Trigger für das hasLayout*/
	}

div#logo {
	position:absolute;    
	margin-top:120px;   
	left: 80px;
	width: 500px;
/*border: 1px solid blue;       /* zu Testzwecken verwendbar */
}

div#hintergrund {
	position:relative;
	z-index:6;    
border: 1px solid green;                        /* zu Testzwecken verwendbar */    
}
      
div#jet {
	position:relative;
	float:left;
	right: 800px;     
border: 1px solid green;                        /* zu Testzwecken verwendbar */    
}
/* Position für den Text den Fußbereich */       
div#footer { 
	position: absolute;  
	margin-left: 700px; 
	margin-top: 150px;
	left: 84px;
/*border: 1px solid green;                        /* zu Testzwecken verwendbar */
}   


/* 15.11.2010 jm/cm */