/*	_styles_nav.css	Externe CSS2-Styles für ALLRIS net Navigation		*/

/*	History:								*/
/*	081112	3.8.2	Erstfassung, angelehnt an Tango (freedesktop.org)	*/


/* ==================================================================== */
/*	Anker								*/
/* ==================================================================== */

div form img,
div a img	{
	padding-top: 4px;
	padding-right: 4px;
}

h3 img	{
	position: relative;
	top: 3px;
}

a { color: #333; text-decoration: none; }
a:hover { color: #bd021b; text-decoration: underline; }
a:focus { text-decoration: underline; }


/*	Text-Link in Sortierüberschrift, wenn sortxx genutzt wird
	(nur bei Einstellung XX_sort_text = AUSWAHL_JA			*/
.aso1		{
}

.aso1:hover	{
}


/* ============================================================================ */
/*	Hauptnavigation	(links)							*/
/* ============================================================================ */

#risnavi ul#navi_left {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}

#risnavi ul#navi_left li {
	border-left: 0px;
	border-right: 1px #eeeeec solid;
	display: inline;
	float: left;
	line-height: 1em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#risnavi ul#navi_left li a,
#risnavi ul#navi_left li strong {
	background: transparent;
	color: #2e3436;
	display: block;
	/* font-weight: bold;	*/
	margin: 0px;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-decoration: none;
	width: auto;
}

#risnavi ul#navi_left li form input	{
	font-size: 12px;
	color: #2e3436;
	/* font-weight: bold;	*/
	background: transparent;
	margin: 0px;
	padding: 0.2em 0.8em 0.1em 0.8em;
	border: 2px #729fcf solid;
}

#risnavi ul#navi_left li form input:hover	{
	background-color: #eeeeec;
	border: 2px #eeeeec solid;
}

#risnavi ul#navi_left li a:focus,
#risnavi ul#navi_left li a:hover,
#risnavi ul#navi_left li a:active  {
	background: #eeeeec;
	color: #2e3436;
	text-decoration: none;
}


/* ============================================================================ */
/*	Hauptnavigation	(rechts)						*/
/* ============================================================================ */

#risnavi ul#navi_right {
	display: inline;
	float: right;
	margin: 0px;
}

#risnavi ul#navi_right li {
	/*	border-style: none;	*/

	display: inline;
	float: right;
	list-style-type: none;
}

#risnavi ul#navi_right li a,
#risnavi ul#navi_right li strong {
	color: #2b628a;
	display: block;
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

#risnavi ul#navi_right li a img	{
	width: 22px;
	height: 22px;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

#risnavi ul#navi_right li form input	{
	color: #2b628a;
	background: transparent;
	padding-right: 1px;
	padding-left: 1px;
	margin: 0px;
	border: none;
	vertical-align: bottom;
}

#risnavi ul#navi_right li form input:hover	{

	padding-right: 1px;
	padding-left: 1px;
	margin: 0px;
}

#risnavi ul#navi_right li form img:hover	{
	background-color: #eeeeec;
}


#risnavi ul#navi_right li a:focus,
#risnavi ul#navi_right li a:hover,
#risnavi ul#navi_right li a:active,
#risnavi ul#navi_right li a:focus img,
#risnavi ul#navi_right li a:hover img,
#risnavi ul#navi_right li a:active img	{
	background: #eeeeec;
	color: #2e3436;
	text-decoration: none;
}


/* ============================================================================ */
/*	Menü									*/
/* ============================================================================ */

#rismenu ul, #rismenu ol, #rismenu li	{
	padding: 0;
	margin: 0;
	list-style: none;
}

#rismenu {

background: #EDF3F9;
}

#menu	{
	width: 100%;
	overflow: hidden;
}

#menu li	{
	float:left;
	width: 100%;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
}


#menu a { display: block; padding: 5px 4px 5px 26px; color: #2b628a;
background-image: url('../images/skin/subnav_1_lo.gif'); 
background-position: 10px 10px; background-repeat: no-repeat; }

#menu a:hover { text-decoration: none; color: #bd021b;
background-image: url('../images/skin/subnav_1_hi.gif'); 
background-position: 10px 10px; background-repeat: no-repeat;}

#menu strong a, #menu strong a:hover, #menu li strong a:hover { 
background-image: none;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
padding-left: 5px
}

#menu li a:focus,
#menu li a:hover	{
text-decoration: none; color: #bd021b;
background-image: url('../images/skin/subnav_1_hi.gif'); 
background-position: 10px 10px; background-repeat: no-repeat;
}


#active a {display: block; padding: 5px 4px 5px 26px; color: #bd021b;
background-image: url('../images/skin/subnav_1_hi.gif'); 
background-position: 10px 8px; background-repeat: no-repeat; 
 }



/* ==================================================================== */
/*	Input-Tags für Links (schmale Symbole)				*/
/* ==================================================================== */

/*	Input-Link als Button mit Hintergrundfarbe oder -bild		*/
input.il1_at,
input.il1_au,
input.il1_bes,
input.il1_doc,
input.il1_dr,
input.il1_eb,
input.il1_fr,
input.il1_ka,
input.il1_kp,
input.il1_kw,
input.il1_nt,
input.il1_naz,
input.il1_ns, input.il1_ns1, input.il1_ns2, input.il1_ns3,
input.il1_pa,
input.il1_rea,
input.il1_to,
input.il1_sn,
input.il1_vle,
input.il1_vo,
input.il1_yi	{
	font-size: 11px;
	color: #2e3436;
	width: 26px;
	height: 14px;
	margin-right: 2px;
	margin-bottom: 1px;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
/*	Optional einheitlicher Border für alle Buttons:		*/
/*	border-style: outset;
	border-width: 1px;
	border-color: #2e3436;					
	
	-> in diesem Fall Border pro Button s.u. entfernen	*/
	
/*	Alternativ - wenn Hintergrundbilder genutzt werden,	*/
/*	sonst auch für Einheitlichkeit der Darstellung		*/
/*	in unterschiedlichen Browsern:				*/
	border: none;						
}

input.il1_at:hover,
input.il1_au:hover,
input.il1_bes:hover,
input.il1_doc:hover,
input.il1_dr:hover,
input.il1_eb:hover,
input.il1_fr:hover,
input.il1_ka:hover,
input.il1_kp:hover,
input.il1_kw:hover,
input.il1_nt:hover,
input.il1_naz:hover,
input.il1_ns:hover, input.il1_ns1:hover, input.il1_ns2:hover, input.il1_ns3:hover,
input.il1_pa:hover,
input.il1_rea:hover,
input.il1_to:hover,
input.il1_sn:hover,
input.il1_vle:hover,
input.il1_vo:hover,
input.il1_yi:hover	{
	border-bottom: 1px #204a87 solid;
	border-right: 1px #204a87 solid;
	font-weight: bolder;
}

input.il1_at	{
	background-color: #babdb6;
	
/*	Beispiele für Gestaltungs-Optionen

	Pseudo-Schatten rechts+unten durch Farbe höherer Sättigung
	border-bottom: 1px #888a85 solid;
	border-right: 1px #888a85 solid;
	
	Hintergrund-Bild passender Größe
	(Falls für die Link-Buttons Farbverläufe, gerundete
	Border oder andere optische Effekte gewünscht sind)
	background-image: url(../images/bg/babdb6.gif);
	
	Beachte zukünftige (CSS level 3) Gestaltungsmöglichkeiten
	mittels u.a. border-radius				*/
}

input.il1_au	{
	background-color: #8ae234;
}

input.il1_bes	{
	background-color: #e9b96e;
}

input.il1_doc	{
	background-color: #a0bde4;
}

input.il1_dr	{
	background-color: #fce94f;
}

input.il1_eb	{
	background-color: #ad7fa8;
}

input.il1_fr	{
	background-color: #8ae234;
}

input.il1_ka	{
	background-color: #ad7fa8;
}

input.il1_kp	{
	background-color: #fcaf3e;
}

input.il1_kw	{
	background-color: #a0bde4;
}

input.il1_nt	{
	background-color: #fce94f;
}

input.il1_naz	{
	background-color: #e9b96e;
}

input.il1_ns, input.il1_ns1, input.il1_ns2, input.il1_ns3	{
	background-color: #e9b96e;
}

input.il1_pa	{
	background-color: #8ae234;
}

input.il1_rea	{
	background-color: #babdb6;
}

input.il1_to	{
	background-color: #fce94f;
}

input.il1_sn	{
	background-color: #e9b96e;
}

input.il1_vle	{
	background-color: #a0bde4;
}

input.il1_vo	{
	background-color: #a0bde4;
}

input.il1_yi	{
	background-color: #a0bde4;
}


/* ==================================================================== */
/*	Input-Tags für Links (breite Symbole)				*/
/* ==================================================================== */

/*	Input-Link als Button					*/
input.il2_n,
input.il2_d,
input.il2_p,
input.il2_s	{
	color: #204a87;
	border: none;
	padding-left: 18px;
	font-size: 11px;
	width: 260px;
	height: 15px;
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	vertical-align: middle;
	text-decoration: none
}

input.il2_n:hover,
input.il2_d:hover,
input.il2_p:hover,
input.il2_s:hover	{
	border-style: solid;
	border-color: #204a87;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}


/*	Hintergrundbilder für breite Buttons sollten 		*/
/*	den betreffenden DocType symbolisieren			*/

/*	Input-Link als Button (DocType: (nicht spezifiziert))	*/
input.il2_n	{
	/*	background-color als Workaround bei
		browserspezifischen Transparenz-Problemen	*/
	background-color: #ffffff;
	background-image: url(../images/bg/table.gif);
}

/*	Input-Link als Button (DocType: Office-Dokument)	*/
input.il2_d	{
	background-color: #ffffff;
	background-image: url(../images/bg/office.gif);
}

/*	Input-Link als Button (DocType: PDF-Dokument)		*/
input.il2_p	{
	background-color: #ffffff;
	background-image: url(../images/bg/pdf.gif);
}

/*	Input-Link als Button (DocType: Tabellarische Seite)	*/
input.il2_s	{
	background-color: #ffffff;
	background-image: url(../images/bg/table.gif);
}


/* ==================================================================== */
/*									*/
/*	Nicht mehr empfohlen: Für neue Skins nicht mehr verwenden	*/
/*									*/
/*	Nachfolgend definierte Klassen sollen nicht mehr für neue	*/
/*	Skins genutzt werden. Sie werden hier weiterhin geführt,	*/
/*	damit bestehende Skins weiterhin angepaßt werden können.	*/
/*									*/
/* ==================================================================== */


/* ==================================================================== */
/*	Input-Tags für Links (schmale Symbole)				*/
/*	(Nicht mehr empfohlen: Für neue Skins nicht mehr verwenden)	*/
/* ==================================================================== */

/*	Input-Link als Bild					*/
input.il1	{
	border: 0;
	background-image: none;
	background-color: transparent;
	width: 16px;
	height: 16px;
}

/*	Input-Link als Textbutton
	(Darstellung des Links als Textbutton)			*/
		
input.ib1, ib1	{
	background-color: transparent;
	color: #000000;
	border: 1px solid #CCCCCC;
	margin-left:0px; 
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 1px;
	padding-left:  0px;
	font-size: 10px;
	width: 88px;
	height: 15px;
	display: block;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/*	Input-Link als quadratisches Icon			*/
input.icon	{
	width: 16px;
	height: 16px;
	margin-top: 0px;
	vertical-align: middle;
}
		



/* ==================================================================== */
/*	Input-Tags für Links (breite Symbole)	 			*/
/*	(Nicht mehr empfohlen: Für neue Skins nicht mehr verwenden)	*/
/* ==================================================================== */

/*	Input-Link als Image-Button (z.B. im Menü)		*/
input.im1	{
	background-color: transparent;
	border: 0px;
	text-decoration: none;
}

/*	Input-Link als Text-Bild				*/
input.il2	{
	border: 0;
	background-color: transparent;
	width: 88px;
	height: 15px;
	margin-bottom: 2px;
}