/*Copyright Verein Ananas*/
.body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
background-color: #FFFFcc;
text-align:center;
margin: 0px; /* Abstand von oben */
}
* {
margin: 0px;
padding: 0px;
}
#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}
#container {
		z-index: 1;
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height: 100%;
		width:702px;
		clear:left;
		background-color:#FFFFCC;
		border:0px ;
		}
.table{
	z-index: 1;
	display: table;
	margin-top: 7%; /*Prozent, damit in allen Browsern richtig angezeigt, nach projekt wieder auf 5%*/
	border-collapse: separate;
	border-top: 0px solid #cf0;
	border-right: 0px solid #cf0;
	background: #FFFFCC;
	width: 702px;
	}
.table div {
display:table-row;
}
/* beide css in diese zusammengefasst. Damit auf Hauptseite alles mittig bleibt und sich die Klassen nicht überschneiden auf .p_mittig geändert.
.table div p{
	display: table-column;
	float: left;
	font-size: 0.8em;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: center;
}
*/
.table div p{ /*3 mal ist Seitenbreite, inkl. Feld-Breite von 2px mal 3*/
	display: table-column;
	float: left;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: left;
	line-height: 1.4em;
	font-size: 1.2em;

}
.table div .p_mittig{
	display: table-column;
	float: left;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #993333;
}
.table div .p_mittig1{
	display: table-column;
	float: left;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #993333;
}
.table div .p_mittig2{
	display: table-column;
	float: left;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #993333;
	margin-top: 0.5em;
}
.table div .p_mittig3{
	display: table-column;
	float: left;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #993333;
	margin-top: -3.9em;
}
.table div .p_mittig_bild{
	display: table-column;
	float: left;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333399;
	margin-top: -3.5em;
}
.table div .p_mittig_hinweis{
	display: table-column;
	float: right;
	padding: 2px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:230px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #333399;
	margin-top: -0.25em;
}
/*  .table div h1{ /*fuer Willkommen Abstand
	display: table-column;
	float: left;
	font-size: 1em;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:427px;
	margin-top: 65px;
} */
.table div h1{ /*fuer Hauptüberschriften Abstand und H1 und Abstand von oben ALLE SEITEN*/
	display: table-column;
	float: left;
	font-size: 1em;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:427px;
	margin-top: 4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: #993333;
}
.table div h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.5em;
	color: #993333;
	font-weight: normal;
	float: left;
}
.table div h3 {
	font-size: 1em;
}
/*.Hauptüberschriften_Textfeld {
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
color: #993333;
	float: left;
	font-size: 1.0em;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:427px;
}*/
.Hauptüberschriften_Textfeld_Haupt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #993333;
	float: left;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:427px;
}
.Logo_gross { /*fuer Willkommen - grosses Logo Abstand*/
	display: table-column;
	float: left;
	font-size: 1em;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	width:275px;
	margin-top: 0.5em;
}
.Logo_klein { /*fuer kleineres Logo rechts oben*/
	display: table-column;
	float: right;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	margin-top: 1.4em;
	}
/*.Logo_klein a:focus { 
	display: table-column;
	float: left;
	border: 1px solid;
	}
.Logo_klein a:hover { 
	display: table-column;
	float: left;
	border: 1px solid;
	}*/
.Logo_startseite { /*fuer zur Startseite rechts unten*/
	display: table-column;
	float: right;
	padding: 0px;
	border-left: 0px solid #cf0;
	border-bottom: 0px solid #cf0;
	margin-top: 35px;
	margin-right: 1em;
}
/*.Logo_startseite a:focus {
	display: table-column;
	float: left;
	border: 1px solid;
}
.Logo_startseite a:hover {
	display: table-column;
	float: left;
	border: 1px solid;
}*/
.Beschriftung_Textfeld {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; color: #000000; text-align: right; font-style: normal; line-height: normal; font-variant: normal; text-transform: none}
.Überschrift_Textfeld {  font-size: 1.2em; font-style: normal; font-weight: normal; font-variant: normal; color: #993333; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-transform: none}
.Pagetexte_Textfeld { /*Farbe passt für AA, zu WIDTH muss FLOAT!*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.5em;
	color: #993333;
	font-weight: normal;
	text-align: left;
}
/*.Hauptüberschriften_Textfeld {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; font-style: normal; font-weight: normal; font-variant: normal; color: #993333}
.Hauptüberschriften_Textfeld_Haupt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: normaler;
	font-variant: normal;
	color: #993333;
} */
.Pagetexte_blau_Textfeld {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; color: #333399}
.Pagetexte_blau_Textfeld_weit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333399;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
}
.text_tabelle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: normal; font-variant: normal; color: #333399}
.text_tabelle_weiss {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-style: normal; font-weight: normal; font-variant: normal; color: #FFFFFF}
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; font-weight: bold; font-variant: normal; color: #000000; text-decoration: none}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; font-weight: normal; font-variant: normal; color: #666666; text-decoration: none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: underline}
a:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: underline}
.könig {  font-family: "Courier New", Courier, mono; font-size: 0.9em; color: #CC6633}
.Pagetexte_Textfeld_mit_Abstand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	color: #993333;
	font-weight: normal;
	text-align: left;
	margin-left: 15px;
}
.Pagetexte_Textfeld_mit_Abstand_variabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #993333;
	font-weight: normal;
	text-align: left;
	width: 6.2em;
	float: left;
	line-height: 1.3em;
	vertical-align:text-bottom;
}
.Pagetexte_Textfeld_mit_Abstand_blau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #333399;
	font-weight: normal;
	margin-left: 0.9em;
	float: left;
}
.Pagetexte_Textfeld_mit_Abstand_blau_rufzeichen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #333399;
	font-weight: normal;
	margin-left: 2em;
	float: left;
	margin-top: -2em;
}
.Pagetexte_Textfeld_mit_Abstand_blau_zweizeilig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #333399;
	font-weight: normal;
	margin-top: -0.6em;
	line-height: 1.2em;
	margin-left: 1.45em;
	float: left;
}
.Pagetexte_Textfeld_mit_Abstand_blau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #333399;
	font-weight: normal;
	text-align: left;
	margin-left: 2em;
	line-height: 1.5em;
}
.Pagetexte_Textfeld_mit_Abstand_blau_fix { /*für Abstand ohne linke Schrift*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.1em;
	color: #333399;
	font-weight: normal;
	float:left;
	line-height:1.1em;
	vertical-align: text-top;
	/*width: 32.5em;*/
	margin-left: 7.1em;
}
.Pagetexte_Textfeld_mit_Abstand_blau_unten { /*line-height 0.2 damit abstand zur Überschrift passt */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 0.2em;
	color: #333399;
	font-weight: normal;
	text-align: left;
	margin-left: 1.85em;
	vertical-align: top;
}
.Pagetexte_Textfeld_mit_Abstand_blau_oben { /*line-height 1 damit abstand zur Überschrift passt (nicht mehr notwendig) */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1em;
	color: #333399;
	font-weight: normal;
	text-align: left;
	margin-left: 1.85em;
	vertical-align: bottom;
}
.Pagetexte_Textfeld_mit_Abstand_braun_unten {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #993333;
	text-decoration: none;
	vertical-align: 0.15em;
	margin-left: 1.1em;
	width: 30em;
	float: left;
	line-height: 3em;
}
.Pagetexte_braun_Textfeld_mit_Abstand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #993333;
	text-decoration: none;
	margin-left: 0.9em;
	float: left;
}
.klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #993333;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}
.aktuell, #aktuell a, #aktuell a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #993333;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
}
.klein_blau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	text-align: center;
}
.abstand {height: 1.4em;} /*Grösserer Abstand*/
.abstand_doppelt {height: 2.8em;} /*Grosser Abstand*/
.abstand_halb {height: 0.7em;}
.abstand_hauptlogo {height: 0.9em;}
.img { /*KLASSE für mehrere. Normale Lampuz-Gifs.*/
	float: left;
	position: relative;
	margin-top: 0.30em;
}
.img_rufzeichen { /*KLASSE für mehrere. Normale Lampuz-Gifs.*/
	float: left;
	position: relative;
}
.img1 { /*KLASSE für mehrere. Zweizeiler Lampuz-Gifs.*/
	text-align: center;
	top: 0.8em;
	float: left;
	position: relative;
}
.img2 {
}
.img3 { /*KLASSE für mehrere. Für tgm Logo.*/
	border: none;
	width: 143px;
	height: 42px;
}
.img4 { /*Die Gifs erscheinen genau in der Mitte der Zeile. Für die Validator-links.*/
	border: none;
	text-align: center;
}
.img5 { /*für die kleinen Logos oben rechts UND unten rechts*/
	border: none;
}
/* ---------------------------altes Menü
#liste_waagrecht {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	display: table-row;
}
#liste_waagrecht li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	text-align: center;
	text-decoration: underline;
	float: left;
	border: none;
	padding: 0.3em;
}
#liste_waagrecht a:link {
	color: #333399;
}
#liste_waagrecht a:visited {
	color: #333399;
}
stattdessen liste_waagrecht mit li verwenden .menue a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	text-align: center;
	text-decoration: underline;
}
.menue a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	text-align: center;
	text-decoration: underline;
}
.menue a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	text-align: center;
	text-decoration: underline;
}
.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-style: inherit;
	font-weight: lighter;
	text-align: center;
	text-decoration: underline;
}---------------------------Ende altes Menü x2*/
.menue { /*neues Menü*/
	position: fixed;
	z-index: 2;
	float: left;
	margin: 0em auto auto auto;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 3.4em; /*nach .aktuell wieder auf 3.4em*/
	background-color:#FFFFCC;
	top: 0em;	/*margin: 0.2em 24% 2em 24%;* -- top ist für IE, damit kein Abstand oben*/ 
}
.menue2 { /*Menü rechts extra*/
	margin: auto auto auto 3em;
	padding: 0px;
	text-align: center;
}
.menue3 { /*Menü ausgeklappt*/
	/*margin: auto auto auto 0;*/
	width: 85%;
	padding: 0px;
}
#navlist {
	border-bottom: 0px solid;
	font: 1em Verdana, sans-serif;
}
#navlist ul {
	margin: 0.1em;
}
#navlist li {
	list-style: none;
	display: inline;
}
#navlist li a {
	padding: 0.2em 0.6em;
	border: 1px solid;
	border-bottom: none;
	text-decoration: none;
}
#navlist li a:link { 
	color: #000000;
	border-bottom: 1px solid #000000;
}
#navlist li a:visited { 
	color: #666666;
	border-bottom: 1px solid #666666;
}
#navlist li a:hover {
	color: #000000;
	border: 1px solid;
	border-bottom: 1px solid #000000;
	font-weight: normal;
	text-decoration: underline;
}
#navlist li a:focus {
	color: #000000;
	border: 1px solid;
	border-bottom: 1px solid #000000;
	font-weight: normal;
	text-decoration: underline;
}
#navlist li haupt {
	border-bottom: 0px solid #000000;
	color: #000000;
}
#startseite #navindex a,
#beratungsstelle #navberatungsstelle a,
#impressum #navimpressum a,
#kontaktaufnahme #navkontaktaufnahme a,
#mitarbeiter #navmitarbeiter a,
#mobileberatung #navmobileberatung a,
#sitemap #navsitemap a,
#sozialedienste #navsozialedienste a,
#trennungsbegleitung #navtrennungsbegleitung a,
#ueberuns #navueberuns a,
#unsereberatungsstellen #navunsereberatungsstellen a {
	border-bottom: 0px solid #333399;
	color: #000000;
	font-weight: bold;
	cursor: default;
}
.aufzaehlung {
	line-height: 1em;
}
.acronym {
	cursor: help;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333399;
	white-space: pre;
}
.acronym_rot {
	cursor: help;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #993333;
	white-space: pre;
	vertical-align: bottom;
}
.Pagetexte_schwarz_Textfeld {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; font-weight: normal; font-variant: normal; color: #000000}
.Pagetexte_Textfeld_mit_Abstand_blau_ueberuns {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #333399;
	font-weight: normal;
	margin-left: 0.9em;
	float: left;
}
.sitemaplist {
	font: 1.2em Verdana, sans-serif;
}