/* Layout */

* {
	margin: 0;
	padding: 0;
	
}

body {
	background: #ecebea;
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding: 0px;
	
}

#wrapper{
	background-color: white;
	width: 910px;
	margin: 0 auto;
}

div.content {
	background: #fff;
	padding: 5px 0 10px 3px;
	margin-top:15px;
}


div.contentWrapper {
	width: 794px;
	margin: 0 auto;
}





/* Navigation */


ul.navigation {
	
	margin-bottom: 2px;
	height: 36px;
	list-style: none;
	background: url(../images/navi_bg.jpg); 
	background-repeat: no-repeat;

	 
}

ul.navigation li {
	float: left;
	
}




ul.navigation li a:link,
ul.navigation li a:visited,
ul.navigation li a:active,
ul.navigation li a:hover {
	color: white;
	text-decoration: none;
	margin-top: 0px;
	height: 16px;
	display: block;
	padding: 12px 20px 8px 20px;
	text-align: center;
	border-right: 2px solid white;
}

ul.navigation li a:hover,
ul.navigation li a:focus {
	
	color: white;
	background:url(../images/active.jpg);
}

ul.navigation li.hoverhome a:hover {
	background:url(../images/home_hover.jpg);
}


ul.navigation li.activehome a {
	background:url(../images/home_active.jpg); 
}

ul.navigation li.active a {
	background:url(../images/active.jpg);
	height: 18px;
	
}

ul.navigation li.activekontakt a {
	background:url(../images/active.jpg);

}

ul.navigation li.activestellen a {
	background:url(../images/active.jpg);

}

ul.navigation li.activezehnjahre a {
	background:url(../images/active.jpg);

}


/* Logo */

#logo {
	margin-bottom: 40px;
	background-color: white;
	padding-top: 50px;
}


/*teaser*/

#teaserhome {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/home_teaser.jpg); 
	background-repeat: no-repeat;
	
	}

.teasertext {
	font: normal 14px "Arial", Helvetica, Arial, sans-serif;
	line-height: 17px;
	color: white;
	margin: 0 0 0 20px;
	width: 250px;
	padding-top:70px;
	
}

#teaserintro {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/intro_teaser.jpg); 
	background-repeat: no-repeat;
}

#teaserangebote {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/angebote_teaser.jpg); 
	background-repeat: no-repeat;
}

#teasernetz {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/netzwerk_teaser.jpg); 
	background-repeat: no-repeat;
}

#teaserstellen {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/stellen_teaser.jpg); 
	background-repeat: no-repeat;

}

#teaserzehnjahre {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/10jahre_teaser.jpg); 
	background-repeat: no-repeat;

}

#teaserkontakt {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/kontakt_teaser.jpg); 
	background-repeat: no-repeat;

}

#teaserimpressum {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/impressum_teaser.jpg); 
	background-repeat: no-repeat;

}

#teaserwohnheim {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/wohnheim_teaser.jpg); 
	background-repeat: no-repeat;

}

#teaserbetreutes {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/betreues-wohnen_teaser.jpg); 
	background-repeat: no-repeat;
}

#teaserstruktur {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/tagesstruktur_teaser.jpg); 
	background-repeat: no-repeat;
}

#teaserweitere {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/weitere-angebote_teaser.jpg); 
	background-repeat: no-repeat
}

#teaserwg {
	width: 794px;
	height: 195px;
	margin-bottom: 20px;
	background: url(../images/wohngemeinschaft_teaser.jpg); 
	background-repeat: no-repeat;
}

.teaserquote {
	font: italic 22px "Arial", Helvetica, Arial, sans-serif;
	color: white;
	padding: 45px 0 0 35px;
	line-height: 25px;
	letter-spacing: 1px;
	
}

.autor {
	font: normal 18px "Arial", Helvetica, Arial, sans-serif;
	color: white;
	padding: 10px 0 0 35px;
	line-height: 25px;
	
}

/*spalten*/

#spaltelinks {
	width: 392px;
	float: left;
	xborder: 1px solid black;
	line-height: 14.9px;
	}
	
	
.linke {
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding-right: 8px;
	margin-bottom: 15px;
	line-height: 14.9px;
	
	
	}

.rechte {
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding-left: 8px;
	padding-top: 35px;
	margin-bottom: 10px;
	line-height: 14.9px;
	
	}
	
.rechteangebote {
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding-left: 8px;
	padding-top:7px;
	margin-bottom: 34px;
	line-height: 14.9px;
}	


.rechteunterangebote {
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding-left: 8px;
	padding-top: 2px;
	margin-bottom: 34px;
	line-height: 14.9px;
}	

.rechtewohn {
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding-left: 8px;
	padding-top: 41px;
	margin-bottom: 10px;
	line-height: 14.9px;
}

.rechtewohnheim {
	font: normal 12px "Arial", Helvetica, Arial, sans-serif;
	color: #3e3d40;
	padding-left: 8px;
	padding-top: 41px;
	margin-bottom: 10px;
	line-height: 14.9px;
}

#spalterechts {
	width: 392px;
	margin-left: 400px;

}

.bilder {
	margin-top:45px;
}


.contentliste {
	padding-left: 20px;
	padding-bottom: 14px;
	padding-top: 5px;
	
	
}

.stellenliste{
	padding-left: 13px;
	xpadding-bottom: 14px;
	padding-top: 5px;
}

#spalte {
	

}

#spalte img {
	margin-right: 0px;
}


/*aktuellesbox*/

#aktuelles {


}

.aktuellesbox {
	width: 794px;
	
	margin-bottom: 20px;
	
}

.aktuellesboxtext {
	width: 392px;
	line-height: 14.9px;
	
}

.aktuellesboximg {
	width: 392px;
	float: right;
}

.aktuellesbox p {
		

}

.aktuellesbox img {
	
}

/*subhead*/

#subhead {
	margin-bottom: 10px;
	height: 25px;
	width: 100%;
	
}

#tail {
	
	float: left;
	width: 769px;
	font: normal 10px "Arial", Helvetica, Arial, sans-serif;
}

#tail a {
	color: #8d8e90;
	
}

#tail a:hover {
	color: #5fae3f;
	text-decoration: none;
}

#service {
		
}

.serviceliste {
	list-style: none;
}


ul.serviceliste li a:link,
ul.serviceliste li a:visited,
ul.serviceliste li a:active,
ul.serviceliste li a:hover {
	color: white;
	text-decoration: none;
	margin-top: 0px;
	height: 20px;
	display: block;
	padding-left: 4px;
	padding-top: 4px;
	
	
}


ul.serviceliste li {
	float: left;
	margin-right: 1px;
	width: 24px;
	height: 22px;
}

ul.serviceliste a:hover {
	background: #edecec; 
}



/*box*/

div.box {
	width: 315px;
	height: 120px;
	margin-bottom: 15px;
	
	
}

div.boximage {
	width: 100px;
	float: left;
	padding-top: 10px;
	margin-right: 15px;
}

div.boxtext {
	padding-top: 20px;
	
}

/*footer*/

#footer {
	 background: #ecebea;
	font: normal 10px "Arial", Helvetica, Arial, sans-serif;
	margin-top: 50px;
	color: #8d8e90;
	height: 40px;
	
	

}

#footer a {
	color: #8d8e90;
	
}

#footer a:hover {
	color: #5fae3f;
	text-decoration: none;
}

#footerp {
	margin-left: 195px;
	margin-top:5px;
	margin-bottom: 5px;
	padding-top: 20px;
}


/* Typografie */

h1 {
	font: normal 17px "Arial", Helvetica, Arial, sans-serif;
	color: #5fae3f;
	margin: 0px 20px 10px 0px;
}

h2 {
	font: normal 20px "Verdana", Helvetica, Arial, sans-serif;
	color: #5fae3f;
	margin: 0px 20px 10px 0px;
}

h3 {
	font: bold 12px "Arial", Helvetica, Arial, sans-serif;
	color: #404043;
}

img {
	
	border: none;
	
}




a {
	color: #5fae3f;
	

}

a:hover {
	color: #5fae3f;
	text-decoration: none;
}