@charset "utf-8";
/*
// +----------------------------------------------------------------------+
// | Project:  Katharinenstift Freiburg                                   |
// | URL:      http://www.altenheim-freiburg.de                           |
// | File:     css/navigation.css                                         |
// +----------------------------------------------------------------------+
// | Navigation-Style-Sheet der Site                                      |
// +----------------------------------------------------------------------+
// | Copyright (c) Alfred Schmidt                                         |
// | Authors:  Alfred Schmidt http://www.schmidtalfred.de                 |
// | Date:     20.03.2009                                                 |
// +----------------------------------------------------------------------+
*/

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

#naviL ul {
	list-style-type: none;
	width: 130px;
	margin : 0;
	padding: 0;
}
#naviL li {
	width: 130px;
}
#naviL li a {
	width: 135px;
	_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: 10px;
	height: 20px;
}
#naviL li a:hover{
	background-color:  #F4C08C;
	color: #333333;
}
#naviL li ul {
	position: absolute;
	width: 135px;
	left: -999em;/*so aus dem browserfenster*/
	float: left;
}
#naviL li:hover ul, li.sfhover ul {
	left: auto;
	margin-left: 135px;
	_margin-left: 103px;/*wichtig fuer explorer*/
	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: 75px;
	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;
}
#naviU li a:hover{
	background-color: #F4C08C;
	color: #333333;
}
#naviU li ul {
	position: absolute;
	width: 75px;
	left: -999em;
}
#naviU li:hover ul, li.sfhover ul {
	left: auto;
	margin-left: 5px;
	margin-top: 2px;
}
#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*/
#haus .a1, #lage .a2, #visionen .a3, #pflege .a4, #service .a5, #angehoerige .a6, #leben .a7, #seelsorge .a8, #zivi .a9, #quali .a10, #links .a11, #traeger .a12, #start .a21, #impressum .a22, #stellen .a23, #kontakt .a24, #aktuelles .a25, #tagespflege .a101 {
	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*/