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

/* Header und Logo */

/* Linke Seite und Bild in der Mitte */
/* Border und height notwendig wg. IE Darstellung des rechten Menüs */

div.kopflinks { position: absolute; left: 0px; top: 0px}
/* ergibt in beiden Browsern besseres Verhalten beim Zusammenschieben */
div.logobild {  text-align: center; }
img.logobild { width: 210px; height: 130px; }
div.logo { width: 220px; height: 130px; background-color: #CED4E8} 
img.logo  { width: 127px; height: 85px; margin-top: 2px; margin-left: 35px;}
span.logo { margin-left: 30px; }
div.logotext {  margin-top: 5px; margin-left: 5px; color: #000099; font-size: 13px; 
               font-weight: bold; }


/* Rechte seite */
div.kopfrechts  { position: absolute; right: 25px; top:0px; z-index:3; color: #000000; width: 185px;
                    font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 21px; }
div.obenre   { margin-left: 45px; margin-top: 30px; color: #000099; }
div.untenre  { position: relative; margin-left: 5px; margin-top: -20px; text-align:center; color: #000099;}
span.gross    { font-size: 36px;}
/* clear:both v.a. wg. I.E. notwendig, damit wirklich neue Zeile beginnt */
div.kopf_navigation { margin-top: 0px; clear: both; }
div.kopfnavi_left  { width: 400px; float:left; font-size:12px; padding-top: 3px; padding-left: 3px; text-align:left;}
div.kopfnavi_right  { float:right; margin-right: 30px; padding-top:3px; padding-right: 0px;}

/* Veranstaltungskalender */
div.veranstkalender               { margin-top: 5px;}
#kalender                         { border:2px solid #CED4E8; margin-left:0px; margin-bottom: 5px;}
#kalender caption                 { background-color: #CED4E8; }

/* Statusmeldung, Clickpfad */

div.hauptseite_clickpfad          {  font-size:12px; font-weight:normal;}
span.clickadrbold                 { font-weight:bold;}
*.statusmeldung  { max-width:620px; padding: 5px 25px;  font-size:13px; font-weight: bold;}
*.statusadresse  { font-size:13px; font-weight: bold;}

/*  Dozentenübersicht (Sicht 218)*/
h1.dozenten      { margin-bottom: 20px; margin-top: 5px;}
h2.dozenten      { margin-bottom: 10px;}
ul.dozenten      {}
li.dozenten      { margin-bottom: 5px;}
a.dozlink        { font-size: 14px;}


ul.doz_kursliste                  {  list-style-image:url(pfeil.gif); }

/* 2 spaltige Tabelle ### 1. Spalte enthält die Übersichriften */
table.lh2c                        { width:525px; /* border: 1px solid #EFEFEF; */ font-size: 14px; border-spacing:3px 0px;  } /* left header 2 columns */
table.lh2c th                     { width:150px; font-weight:bold; font-padding:4px;}
table.lh2c td                     { padding:4px 10px; }

/* 2 spaltige (tabellarische) Darstellung von Informationen mithilfe von div-Containern */

div.titel.alt,
div.text.alt,                  
tr.alt1                           { background-color: #BED2F9; }
tr.alt2                           { }

/* Kategorienübersicht */
div.menue_unterauswahl.active     { margin-top:10px; margin-bottom:15px }
div.menue_unterauswahldemnaechst.active { margin-top:10px; margin-bottom:10px;  float:none; }

li.menue_unterauswahl             { background-color: #BED2F9;  width:250px; margin: 10px 0px; }
li.menue_unterauswahl.active      { background-color: #BED2F9;list-style-image:url(pfeil.gif); list-style-position: outside; }
li.menue_unterauswahl a:active,
li.menue_unterauswahl a:hover     { color:#DF0025; }
a:hover                            {color:#DF0025;}

/* KUrsübersicht */
span.ausfall { color: #DF0025; font-weight:bold;}
div.align_right  { float:right; margin-right: 10px; padding-top:3px;}
div.kursuebersicht_top a          { color:#0031AD; }
div.bild {text-align: center; padding: 10px}

/* Kontaktseite u. Feedback */

div.mailformplus_contactform { padding-bottom: 10px;  }
/*nötig, weil IE6 nicht mit "floatenden inputs" klarkommt*/
div.tx-thmailformplus-pi1 {}
div.colineframe { margin-left:0px;}
div.coline { width:31em; height:3em; }
div.coline1 { width:31em; height:5em; }
div.cofiname { float:left; width:8em; padding-top:0.3em;}
.coline input { border:0px; border-bottom: 1px solid #660066; background-color: #BED2F9; width: 18em; font-size: 1.2em; 
                 font-family: Arial, Helvetica, sans-serif; margin: 0em;  padding: 0.2em 0.5em;  }

.coline select { float:right; border: 1px solid #000000; border-bottom: 1px solid #660066; background-color: #BED2F9; width: 18em; font-size: 1.2em; 
                  font-family: Arial, Helvetica, sans-serif; margin: 0em; padding: 0.2em 0.5em; }
        
input.contact { }
select.contact { }
      
.text_titel { font-size: 1.4em; font-weight:bold; color:#000066; }
.text_text { font-size: 1.2em; font-weight:normal; }      
 
/* textarea muß wgen fehlerhafter Darstellung im I.E. nochmals geschachtelt werden. */
div.area  {}
textarea.content { font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 1.2em; height:12em; width:25.7em;
                 margin:0px; margin-bottom: 1em; vertical-align:bottom; text-align:left; border:1px solid #660066; padding:3px; 
                 line-height: 140%; background-color: #BED2F9;}

 
div.formfooter { position:relative;  margin-left: 20px; height: 6em;}
div.footerrechts1 {  margin-top: 2.8em; float: right; margin-right: 1em;}
div.footerrechts2  { margin-top: 2.8em; float: right; margin-right: 1em;}

#kontakt a { text-decoration: underline; font-weight:normal; color:#309C00; }
#kontakt a:hover { text-decoration: none; }
#kontakt p { display: inline; }

/* Anfahrtseite  */
#anfahrt { margin-top: 20px; margin-left: 40px;}      

/* Allg. Einstellungen */
a,
h1,
h2,
h3,
h4                       { color:#0031AD; }
div.hauptseite_kurse     { margin-left: 20px;}

/*nötig, weil IE6 nicht mit mehr als "16 floatenden inputs" klarkommt*/
div.anmeldung {}
div.anmblock { border: 2px solid #CED4E8; padding: 10px; margin-right: 20px; margin-bottom: 15px;} 

/* Warenkorb auf der rechten Seite */

div.warenkorb  { margin-top: 10px; border: 2px solid #CED4E8; overflow-y: auto; height: 135px; width: 180px; padding-left: 10px;}

/* Für veranstaltungsvorschau in der Kursübersicht */

div.zeitfilter {}
div.kursanzahl { margin-top: 8px; width: 450px;}
span.anzahl    { color:#0031AD; font-weight: bold; }
span.notfound  { color:#0031AD; font-weight: bold; }
div.seiteback  { margin-top: 3px;}

/* Anpassungen wg. Zsschieben beim IE */

/* Eingabefelder im Anmeldeformular */
label.anmeldung_label        { width: 140px; float: left;}
div.anm_elem                 {  clear: left; min-height: 18px; padding:3px;  width: 98%;}
div.anm_elem.alt             { background-color: #BED2F9;}

/* Für die Suche */

div.alt1                          {  min-height: 18px; padding:3px; clear: left; width: 98%; background-color: #BED2F9; padding: 6px; }
div.alt2                          { min-height: 18px; padding:3px; clear: left; width: 98%; padding: 6px; }
div.felder                        {   float:left; }
div.titel.high                    { height: 25px; }