/* Letzte Änderung: 14.11.2013 durch Stefan Bohres */

@media all
{
/* Globale Einstellungen für Zeichensatz und Schriftgrößen  */
/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

/* Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
  textarea, pre, code, kbd, samp, var, tt {
    font-family:"Courier New", Courier, Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono";
  }

/* Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Calibri, Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
    font-size:95.00%;
    color:#000000;
  }

/* Überschriften */
  h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    color:#000000;
    margin:0 0 1.0em 0; 
  }

  h1 { font-size:133.33%; }                    /* 16px */
  h2 { font-size:116.67%; }                    /* 14px */
  h3 { font-size:100%; }                       /* 12px */
  h4 { font-size:100%; }                       /* 12px */
  h5 { font-size:100%; }                       /* 12px */
  h6 { font-size:100%; }                       /* 12px */

/* --- Listen --------------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:disc; margin-bottom:0; }

  ol { list-style-type:decimal; } 
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; line-height:1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

/* --- Allgemeine Textauszeichnung --------------------------------------------------------------------- */

/* ### Schriftgröße prüfen ! ### */
  p { line-height:1.45em; margin:0 0 1em 0; }

  blockquote { margin:0 0 1em 1.6em; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
/*  pre, code { color:#800; } */
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  
 /* sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; } */
  sub { vertical-align: -10%; padding-left:1px; }
  sup { vertical-align: 20%; padding-left:1px; padding-right:1px; }

   hr {
    color:#fff;
    background:transparent;
    margin: 1.0em 0 1.0em 0;
    padding:0;
    border:0;
    border-bottom:1px #cccccc solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#006633; background:transparent; text-decoration:none; }
  a:visited  { color:#006633; }
  a:focus, a:hover, a:active { color:#009900; text-decoration:underline; outline: 0 none; }
  
  
a.pfeil {
	background-image: url(../../grafik/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 0.7em;
	margin: 0.4em 0; 
	}

 /* --- Tabellen ---------------------------------------------------------------------------------------*/
  
 /* Eigene Tabellen-Formate  */
 table { 
	 width:auto; 
	 margin-bottom:0.5em; 
	 }
 table.full { width:100%; }
 table.fixed { table-layout:fixed; }
 
 /* Dünne Gitternetzlinien, um auf Zellabstand und Hintergrundfarbe verzichten zu können */
 table.gitter { border-collapse:collapse; border: 0; }
 table.gitter td { border:1px solid #c0c0c0; } 
 table.gitter th { border:1px solid #c0c0c0; } 

/* Tabellen-Überschrift linksbündig, grauer Hintergrund, fette Schrift */
 th { text-align:left; font-weight:bold; background-color:#eeeeee; }
 
 /* Abstand zu den Tabellenrändern, Zeilenabstand wie im Fließtext */
 th, td { padding:0.3em; vertical-align:top; line-height:1.5em; }
 
/* Kompatibilität zu Tabellen, die durch Zellabstand und Hintergrundfarbe formatiert wurden */
 tr { background-color:#ffffff; }

 /* Tabelleninhalt zentriert */
 td.zentriert { text-align:center; }
 
 /* Tabellenüberschrift zentriert */
 th.zentriert { text-align:center; }
 
  /* Tabelleninhalt rechts ausgerichtet */
 td.rechts { text-align:right; }
 
 /* Farbig hinterlegte Tabellenzellen, für Getreidesortenwahl */
 td.rot { background-color:#cc0000; }
 td.gelb { background-color:#ffdd33; }
 td.gruen { background-color:#009900; }
 td.hellblau { background-color:#afc4d6; }
 td.hellgruen { background-color:#d9e77e; }
 
 /* Kompakte Tabelle ohne Rahmen */
 /* table.kompakt { border-collapse:separate; border-spacing: 0.3em; } */
 /* padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
 table.kompakt { border-collapse:collapse; border: 0; }
 table.kompakt td { padding: 0 0.5em 0.3em 0; margin:0; } 

/* Tabellen für Betriebsdarstellung und Mitarbeiterlisten */
table.betriebe, table.mitarbeiter {
	 border-collapse:collapse; border: 0;
	 width:100%;
	}
/* dünne Linie unten */
table.betriebe tr, table.mitarbeiter tr { 
	border-bottom:1px solid #c0c0c0;
	}
/* Zellenbreite standardisiert auf 33% */
table.betriebe th { 
	width:33%;
	}

/* Zellenbreite standardisiert auf 50% bei zwei Spalten */
table.betriebe th.p50 { 
	width:50%;
	}

 /* Style für Tabellen-Filter-Modul */
td.alt { background-color: #eff3c0; }
 
  
/*--- Weitere Textformate --------------------------------------------------------------------------*/

/* -------------------- Besondere Aufzählungen ----------------------------------- */
/* Standard-Aufzaehlungszeichen entfernen, wenn besondere Formate zugewiesen werden */
ul.ohne {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	}

/* Abstand zum Rand fuer Vorschaubild */
ul.einzug {
	list-style-type: none;
	padding-left: 165px;
	margin-top:0;	
	margin-left: 0;
	}

/* Mehr Abstand bei verschachtelten Listen */
ul.doppelt {
	list-style-type: none;
	padding-left: 1.5em;
	margin-top:0;	
	margin-left: 0;
	}
/* ### Größe prüfen ! ### */
/* Liste mit gruenem Quadrat als Aufzaehlungszeichen */
li.punkt {
	background-image: url(../../grafik/punkt.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 1.4em;
	margin: 0.6em 0;
	}
/* ### Größe prüfen ! ### */
/* Liste mit gruenem Pfeil, für Linklisten */
li.pfeil {
	background-image: url(../../grafik/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 0.7em;
	margin: 0.6em 0;
	}

/* Liste mit Artikel-Icon, für Pressemeldungen */
li.artikel {
	background-image: url(../../grafik/artikelicon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 1.6em;
	margin: 0.6em 0;
	}

/* Mehr Zeilenabstand bei nummerierten Listen */
li.nummer {
	line-height: 2.0em;
	}

/* Geordnete Listen mit Kleinbuchstaben */
ol.abc { list-style-type:lower-alpha; }


/* ------------------ Bildunterschriten, HTML5-Tag -------------- */
figcaption {
	font-size:85%;
	margin:0;
	line-height:1.3em;
	}

/* ### anderes Format wählen ### */	
/* Fuer Ueberschriften */
.betont {
	padding:2px;
	margin-bottom:8px;
	border:1px solid #c0c0c0;
	background-color:#eeeeee;
	}

.betontgruen {
	width:auto;
	height:1%;
	border-left:5px solid #d3e448; 
	background-color:#eff3c0;
	margin: 1.5em 0 0.5em 0;
	padding:3px; 
	}

/* Damit Hintergrundfarbe einer Überschrift nicht hinter ein Bild läuft */	
.abstandrechts {
	margin-right:295px;
	}
	
/* Trennlinie mit weniger Abstand nach oben */
hr.trenner {  margin: 0 0 5px 0; }

/* Überschriftenformate für Stellenausschreibungen */
h2.job {
	padding:0.25em;
    background-color: #467445;    
    color:#fff;
    border-radius: 2px;	
	}
h3.job {
		text-align:center;
	}
/* Mehr Zeilenabstand für die Icons bei Stellenausschreibungen */
p.jobicons {
	line-height:3.0em;
	}
p.jobicons img {
	 vertical-align:middle;
     }
/* <p align="right"> ist in HTML5 nicht gültig, deshalb mit CSS-Klasse */
p.rechts {
	text-align:right;
	}
	
p.zentriert {
	text-align:center;
	}
	
/* Roter Text, Ausnahme */
.schriftrot {
	color:#cc0000;
	}
	
/* Für Zitate */
p.zitat::before, p.zitat::after {
	color:#006633;
	font-weight:bold;
	font-size:200%;
	vertical-align: -2px;
}

p.zitat::before {
	content: '»';
	margin-right:3px;
}

p.zitat::after {
	content: '«';
	margin-left:3px;
}
	
/* Button in Überschrift für ELAN-NRW	*/
.elanbutton {
  background: #00823d;
  background-image: -webkit-linear-gradient(top, #00823d, #006633);
  background-image: -moz-linear-gradient(top, #00823d, #006633);
  background-image: -ms-linear-gradient(top, #00823d, #006633);
  background-image: -o-linear-gradient(top, #00823d, #006633);
  background-image: linear-gradient(to bottom, #00823d, #006633);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

/* Button Call to Action	*/
.ctabutton {
  background: #00823d;
  background-image: -webkit-linear-gradient(top, #00823d, #006633);
  background-image: -moz-linear-gradient(top, #00823d, #006633);
  background-image: -ms-linear-gradient(top, #00823d, #006633);
  background-image: -o-linear-gradient(top, #00823d, #006633);
  background-image: linear-gradient(to bottom, #00823d, #006633);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

a.ctabutton { color: white; }
a.ctabutton:hover { box-shadow: 6px 6px 10px hsla(300,15%,25%,0.3) inset;}
	

/* Freie Ausbildungsplätze */

.ja { 
	color:#33CC00;
	font-weight:bold; 
	}
	
.nein {
	 color:#FF3300;
	 font-weight:bold; 
	 }

/* Text wird ausgeblendet, ist für Suchmaschinen lesbar */
.suchworte {
	display:none; 
	}

/* Datum in Listen bekommt die gleiche Breite, Weiterbildungsseiten */
/* in Stylesheet education.css */

/* .datum {
	display:block;
   	float:left;
   	width:110px;
  	} */
/* Für Icons: Da hspace bei HTML 4.01 Strict nicht mehr zulässig ist, bekommen Icons über eine Klasse Abstände nach rechts und links */
.icon {
	margin:0 3px;
	}

 /* No SPAM - zusätzliches Wort wird in E-Mail-Adressen ausgeblendet */
.nos {
	display:none;
	}
}