@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 75.00%;
    color: #333333;
		margin: 0;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #333333;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 160%; }				/* ? - G.B.14px */
  h2 { font-size: 140%; }				/* ? - G.B.12px */
  h3 { font-size: 120%; }				/* ? - G.B.10px */
  h4, h5, h6 { font-size: 90%; font-style: italic; }	/* G.B.9px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

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

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li {
		margin-left: 0.8em;
		font-size: 90%;					/* G.B.9px */
		line-height: 140%;
		margin: 0 0 10px 0;
	}

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

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p {
		font-size: 90%;					/* G.B.9px */
		line-height: 140%;
		margin: 0 0 10px 0;
	}
	/* Verhindern, dass die Schriftgröße 90% x 90% wird und der Abstand sich aufaddiert... */
  li p {
		font-size: 100%;
		margin: 0;
	}

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  pre, code, kbd, tt, samp, var { font-size: 90%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

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

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

  a { color: #024F97; background:transparent; text-decoration:none; }
  a:visited  { color: #024F97; }

  a:focus,
  a:hover,
  a:active { color: #024F97; text-decoration:underline; }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

/* Von YAML */
  table {
		width: auto;
		border-collapse:collapse;
		margin: 5px 0 15px 0;
/*		border-top: 2px #888 solid;*/
/*		border-bottom: 2px #888 solid;*/
	}
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th {
		color: #000;
/*		border-bottom: 2px #800 solid;*/
	}
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th {
/*		border-bottom: 1px solid #fff;*/
/*		text-align: left;*/
	}
  tbody td {
/*		border-bottom: 1px solid #eee;*/
	}

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #D6E7FF; }
  tbody tr:hover td { background: #F7FBFF; }

/* Typo3-Klassen */
	table.align-center th,
	table.align-center td {
		text-align: center;
	}

/* Eigene Anpassungen */
	table.contenttable,
	table.tabelleMitRand {
	/*	width: 90%;*/
	/*	height: auto;*/
		padding: 0;
		border: none;
		border-top: 2px solid #999999;
		border-bottom: 2px solid #999999;
	}
	table th,
	table.contenttable th,
	table td,
	table.contenttable td {
		width: auto;
		padding: 2px;
/*		vertical-align: top;*/
	/*border: 1px solid black;*/
	}
	table.tabelleMitRand th,
	th.tabelleMitRand,
	table.tabelleMitRand td,
	td.tabelleMitRand {
		border: none;
		border-bottom: 1px solid #666666;
/*		vertical-align: top;*/
	}
	table h1,
	table h2,
	table h3,
	table p,
	table.contenttable p {
	/*	margin-top: 0;*/	/* sorgt dafür, dass im IE keine Leerzeile über jedem <p> angezeigt wird */
		margin-bottom: 10px;
	}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Linke Spalte Inhalte
  *
  */

	#search form {
		vertical-align: top;
		margin: 0;
		padding: 0;
/*border: 1px solid #FF0000;*/
	}

	#search label {
		vertical-align: top;
/*		float: left;*/
		font-size: 100%;
/*		padding: 0;*/
		line-height: 160%;
		margin: 0 8px 0 0;
		padding: 0;
		color: #FFFFFF;
	}

	/* Suche */
	#search input.searchInput {
		vertical-align: top;
		width: 155px;
		height: 15px;		/* 19 - 2x2px padding */
		border: 0;
		margin: 0 8px 0 0;
		padding: 2px;
		font-size: 100%;
		color: #525252;
	}
	#search input.searchBtnImg {
/*		vertical-align: top;*/
/*		margin-top: 2px;*/
/*		margin: 0;*/
		margin: 1px 0 0 0;
		padding: 0;
/*background-color: #FF00FF;*/
	}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Mittlere Spalte Inhalte
  *
  */

	#col1_content li {
		list-style-type: none;
		background: url(../../fileadmin/img/list-image.gif) no-repeat;
		background-repeat: no-repeat;
/*		background-position: center middle;*/
		margin-left: 0;
		padding-left: 18px;		/* Breite des list-image.gif: 15px + 3px */
	}


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Rechte Spalte Inhalte
  *
  */

	#col2_content h1,
	#col2_content h2,
	#col2_content h3,
	#col2_content h4,
	#col2_content h5 {
		clear: both;	/* Falls unter dem rssFeed noch Inhalte angezeigt werden, muss das Floating gecleart werden */
		margin-left: 10px;
		margin-right: 10px;
	}
	#col2_content p {
		margin-left: 10px;
		margin-right: 10px;
	}

	#col2_content p.rssFeed {
		margin: 10px;
		font-size: 90%;
		line-height: 20px;	/* Höhe des RSS-Icons */
	}
	#col2_content p.rssFeed img {
/*		margin: 7px;*/
		margin: 0 7px 0 0;
		margin-left: 0;
		padding: 0;
		border: none;
		float: left;
	}

 /**
  * ------------------------------------------------------------------------------------------------- #
  * Typo3-Standard-mailform (Kontakt-Formular)
  */

	.mailFormular {
	}
	/* umschließt Label und Input */
	.mailform-field {
		margin: 6px 0;
	}
	/* umschließt das Label */
	.mailform-lable-wrap-div,
	.mailform-req-lable-wrap-div {
		clear: both;
		width: 215px;
		padding: 2px 10px 2px 0;
		float: left;
		text-align: right;
	}
	/* Label */
	.mailform-lable-wrap-div label,
	.mailform-req-lable-wrap-div label {
		font-size: 90%;
	}
	/* Input bzw. Textarea */
	.mailform-field input,
	.mailform-field textarea {
		width: 369px;
		padding: 1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: #3F3F3F;
		border: 1px solid #DBDBDB;
	}
	/* Checkboxen */
	.mailform-field input.mf-check {
		width: auto;
		margin: 3px 0;
/*		border: 1px solid #DBDBDB;*/	/* setzt nur der IE um - zieht einen Extra-Rahmen um die Checkbox */
		border: none;
	}
	/* IE < 7 */
	* html .mailform-field input.mf-check { width: 13px; height: 13px; margin: 3px 0; }
	/* IE7 */
	*:first-child+html .mailform-field input.mf-check { width: 13px; height: 13px; margin: 3px 0; }

	.mailform-field input.mf-submit {
/*		margin-left: 130px;*/
		width: auto;

		padding: 0 0 1px 0;
		color: #3F3F3F;
		background-color: transparent;
		font-weight: bold;
/*		border: 1px outset #114F90;*/
/*		border: 1px outset #00477F;*/
/*		border: 1px outset #0061AE;*/
		border: 1px outset #3F3F3F;
		cursor: pointer;
	}
	/* IE < 7 */
	* html .mailform-field input.mf-submit { margin-left: 0; }
	/* IE7 */
	*:first-child+html .mailform-field input.mf-submit { margin-left: 0; }

  /**
   * mailformPlus-Tabelle
   */
	.mailFormTable {
	}
	.mailFormTable tr {
	}
	.mailFormTable th,
	.mailFormTable td {
		text-align: left;
	}
	.mailFormTable th {
		font-weight: bold;
	}
	.mailFormTable td {
	}


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Footer-Inhalte
  *
  */

	#footer_right_content,
	#footer_left_content {
		color: #878787;
		font-size: 90%;
		line-height: 110%;
	}
	#footer_right_content {
		margin: 1px 0;
	}

	#footer_right_content p,
	#footer_left_content p {
/*		line-height: 110%;*/
		margin: 0;
	}
	#footer_right_content a,
	#footer_left_content a {
		color: #878787;
		text-decoration: none;
	}
  #footer_right_content a:focus,
  #footer_right_content a:hover,
  #footer_right_content a:active,
  #footer_left_content a:focus,
  #footer_left_content a:hover,
  #footer_left_content a:active {
		text-decoration: underline;
		color: #878787;
	}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Suche
  *
  */

/* Regeln */
	.tx-indexedsearch .tx-indexedsearch-rules h2 {
		font-size: 90%;
		color: #999999;
	}
	.tx-indexedsearch .tx-indexedsearch-rules p {
		padding-left: 15px;
		font-size: 80%;
		color: #999999;
	}

/* Seiten-Navigation */
	.tx-indexedsearch .tx-indexedsearch-browsebox ul {
		margin-left: 0;
	}
	#col1_content .tx-indexedsearch .tx-indexedsearch-browsebox li {
		background: none;
		padding-left: 0;
		padding-right: 5px;
		white-space: nowrap;		/* Damit keine Umbruch zwischen "Seite" und "1" entsteht */
		float: left;						/* Muss dann rein, sonst wird auch zwischen den li-Elementen keine Umbrüche gesetzt */
	}
	/* aktuelle Seite */
	/* Typo3 setzt den Link zur aktuellen Seite in <strong></strong>-Tags */
	.tx-indexedsearch .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage {
	}

/* Ergebnisse */
	/* Container um alle Ergebnisse */
	.tx-indexedsearch .tx-indexedsearch-res {
		clear: both;			/* Um das Floating der Browsebox zu clearen */
		padding-top: 10px;
	}
	/* Container um jedes einzelne Ergebnisse */
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res {
		padding-top: 0;
	}
	.tx-indexedsearch .tx-indexedsearch-res table {
	}
	/* Keine Ahnung wieso, aber jeder Zelle sind immer 2 Klassen zugewiesen, die getrennt voneinander formatiert werden... */
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-icon,
	div.tx-indexedsearch-res table td.icon {
		text-align: left;
	}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-number,
	div.tx-indexedsearch-res table td.result-number {
		text-align: center;
	}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title,
	div.tx-indexedsearch-res table td.title {
		text-align: left;
		font-weight: bold;
	}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent,
	div.tx-indexedsearch-res table td.percent {
		text-align: right;
	}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr,
	div.tx-indexedsearch-res table td.descr {
		text-align: left;
	}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info,
	div.tx-indexedsearch-res table td.info {
		text-align: left;
		background-color: #F4F4F4;
	}


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Typo3-Extension "rscontentcolumn"
  *
  */

	.tx-rscontentcolumn-pi1 {
	}
	/* 3 Spalten - links */
	div.tx-rscontentcolumn-pi1 div.threeleftcol {
		width: 29%;
		padding: 0 2% 0 0;
	}
	/* 3 Spalten - Mitte */
	div.tx-rscontentcolumn-pi1 div.threemiddlecol {
		width: 29%;
		padding: 0 2%;
	}
	/* 3 Spalten - rechts */
	div.tx-rscontentcolumn-pi1 div.threerightcol {
		width: 29%;
		padding: 0 0 0 2%;
	}
	/* 2 Spalten - links */
	div.tx-rscontentcolumn-pi1 div.leftcol {
		width: 46%;
		padding: 0 4% 0 0;
	}
	/* 2 Spalten - rechts */
	div.tx-rscontentcolumn-pi1 div.rightcol {
		width: 46%;
		padding: 0 0 0 4%;
	}


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Typo3 Text mit Bild
  *
  */

	/* Bildunterschrift */
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption  {
		color: #666666;
		font-style: italic;
		margin: 5px 0;
		text-align: center;
	}
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */
}