/* 

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


* $version $Revision: 128 $
* $lastrevision $Date: 2009-06-10 09:18:51 +0200 (Mi, 10 Jun 2009) $
* $modifiedby $LastChangedBy: j.mueller $
* $lastmodified $LastChangedDate: 2009-06-10 09:18:51 +0200 (Mi, 10 Jun 2009) $
* $filesource $URL: http://svn.babiel.com/BLE/branches/Institute/Farbwelten/FLI/fileadmin/includes/css/rahmen.css $
* $keywords
* $require
*
*/

/** Hauptelemente **/
/* Alle Paddings und margins auf 0 zur?cksetzen */
* {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

/* HTML Body*/
body {
   margin: 0;
   background-color: #FFFFFF;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 101%;
   /*max-width: 59.1em; /* bekommt Maximalbreite, damit das "Flie?en" des Contentbereichs nur bis zu dieser Gr??e m?glich ist */
}

/* Div um alle Elemente */
#wrap_all {
    margin: 0 auto;
    max-width: 59.1em;
    padding: 0 0 1em;
}

/* Div um alle Elemente
#wrap_all {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1280px;
padding-bottom:1em;
padding-left:0;
padding-right:0;
padding-top:0;
margin-left: 0.75em;
margin-right: 0.75em;
}*/


/* Container f?r Hauptbereich: Bereichsnavigation, Content, Marginalspalte*/
#wrap_main {
    background-color: #FFFFFF;
    width: 97.3%;
    margin: 0.4em 0 0 0;
    padding: 0;
    float: left;
}

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

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


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

* HTML .content {min-width:inherit;}


/* Container f?r Marginalspalte*/
#wrap_right {
    position: relative;
    float: right;
    width: 12.9em;
    margin: 0 0.1em 0 1.1em;
}

/** Hauptelemente Ende**/



/** Allgemeine Klassen**/

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

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

/* Allgemeine Klasse f?r erzwungenen "Umbruch" */
.clear {
    clear: both;
}

/* Allgemeine Klasse f?r Ausrichtung links */
.left {
    float: left;
}

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

/* Allgemeine Klasse f?r Ausrichtung links bei Abs?tzen */
p.left {
    clear: none;
    float: left;
}

/* Allgemeine Klasse f?r 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.55em;
    width:97.3%;
    overflow:hidden;
    position:relative;
    padding-right: 1.7em;*/
    height: 7.55em;
    overflow: hidden;
    position: relative;
    width: 97.3%;
}

}

/* Logobereich */
.logo {
    background: url(../images/bg_left.png) repeat-x;
    position:absolute;
    float:left;
    height:7.55em;
    margin:1.85em 0 0;
    overflow:hidden;
    width: 50%;
}

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

/* Bereich der Headergrafix */
.header_gfx {
    height:6.2em;
    background-image: url(../images/fli_keyvisual_logo.png);
    background-position: right;
    background-repeat: no-repeat;
    position:absolute;
    margin: 1.72em 0 0 0em;
    z-index:100;
    right: 0em;
}

/* 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;
}

/* Verlinkte Listeneintr?ge der oberen Servicenavigation */
.headernavi ul a,
.headernavi ul a:visited
{
   color: #77787C;
   text-decoration: none;
   padding: 0.1em;
}

/* Mouse Over, Fokus FF+IE f?r Listeneintr?ge der oberen Servicenavigation */
.headernavi ul a:hover, 
.headernavi ul a:active,
.headernavi ul a:focus
{
   text-decoration: none;
   background-color: #3374AF;
   color: #FFFFFF;
}
/** Headerbereich Ende **/

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

/* innerer Container f?r die Hauptnavigation */
.main_nav {
    min-height: 1.6em;
    line-height: 1.5em;
    margin: 0 1.7em 0 0;
    border-top: 1px solid #6697C3;
    border-bottom: 1px solid #99B9D7;
    vertical-align: middle;
}

/* Liste f?r Hauptnavigation */
.main_nav ul {
    margin: 0 0 0 14.9em;
}

/* Einzelne Listenelemente f?r die Hauptnavigation */
.main_nav ul li {
    color: #CBCBCB;
    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: #999999;
    color: #FFFFFF;
}

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

/* Mouse Over, Fokus FF+IE f?r Listeneintr?ge der Hauptnavigation */
.main_nav ul li a:hover,
.main_nav ul li a:focus,
.main_nav ul li a:active
{
    background-color: #3374AF;
    color: #FFFFFF;
}

/** Hauptnavigation Ende **/


/** Bereichsnavigation (linke Seitennavigation)**/

/* allgemeine Klasse f?r den aktuell ausgew?hlten Men?punkt */
.act {
    background-color: #EEEEEE;
}

/* Container f?r die gesamte Bereichsnavigation */
#wrap_side_nav {
    width: 13.9em;
    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 {

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 #CCDCEB;
    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: #474747;
    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: #EBEBEB;
}

/* 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:#474747;
    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: #EBEBEB;                                                                                                        
}
 
/* 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: #32323A;
}

/* 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: #32323A;
}

/* 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: #666666;
}

/* 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: #32323A;

}

/* Bereichsnavigation, Listenelement, Ebene 4, aktiver Zustand, verlinkt */
#wrap_side_nav ul li ul li ul li ul li strong a {
    padding-left: 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: #7A7A7A;
}


/* 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: #32323A;
}

/* 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: #8D8D8D;
}
    
    
/* 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: #32323A;
}

/** Bereichsnavigation Ende **/



/** Service Navi links **/

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

/* ?berschrift 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: #707070;
    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: #EBEBEB;
    color: #474747;
    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: 13.9em;
}

/* ?berschrift 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: #333333;
    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 #99B9D7;
    padding: 1em 0 1em 1em;
    width: 100% !important;
}

/* Container f?r 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 f?r 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: #3374AF;
    padding: 0.5em;
    text-decoration: none;
    color: #FFFFFF;
}
/** Navi "Wichtige Seiten"  Ende **/


/** Breadcrumb Navigation **/

/* ?u?erer 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 #CCDCEB;
    font-size: 0.619em;
    color: #474747;
}

/* 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: #32323A;
    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: #3374AF;
    color: #FFFFFF;
}

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

/** Breadcrumb Ende **/


/** Marginalspalte **/

/* Suche, Texteingabefeld */
#wrap_right .form_input {
    background-color:#FFFFFF;
    border:1px solid #99B9D7;
    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:#4D85B9;
    border:1px solid #00519B;
    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 #CCDCEB;
    border-bottom: 1px solid #6697C3;
    line-height: 2.8em;
    vertical-align: middle;
    font-size: 0.619em;
    color: #666666;
}

.footer span {
	margin: 0.08em 1.5em 0 23.9em;
	padding-right: 0.05em;
}

/** Footer Ende **/

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted;
	font-style: normal; 
}