/* 
 * Stylesheet fuer Carolin Mahner ZeichenSprache.
 * Derzeit gibt es drei Bereiche: 
 *  - Header
 *  - Navigation 
 *  - Inhalt
 * Diese muessen im HTML-Dokument mit 
 * <div id="xxx"> eingeleitet werden.
 */

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: 1,2em;                        /* Aufhebung der Standard-Browserabstände */
	text-align: center;                             /* Zentrierung des containers für den IE. */
}


/* GLOBALE FARBEN (spezielle Bereiche siehe dort) */
a:link     { text-decoration:none; color: #666600 } /* dunkelgruen */
a:visited  { text-decoration:none; color: #F97661 } /* lachs */ 
a:hover    { color: #990000 } /* rot */
a:active   { color: #F97661 } /* lachs */
a:focus    { text-decoration:none; color: #F97661 }

h1         { color: #085A94 } /* dunkelblau */
h2         { color:#F65E0C }   /* orange */      
.h4			{ color:#F65E0C; font-size: 9,5px;}
th         { color: green; background-color: #CCCCFF; }  
hr		   {color: #666600; 0,5px}

/* Allumfassender Container. Das ganze Layout soll als Blatt auf der Seite "schweben". */
#container {
	position: relative;
	top:12px;                                       /* Abstand des Kopfbereiches von oben */
	width: 800px;                                   /* Eine feste Breite. */
	background-color: #F2F2E6; /*hellbeige */    /* 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 */
}
/* 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; }

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

/* Position für das Logo */
#Header {  
	position: relative; 
	height:160px;
	margin-top: 20px;
	margin-bottom: 30px;                                   /* Höhe des Headers muss der Höhe der Grafik entsprechen */
	/*border: 1px solid black;                      /* zu Testzwecken verwendbar */
}

/* Position für Links (Mail, Impressum, ...) */
#Navigation {
	position: absolute;
	top: 42px;
	left: 290px; 
	z-index:2; 
	font-size:10px;  
	white-space: nowrap;                            /* behebt Bugs im IE */
	font-family: Verdana,monospace,Arial,sans-serif;/* Schrift ohne Serifen */ 
	
	/*border: 1px solid blue;                       /* zu Testzwecken verwendbar */
}
.td  {
	width: 150px;
	border-spacing: 50px;  
}
/* Position für die Hintergrundfotos */
#Fotos {
	position: absolute;
	top:60px;
	left: 0px;
	width: 100%;
	/*border: 1px solid blue;                       /* zu Testzwecken verwendbar */
}

#wrapper {
	width: 100%;
	margin-top: 3px;
	margin-left: 5px; 
	
}	
#next {
	position: relative;
	margin: 50px 300px 20px 20px;                   /* Abstände oben rechts unten links */     
	font-size:10px;   
	font-family: Verdana,monospace,Arial,sans-serif;/* Schrift ohne Serifen */    
}
/* Ab hier alle Angaben für den Inhalt (unterhalb des Kopfbereiches)*/
 /* Bilder oberhalb des footers */

/* Position und Formate für die Vignetten der Kunden */
#Vignetten {
	float: left;
	margin: 0px 20px 20px 0px;                   /* Abstände oben rechts unten links */
	width:400px;
	padding: 0;
	min-height: 300px;
	font-size: 11px; 
	padding: 5px;  
	font-weight: normal;
	border:0px;
/*border: 1px solid red;                        /* zu Testzwecken verwendbar */
}    


/* Position die Ergebnisse rechts */
#Ergebnis {
	float:left;
	width: 330px;
	padding: 0px 10px 10px 10px;
	background-color: white;
	font-size: 11px; 
	font-weight: normal;
	border:0px;
/*border: 1px solid blue;                       /* zu Testzwecken verwendbar */
}
/* Position und Formate für die Bilder Ergebnis */
#Ergebnislogos {
	position: relative;  
	margin: 0px 50px 20px 20px;                   /* Abstände oben rechts unten links */
	padding: 0;
	min-height: 300px;
	font-size: 11px; 
	padding: 15px;  
	font-weight: normal;
	border:0px;
	/*border: 1px solid red;                        /* zu Testzwecken verwendbar */
}
#BilderStartseite {
  	margin-top: -60px;
  	left: 0px; 
  	margin-right: 200px;
  	margin-bottom: -58px; 
  	z-index:5;
}
/* Position und Schriftvorgaben für den Text des eigentlichen Inhalts */
#Inhalt {
	position: relative;  
	margin: 70px 300px 20px 20px;                   /* Abstände oben rechts unten links */
	padding: 0;
	min-height: 300px;
	font-size: 11px; 
	padding: 15px;
	font-weight: normal;
	/*border: 1px solid red;                        /* zu Testzwecken verwendbar */
} 

/* Abschlusslinie; footer */
#Linie {
	position: relative;
	color: #F65E0C;  /* orange */   
	margin: 40px 0px 5px 0px;                 /* Abstände oben rechts unten links */
	padding: 0;
	min-height: 30px;
	font-size: 10px;
	font-weight: normal;  
	z-index:3;
/*	border: 1px solid yellow;                     /* zu Testzwecken verwendbar */
}   

.imprint {
	margin-left:400px;
}
/* Position und Schriftvorgaben für den Text in der rechten Spalte */
#TextRechts {
	position: absolute;
	top:160px;
	left:500px;
	margin-bottom: 10px
	padding: 0;
	font-size: 10px;
	/*border: 1px solid green;                      /* zu Testzwecken verwendbar */
}

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

/* Eigene Aufzählungszeichen per background-image */
ul.dash {
  margin:0;
  padding:0;
  list-style:none;
  border: 1px solid green;                     /* 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 */




/* 27.03.2011 cm */