/*
****************************************************************************************
* Dieses css-Stylesheet wird zur Formatierung der html-Seiten verwendet.               *
* Es definiert die Formatvorlagen fuer die Navigationsframes.                          *
*                                                                                      *
* ACHTUNG: ALLE BEZEICHNER MUESSEN MIT BUCHSTABEN BEGINNEN, ANSONSTEN KANN NETSCAPE 4.7*
*		   NICHTS FINDEN!!!                                                            *
*                                                                                      *
* FARBEN:                                                                              *
*            |        RGB           |        IHS           |                           *
*            | Hex    |   Dezimal   | Hex    |   Dezimal   |                           *
*   --------------------------------------------------------                           *
*     hell   | E3F4E3 | 227-244-227 |   -    |  80-105-222 |                           *
*            | D1EDD1 | 209-237-209 |   -    |  80-105-210 |                           *
*            | BFE6BF | 191-230-191 |   -    |  80-105-198 |                           *
*            | ACDFAC | 172-223-172 |   -    |  80-105-186 |                           *
*            | 99D799 | 153-215-153 |   -    |  80-105-173 |                           *
*            | 84CE84 | 132-206-132 |   -    |  80-105-159 |                           *
*            | 3D9A3D |  61-154- 61 |   -    |  80-105-101 |                           *
*   dunkel   | 006000 |   0- 96-  0 |   -    |  80-240- 45 |                           *
*                                                                                      *
* Copyright (c) 2003 Statistisches Bundesamt                                           *
*                                                                                      *
* Datei: navigation.css                                                                *
*                                                                                      *
* Aenderungshistorie:                                                                  *
*                                                                                      *
* Nr ! Datum    ! Name            ! Aenderungsgrund                                    *
* _____________________________________________________________________________        *
*  1 ! 06.01.04 ! Hollmann        ! neu erstellt                                       *
*  2 ! 26.01.05 ! Schaefer        ! px auf prozent und em umgestellt                   *
*  3 ! 15.04.05 ! Schaefer        ! Formatierungen fuer Frame_oben eingebaut           *
*  4 ! 19.05.05 ! Schaefer        ! Formatierungen fuer leftSeparator eingebaut        *
*  5 ! 02.08.06 ! Hollmann        ! Aenderung: Abschaffung der Frames                  *
*  6 ! 14.02.08 ! Schaefer        ! Layout angepasst                                   *
****************************************************************************************
*/


/* ++++++++++++++++++++++++ */
/* +      ALLGEMEIN       + */
/* ++++++++++++++++++++++++ */
form{
    margin:			0px;
}
.begriffbox{
    background-color:	#FFFFFF;
	color:				#000000;
    border-top-width:	1px;
    border-right-width: 1px;
    border-bottom-width:1px;
    border-left-width: 	1px;
    border-style:		solid;
    border-color:		#006000;
	width:              10em;
	font-size: 			100%;
	margin-left:     	1.65em;
} 
img{
    border:     0px;
}
.buttonNavigation{
    border:             0px;
    background-color:   #FFFFFF;
    font-family:        arial,sans-serif;
    font-size:          1em;
    font-weight:		bold;
    text-align:         left;
    color:              #FF0000;
} 
.buttonSitemap{
    border:             0px;
    background-color:   #FFFFFF;
    font-family:        arial,sans-serif;
    font-size:          1em;
    font-weight:		bold;
    text-align:         left;
    color:              #FF0000;
}

#topNavigationSearch{
	float:left;
	font-size:1em;
	margin:0;
	padding:4px 0px 0px 20px;	
	text-align:right;
}
#leftNavigationElementOben{
	float:left;
	font-size:1em;
	margin:0 0 0 0;
	padding:1px 44px 0px 10px;	
	text-align:right;
	background-color:   #ACDFAC;
}
#leftNavigationElementUnten{
	float:left;
	font-size:1em;
	margin:0;
	padding:0px 24px 0px 10px;	
	text-align:right;
	background-color:   #ACDFAC;
}
table{
    font-family:		arial,sans-serif;
    font-size: 			100%;
}
tr{
    font-family:		arial,sans-serif;
    font-size: 			100%;
}
.blank {
    background-color:	#FFFFFF;
    color:				#FFFFFE;
}
.emphasized {
    font-weight:	    bold;
}
.highlighted {
    background-color:	#FFFFFF;
    color: 			    #FF0000;
}
.highEmph {
    font-weight:	    bold;
    background-color:	#FFFFFF;
    color: 			    #FF0000;
}
.abstandHell{
    background-color:	#ACDFAC;
    color:	            #ADC7DD;
	width:				17.8em;
	height:				7px;
}
.abstandDunkel{
    background-color:	#84CE84;
    color:	            #84AECD;
	width:				17.8em;
	height:				7px;
}
.abstandSpace {
    background-color:	#FFFFFF;
    color:	            #FFFF00;
	width:				17.8em;
	height:				2px;
}

/* ++++++++++++++++++++++++ */
/* +   LINKE NAVIGATION   + */
/* ++++++++++++++++++++++++ */
p.leftTitel{
    font-family:	    arial,sans-serif;
    font-size:		    133%;
    background-color:	inherit;
    color: 			    #3D9A3D;
}
.leftU1Titel{
    font-family:	    arial,sans-serif;
    font-size: 		    100%;
    font-weight:	    bold;
    background-color:	#ACDFAC;
    color:			    #555555;
    text-decoration:    none;
    margin-left:        0.8em;
}
.leftU2TitelEnabled {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#000000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftU2TitelEnabled a:link, .leftU2TitelEnabled a:visited {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#000000;
    text-decoration:	none;
}
.leftU2TitelEnabled a:hover {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#C00000;
    text-decoration:	none;
}
.leftU2TitelDisabled {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    font-style:			italic;
    background-color:	#ACDFAC;
    color:				#a5a5a5;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftU2TitelDisabled a {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    font-style:			italic;
    background-color:	#ACDFAC;
    color:				#a5a5a5;
    text-decoration:	none;
}

.leftsubU2TitelEnabled {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#000000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubU2TitelEnabled a:link, .leftsubU2TitelEnabled a:visited {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#000000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubU2TitelEnabled a:hover {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#C00000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubU2TitelDisabled {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    font-style:			italic;
    background-color:	#ACDFAC;
    color:				#a5a5a5;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubU2TitelDisabled a {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    font-style:			italic;
    background-color:	#ACDFAC;
    color:				#a5a5a5;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubsubU2TitelEnabled {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#000000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubsubU2TitelEnabled a:link, .leftsubsubU2TitelEnabled a:visited {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#000000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubsubU2TitelEnabled a:hover {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    background-color:	#ACDFAC;
    color:				#C00000;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubsubU2TitelDisabled {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    font-style:			italic;
    background-color:	#ACDFAC;
    color:				#a5a5a5;
    text-decoration:	none;
    margin-left:     	0.8em;
}
.leftsubsubU2TitelDisabled a {
    font-family:		arial,sans-serif;
    font-size: 			100%;
    font-style:			italic;
    background-color:	#ACDFAC;
    color:				#a5a5a5;
    text-decoration:	none;
    margin-left:     	0.8em;
}
/* ++++++++++++++++++++++++ */
/* +   OBERE NAVIGATION   + */
/* ++++++++++++++++++++++++ */
.topTitel:link {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#555555;
    text-decoration:	none;
}
.topTitel:visited {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#555555;
    text-decoration:	none;
}
.topTitel:hover {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#000000;
    text-decoration:	none;
}
.topTitelEmph:link {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#555555;
    font-weight:	    bold;
    text-decoration:	none;
}
.topTitelEmph:visited {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#555555;
    font-weight:	    bold;
    text-decoration:	none;
}
.topTitelEmph:hover {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#000000;
    font-weight:	    bold;
    text-decoration:	none;
}
.topTitelHigh:link {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#FF0000;
    text-decoration:	none;
}
.topTitelHigh:visited {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#FF0000;
    text-decoration:	none;
}
.topTitelHigh:hover {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#FF0000;
    font-weight:	    bold;
    text-decoration:	none;
}
.topTitelDisabled {
    font-family:	    arial,sans-serif;
    font-size:			92%;
    background-color:	#FFFFFF;
    color:				#D4D4D4;
    font-style:			italic;
    text-decoration:	none;
}
/* OBERE NAVIGATION */
/* Box fuer Wortmarke */
#box1 {
	position:			absolute;
	top:				1px;
	left:				0px; 
	z-index:			2;
}
/* Box fuer Logo */
#box2 {
	position:			absolute;
	top:				1px;
	right:				10px;
	z-index:			1;
}
/* Box fuer Menuepunkte */
#box3 {
	position:			absolute;
	top:				40px;
	left:				190px;
	z-index:			3;
}
/* Box fuer linke Zeitleiste */
#box4 {
	position:			absolute;
	top:				56px;
	left:				0px;
	width:				190px;
	height:				6px;
	background-color:	#84CE84;
	color:				#84CE84;
	background-image:	url(../images/skm_hg_timeline1.gif);
}
/* Box fuer linker Balken */
#box5 {
	position:			absolute;
	top:				62px;
	left:				0px;
	width:				190px;
	height:				28px;
	background-color:	#84CE84;
	color:				#84CE84;
}
/* Box fuer rechte Zeitleiste */
#box6 {
	position:			absolute;
	top:				56px;
	left:				190px;
	width:				80%;
	height:				6px;
	background-image:	url(../images/genesis_hg_timeline2.gif)
}
/* Box fuer rechte Balken */
#box7 {
	position:			absolute;
	top:				62px;
	left:				190px;
	width:				80%;
	height:				28px;
	vertical-align:		middle;
	background-color:	#ACDFAC;
	color:				#000000;
}
/* Box fuer Titel im rechten Balken */
#box8 {
	position:			absolute;
	top:				68px;
	left:				190px;
}

#topNavigationLeftLogo {
	position: absolute;
	top: 0px;
	left: 0px; 
	z-index: 2;
}

#topNavigationLeftLogo .image {
	width: 15.8em;
	height: 4.6em;
}

#topNavigationRightLogo {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 1;
}

#topNavigationRightLogo .image {
	width: 9.8em;
	height: 4.6em;
}

#topNavigationMenu {
	margin: 0px 120px 0px 17.8em;
	background-color: #ffffff;
	color: #000000;
	min-width: 600px;
	height: 4.6em;
	vertical-align:bottom;
}

#topNavigationMenu .image {
	width: 1px;
	height: 4.25em;
}

#topNavigationLeftTimeline {
	background-color:	#84CE84;
	color:				#84CE84;
	width: 				17.8em;
	height: 			6px;
	background-image: 	url(../images/skm_hg_timeline1.gif);
	float: 				left;
}

/* Workaround fuer den 3Pixel Bug */
* html #topNavigationLeftTimeline {
	margin-right: -3px;
}

#topNavigationRightTimeline {
    background-color:	#ACDFAC;
    color:	            #ADC7DD;
	height: 			6px;
	background-image: 	url(../images/skm_hg_timeline2.gif);
}

#topNavigationLeftTitel {
	width: 11.9em;
	height: 2.3em;
	background-color: #84CE84;
	color: #006000;
	float: left;
	font-family: arial,sans-serif;		
	border-top: #84CE84 5px solid;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
}

#topNavigationApplicationName {
	vertical-align: middle;
	background-color: #ACDFAC;
	color: #000000;
}

#topNavigationApplicationNameHight {
	background-color: #ACDFAC;
	color: #000000;
	height: 2.6em;
}

#topNavigationApplicationName .applicationName {
	font-family: arial,sans-serif;
	font-size: 133%;
	background-color: #ACDFAC;
	color: #3D9A3D;
	vertical-align: middle;
	margin-right: 1.25em;
	border-top: #ACDFAC 5px solid;
}

#topNavigationApplicationName .applicationName .image {
	width: 1px;
	height: 1px;
}

span.text_fett {
	font-weight:bold;
	margin:0;
}
.suchanweisung {
	background-color:#FFFFFF;
	border:1px solid #006000;
	color:#000000;
	font-family:arial,sans-serif;
	font-size:100%;
}
.eingabefeld {
	background-color:#FFFFFF;
	border:1px solid #006000;
	color:#000000;
	font-family:arial,sans-serif;
	font-size:100%;
}

#topNavigationSearch input {
	font-size:1.0em;
	margin:2px 2px 5px 2px;
	vertical-align:middle;
}
#leftNavigationElementOben input {
	font-size:1.0em;
	margin:2px 2px 2px 10px;
	vertical-align:middle;
}
#leftNavigationElementUnten .eingabefeld {
	font-size:1.0em;
	margin:0px 2px 2px 25px;
	vertical-align:middle;
}
#leftNavigationElementUnten .buttonLogin {
	font-size:1.0em;
	margin:1px 2px 3px 1px;
	vertical-align:middle;
}