/*****************************************/
/*     (c) Kufer Software Konzeption     */
/*           Oderstr. 7                  */
/*           D-84453 Mühldorf            */
/*****************************************/

/* Allgemeine Einstellungen für das gesamte Layout. Diese können durch spezif.
Einstellungen in den Unterklassen überschrieben werden                    */

body                          { color:#000000; font-family:Arial; font-size:12px; margin:0px; padding:0px; }
a                             { color:#012d74; text-decoration:none; font-weight:bold; }
a:link                        { text-decoration:none; }
a:visited                     { text-decoration:none; }
a:hover                       { text-decoration:underline;  }
div                           { margin:0px; padding:0px; position:static; }
h1                            { font-size:14px; color:#012d74; margin:5px 0pt; }
h2                            { font-size:12px; color:#012d74; margin:5px 0pt; }
h3                            { font-size:12px; color:#012d74; margin:0px 0pt; }
h4                            { font-size:12px; color:#012d74; }
h5                            { }
h6                            { }
img                           { border:0px; padding:0px; margin:0px; }
input[type=text]              { width:150px; }
select                        { width:152px; }
li                            { margin:0px; padding:3px; }
p                             { margin:13px 0px; }
table                         { font-size:12px; empty-cells:show; }
th                            { text-align:left; }
tr                            { vertical-align:top; }
ul                            { list-style-image:url(pfeil.gif); }

/* Einstellungen für den Klickpfad */ 
div.hauptseite_clickpfad          { font-weight:bold; color:#012d74; font-size:12pt; margin:5pt 0pt; }
span.clickpfad                    { }
span.clickadresse                 { }
span.trennzeichen                 { }
span.clickadrbold                 { }



/* 2 spaltige (tabellarische) Darstellung von Informationen mithilfe von div-Containern */
div.alt1                          { background-color:#f1f2f5; }
div.alt2                          {  }
div.titel                         { width:150px; float:left; padding:3px; }
div.text                          { margin-left:156px; padding:3px; }
div.titel2                        { width:100px; float:left; padding:0px; margin:0px; padding-left:1px; }
div.text2                         { }
div.titel.alt,
div.text.alt                      { background-color:#f1f2f5; }

/* Tabelle allgemein */
tr.alt1                           { background-color:#f1f2f5; }
tr.alt2                           { }

/* 2 spaltige Tabelle ### 1. Spalte enthält die Übersichriften */
table.lh2c                        { width:525px; } /* left header 2 columns */
table.lh2c th                     { width:150px; font-weight:normal; padding:4px; }
table.lh2c td                     { padding:4px; }
table.lh2c tr                     { vertical-align:top; }

/* Allgemeines zur Textausrichtung bzw. Listenformatierung */
div.align_left                    { text-align:left; }
div.align_right                   { text-align:right; }
div.align_center                  { text-align:center; }
td.seperator                      { border-bottom:1px solid black; height:1px; }

/* Einstellungen für die Navigation */
div.menue                         { display:none; }

/* Einstellungen für Inhalte der "Orange"-Tabellen */
th.orange.left,
th.orange.middle,
th.orange.lright,
th.orange.right                   { background-color:#D7D7D7; }

/* Suchbutton mittig neben einem Eingabefeld positionieren */
input.btn_suchen                  { }

/* Dozenten-, Kurs-, Raum- Fotos */
img.foto                          { text-align:center; display:block; margin:0 auto; }

/* Dozentenliste gruppiert: Buchstabenleiste, großer Einzelbuchstabe */

ul.doz_kursliste                  { list-style-type:none; margin:0em; }
div.doz_buchstabenleiste          { overflow:hidden; border:0.1em solid #012D74; border-width:0.1em 0em; margin:1.5em 0em; width:100%; }
ul.doz_buchstabenleiste           { list-style-type:none; list-style-image: none; padding:0em; margin:0em; }
ul.doz_buchstabenleiste li        { float:left; padding:0.3em; }
ul.doz_buchstabenleiste li.aktiv  { float:left; background-color:#012D74; }
ul.doz_buchstabenleiste li.aktiv a{ color:#FFFFFF; }
h1.doz_buchstabe                  { font-size:2em; }


/* Dozentenliste gruppiert: Details-Liste */

ul.details_liste {
    list-style-type: none;
    list-style-image: none;
    padding-right: 2em;
}

ul.details_liste li.details_item {
    background-color: #FFFFFF;
    border: 0.1em solid #C4C4C4;
    margin: 0.5em 0;
    overflow: hidden;
}

div.details_item {
    overflow: hidden;
    width: 100%;
}

div.details_item_foto {
    float: left;
    text-align: center;
    width: 8em;
}

div.details_item_foto img {
    max-height: 5em;
    max-width: 6em;
}

img.wb_foto {
    border: 0.2em solid #C4C4C4;
    margin: 0.3em 0;
    padding: 0.3em;
}

div.details_item_beschreibung {
    margin-left: 8em;
}

div.titel3 {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 0.1em;
    width: 8em;
}

div.text3 {
    margin-left: 9em;
}

a.simple {
    font-weight: normal;
}

/* Außenstellenübersicht */

ul.haus_uebersicht, ul.aus_uebersicht {
    list-style-type: none;
}

ul.haus_uebersicht li, ul.aus_uebersicht li {
    clear: both;
    overflow: hidden;
}

div.haus_foto, div.aus_foto {
    float: left;
    margin-right: 0.5em;
}

div.haus_foto img, div.aus_foto img {
    width: 8em;
}

div.aussenstelle {
    float: left;
}

ul.aus_info {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.haus_uebersicht li, ul.aus_uebersicht li {
    clear: both;
    overflow: hidden;
}


/*****************************************/
/*   CSS für die Kursdetails & Kurstage  */
/*****************************************/
div.details                       { }
div.details_header                { overflow:hidden; background-color:#012D74; background-image:url(details_header.jpg); background-repeat:repeat-x; background-position:bottom; }
div.details_header_left           { background-image:url(details_header_left.jpg); float:left; height:0.8em; width:0.8em; overflow:hidden; }
div.details_header_right          { background-image:url(details_header_right.jpg); float:right; height:0.8em; width:0.8em; overflow:hidden; }
div.details_tab                   { float:left; padding:0.6em 1em 0.5em;; }
div.details_tab a                 { color:#FFFFFF; }
div.details_tab.aktiv             { background-color:#012D74; background-image:url(kursuebersicht_kopf.jpg); border-style:solid; border-color:#c4c4c4; border-width:0.1em 0.1em 0em 0.1em; padding:0.5em 1em; }
div.details_tab.aktiv a           { color:#000000; }
div.details_body                  { border:0.1em solid #c4c4c4; border-top:0em; clear:left; padding:0.5em; padding-top:2em; background-image:url(details_body.jpg); background-repeat:repeat-x; background-color:#f7faff; }
div.details_body_inlay            { display:none; background-image:none; background-color:#f7faff;  border:0em; }
div.details_body_inlay.aktiv      { display:block; }
* html div.details_body_inlay     { height:1%; }  

#kfs_ktage_dat1id,
#kfs_ktage_dat2id                 { width:5em; }

/* IE Hacks */
* html div.details_header         { width:100%; }

ul.dozentenliste                  { list-style-type:none; padding-right:2em; }
ul.dozentenliste li               { overflow:hidden; border:0.1em solid #c4c4c4; background-color:#FFFFFF; margin:0.5em 0em; }
div.details_doz                   { overflow:hidden; }
div.details_doz_fotos             { float:left; text-align:center; width:8em; }
div.details_doz_fotos img         { height:5em; }
a.popup                           {    
                                      position: absolute;
                                      z-index: 50;
                                      
                                  }

ul.details_liste                  { list-style-type:none; padding-right:2em; }
ul.details_liste li.details_item  { overflow:hidden; border:0.1em solid #c4c4c4; background-color:#FFFFFF; margin:0.5em 0em; }
div.details_item                  { overflow:hidden; width:100%; }
div.details_item_foto             { float:left; text-align:center; width:8em; }
div.details_item_lupe             { float:left;}

div.details_item_foto img         { max-height:5em; max-width:6em; }
* html div.details_item_foto img  { width:6em; }
div.details_item_beschreibung     { margin-left:8em; }

table.kurstage                    { width:100%; }