/*
* $title
* $description
* $author
* $copyright $Copyright$

* $version $Revision$
* $lastrevision $Date$
* $modifiedby $LastChangedBy$
* $lastmodified $LastChangedDate$
* $filesource $URL$
* $keywords
* $require
*
*/

/** Hauptelemente **/
/* Alle Paddings und margins auf 0 zuruecksetzen */
* {
    padding: 0;
    margin: 0; 
}

/* HTML Body*/
body {
   margin: 0;
   background-color: #FFFFFF;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 101%;
}

/* Div um alle Elemente */
#wrap_all {
	margin-left: 0.75em;
    padding: 0 0 1em 0;
	max-width: 59.1em; /* bekommt Maximalbreite, damit das "Fliessen" des Contentbereichs nur bis zu dieser Groesse moeglich ist */
	margin: 0 auto;
}

/* Container fuer Hauptbereich: Bereichsnavigation, Content, Marginalspalte*/
#wrap_main {
    width: 97.3%;
    margin: 0.4em 0 0 0;
    padding: 0;
    float: left;
}

/* Container links, Bereichsnavigation */
#wrap_left {
    float: left;
    width:13.9em;
}

/* Container fuer Hauptinhalt und Marginalspalte */
#wrap_middle {
    margin: 0 0 0 14.8em;
}

/* Hauptinhaltsbereich skaliert mit */
.content {
    overflow:hidden;
    position:relative;
    padding: 0 0 1em 0;
    background-color: #EDF2F6;
    font-size: 0.9em;
}

/* Container fuer Marginalspalte*/
#wrap_right {
    float: right;
    width: 12.9em;
    margin: 0 0.1em 0 1.1em;
}

/** Hauptelemente Ende**/



/** Allgemeine Klassen**/

/* Allgemeine Klasse fuer "unsichtbare" Elemente, z.B. versteckte Navigation mit Sprungmarken */
.hidden {
    left:-1000px;
    overflow:hidden;
    position:absolute;
    top:-1000px;
}

/* Klasse zum kompletten Ausblenden (werden vom Screenreader ignoriert) */
.fadeout {
    display: none;
}

/* Allgemeine Klasse fuer erzwungenen "Umbruch" */
.clear {
    clear: both;
}

/* Allgemeine Klasse fuer Ausrichtung links */
.left {
    float: left;
}

/* Allgemeine Klasse fuer roten Text, z.B: Fehlermeldungen */
.red {
    color: #FF0000;
}

/* Allgemeine Klasse fuer Ausrichtung links bei Absuetzen */
p.left {
    clear: none;
    float: left;
}

/* Allgemeine Klasse fuer Ausrichtung rechts */
.right {
    float: right;
}

.top_margin {
    margin-top: 1.8em;
}

/* Hellgrauer Text */
.light_gray {
    color: #4c4c4c;
}

/* Dunkelgrauer Text */
.dark_gray {
    color: #333333;
}

/** Header-Bereich. Logo, Headergrafik, obere Service-Navigation (Impressum etc.) **/
/* Wrap um alle Elemente des Headers */  
.wrap_header {
    height:7.35em;
    overflow:hidden;
    position:relative;
    padding-right: 1.7em;
}

/* Logobereich */
.logo {
    float:left;
    height:6.35em;
    margin:0.5em 0 0;
    overflow:hidden;
    width:14.75em;
}

/* Ausschalten des Rahmens fuer verlnktes Logo */
.logo a img {
    border: none;
}

/* Bereich der Headergrafix */
.header_gfx {
    height:5.2em;
    background-image: url(../images/kopf_jki.jpg);
    background-repeat: repeat-x;
    position:relative;
    margin: 1.7em 0 0 14.8em;
}

/* Obere Servicenavigation */
.headernavi {
    float: right;
    width: 20em;
    line-height: 1.7em;
    vertical-align: middle;
    text-align: right;
}

/* Liste der oberen Servicenavigation */
.headernavi ul {
    font-size: 0.619em;
    color: #77787C;
}

/* Einzelne Listenelemente der oberen Servicenavigation */
.headernavi ul li{
   display: inline;
   color: #668DAE; 
}

/* Verlinkte Listeneintruege der oberen Servicenavigation */
.headernavi ul a,
.headernavi ul a:visited
{
   color: #668DAE;
   text-decoration: none;
   padding: 0.1em;
}

/* Mouse Over, Fokus FF+IE fuer Listeneintruege der oberen Servicenavigation */
.headernavi ul a:hover, 
.headernavi ul a:active,
.headernavi ul a:focus
{
   text-decoration: none;
   background-color: #537F5B;
   color: #FFFFFF;
}
/** Headerbereich Ende **/

/** Hauptnavigation (Crossnavigation) **/
/* Container fuer die Hauptnavigation */
#wrap_main_nav {
    float: left;
    width: 100%;
}

/* innerer Container fuer die Hauptnavigation */
.main_nav {
    min-height: 1.6em;
    line-height: 1.5em;
    margin: 0 1.7em 0 0;
    border-top: 1px solid #7E9F84;
    border-bottom: 1px solid #A9BFAD;
    vertical-align: middle;
}

/* Liste fuer Hauptnavigation */
.main_nav ul {
    margin: 0 0 0 14.9em;
}

/* Einzelne Listenelemente fuer die Hauptnavigation */
.main_nav ul li {
    color: #99B3C9;
    font-size: 0.75em;
    list-style: none;
    display: inline;
}

/* Strong Zustand, also aktiviertes Element */
.main_nav ul li strong {
    color: #5C5C5C;
    padding: 0.2em 0.3em 0.2em 0.3em;
    background-color: #80A0BB;
    color: #FFFFFF;
}

/* Verlinkte Listenelemente der Hauptnavigation */
.main_nav ul li a{
    color: #336793;
    font-weight: bold;
    text-decoration: none;
    height: 2em;
    padding: 0.2em 0.3em 0.2em 0.3em;
}

/* Mouse Over, Fokus FF+IE fuer Listeneintruege der Hauptnavigation */
.main_nav ul li a:hover,
.main_nav ul li a:focus,
.main_nav ul li a:active
{
    background-color: #537F5B;
    color: #FFFFFF;
}

/** Hauptnavigation Ende **/


/** Bereichsnavigation (linke Seitennavigation)**/

/* allgemeine Klasse fuer den aktuell ausgewuehlten Menuepunkt */
.act {
    background-color: #E5ECF1;
}

/* Container fuer die gesamte Bereichsnavigation */
#wrap_side_nav {
    width: 15em;
    font-size:1em;
}

/* Liste der Bereichsavigation */
#wrap_side_nav ul {
    padding: 0 1.4em 1.2em 0;
    width: 13.65em;
}

/* Listenelement der Bereichsanvigation, erste Ebene */
#wrap_side_nav ul li {
    list-style: none;
	background-color:transparent;
    display: block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    width: 13.65em;
}

/* Listenelement der Bereichsanvigation, erste Ebene, fett */
#wrap_side_nav ul li strong {    
    background-color:#00519B;
    background-image:url(../images/bg_mainNav1.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    color:#FFFFFF;
    display:block;
    font-size:0.742em;
    font-weight:bold;
    min-height:1.7em;
    line-height:1.333em;
    vertical-align: middle;
    margin:0 0 0.55em;
    padding:0.26em 0 0.1em 1.28em;
}

/* Bereichsnavigation, Liste Ebene 2 */
#wrap_side_nav ul li ul {
    margin: 0 0 0;
    padding:0;
}

/* Bereichsnavigation, Listenelement Ebene 2 */
#wrap_side_nav ul li ul li {
    display: block;
    border-bottom: 1px solid #D4DFD6;
    padding: 0.15em 0 0.15em 0;
}

/* Bereichsnavigation, Listenelement Ebene 2, verlinkt */
#wrap_side_nav ul li ul li a {
    font-size: 0.68em;
    line-height: 1.455em;
    vertical-align: middle;
    display: block;
    min-height: 1.66em;
    padding: 0.4em 0 0 1.4em;
    color: #195485;
    text-decoration: none;
    background-image: url(../images/link_intern.gif);
    background-position: 0.4em 0.6em;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}

/* Bereichsnavigation, Hintergrundfarbe, Listenelement Ebene 2, Over, Focus, aktiver Zustand */
#wrap_side_nav ul li ul li a:hover,
#wrap_side_nav ul li ul li a:focus,
#wrap_side_nav ul li ul li a:active,
#wrap_side_nav ul li ul li.act strong
{
    background-color: #E5ECF1;
}

/* Bereichsnavigation, Listenelement, Ebene 2, aktiver Zustand */
#wrap_side_nav ul li ul li strong {
    background-color:#FFFFFF;
    background-image:url(../images/nav_pfeil_down.gif);
    background-position:0 0.5em;
    color:#195485;
    display:block;
    margin:0;
    padding-left: 1.4em;
    vertical-align:middle;
    font-size: 0.68em;
    line-height: 1.455em;
    vertical-align: middle;
}

/* Bereichsnavigation, Listenelement, Ebene 2, aktiver Zustand, verlinkt */
#wrap_side_nav ul li ul li strong a {
    font-size: 1em;
    background-image: none;
    padding: 0;
}


/* Bereichsnavigation, Listenelement, Ebene 2, aktiver Zustand, Mouse Over */
#wrap_side_nav ul li ul li strong:hover,
#wrap_side_nav ul li ul li strong:focus,
#wrap_side_nav ul li ul li strong:active
 {
    background-color: #E5ECF1;                                                                                                        

}
 
/* Bereichsnavigation, Liste Ebene 3 */ 
#wrap_side_nav ul li ul li ul {
    padding: 0;
    margin: 0em 0 0 0;
}

/* Bereichsnavigation, Listenelement Ebene 3 */ 
#wrap_side_nav ul li ul li ul li {
    vertical-align: middle;
    border: none;
    margin: 0;
    padding: 0 0 0 0;
    border-bottom: 1px solid #FFFFFF;
    background-image: none;
}

/* Bereichsnavigation, Listenelement Ebene 3, verlinkt */
#wrap_side_nav ul li ul li ul li a {
    background-image: none;
    background-color: transparent;
    padding:0.35em 0 0.1em 2.9em;
    vertical-align: middle;
    color: #195485;
}

/* Bereichsnavigation, Listenelement Ebene 3, aktiver Zustand */
#wrap_side_nav ul li ul li ul li strong {
    background-image: none;
    padding: 0.32em 0 0 2.9em;
    border-bottom: 1px solid #FFFFFF;
	color: #195485;
}

/* Bereichsnavigation, Listenelement, Ebene 3, aktiver Zustand, verlinkt */
#wrap_side_nav ul li ul li ul li strong a {
    padding: 0;
}

/* Bereichsnavigation, Ebene 4*/
#wrap_side_nav ul li ul li ul li ul
{
    margin: 0.05em 0 0 0;
    padding: 0;
}

/* Bereichsnavigation, Listenelement Ebene 4, verlinkt */
#wrap_side_nav ul li ul li ul li ul li a
{
    padding-left: 4.35em;
    border: none;
    color: #40709A;
}

/* Bereichsnavigation, Listenelement Ebene 4, aktiv */
#wrap_side_nav ul li ul li ul li ul li strong {
    background-image: none;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 4.35em;
    border: none;
    color: #195485;
}

/* Bereichsnavigation, Listenelement, Ebene 4, aktiver Zustand, verlinkt */
#wrap_side_nav ul li ul li ul li ul li strong a {
    padding: 0;
}

/* Bereichsnavigation, Listenelement Ebene 5 */
#wrap_side_nav ul li ul li ul li ul li ul 
{
    /*margin: 0.05em 0 0 0;*/
    margin: 0.05em 0 0 0;
    padding: 0;
}


/* Bereichsnavigation, Listenelement Ebene 5, verlinkt */
#wrap_side_nav ul li ul li ul li ul li ul li a,
#wrap_side_nav ul li ul li ul li ul li ul li strong
{
    padding-left: 5.8em;
}

/* Bereichsnavigation, Listenelement Ebene 5, verlinkt */
#wrap_side_nav ul li ul li ul li ul li ul li a {
    color: #5983A7;
}

/* Bereichsnavigation, Listenelement Ebene 5, aktiv */
#wrap_side_nav ul li ul li ul li ul li ul li strong {
    background-image: none;
    padding: 0.35em 0 0 5.8em;
    border-bottom: 1px solid #FFFFFF;
    color: #195485;
}

/* Bereichsnavigation, Listenelement, Ebene 5, aktiver Zustand, verlinkt */
#wrap_side_nav ul li ul li ul li ul li ul li strong a {
    padding: 0;
}



/* Bereichsnavigation, Listenelement Ebene 6, verlinkt */
#wrap_side_nav ul li ul li ul li ul li ul li ul li a,
#wrap_side_nav ul li ul li ul li ul li ul li ul li strong
{
    padding-left: 7.25em;
}

/* Bereichsnavigation, Listenelement Ebene 6, verlinkt */
#wrap_side_nav ul li ul li ul li ul li ul li ul li a {
    color: #7095B3;
}

/* Bereichsnavigation, Listenelement Ebene 6, aktiv */
#wrap_side_nav ul li ul li ul li ul li ul li ul li strong {
    background-image: none;
    border-bottom: none;
    color: #195485;
}

/** Bereichsnavigation Ende **/



/** Service Navi links **/

/* Container Linke Servicenavi */
.servicenavi {
    clear: both;
    float: left;
}

/* ueberschrift der Servicenavi */
.servicenavi h2 {
    background-color:#CCDCEB;
    background-image:url(../images/bg_serviceNav1.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    color:#5C5C5C;
    display:block;
    font-size:0.742em;
    font-weight:bold;
    line-height:2em;
    margin: 0;
    padding:0.1em 0 0 1.3em;
    width:17.1em;
}

/* Liste der Servicenavi */
.servicenavi ul {
    font-size:1em;
    margin:0.15em 0 0 0em;
    padding: 0;
    float:left;
    /*background-color: Yellow;*/
}

/* Listenelemente der Servicenavi */
.servicenavi ul li {
    display: block;
    margin: 0.4em 0 0 0;
    line-height: 2.1em;
    background-image: url(../images/nav_pfeil_service.gif);
    background-position: left;
    background-repeat: no-repeat;
    font-size: .68em;
    width: 20.1em !important;
}

/* Verlinkte Listenelemente der Servicenavi */
.servicenavi ul li a {
    display: block;
    text-decoration: none;
    color: #4C7AA0;
    padding: 0 0 0 1.4em;
}

/* Mouseover, Fokus und Aktivzustend der Listenelemente, Servicenavi */
.servicenavi ul li a:hover, 
.servicenavi ul li a:focus,
.servicenavi ul li a:active
{
    display: block;
    background-color: #E5ECF1;
    color: #4C7AA0;
    background-image: url(../images/nav_pfeil_service.gif);
    background-position: left;
    background-repeat: no-repeat;
}

/** Service Navi links Ende **/


/** Navi "Wichtige Seiten" (Optionale Navigation auf der Startseite oberhalb der Servicenavigation) **/

/* Container Navi "Wichtige Seiten" */
.important_navi {
    float: left;
    margin: 0 0 1em 0;
    width: 18.5em;
}

/* ueberschrift Navi "Wichtige Seiten" */
.important_navi h2 {
    background-color: #E0E0E0;   
    background-image: url(../images/bg_margin_box.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-top: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
    border-left: solid 1px #E0E0E0;    
    color: #285F32;
    float: left;
    font-weight: bold;
    font-size:0.742em;
    line-height: 2em;
    margin: 0 0 0 0;
    padding: 0 0 0em 0.5em;
    width: 17.75em;
}

/* Liste, Navi "Wichtige Seiten" */
.important_navi ul {
    /*float: left;*/
    padding: 0;
    margin: 0;
    font-size: 0.68em;
    line-height: 1.455em;
    width: 19.1em !important;
}

/* Listenelement, Navi "Wichtige Seiten" */
.important_navi li {
    display: block;
    clear: both;
    float: left;
    border-bottom: 1px solid #D4DFD6;
    //padding: 1em 0 1em 1em;
	padding: 0.5em 0 0.5em 1em;
    width: 100% !important;
}

/* Container fuer Bild, Navi "Wichtige Seiten" */
.important_navi_pic {
    float: left;
    width: 5em;
}

/* Bildelement, Navi "Wichtige Seiten" */
.important_navi img {
    float: left;
    display: block;
    padding: 0 0 0 0;
    margin: 0 1em 0 0;
}

/* Container fuer Text, Navi "Wichtige Seiten" */
.important_navi_txt {
    float: left;
}

/* Verlinkter Text in Navi "Wichtige Seiten" */
.important_navi_txt a{
    display: block;
    width: 12.9em;
    padding: 0.5em;
    text-decoration: none;
    color: #5C5C5C;
    font-weight: bold;
}

/* Hover, Fokus und Aktiv bei verlinktem Text in Navi "Wichtige Seiten" */
.important_navi_txt a:hover,
.important_navi_txt a:active,
.important_navi_txt a:focus
{
    display: block;
    width: 12.4em;
    background-color: #537F5B;
    padding: 0.5em;
    text-decoration: none;
    color: #FFFFFF;
}
/** Navi "Wichtige Seiten"  Ende **/


/** Breadcrumb Navigation **/

/* ueuueerer Container Breadcrumb-Navigation */
#wrap_breadcrumb {
    float: left;
    width: 100%;
}

/* Innerer Container Breadcrumb-Navigation */
.breadcrumb {
    margin: 0 2.75em 0 0;
    height: 2.6em;
    line-height: 2.6em;
    vertical-align: middle;
    border-bottom: 1px solid #D4DFD6;
    font-size: 0.619em;
    color: #668DAE;
}

/* Breadcrumb Liste + momentan besucht Seite (span) */
.breadcrumb ul {

}

.breadcrumb ul,
.breadcrumb span
{
    float: left;
}

/* Breadcrumb Listenelement */
.breadcrumb ul li {
    float: left;
    display: inline;
    margin: 0 0.5em 0 0;    
}

/* Breadcrumb Listenelement verlinkt */
.breadcrumb ul li a {
    color: #195485;
    text-decoration: none;

}

/* Breadcrumb Listenelement Link Hover, Focus, Aktivzustand */
.breadcrumb ul li a:hover,
.breadcrumb ul li a:active, 
.breadcrumb ul li a:focus
{
    background-color: #537F5B;
    color: #FFFFFF;
}

/* Formatierung der gerade aufgerufenen Seite (nicht verlinkt) */
.standort {
    color: #195485;
}

/** Breadcrumb Ende **/


/** Marginalspalte **/

/* Suche, Texteingabefeld */
#wrap_right .form_input {
    background-color:#FFFFFF;
    border:1px solid #A9BFAD;
    padding:0.4em 0 0.45em 0.2em;
    vertical-align:middle;
    width:12.1em;
    font-size: .7em
}

/* Suche, Senden Button */
#wrap_right .form_submit {
    background-color:#688F6F;
    border:1px solid #285F32;
    color:#FFFFFF;
    padding: 0.375em 1em 0.39em 1em;
    font-weight: bold;
    font-size: 0.65em;
    width: 5.85em;
}

/* Suche, Senden Button FF3 */
html>/**/body #wrap_right .form_submit, x:-moz-any-link, x:default
{
    width:5.8em;
}

/** Marginalspalte Ende **/



/** Footer **/

/* Container Footer */
#wrap_footer {
    clear: both; 
    float: left;
    width: 100%;
}

/* Formatierungen Footer */
.footer {
    margin: 1em 2.75em 0 23.9em;
    padding-left: 2em;
    border-top: 1px solid #D4DFD6;
    border-bottom: 1px solid #7E9F84;
    line-height: 2.8em;
    vertical-align: middle;
    font-size: 0.619em;
    color: #666666;
}

/** Footer Ende **/