/* Stylesheet für die Start-Seite */
/* 14.08.2006 EA Anpassungen an die neue Struktur, das Stylesheet war ehemals für die neue Mitarbeiterseite geschrieben */
/*	04.09.2006 EA Anpassungen class="spalten" für dreispaltige Texte */
/* 03.03.2008 EA Ich habe die Höhenangaben von div auswahl rausgenommen - die erscheinen mir heute unsinnig, aber ich schätze dass die Sachen von 1,5 Jahren schon einen Sinn hatten (IE6?) */
div.spalten {
    float: left;
		height: 100px;
	padding-left: 60px;
	margin-top: 10px;
	width: 95%;
	line-height: 1.3em;
/*	font-size: 0.9em; */
	text-align: center;
}
div.spalte1 {
	width: 30%;
	height: 100px;
    float: left;
	margin-left: 0px;
	padding-left: 10px;	
/*	border-left: 1px solid #00AEEF; */
	/*border-right: 1px solid #C8DFFE;*/
}
div.spalte2 {
	width: 30%;
	height: 100px;
    float: left;
	margin-left: 0px;
	padding-left: 10px;	
/*	border-left: 1px solid #00AEEF; */
	/*border-right: 1px solid #C8DFFE;*/
	}
div.spalte3 {
	width: 30%;
	height: 100px;
    float: left;
	margin-left: 0px;
	padding-left: 10px;	
/*	border-left: 1px solid #00AEEF; */
	/*border-right: 1px solid #C8DFFE;*/
	}
div#auswahl {
    float: left;
	/*	height: 300px; */
	padding-left: 30px;
	margin-top: 20px;
	width: 95%;
	line-height: 1.3em;
	font-size: 0.9em;
}
div#auswahl p {
				margin: 0 20px 0 0;
				font: 100%/1.4 Arial, sans-serif;
}
div#auswahl ul, ol {
    list-style-image: none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 0px;
	text-align: left;		
}

div#auswahl h3 {
				background-color: #C8DFFE; /* #C8DFFE; */
				margin-left: 0;
				margin-top: 0;
				margin-bottom: 0;
	font-size: 1.5em;
}
div#auswahl h4 {
				padding-bottom: 0;
				margin-bottom: 5px;
}
/* Das ganze konnte ich knicken da es in IE6 nicht funzt (#+&%?§ IE6!!!), da funzt nur "div#auswahl h4 span" */
/* div#auswahl h4 > span { 
			/*	background-color: #000; */ /* Test, ob es überhaupt funzt */
/*				font-weight: normal; /* setzt die Überschriftenformatierung bezügl. der Stärke zurück */
/*} */

/*div#auswahl a {
    color: #000000;
	font-weight: normal;
}

div#auswahl a:hover {
    color: #EE1D24;
	
}*/


div#auswahl1 {
	width: 45%;
/*	height: 200px; */
    float: left;
	margin-left: 0px;
	padding-left: 10px;	
/*	border-left: 1px solid #00AEEF; */
	/*border-right: 1px solid #C8DFFE;*/
}

div#auswahl2 {
	width: 45%;
/*	height: 200px; */
    float: left;
	margin-left: 0px;
	padding-left: 15px;	
/*	border-left: 1px solid #00AEEF; */
/*	border-right: 1px solid #C8DFFE; */
}

div#auswahl3 {
	width: 30%;
	height: 200px;
    float: left;
	margin-left: 0px;
	padding-left: 15px;	
/*	border-left: 1px solid #00AEEF;*/
/*	border-left: 1px solid #00AEEF; */
}

div#auswahl4 {
    float: left;
	margin-left: 0px;
	padding-left: 10px;
	border-left: 1px solid #00AEEF;
}

/*** gilt für alle Mitarbeiter-Anzeigen ***/

div#anzeigerahmen {
    width: 80%;
	clear: all;
	float: left;
	padding-left: 70px;
	margin-top: 20px;
	margin-bottom: 20px;		

}


.anzeige {
    width: 100%;
	padding: 10px;
	border: 1px solid #EBEBE1;	

}

/*** gilt für das Foto der Mitarbeiter ***/
.foto {
    float: left;
	padding-right: 130px;
}

.sprungmarke {
    width: 80%;
    text-align: left;
	padding-left: 70px;
	display: none; /*** nur für Screenreader ***/
}

.platzhalter { /*** Workaround wegen Browserdarstellungen ***/
   width: 100%;
   color: #FFFFFF;
  
   }