@charset "ISO-8859-1";

* { 
	margin: 0; 
	padding: 0; 
}

body {
	xbackground: url(../images/layout/background.jpg) left top repeat-x;
	background: #fefaf6 url(../images/layout/body-background.png) left top repeat-y;
}

body, td, input, textarea {
	font: 13px Arial, sans-serif;
	color: #333; 
}

a { color: #0066CC; text-decoration: underline; }
a:hover { color: #0022FF; color: #006;}
a img { border: none; }

#webmasse {
	/*
	background: url(webmasse.png) left top no-repeat;
	height: 50px;
	*/
}

#wrapper {
	background: url(../images/layout/border-left.jpg) left top no-repeat;
	overflow: hidden;
	xheight: 100%; 
}

#inner-wrapper {
	overflow: hidden;
	margin-left: 100px;
	width: 851px;
	background: #fff;
	xheight: 100%;
}


#counter { clear: both; }


/*
*****************************************************************************************
RAHMENNAVIGATION 
*****************************************************************************************
*/

ul#frame-navigation { list-style-type: none; font-size: 10px; text-transform: uppercase; overflow: hidden; padding: 20px 15px 10px 20px; xbackground: #f3f3f3; text-align: right; }
ul#frame-navigation li { xfloat: left; display: inline; margin-right: 20px; }
ul#frame-navigation a { color: #444; text-decoration: none; }
ul#frame-navigation a:hover { color: #999; }

#toplink { padding: 20px 0 0 0; text-align: right; }
#toplink a { text-decoration: none; color: #09C; }
#toplink a:hover { color: #006; }

/*
*****************************************************************************************
HEADER
*****************************************************************************************
*/

#logo { clear: both; margin: 0px 14px 2px 15px; width: 180px; float: left; }
#header-image { float: left; width: 642px; margin: 0px 0 0 0; background: url(../images/layout/header-border.png) right top no-repeat; }


/*
*****************************************************************************************
SEITENNAVIGATION
*****************************************************************************************
*/

#sidebar { clear: both; background: #fefbf8; width: 180px; margin: 0 14px 0 15px; padding-top: 30px;float: left; font-family: "Times New Roman", serif; }
#sidebar ul { list-style-type: none; text-align: center; margin-bottom: 20px; font-variant: small-caps; }
#sidebar ul li { margin: 0 0 5px 0; padding: 3px 0 5px 0; }
#sidebar ul li a { color: #444; text-decoration: none; font-size: 16px; } 

div.menu-haeuser { background-color: #f3e9df; padding-bottom: 1px; margin-bottom: 20px;  }
div.menu-haeuser h3 { font-size: 10px; text-align: center; padding: 10px 0; }
div.menu-haeuser ul li a { color: #333 !important; font-size: 16px !important; }

#sidebar ul.frame-navigation li { margin-bottom: 0px; }
#sidebar ul.frame-navigation a { font-size: 11px !important; }

#page-haus-seidau #nav-seidau,
#page-wohnheim #nav-wohnheim,
#page-unternehmen #nav-unternehmen,
#page-profil #nav-profil,
#page-anfahrt #nav-anfahrt,
#page-stellenangebote #nav-stellenangebote,
#page-index #nav-startseite,
#page-kontakt #nav-kontakt,
#page-impressum #nav-impressum
{ background: #FACDBA; }





/*
*****************************************************************************************
INHALT
*****************************************************************************************
*/

#content { width: 558px; float: left; padding: 20px 0 0 50px; line-height: 160%; }

h1 { color: #b03e38; font-weight: normal; font-style: italic; margin-left: -50px; margin-bottom: 30px; padding: 0 0 10px 50px; background: url(../images/layout/h1-background.png) left bottom no-repeat; font-family: "Times New Roman", serif;}
h2 { font-weight: normal; color: #b03e38; margin: 2em 0 1em 0; font-size: 18px; xfont-variant: small-caps; letter-spacing: 1px; }
p { margin: 1em 0; }

td { vertical-align: top; }

table.leistungsuebersicht { width: 550px; }
table.leistungsuebersicht td { width: 265px; xpadding-right: 20px; }
table.leistungsuebersicht td.sep { width: 20px; }
table.leistungsuebersicht td img { float: right; }

#content ul { list-style-image: url(../images/layout/list-bullet.gif); margin: 2em 0 2em 50px; line-height: 170%; }
#content ul.thin { list-style-image: none; margin: 1em 0 1em 20px; line-height: 150%; }

ul.emphasized { background-color: #fbebdb; list-style-type: none; margin: 0 !important; padding: 10px 10px 15px 20px; }
ul.emphasized em { display: block; font-size: 20px; font-style: italic; margin-bottom: 5px;  }

em { color: #b03e38; font-style: normal; }
.name-einrichtung { color: #b03e38; font-variant: small-caps; font-size: 110%; }

table.index-widgets { margin-top: 20px; }
table.index-widgets td.sep { width: 20px; }
table.index-widgets td { font-size: 12px; vertical-align: top; }
table.index-widgets .name-einrichtung { font-size: 18px; }
table.index-widgets a { display: block; text-align: right; margin-top: 5px; text-decoration: none; color: #888; }
table.index-widgets a:hover { text-decoration: underline; color: #444; }

table.index-widgets .text { padding: 5px; }

table th.box { text-align: center; }
table td.box { background-color: #fff !important; xbackground-color: #fdece5; width: 170px; padding: 2px 5px; vertical-align: top; xborder: 1px solid #f7b299; }
table td.box ul { margin: 0 0 0 15px !important; font-size: 13px;}



table.zentriert { margin: 0 auto; }




.box { background-color: #fae1cc;overflow: hidden; }



.galerie { padding: 20px 0; text-align: center; }
.galerie p { margin: 0 !important; text-align: center; font-size: 0.9em;}




xxx.anfahrtsbox { background-color: #fae1cc;overflow: hidden; }
a.anfahrtsskizze { float: left; margin: 2px 10px 2px 2px; border: 1px solid #f7b299; }
.anfahrtsbox .text { float: left; padding: 0px 20px; width: 250px; }
.anfahrtsbox .text em { font-size: 20px; font-style: italic; margin: 20px 0 10px 0; display: block; font-family: "Times New Roman", serif;}
.anfahrtsbox .text p { margin: 0.5em 0; }



.kontaktbox .kontaktmoeglichkeit { margin: 20px 0 0 20px; float: left; width: 200px; border: 1px solid #F7B299; padding: 10px 10px; background-color: #fffaf9; }

x.kontaktbox .kontaktmoeglichkeit { border: 1px solid #82c278; }


table.telefon td { padding: 0 10px 10px 20px; }



.formulartabelle { margin-top: 20px; }
.formulartabelle .sep td { height: 10px; font-size: 1px; }



label { font-size: 90%; }
label.required { background: url(../images/layout/required-field.gif) right 60% no-repeat; padding-right: 20px; }
.label { padding: 8px 20px 0 20px; }
.input { padding-bottom: 5px; }
.input input, .input textarea { padding: 5px; 	border: 1px solid #DBA980; }
.input.normal input { width: 241px;  }
.input.large input { width: 351px; }
.input.medium input { width: 181px; }
.input.small input { width: 111px; }
.input.large textarea { width: 351px; }
.input.normal textarea { width: 241px; }





.input.normal input:focus, .input.medium input:focus, .input.small input:focus { background-position: left -40px; }
.input.large textarea:focus { background-position: left -110px; }


#kontakt-abfrage { background-color: #F3E9DF; width: 170px; 
	margin-left: 20px;
	text-shadow:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 10px 20px 20px 20px; 
	font-size: 13px; 
}





ul.legende { list-style-type: none; margin-left: 250px !important; }
ul.legende img { margin-bottom: -2px; margin-right: 6px; }
ul.legende .hinweis { margin-left: 24px; }

div.adressbox { background-color: #F3E9DF; width: 170px; 
float: right;
	margin-left: 20px;
	text-shadow:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 0px 20px 5px 20px; 
	font-size: 13px; }
ul.anfahrtsbeschreibung { width: 300px; }



#counter { text-align: center; color: #fff; }





/*
*****************************************************************************************
SEITE WOHNHEIM - ANPASSUNG FARBEN
*****************************************************************************************
*/

body#page-wohnheim { background: #fefaf6 url(../images/layout/farbschema-wohnheim/body-background.png) left top repeat-y; }
#page-wohnheim #header-image { background: url(../images/layout/farbschema-wohnheim/header-border.png) right top no-repeat; }

#page-wohnheim .box, 
#page-wohnheim ul.emphasized { background-color: #def5d6; }
#page-wohnheim a.anfahrtsskizze,
#page-wohnheim .kontaktbox .kontaktmoeglichkeit { border: 1px solid #82c278; }

#page-wohnheim em { color: #33a93a; }
#page-wohnheim h1 { color: #33a93a; background: url(../images/layout/farbschema-wohnheim/h1-background.png) left bottom no-repeat; }
#page-wohnheim h2 { color: #33a93a; }
#page-wohnheim #wrapper { background: url(../images/layout/farbschema-wohnheim/border-left.jpg) left top no-repeat; }

#page-wohnheim #sidebar { background: #FFFEF9; }
#page-wohnheim div.menu-haeuser { background-color: #E3F1D7;  }
#page-wohnheim #nav-wohnheim { background-color: #D0DEAD; }






/*
*****************************************************************************************
SEITE OSTSTADT- ANPASSUNG FARBEN
*****************************************************************************************
*/

body#page-haus-oststadt { background: #fefaf6 url(../images/layout/farbschema-oststadt/body-background.png) left top repeat-y; }
#page-haus-oststadt #header-image { background: url(../images/layout/farbschema-oststadt/header-border.png) right top no-repeat; }

#page-haus-oststadt .box, 
#page-haus-oststadt ul.emphasized { background-color: #e2f2fb; }
#page-haus-oststadt a.anfahrtsskizze,
#page-haus-oststadt .kontaktbox .kontaktmoeglichkeit { border: 1px solid #149cc2; }

#page-haus-oststadt em { color: #0071a1; }
#page-haus-oststadt h1 { color: #0071a1; background: url(../images/layout/farbschema-oststadt/h1-background.png) left bottom no-repeat; }
#page-haus-oststadt h2 { color: #0071a1; }
#page-haus-oststadt #wrapper { background: url(../images/layout/farbschema-oststadt/border-left.jpg) left top no-repeat; }

#page-haus-oststadt #sidebar { background: #F4F9FD; }
#page-haus-oststadt div.menu-haeuser { background-color: #E6EDF3;  }
#page-haus-oststadt #nav-oststadt { background-color: #A9CFE6; }











.stellenangebot { border-bottom: 1px solid #999; padding-bottom: 30px; margin-bottom: 30px; }
.stellenangebot h2 { background: #FEFAF6; padding: 5px 10px; margin-left: -10px; }



#upload { background: #FEFAF6; padding: 1px 20px 5px 20px; margin: 20px 0; border: 1px solid #DBA980; -moz-border-radius: 5px; }
#upload { font-size: 12px; }
ul.uploadtypen { list-style-type: circle !important; list-style-image: none !important; margin: 0 0 20px 20px !important;  }
ul.uploadtypen li { margin: 0 !important; font-size: 12px; line-height: 130%; }