/* Hauptseite für alle Sichten und die Kategorienanzeige */

/* Clickpfadeinstellungen auf der Hauptseite;  hardcodiert in datamenu.inc */ 
a.clickadresse                { text-decoration:none; color:#F36904; font-weight:600; }
h2.clickadresse               { font-size:1em; margin-top:0em; padding-bottom:0em; }
div.hauptseite_clickpfad      { position:absolute; top:19em; left:16em; }
span.clickadresse             { }
span.trennzeichen             { }
span.clickadrbold             { font-weight:bold; }
span.clickpfad                { }

/* Statusadresse  zeigt den Pfad (ähnlich Clickpfad) nur für Kategorien */
a.statusadresse               { color:#F36904; text-decoration:none; }
div.statusadresse             { }
h2.statusadresse              { margin:0em; color:#F36904; }
/* Statusmeldung: Textmeldung wie z.B. Warenkorb ist leer */ 
h2.statusmeldung              { margin-bottom:1em; font-size:small; color:#7E8896; }


/* Hauptseitestatus: wird verwendet für die Kategorienanzeige d.h. unter Kursbereiche, Sonderrubriken, Demnaechst */
/* Hauptseite u. hauptseiteohnestatus wir verwendet für alle anderen Sichten außer Kursdetails, Termine u. Warenkorb */
div.hauptseite,
div.hauptseite_ohnestatus     { margin:0px; }
div.hauptseite_status         { display:none; visibility:hidden; }                            
/*  Für die Beschreibung der Kategorie; i.allg. über der Kategorieüberschrift positioniert; hardcodiert: wird mit Hilfe von
DataMenuMain::_showCategoryDescription() ausgegeben */
div.hauptseite_categorydescription { margin-bottom:1em; }
div.hauptseite_categorydescription.unten {clear:left; padding-top:2em; }  
                                   
/* Unterauswahl für Kategorienbaum auf der Hauptseite; sind hardcodiert */
div.menue_unterauswahl        { margin-left:2em; }
div.menue_unterauswahl.active { }
/*  Link in einer Kursbereichs-Liste */
a.menue_unterauswahl          { color:#333333; font-weight:bold; text-decoration:none; }
a.menue_unterauswahl.active   {  }
a.menue_unterauswahl:hover    { color:#7E8896; }
/* Überschrift der gewählten Kategorie */
h1.menue_unterauswahl         { display:none; }
h1.menue_unterauswahl.active  { }

ul.menue_unterauswahl         { margin:0em; padding:0em; list-style-position:outside; list-style-image:url(../pfeil.gif); }
ul.menue_unterauswahl.active  { }
li.menue_unterauswahl         { margin-top:1em; }
li.menue_unterauswahl.active  { }

/* Text der obersten (Sonder-)Kategorie; hardcodiert*/
p.topCategoryText             { }
p.topCategoryText_unten       { clear:left; padding-top:2em;}
/* Kontaktblock, der auf vielen Seiten im Hauptbereich vorkommt */
div.kontakt                   { float:left; }
a.kontakt                     { color:#333333; font-weight:bold; text-decoration:none; }
a.kontakt:hover               { color:#7E8896; }
/* Überschrift im Kontaktblock */
h3.kontakt                    { color:#F36904; text-transform:uppercase; margin-top:2em; margin-bottom:0em; }
/* Text in einem Kontaktblock */
p.kontakt                     { margin:0em; color:#333333; }

/* Sicht 81 Anfahrt */
/* Layer für den Dummy-Anfahrtsskizzen-Eintrag */
div.anfahrtsskizze            { position:relative; width:20em; height:20em; border-style:solid; border-color:#333333; 
                                border-width:1px; text-align:center; }

/* zus. frei wählbare Sicht für Zeitfilter; ersetzt hardcodiertes "Demnächst"  */
/* h1#zeitfilter                 { font-size:1.6em; color: blue; margin-bottom: 30px;} */

/* Liste für die Kursdokumente zur Hangarseite in Sicht 172 und für die Gebäudeübersicht und Gebäudedetails in Sicht 221 u. 222 */
ul.dokumente                  { width: 40em; margin: 2em 0em 2em 6em; }
ul.gebaeude                   { width: 40em; margin-left: 2em; margin-bottom: 2em; margin-right: 2em; }
li.gebaeude                   { margin-top:1em; }
li.dokumente                  { margin-top:1em; margin-bottom:1em; }
div.dokument                  { padding-top:0.3em; padding-bottom:0.3em; }

/*  Aussenstellenübersicht und Details (Sicht 171 und 148)*/
ul.aussenstelle               { list-style-type:none; background-color:#FFFFFF; padding:0px; margin-left:1em; }
a.as_title                    { color:#F36904; font-size:1.17em; text-decoration:none; font-weight:bold; }
h2.header_aus                 { margin:0em; color:#F36904; }
li.aussenstelle               { margin-left: 0em; margin-top:1em; }
div.aussenstelle              { margin-left: 0.5em; }
table.aussenst                { width:100%; margin-top:1em; }

/*  Dozentenübersicht (Sicht 218)*/
ul.dozenten						        {}
li.dozenten        						{}

/* Fotos */
img.wb_foto                   { display:block; padding:0.3em; margin:0.3em 0; border:2px solid #c4c4c4; }

/*Legende*/
div.legend										{ width: 12em; }
div.ekurs     					  		{ float: left; }
div.mkurse	 									{ float: left; }
div.e_kurs										{ width: 2.5em; font-size: 0.7em; height: 1.4em; border: 1px solid #E8EEF1; background-color: #FFA500; float: right; }
div.m_kurse										{ width: 2.5em; font-size: 0.7em; height: 1.4em; border: 1px solid #E8EEF1; background-color: #FFFF00; float: right; }


@font-face {
    font-family: 'OpenSansLight';
    src: url('open-sans-fontfacekit/OpenSans-Light-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Light-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Light-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('open-sans-fontfacekit/OpenSans-Italic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Italic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'OpenSansBold';
    src: url('open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/*@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
	margin: 0;
	padding: 0;
}

body {
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 14px;
	line-height:20px;
	color: #333;
	margin: 0; 
	padding: 0;
   
   
    }
	

a {
	color: #af2e31;
	text-decoration: none;
    }
	
a:hover {
	color: #333;
    }
/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear:both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html #navi {margin-top: -5px; padding-bottom:7px;}
/* End hide from IE-mac */

h1 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
	padding-bottom: 20px;	
    }

h2, h3 {
	font-size: 16px;
	color: #333;
	padding-bottom: 16px;
	font-weight: normal;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
    }

h4, h5, {
	font-size: 14px;
	color: #333;
	padding-bottom: 16px;
	font-weight: normal;
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	}

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

	/** 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;
    }