/* 
**  Dateityp: Farbskin
**  Funktion: Farbskin InWEnt Standard 
**  Autor: Michael Wiese
**  Last Change: 02.03.2007
**  Manche Auszeichnungen sind mit dem Vermerk 'historisch' ausgezeichnet
**  Sie dienen nur der Kompatibiltaet mit Inhalten aus dem Musterportal ILT
*/

@media all
{

/* KAPITEL 1 Allgemeine Seitenbestandteile */
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */

/* Formatierung der Seite */
body {
    background: #fff;  
}

#page{ border: 0px #d53700 solid; background: #fff; }
#page_margins { border: #039; }

/* Formatierung der Kopfbereiches */
#header {
 color: #000; 
 background: #991B00 url("../media/header.jpg") repeat center right;
 }

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page_margins {
      border: 0px solid; 
      color: #000;
      background: #e3ebc7;
}

/* Formatierung der Kopfbereiches */
#header { 
  background-color: #991B00;
}

/* Formatierung der Fusszeile */
#footer { 
   border-top: 1px solid; 
   }

#footer span {margin-right: 10px;}

#main { 
 background:  #fffaf1 url(/ibt/site/yaml/ibt/media/bg_col.gif) repeat-y left;
} 

/**** Spaltenabstand und -farben****/

#col1_content { 
   background: inherit;
    color: #444;
   }
/* Column 2 */

#col2_content { 
   background: #fffaf1;
    border-left: 3px solid #ffffff;
}

/* Column 3 */

#col3_content { 
   background: #fffaf1; }

/* ### ELEMENTE ### */

/* Auszeichnung lokaler und Externer Links  */
a, a em.file {color: #222;}
a:hover {background-color: #f8f8f8; }
a:focus {background-color: #f8f8f8; }

blockquote { 
    color: #444; 
    background: #f8f8f8;    
    border: 1px #ddd solid;
    border-left: 8px #ddd solid;}

/* ### Uebeschriften ###*/

h1 {color: #fff; }
h2 {color: #222;  }
h3 {color: #000;}
h4 {
    border-bottom: 2px #d53700 solid ;
    border-left: 10px #D53700 solid;
    color: #7D1800;   
    margin: 1em  0 0.3em 0; }
hr { 
    color: #fff; 
    background:transparent; 
    border-bottom: 1px #eee solid; }

/* Auszeichnungen fuer Code, Dateien, Verzeichnisse */

em.mono { 
    background:#f0f0f4;
    border: 1px #ccd solid;}

em.file { 
    color: #008;}

em.directory { 
    color: #008;
    background: transparent url(/ibt/site/yaml/ibt/media/dir.gif) no-repeat left;
}

code, pre {
    color: #000; 
    background: #f3f3f3;
    border: 1px #ccd solid;}

/* ### Tabellen ### */

table th { 
    background: #fff; color: #000; 
}
td {
    background: #fff; color: #000; 
border-bottom: 1px #d53700 solid;     
}


/* ### Einbindung von Bildern im Inhalt ###*/

/*Komplexe Bildbox mit Hintergrund und Beschriftung*/

.bildbox, .bildboxrechts, .bildboxlinks  {
 color: #444; 
 background: #f8f8f8;   
 border: 1px #ddd solid;
 border-left: 8px #ddd solid; }

/*Boxen mit farbigem Hintergrund*/
.marginalcontainer {background: #ffe8bb;} /*historisch*/ 
.box, .marginalbox /*historisch*/ {
  background: #ffe8bb;
  color: #7D1800}





/* ### Formulare & Tabellen ###*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

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

input[type=text]:focus, textarea:focus {
    background: #f0f0f0;
    color: #333;
    border-color: #666;}

/* Formatierung der Fusszeile */
#footer { color:#222; 
   background: #991B00 url("../media/footer.jpg") repeat center right; 
   border-top: 0px solid #ddd; }

/* KAPTIEL 2 Farbgebungen fuer die Navigationen */

/*setzt das Aussehen des ausgewaehlten Navigationspunktespunktes*/
/* Horizontales Menue (Reiterkarten)*/
/* Die Zuweisung der Klassen im body-tag der seite und dem li-tag der Naviliste muss
dazu uerbereinstimmen */

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,
body#mainnav11 #nav_main ul li.mainnav11,
body#mainnav12 #nav_main ul li.mainnav12,
body#mainnav13 #nav_main ul li.mainnav13,
body#mainnav14 #nav_main ul li.mainnav14
{ 
    border-left: 0px  solid; 
    border-right: 0px #7d1800 solid;
    background: #D53700 url("bg/shiny_buttons/navmain_active.jpg") repeat-x center right;   }

/*Setzt das Aussehen des linken ausgewaehlten Menuepunktes*/
/* VERTIKALES Menue */
/* Die Zuweisung der Klassen im body-tag der seite und den a-tags der  Naviliste muss
dazu uerbereinstimmen */

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
{
   color: #d53700;
   font-weight: bolder;
   background:  url("bg/shiny_buttons/submenu_selected.jpg") repeat-x center right;
   border-left: solid 10px #d53700; }

/*Formatierung der obersten allgemeinen Navigation*/

#topnav ul li a {
    color: #fff;   }

/* Horizontale Navigation */
#nav_main {
    background: #ffa800 url("bg/shiny_buttons/navmain.jpg") repeat-x center right;
    border-top: 0px #039 solid; 
    border-bottom: 4px #D53700 solid;}

#nav_main ul {
    border-left: 1px #D53700 solid; 
    border-right: 1px #FBC3AF solid;}

#nav_main ul li {
    border-left: 1px solid #e78729;
    border-right: 1px solid #e78729;
}

#nav_main ul li.first {border-right: 1px #D53700 solid; border-left: none;}
#nav_main ul li.last { border-left: 1px #FBC3AF solid;}

#nav_main ul li a {
    color: #000;}

#nav_main ul li a:hover {
    background: #ffd177 url("bg/shiny_buttons/navmain_hover.jpg") repeat-x center right;
    color: #333;}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
    color: #fff;
    background: transparent;}

/*** Vertikale Listennavigation */

.submenu {
    border-top: 0px #ddd solid;
    border-bottom: 0px #ddd solid;  }

.submenu li a {
    background-color: #fff;
    color: #7D1800;
    border-bottom: 0px #eee solid;
    border-left: 10px solid #dde6f9; }

.submenu li.active {
    color: #fff;
    background-color: #991B00;
    background: #991B00 url("bg/shiny_buttons/submenu_active.jpg") repeat-x center right;
   }

.submenu li ol li.active {
    color: #fff;
    background-color: #aab; }

.submenu li h2 {
    border-left: 10px solid #fff;
    color: #222;
    background-color: #fff;  }

.submenu li a:hover {
    color: #444;
    background: #ffe8bb url("bg/shiny_buttons/submenu_hover.jpg") repeat-x center right;
    border-left: 10px solid #D53700;  }

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

.submenu li ol li a:hover {
    background-color: #f63;
    color: #fff;    }

.mehr {background-image: url(/ibt/site/yaml/ibt/media/weiter_sw.gif); background-repeat: no-repeat; background-position: left; padding-left: 15px }

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