@charset "utf-8";
/*
// +----------------------------------------------------------------------+
// | Project:  St. Josefshaus Rheine                                      |
// | URL:      http://www.josefshaus-rheine.de                            |
// | File:     css/basis.css                                              |
// +----------------------------------------------------------------------+
// | Haupt-Style-Sheet der Site                                           |
// +----------------------------------------------------------------------+
// | Copyright (c) Alfred Schmidt                                         |
// | Authors:  Alfred Schmidt http://www.schmidtalfred.de                 |
// | Date:     31.03.2009                                                 |
// +----------------------------------------------------------------------+
*/

/* - - - - navi Links beginnt hier - - - */

#naviL ul {
	list-style-type: none;
	width: 150px;
	margin : 0;
	padding: 0;
}
#naviL li {
	width: 10em;
}
#naviL li a {
	width: 132px;
	_width: 132px;/*wichtig fuer explorer*/
	display: block;
	background-color: #DF7451;
	color:#ffffff;
	border: 1px #FFFFFF solid;
	text-decoration:none;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: -2px;
	text-indent: 5px;
	height: 20px;
}
#naviL li a:hover{
	background-color:  #F4C08C;
	color: #333333;
}
#naviL li ul {
	position: absolute;
	width: 200px;
	left: -999em;/*so aus dem browserfenster*/
	float: left;
}
#naviL li:hover ul, li.sfhover ul {
	left: auto;
	margin-left: 133px;
/*	_margin-left: -103px;
*/	margin-top: -28px;
	
}
#naviL li:hover ul li:first-child {
	margin-top: -2px;
}
#naviL ul li {
	vertical-align: bottom;  /*Bugfix für IE6-Listenelement-Lücke */
}
#naviL li a.sonne {
	background-color: #0079B8;
	width: 132px;
	_width: 132px;/*wichtig fuer explorer*/
	display: block;
	color:#ffffff;
	border: 1px #FFFFFF solid;
	text-decoration:none;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: -2px;
	text-indent: 1px;
	height: 30px;
	background-image: url(../_img/logo.png);
	background-repeat: no-repeat;
}
#naviL li a.sonne:hover {
	background-color: #0079B8;
	width: 132px;
	_width: 132px;/*wichtig fuer explorer*/
	display: block;
	color:#ffffff;
	border: 1px #FFFFFF solid;
	text-decoration:none;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: -2px;
	text-indent: 1px;
	height: 30px;
	background-image: url(../_img/logo_hover.png);
	background-repeat: no-repeat;
}
/*  - - - - navi links endet hier - - - - */

/* - - - -navi unten kommt jetzt - - - - -*/

#naviU ul {
	list-style-type: none;
	margin : 0;
	padding: 0;
}
#naviU li {
	width: 70px;
	float:right;
	text-align:center;
	margin-right: 5px;
	margin-left: 5px;
}
#naviU li a {
	width: 100%;
	height: 17px;
	display: block;
	background-color: #DF7451;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	font-size: 11px;
}
#naviU li a:hover{
	background-color: #F4C08C;
	color: #333333;
}
#naviU li ul {
	position: absolute;
	left: -999em;
	width: 120px;
}
#naviU li:hover ul, li.sfhover ul {
	left: auto;
	margin-left: -45px;
	_margin-left: 20px;
/*	margin-top: 2px;
*/}
<!--[if lte IE 7]>
#naviU li:hover ul, li.sfhover ul {
	left: auto;
	margin-left: -45px;
	_margin-left: 20px;
	margin-top: 2px;
}
<![endif]-->
#naviU li:hover ul li:first-child {
	margin-top: -2px;
}
#naviU ul li {
	vertical-align: bottom;  /*Bugfix für IE6-Listenelement-Lücke */
}

/* - - - navi unten ende -- --*/


/* navO anfang*/
a.navO {
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;

}
a.navO:hover {
	color: #000000;
}
a.aktiv {
	font-weight: bold;
	color: #000000;
	font-size: 9pt;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
a.aktivLinks {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	text-decoration: none;
	color: #000000;
	width: 135px;
	font: bold normal 10pt Arial, Helvetica, sans-serif;
	border-top: 1px none #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #ffffff;
	border-left: 1px none #000000;
	background: #C5C6C8;
	text-indent: 15px;
}
/*navO ende*/
/* welche seite aktiv*/
#KONTAKT_anfahrt .a16, #KONTAKT_formular .a17, #KONTAKT_zeiten .a18, #KONTAKT_start .a15, #AKTUELLES_meldungen .a22, #AKTUELLES_radio .a20, #AKTUELLES_veranstalt .a21, #BEREICHE_start .a3, #BEREICHE_haus .a12, #BEREICHE_ergo .a50, #BEREICHE_senior .a14, #BEREICHE_sozial .a11, #BEREICHE_verwaltung .a13, #ueberUns .a2, #team .a5, #leitsatz .a6, #tarife .a7, #traeger .a10, #impressum .a24, #links .a8, #stellen .a23, #start .a25, #unterlagen .a4{
	color: #FFFFFF;
	background-color: #c67e13;
}
/*ende*/
.formular {
	border: 1px dotted #A97184;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.o50{
	background-color:#000000;
	opacity: .70;
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/*unter NAVIGATION ANFANG*/

#unter {
	position: absolute;
	z-index: 41;
	height: 25px;
	width: 548px;
	left: 246px;
	top: 81px;
}
#unter ul {
	list-style-type: none;
	margin : 0;
	padding: 0;
}
#unter li {
	width: auto;
	float:right;
	text-align:center;
	margin-right: 5px;
	margin-left: 5px;
}
#unter li a {
	width: 100%;
	height: 17px;
/*	display: block;*/
	background-color: #DF7451;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
}
#unter li a:hover{
	background-color: #F4C08C;
	color: #333333;
}

/*unter NAVIGATION ENDE*/