/* Kursübersicht (Sicht 12), Kursdetails (Sicht13) und Kurstermine(Sicht14) und Warenkorb (Sicht 59) u. 
 Warenkorbmenue (Sicht 146) */

/* für Kursübersicht; hardcodiert vor Ausgabe der Sicht */

div.hauptseite_kurse          {margin-top:-0px; }

/* Kursübersicht im Warenkorb (Sicht 59) */

table.kurse.warenkorb         { }                     /* Tabelle */

/* Warenkorbmenue (Sicht 146) */

div.warenkorb                 { display:none; }       /* Layer des Warenkorbs */
h1.warenkorb                  { }
a.warenkorb_info              { }
a.warenkorb_tasten            { margin-left:1em; }
img.warenkorb_info            { }
img.warenkorb_tasten          { }
p.warenkorb_tasten            { }  
ul.warenkorb_info             { margin-left:0.5em; }

/* Layer des Verlaufs */
div.verlauf                   { margin-left:0.5em; margin-top:2.5em; }
h3.verlauf_titel              { color:#333333; margin-bottom: 0.5em; }
ul.verlauf_kurse              { width:12em; color:#333333; background-color:#FFFFFF; padding-left:2em; margin:0em; list-style-type:circle; list-style-position:outside; }
li.warenkorb_info             { color:#333333; text-decoration:none; }

/* für die Tabelle einer Kursübersicht (Sicht 12)*/
h3.headlinekurs               { margin:0em; color:#F36904; } /* Titel des Kurses  Titel einer Kategorie  Adress-Zeile */

/* Die Tabellenelemente für die Sichten 12 u. 59 liegen im div.hauptseite_kurse */
.hauptseite_kurse img.noborder { border-style:none; }
.hauptseite_kurse a.link       { }
div.kurs                       { border-top:1px solid #C4C4C4; clear:both; margin-top:1em; padding:0.5em;}

/* Blaetternfunktion und Seitenanzahl Ausgabe in Kursübersicht (Sicht 12); alle 
hardcodiert in datamenu.inc oder in Exportvariable*/
img.blaettern                 { /* margin:0.5em; */ border-style:none; }
span.blaetterntasten          { margin-top:2em; /* float:right; */} 
a.blaetterntasten             { } 
span.anzahl                   { float: right; margin:0 1.5em; display:none; } /* Span, der die aktuelle und die maximale Seitenzahl enthält */
/* Für die Seitenauswahl */ 
form.seiteform                {}
input.suchseite               { }
input.suchsubmit              { }
div.suchlabel                 { }
span.blaetternindex           { }
span.seiteblaettern           { margin-left: 10px; }
a.blaetternindex              { }

span.seitenwahl_erste         {}
span.seitenwahl_letzte        {}
span.blaetterntasten_rueckwaerts {display:none;}
span.blaetterntasten_vorwaerts { display:none;}
div.leisteunten                { margin-top: 10px;}
div.auswahlleiste              {}
div.suchseite                  { }
div.suchleiste                 { float: right; margin-right:50px; }
.auswahlleiste>span.anzahl     { float:none; }
                             
/* Kursdetails(Sicht 13) und Kurstermine (Sicht14) */ 
/* Die Tabellenelemente für die Sichten 13 u. 14 liegen im div.ansichtkurse; die allgemeinen Einstellungen
  in system.css können hier überschrieben werden */ 
 
table.kurse.details           { width:100%; }  /* Kursinformationen in den Kursdetails */
.ansichtkurse td              { }
.ansichtkurse th              { }
.ansichtkurse tr              { }
.ansichtkurse tr.row1         { background-color:#E8EEF1; }
.ansichtkurse tr.row2         { }
.ansichtkurse tr.row3         { }
.ansichtkurse h2.categorytitle{ margin:0em;  margin-bottom:2em; color:#F36904; }  /* Titel einer Kategorie */
.ansichtkurse a.link          { } 

/* Tabelle der Kurstage in den Kursinformationen (in Sicht 14) */
table.orange.kurstage         { width:100%; }
.ansichtkurse td.orange       { }
.ansichtkurse td.orange.middle,
.ansichtkurse td.orange.left,
.ansichtkurse td.orange.right { }
.ansichtkurse th.orange       { }
.ansichtkurse th.orange.middle,
.ansichtkurse th.orange.left  { }
input.suche                   { }
.ansichtkurse label.suche_bezeichner           { }
/* spezielle ID für Suchbutton Submit */
#ktagezeitrauminput           { margin-left:11em; margin-top:1em; }

/* hardcodiert: wird vor Aufruf der Kursdetails bzw. Kurstermine ausgegeben, also für die Sichten 13 und 14 */
/* Div für das neue Fenster der Kurstage */
div.ansichtkurse              { padding:2em; }

/* Klassen für die Anmeldebuttons in der Kursübersicht */
img.anmelden1                 { border:none; float:right; }
img.anmelden2                 { border:none; float:right; clear:both; }

/* Link, der zum Seitenanfang führt */
a.totop                       { padding-left:2em; }

/* Klassen zur Formatierung der Zeilen in den Kursdetails */
div.kd_titel                  { float:left; width:11.5em; }
div.kd_text                   { margin-left:12em; }
div.kd_status                 { margin-left:11.2em;  }
/* Absatz für IE bis Version 6 */
p#kd_info_ie                  { margin-top:0; margin-bottom:0; width:99%; }
.colright h2 {
	font-size: 14px;
	border-top-left-radius: 10px;
	background: #ccc;
	padding: 4px 0 4px 10px;
    }
    
.colright  .event {
	float: left;
	border-bottom: 1px dotted #5d1e66;
	padding: 20px 0 10px 0;
	line-height: 18px;
    }

.colright .event .termin-title,.colright .event .referent-title,.colright .event .ort-title {
	display: none;
    }    
    
.colright .event .termin,.colright .event .referent,.colright .event .ort {
	font-family: 'OpenSansLight', Arial, sans-serif;
	width: 100%;
	display: block;
    } 
.event {
	float: left;
    }

.event a {
	color: #5d1e66;
    }
    
.event h4 {
	margin-bottom: 6px;
	padding: 0;
	font-weight: normal;
	font-family: 'OpenSansSemibold', Arial, sans-serif;	
    }

.event .number {
	float: left;
	width: 70px; 
	background: #af2e31;
	text-align: center;
	color: #fff;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	margin: 0 10px 6px 0;
	padding: 4px 0;
    }

.event .termin-title, .event .referent-title, .event .ort-title {
	font-family: 'OpenSansLight', Arial, sans-serif;
    }

.event .termin {
	float: left;
	width: 140px;
    }

.event .referent {
	float: left;
	width: 250px;
    }
    
.event .ort {
	float: left;
	width: 199px;
    }
	.colwide {
	float: left;
	width: 100%;
    }
    
.colwide .article {
	float: left;
	padding: 30px 0 0 310px;
	border-top: 1px dotted #5d1e66;
    }
    
.colwide .article img {
	float: left;
	margin-left: -310px;
    }

/** Inhaltsbereich - linke Spalte */
        
.colleft {
	float: left;
	width: 590px;
    }
    
.colleft .article{
	margin: 10px 0 30px 0;
    }

.colleft .fold{
	margin-top: -1px;
	border-top: 1px dotted #5d1e66;
	padding: 16px 0 0 0;
    }
    
.colleft .fold:last-child{
	border-bottom: 1px dotted #5d1e66;
	margin-bottom: 16px;
    }

.colleft .fold h2{
	background: url(layout/fold-arrow01.gif) no-repeat 0 6px;
	padding-left: 12px;
    }

.colleft .fold .switchOn{
	padding-bottom: 20px;
    }
    

.colleft  .event {
	border-bottom: 1px dotted #a280a9;
	padding: 20px 0;
	line-height: 18px;
    }

.colleft  .contentnav-top {
	float: left;
	width: 100%;
	height: 20px;
	margin-top: -37px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #a280a9;
	text-align: right;
    }
    
.colleft  .contentnav-archive {
	float: left;
	}
    
.colleft  .contentnav-bottom {
	float: left;
	width: 100%;
	padding-top: 5px;
	text-align: right;
    }
    
.colleft  .counter-bottom .archive {
	margin-top: -20px;
    }
	
	/** Event-Detail Elemente */ 

.event-detail .event{
	border-bottom: none;
	width: 100%;
	padding-top: 0;
    }    

.event-detail .termin {
	float: left;
	width: 100%;
    }

.event-detail .referent {
	float: left;
	width: 100%;
    }
    
.event-detail .ort {
	float: left;
	width: 100%;
    }
 
.event-detail .termin-title, .event-detail .referent-title, .event-detail .ort-title {
	float: left;
	width: 100px;
	line-height: 22px;
    }

    .formular {
	margin: 0 0 20px 0;
    }

.formular input{
	width: 580px;
	padding: 5px;
	border: 1px solid #bc9fbd;
	color: #000;
	font-size: 14px;
	font-family: 'OpenSansLight', Arial, sans-serif;
    }

.formular textarea{
	width: 580px;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #bc9fbd;
	color: #000;
	font-size: 14px;
	font-family: 'OpenSansLight', Arial, sans-serif;
    }

.formular ::-webkit-input-placeholder, .formular ::-moz-placeholder, .formular -ms-placeholder{
	color: #8f8f8f;
    }