/*
// +----------------------------------------------------------------------+
// | Project:  DEUTSCHER-ORDEN.de                                         |
// | URL:      http://www.deutscher-orden.de                              |
// | File:    /css/navigation.css                                         |
// +----------------------------------------------------------------------+
// | Navigations-Style-Sheet der Seite                                    |
// +----------------------------------------------------------------------+
// | Copyright (c) Alfred Schmidt                                         |
// | Authors:  Alfred Schmidt www.schmidtalfred.de                        |
// | Date:     10.10.2008                                                 |
// +----------------------------------------------------------------------+
*/
 * {
	margin: 0;
	padding: 0;
}

/* navigation links anfang */
#naviL {
	position:absolute;
	left:2px;
	top:250px;
	width:357px;
	height:355px;
	z-index:99;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: visible;
	}

ul#naviLinks {
	list-style-type: none;
	width: 350px;
	margin : 0;
	padding: 0;
}
ul#naviLinks li {
	width: 165px;
}
ul#naviLinks a {
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000000;
	width: 192px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	margin-top: 3px;
	margin-right: 100px;
	margin-bottom: 3px;
	margin-left: 3px;
}
ul#naviLinks a:hover{
	color: #FFFFFF;
	width: 192px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	margin-top: 3px;
	margin-right: 100px;
	margin-bottom: 3px;
	margin-left: 3px;
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
}

/* navigation unterlinks anfang */
ul li #links {
	list-style-type: none;
	text-indent: 5px;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	z-index: 50;
}
	
ul li #links a {
	text-decoration: none;
	color: #333333;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	background-color: #CCCCCC;
	margin-left: 202px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 5px;

}
ul li #links a:hover {
	color: #FFFFFF;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	background-color: #CCCCCC;
	margin-left: 202px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right:5px;
}
 /* - - - navigation unterlinks ende - - - */
 
/* - - - navigation oben - - - */
#naviOben {
	top: 220px;
	left: 373px;
	position: absolute;
	z-index: 10;
	height: 28px;
	width: 550px;
	visibility: visible;
	text-align: left;
	display: inline;
}
ul#naviOben  {
	list-style-type: none;
	margin : 0;
	padding: 0;
}
ul#naviOben li {
	float: left;
	text-align:center;
}
ul#naviOben a{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 15px;
	display:block;
}
ul#naviOben a:hover {
	color: #CECECE;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left-color: #FF0000;
}
/* - -  navigation oben ENDE - - - */

a.text{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	font-size: 12px;
}
a.text:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
a{
	text-decoration: none;
	color: #000000;
}
a:hover{
	color: #999999;
	text-decoration: none;
}


/* - - welche seite ist gerade aktiv*/
#start .a_Li_13, #links_1 .a_1_Li, #links_2 .a_2_Li, #links_3 .a_3_Li, #priorat .a_Li_1, #aemter .a_Li_2, #konvente .a_Li_3, #einsatz .a_Li_4, #neubeginn .a_Li_5, #impressum .a_Li_6, #aktuelles .a_Li_7, #links .a_Li_8, #kontakt .a_Li_9, #anfahrt .a_Li_10, #suchen .a_Li_11, #ordenswerke .a_Li_12, #gaestehaeuser .a_Li_14 {
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000000;
	width: 200px;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	margin-top: 3px;
	margin-right: 130px;
	margin-bottom: 3px;
	margin-left: 0px;
	background-color: #f6c730;
	background-image: url(../img/kreuz_rot.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-indent: 30px;
	padding-right: 27px;
}
#start .a_Li_13:hover, #links_1 .a_1_Li:hover, #links_2 .a_2_Li:hover, #links_3 .a_3_Li:hover, #priorat .a_Li_1:hover, #aemter .a_Li_2:hover, #konvente .a_Li_3:hover, #einsatz .a_Li_4:hover, #neubeginn .a_Li_5:hover, #impressum .a_Li_6:hover, #aktuelles .a_Li_7:hover, #links .a_Li_8:hover, #kontakt .a_Li_9:hover, #anfahrt .a_Li_10:hover, #suchen .a_Li_11:hover, #ordenswerke .a_Li_12:hover, #gaestehaeuser .a_Li_14:hover {	
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000000;
	width: 200px;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	margin-top: 3px;
	margin-right: 130px;
	margin-bottom: 3px;
	margin-left: 0px;
	background-color: #f6c730;
	background-image: url(../img/kreuz_rot.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-indent: 30px;
	padding-right: 27px;
	}
/*einsatzorte aktiv*/
#burgwald .a_Einsatz_1, #gemuenden .a_Einsatz_2, #neukirchen .a_Einsatz_3, #sielenbach .a_Einsatz_4, #gambach .a_Einsatz_5, #frankenberg .a_Einsatz_6, #darching .a_Einsatz_7, #otterfing .a_Einsatz_8,  #voehl .a_Einsatz_9, #alto .a_Einsatz_10, #nuernberg .a_Einsatz_11, #feldkirchen .a_Einsatz_19, #weyarn .a_Kon_1, #frankfurt .a_Kon_2, #darmstadt .a_Kon_3, #wetter .a_Kon_4, #birnbaum .a_Kon_5, #marburg .a_Einsatz_12 
{
	color: #000000;
	background-color: #ffffff;
}
#feldkirchen .a_Einsatz_19:hover, #alto .a_Einsatz_10:hover, #weyarn .a_Kon_1:hover, #frankfurt .a_Kon_2:hover, #darmstadt .a_Kon_3:hover, #wetter .a_Kon_4:hover, #birnbaum .a_Kon_5:hover, #gambach .a_Einsatz_5:hover, #sielenbach .a_Einsatz_4:hover, #burgwald .a_Einsatz_1:hover, #gemuenden .a_Einsatz_2:hover, #neukirchen .a_Einsatz_3:hover, #frankenberg .a_Einsatz_6:hover, #voehl .a_Einsatz_9:hover, #nuernberg .a_Einsatz_11:hover, #darching .a_Einsatz_7:hover, #otterfing .a_Einsatz_8:hover, #marburg .a_Einsatz_12:hover 
{
	color: #000000;
	background-color: #999999;
}
ul#naviLinks .aktiverLinks {
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000000;
	width: 200px;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	margin-top: 3px;
	margin-right: 130px;
	margin-bottom: 3px;
	margin-left: 0px;
	background-color: #f6c730;
	background-image: url(../img/kreuz_rot.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-indent: 30px;
	padding-right: 27px;
	}
ul#naviLinks .aktiverLinks:hover {
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000000;
	width: 200px;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: right;
	margin-top: 3px;
	margin-right: 130px;
	margin-bottom: 3px;
	margin-left: 0px;
	background-color: #f6c730;
	background-image: url(../img/kreuz_rot.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-indent: 30px;
	padding-right: 27px;
	}
/* - - - aktiv unterLinks Konvente + Einsatz ENDE - - - */
/* - - - aktiv Oben ANFANG - - - */
#erbe .a_Ob_1, #kreuz .a_Ob_5, #wurzeln .a_Ob_2, #geschichte .a_Ob_3, #spiri .a_Ob_4, #patrone .a_Ob_4, #gedenktage .a_Ob_4, #hochmeister .a_Ob_3, #literatur .a_Ob_3, #jerusalem .a_Ob_2 {
	color: #FF0000;
	background-color: #FFFFFF;
}
		
ul#naviOben .aktiverOben {
	color: #FF0000;
	font-weight: bold;
	background-color: #009966;
}

/* - - - aktiv Oben ENDE*/