/* 
**  Dateityp: Farbskin Fachportal Standard
**  Funktion: Farbskin InWEnt Standard fuer alle Sprachvarianten
**  Autor: Michael Wiese
**  Last Change: 22.05.2007
**  Manche Auszeichnungen sind mit dem Vermerk 'historisch' ausgezeichnet
**  Sie dienen nur der Kompatibiltaet mit Inhalten aus dem Musterportal ILT
** Gliederung:_________________________
1 Allgemeine Seitenbestandteile
 	1.1 Formatierung der Seite
 	1.2 Formatierung des Kopfbereiches
 	1.3 Formatierung der Fusszeile 
2. Elemente
 	2.1 Allgemeine Elemente
 	2.2 Tabellen
 	2.3 Formulare
3. Weitere Klassen und Formate
 	3.1 Einbindung von Bildern und Boxen
4. Farbgebungen aktive Navigationspunkte
 	4.1 Horizontales Menue (Reiterkarten)
 	4.2 Vertikale Menues 
5.  Allgemeine Navigationen
 5.1 Horizontale (Haupt-)Navigation
 5.2 Vertikale Listennavigation
6. Farbgebung Sitemap
** Gliederung Ende_________________________ 	
*/

@media all
{


/* 1. Allgemeine Seitenbestandteile */
/*_____________________________________*/

/* 1.1 Formatierung der Seite */
body {
 padding: 0px; /*rueckt die Seite ein*/
 background: #FFFFFF;  
 color: #4a4a4a;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

 

 

#page{/* Hier kann ein Aussen-Rand um die gesamte Webseite erzeugt werden */ 
 border: 0; 
 background: #fff; 
}
#page_margins {/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
      border: 0px solid; 
      color: #4a4a4a;
      background: #ffffff;
      border: 0px solid; 
 min-width: 771px;		
max-width: 87.5em; 
 font-size: 1.1em;
margin: 0;
}


/* 1.2 Formatierung des Kopfbereiches */
#header {/*Gesamter Kopfbereich*/  
 background: #fff url("/ibt/GC21/area=module/main/de/sico/gc21/FLEXportal_resources/ibt/images/logo-gc21.gif")no-repeat 230px 8px; height: 88px;
}


#header > img {display: none}

#topnav ul li a {/* Oberste Top-Navigation  (weitere Navigationen im Kapitel 5.*/
    color: #003fa6;   
}


#logo {padding-left: 1em; margin-top: .6em}



#sprache {/*Sprachwechsel*/
 color: #003FA6;
          top: 5.5em;
          right: 1em;
}




#main { 
 padding: 3.6em  0 0 0;  
 margin: 0;
} 


#sprache a {/*Links fuer Sprachwechsel*/
 color: #003FA6; 
 background: transparent;
}

/* 1.3 Formatierung der Fusszeile */
#footer { 
 color:#003fa6; 
 background:#ffffff; 
 border-top-color: #7E7E7E; 
 margin-top: 3.5em
}   

#footer img {display: none;}
#footer div small {display: none;}

/* 2. Elemente */
/*_____________________________________*/

/* 2.1 Allgemeine Elemente */
a {
color: #003fa6;
}
a:hover {
background-color: #FFFFFF; 
text-decoration: underline;
}
a:focus {
background-color: #FFFFFF; 
}
blockquote { 
 color: #003fa6;
 font-weight: bold; 
 background: #FFFFFF;
 border: 0;;
}
#logosub {position: absolute; left: 234px; top: 0px}
#logosub img {width: auto}

h1 {/*Das ist der Gesamttitel der Site*/
position: absolute; color: #00000;
font-family: Verdana;
font-size: 1.2em;
font-weight: bold;
color: #000000; 
left: 290px; top: 38px;  
}

h2 {/*Subtitel des Fachportals*/
position: absolute;
color: #4a4a4a;
font-family: Verdana;
font-size: 1.1em;
left: 290px; top: 69px; 
}
h3 {/*Katgorienueberschriften die im vertikalen Menue einbezogen sind*/
color: #7E7E7E; 
background: #FFF;
font-weight: bold;
}
h3 {/*Katgorienueberschriften die im vertikalen Menue einbezogen sind*/
color: #7E7E7E; 
background: #FFF;
font-weight: bold;

}
h4, .marginalboxtitel{ /*Artikelueberschrift*/
border: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #7e7e7e;
 margin: 0px 0px 1px 0px;
 color: #4e4e4e;
padding: 0.4em 0em;
 background: #FFFFFF;
 font-size: 1.1em;
}

h5 { /*Willkommen*/
border: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #005099;
 background: #FFFFFF;
 font-size: 1.2em;
}

form {padding-left: 10px}
p{line-height: 1.45}
hr { 
 color: #FFFFFF; 
 background:transparent; 
 border-bottom: 0px #eee solid; 
}
em.directory { 
 color: #005099;
 background: transparent none;
}
code, pre {
 color: #4a4a4a; 
 background: #ffffff;
 border: 0;
}

/* 2.2 Tabellen */



tables th { 
 background: #fff; color: #4a4a4a; 
border: 0;}

table td {
 background: #fff; color: #4a4a4a; 
border: 0; font-size: 1em
}

/* 2.3 Formulare*/

input, textarea {
 border: 1px #ccc solid;
 background: #fafafa;
 color: #777;}

input[type=text]:focus, textarea:focus {
 background: #ffffff;
 color: #4a4a4a;
 border-left: 1px solid #737373;
 border-top: 1px solid #737373;
 border-right: 1px solid #d4d4d4;
 border-bottom: 1px solid #d4d4d4;
}

/* 3 Klassen fuer weitere Formate */
/*_____________________________________*/

/* 3.1 Einbindung von Bildern und Boxen */

/*Boxen mit farbigem Hintergrund*/
.marginalcontainer {background: #FFFFFF;} /*historisch*/ 
.box, .marginalbox  {
background: #EEF1f8; color: #4a4a4a; border-right: 1px solid #aaaeb6;
border-bottom: 1px solid #aaaeb6}


.bild {background: #FFFFFF; border: 0; padding: 0 }
.bild img {padding: 0 15px 0 0}


.box h4 { 
border: 0;

border-bottom: 1px solid;
border-color: #728698;
color: #4a4a4a; 
background: #DDE3EE;
padding: 0.4em 1em;
 }


.bildbox, .bildboxrechts {
 width: auto;
 display: block;
 float: right;
 padding: 0em 1em 0 0.3em;
 margin: 0.5em 0.2em 0.5em 0.2em;  
 font-size: 0.9em;
 font-style: normal;}


.bildboxlinks {
 width: auto;
 display: block;
 float: left;
 padding: 0em 1em 0 0.3em;
 margin: 0.5em 0.2em 0.5em 0em;  
 font-size: 0.9em;
 font-style: normal;}


.icon  {display: none;}

/* 3.2 Spalten*/

#col2_content {background: #FFFFFF;}


/* 4. Farbgebungen aktive Navigationspunkte */
/*_____________________________________*/

/* 4.1 Horizontales Menue (Reiterkarten)*/
/*setzt das Aussehen des ausgewaehlten Navigationspunktespunktes*/

/* Die Zuweisung der Klassen im body-tag der seite und dem li-tag der 
Datei /css/mainnav.sxhtml muss
dazu uerbereinstimmen */


body#mainnav1 #nav_main ul li.mainnav1 a,
body#mainnav2 #nav_main ul li.mainnav2 a,
body#mainnav3 #nav_main ul li.mainnav3 a,
body#mainnav4 #nav_main ul li.mainnav4 a,
body#mainnav5 #nav_main ul li.mainnav5 a,
body#mainnav6 #nav_main ul li.mainnav6 a,
body#mainnav7 #nav_main ul li.mainnav7 a,
body#mainnav8 #nav_main ul li.mainnav8 a,
body#mainnav9 #nav_main ul li.mainnav9 a,
body#mainnav10 #nav_main ul li.mainnav10 a /*ACHTUNG hier darf kein Komma stehen*/
{ 
    color: #005099;
    border-left: 1px #6d6d6d solid; 
    border-top: 1px #6d6d6d solid;
    background: #ffffff;   }

body#mainnav1 #nav_main ul li.mainnav1,
body#mainnav2 #nav_main ul li.mainnav2,
body#mainnav3 #nav_main ul li.mainnav3,
body#mainnav4 #nav_main ul li.mainnav4,
body#mainnav5 #nav_main ul li.mainnav5,
body#mainnav6 #nav_main ul li.mainnav6,
body#mainnav7 #nav_main ul li.mainnav7,
body#mainnav8 #nav_main ul li.mainnav8,
body#mainnav9 #nav_main ul li.mainnav9,
body#mainnav10 #nav_main ul li.mainnav10 /*ACHTUNG hier darf kein Komma stehen*/
{ 
    border:0;
    background: none transparent; 
}

/* 4.2 Vertikale Menues */
/*Setzt das Aussehen des linken ausgewaehlten Menuepunktes*/
/* Die Zuweisung der Klassen im body-tag der seite und den a-tags der 
Navigation submenu_xyz.sxhtml muss dazu uerbereinstimmen.
Die Reihenfolge ist unerheblich, hilft aber bei der Orientierung
*/
body.submenu0 a.submenu0,
body.submenu1 a.submenu1,
body.submenu2 a.submenu2,
body.submenu3 a.submenu3,
body.submenu4 a.submenu4,
body.submenu5 a.submenu5,
body.submenu6 a.submenu6,
body.submenu7 a.submenu7,
body.submenu8 a.submenu8,
body.submenu9 a.submenu9,
body.submenu10 a.submenu10,
body.submenu11 a.submenu11,
body.submenu12 a.submenu12,
body.submenu13 a.submenu13,
body.submenu14 a.submenu14,
body.submenu15 a.submenu15 /*ACHTUNG hier darf kein Komma stehen*/
{
   color: #003fa6;
   font-weight: normal;
   background:  none #F8F9FB;
   border-left: solid 8px #003fa6; }

/* 5 Allgemeine Navigationen */
/*_____________________________________*/


#topnav {top: 2em; right: -.6em }
#topnav ul li a {display: inline;
   text-decoration: underline;
    }

/* 5.1 Horizontale (Haupt-)Navigation */


#nav_main  {
    background: #ffffff none;
    background: url("/ibt/GC21/area=module/main/de/site/yaml/ibt/css/newlayout/colorcode_blue.gif") no-repeat 1px left;
    border-top: 0; 
    border-right: 0px;
    margin-left: 0px;  
    border-bottom: 1px #6d6d6d solid;
    width: 100%
    /*width: 77.5%;*/ 
}



#nav_main ul {
    border-left: 0;
    position: relative; 
    left: 0px; top: 1px; /*risky hack*/
    margin-left:236px; /*223 + 13*/
}


#nav_main ul li {
    border-left: 1px solid #6d6d6d;
    border-right: 0px solid #6d6d6d;
    background: #eef1f8;
}



#nav_main ul li.first {
 border-right: 0px #6d6d6d solid; 
 border-left: none;
}
#nav_main ul li.last { border-left: 0px #6d6d6d solid;}

#nav_main ul li a {
 color: #003fa6;
    padding: 0.7em 0.8em 0.7em 0.8em; 
 }

#nav_main ul li a:hover {
    background: #eef1f8;
    color: #003fa6;
    text-decoration: underline;
}
#nav_main ul li#current a,
#nav_main ul li#current a:hover {
    background: #eef1f8;
    color: #003fa6;
}






/* 5.2 Vertikale Listennavigation  */

.submenu {
    border: 0;
    padding-left: 18px; 
    font-size: 1em; 
    }

.submenu li a {
    background-color: #F8F9FB;
  border: 0;
    color: #005099;
    border: 0; 
    padding: 3px 0px 3px 0.5em;
   border-left: solid 8px #F8F9FB;
    border-bottom: 1px solid #c5c8cc;
    }

.submenu li.active {
    color: #fff;
    background: #FFFFFF none;
    border: 0;
    padding: 0.4em 0.8em;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #7e7e7e;   }

.submenu li ol li.active {
    color: #003fa6;
    background-color: #F8F9FB; 
    }

.submenu li a:hover {

    }

.submenu li h2 {
    border-color: #fff;
    color: #7E7E7E;
    background-color: #fff;  
    }

.submenu li a:hover {
    background: #F8F9FB none;
    border-color: #c5c8cc;
   border-left: solid 8px #003fa6;
    color: #003fa6;
    }

.submenu li ol li a {
    background-color: #f8f8f8;
    color: #666;
    border-color: #ddd;    
    }

.submenu a:hover {
  text-decoration: underline;  
    }

/* 6. Farbgebungen Sitemap */
/*_____________________________________*/


#sitemap {
 background: #fff;
 }

#sitemap li {
color: #6d6d6d; 
background: #fff;
}


#sitemap ul li  a {
color: #6d6d6d; 
background: #fff;
}

#sitemap ul li ol li.active {
background: #fff;
}


#sitemap ul li ol li.active h3  {
background: #fff;
color: #005099; 
}


#sitemap ul li ol li a {
color: #000000; 
background: #fff;
}

/*Die folgende Klammer darf nicht 
geloescht werden, sie schliesst
die media:all Anweisung vom Beginn*/
}