body {margin: 0;
	padding: 0;
	background-color: #fff;
	font: #000000;
	font-size: 14px;
	font-family: Trebuchet ms, Verdana, Arial, Geneva;
	line-height: 20px;
	text-align: left;	
	}
a:link {color: #203369;
	text-decoration: none;
	}
a:visited {color: #203369;
	text-decoration: none;
	}
a:hover {color: #203369;
	text-decoration: underline;
	}
a:active {color: #203369;
	text-decoration: none;
	}
.titeli {font-size: 16px;
	font-weight:bold;
	color:#203369;
	line-height: 27px;
	}
a.design:link { color: #c3c3c3;
	text-decoration: none;
	font-size: 12px;
	}
a.design:visited { color: #c3c3c3;
	text-decoration: none;
	font-size: 12px;
	}
a.design:hover { color: #203369;
	text-decoration: none;
	font-size: 12px;
	}
a.design:active { color: #203369;
	text-decoration: none;
	font-size: 12px;
	}

/* ----- content layout ----- */

#header {margin: 0px;
	height: 100px;
	width: 880px;
	border: 0px;
	}
#stimmung_index {height: 380px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #e8e8e8;
	}
#stimmung {height: 290px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #e8e8e8;
	}
#navi { float: left;
	width: 250px;
	height: 290px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: right;
	border: 0;
	}
#text {position: absolute;
	padding: 0px;
	top: 410px;
	left: 263px;
	width: 400px;
	min-height:340px;
	height:expression(this.scrollHeight > 340 ? "auto":"340px");
	margin: 0px 20px 50px 0px;
	}
#bilder {position: absolute;
	top: 438px;
	left: 683px;
	width: 180px;
	margin: 0;
	padding: 0px;
	min-height:350px;
	}
#footer {position: relative;
	width: 600px;
	height: 30px;
	margin: 15px 0px;
	padding: 0px;
	text-align: left;
	}
#line { height: 1px;
	margin: 10px 0px;
	background-color: #c3c3c3;
	}
	
/* ----- header ----- */

#logo {float: left;
	margin: 25px 0px 0px 35px;
	padding: 0px;
	height: 52px;
	width: 185px;
	background-image: url(../images/logo/st-urban-logo.gif);
	}
#titel{position: absolute;
	top: 56px;
	left: 261px;
	}
	
/* ----- navigation ----- */

#navi_altersheim, #navi_wohngruppe, #navi_pflegewohngruppe, #navi_freitaghaus, #navi_restaurant, #navi_veranstaltungen, #navi_mitarbeitende, #navi_kontakt, #navi_stiftung {
	display: block;
	width: 250px;
	height: 20px;
	margin: 18px 0px 9px 0px;
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;
}
	#navi_altersheim { margin: 18px 0px 9px 0px; }
	#navi_wohngruppe, #navi_pflegewohngruppe, #navi_freitaghaus, #navi_restaurant, #navi_veranstaltungen, #navi_mitarbeitende, #navi_kontakt, #navi_stiftung { margin: 0px 0px 9px 0px; }
	
a:hover#navi_altersheim, a:hover#navi_wohngruppe, a:hover#navi_pflegewohngruppe, a:hover#navi_freitaghaus, a:hover#navi_restaurant, a:hover#navi_veranstaltungen, a:hover#navi_mitarbeitende, a:hover#navi_kontakt, a:hover#navi_stiftung {
	background-position: left;
}

#navi_altersheim { background-image: url(../images/buttons/navi_altersheim.gif); }
#navi_wohngruppe { background-image: url(../images/buttons/navi_wohngruppe.gif); }
#navi_pflegewohngruppe { background-image: url(../images/buttons/navi_pflege.gif); }
#navi_freitaghaus { background-image: url(../images/buttons/navi_freitaghaus.gif); }
#navi_restaurant { background-image: url(../images/buttons/navi_restaurant.gif); }
#navi_veranstaltungen { background-image: url(../images/buttons/navi_veranstaltungen.gif); }
#navi_mitarbeitende { background-image: url(../images/buttons/navi_mitarbeitende.gif); }
#navi_kontakt { background-image: url(../images/buttons/navi_kontakt.gif); }
#navi_stiftung { background-image: url(../images/buttons/navi_stiftung.gif); }
	
/* ----- stimmung ----- */

#flash_index {position: absolute;
	left: 260px;
	width: 606px;
	height: 380px;
	margin: 0px;
	background-color: #fff;
	}
#gelblinks_index{position: absolute;
	left: 250px;
	width: 10px;
	height: 380px;
	background-color: #f9ca2e;
	}
#gelbrechts_index{position: absolute;
	left: 866px;
	width: 10px;
	height: 380px;
	background-color: #f9ca2e;
	}
#flash {position: absolute;
	left: 260px;
	width: 606px;
	height: 290px;
	margin: 0px 0px;
	background-color: #fff;
	}
#gelblinks{position: absolute;
	left: 250px;
	width: 10px;
	height: 290px;
	margin: 0px 3px 0px 0px;
	background-color: #f9ca2e;
	}
#gelbrechts{position: absolute;
	width: 10px;
	left: 866px;	
	height: 290px;
	margin: 0px;
	background-color: #f9ca2e;
	}
	
/* ----- index ----- */

#willkommen {position: relative;
	top: 15px;
	left: 260px;
	width: 600px;
	}
	
/* ----- altersheim ----- */

#navi_altersheim_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 18px 0px 9px 0px;
	background-image: url(../images/buttons/navi_altersheim.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_altersheim_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_altersheim_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_altersheim_1 {
	background-position: left;
	}
#bild_altersheim_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_altersheim_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_altersheim_2 {
	background-position: left;
	}
#bild_restaurant_3{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_restaurant_3.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_restaurant_3 {
	background-position: left;
	}
	
/* ----- wohngruppe ----- */

#navi_wohngruppe_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_wohngruppe.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_wohngruppe_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_wohngruppe_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_wohngruppe_1 {
	background-position: left;
	}
#bild_wohngruppe_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_wohngruppe_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_wohngruppe_2 {
	background-position: left;
	}
	
/* ----- pflegewohngruppe ----- */

#navi_pflegewohngruppe_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_pflege.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_pflegewohngruppe_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_pflegewohngruppe_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_pflegewohngruppe_1 {
	background-position: left;
	}
#bild_pflegewohngruppe_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_pflegewohngruppe_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_pflegewohngruppe_2 {
	background-position: left;
	}
	
/* ----- freitaghaus ----- */

#navi_freitaghaus_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_freitaghaus.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_aussenwohngruppe_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_aussenwohngruppe_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_aussenwohngruppe_1 {
	background-position: left;
	}
#bild_aussenwohngruppe_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_aussenwohngruppe_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_aussenwohngruppe_2 {
	background-position: left;
	}

/* ----- dienstleistungen ----- */
	
#navi_restaurant_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_restaurant.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_restaurant_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_restaurant_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_restaurant_1 {
	background-position: left;
	}
#bild_restaurant_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_restaurant_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_restaurant_2 {
	background-position: left;
	}

/* ----- veranstaltungen ----- */

#navi_veranstaltungen_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_veranstaltungen.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_veranstaltung_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_veranstaltung_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_veranstaltung_1 {
	background-position: left;
	}
	
#bild_veranstaltung_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_veranstaltung_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_veranstaltung_2 {
	background-position: left;
	}

		
/* ----- mitarbeitende ----- */
	
#navi_mitarbeitende_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_mitarbeitende.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_mitarbeitende_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_mitarbeitende_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_mitarbeitende_1 {
	background-position: left;
	}
#bild_mitarbeitende_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_mitarbeitende_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_mitarbeitende_2 {
	background-position: left;
	}
	
/* ----- kontakt / lage ----- */

#navi_kontakt_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_kontakt.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#karte_uebersicht {
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/karte_uebersicht.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#karte_uebersicht {
	background-position: left;
	}
#karte_detail {
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/karte_detail.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#karte_detail {
	background-position: left;
	}
	
/* ----- stiftung ----- */

#navi_stiftung_activ {
	display: block;
	width: 250px;
	height: 20px;
	margin: 0px 0px 9px 0px;
	background-image: url(../images/buttons/navi_stiftung.gif);
	background-position:left;
	background-repeat: no-repeat;
	border: 0px;
	}
#bild_stiftung_1{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_stiftung_1.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_stiftung_1 {
	background-position: left;
	}
#bild_stiftung_2{
	display: block;
	width: 180px;
	height: 135px;
	margin: 0px 0px 3px 0px;
	background-image: url(../images/thumbs/bild_stiftung_2.jpg);
	background-position:right;
	background-repeat: no-repeat;
	border: 0px;}
a:hover#bild_stiftung_2 {
	background-position: left;
	}