@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-2008, 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.0.6
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (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 Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif,Verdana, Arial, Helvetica;
    font-size: 75.00%;
    color:#333333;
  }
  
  h1,h2,h3,h4,h5,h6 { 
    font-family:Lucida Sans Unicode, Lucida Grande, sans-serif,Verdana, Arial, Helvetica;
  	font-weight:bold; 
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 115%; }
  h2 { font-size: 115%; }
  h3,h4 { font-size: 110%; }
  h5, h6 { font-size: 100%; }
  
  h4#zueberschrift{
	  margin-top:2.0em;
  }

  #header h1{
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0;  }
  
  #col3 p#bild {
      padding:1em;
  }
  
  #col3_content h2 {
      padding: 0 0 10px 0;
  }
  
  #col3_content h3 {
        font-family: Lucida Sans Unicode, Lucida Grande, sans-serif,Verdana, Arial, Helvetica;
        padding: 0 0 10px 0;
  }
  
  #col3_content img {
      padding:10px;
  }
   #col3_content #veranstaltungen img {
      padding:0px;
  } 
  /* Anzeigesteuerung fuer Bilder im Bereich Motto */
  #col3_content img#display
  {
      display:none;
  }
  
    /* Pfeilgrafik als Listenpunkt */
  #col3_content a#anchor
  {
      background-image: url(/cms117/res/bilder/pfeil_oben.gif);
      background-repeat: no-repeat;
      background-position: left;
      padding:0px 0 0px 0;
      margin: 0px 0px 0 0px;
  }
  /* Abstand zwischen Pfeil und Linktext */
  #col3_content a#anchor span
  {
      margin: 0px 0px 0px 10px;
  }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em;   }
  li { margin-left: 1.5em; line-height: 1.5em }
  
  #verweisliste ul
  {
    padding:1em 0 0 0;
    margin:0;
    list-style-type:none;
  }

  #verweisliste li
  {
    margin:0;
    list-style-type:none;
  }
  
  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

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

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

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

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .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 { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {text-decoration:none;}
  a:focus,
  a:hover,
  a:active {text-decoration:underline;}
  
  #topnav a {font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
    
  #footer a { background:transparent;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {background-color: transparent; text-decoration:underline;}

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

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  /* INFOLEISTE (Rechte Spalte) */
  
  h3.webcam
  {
	       margin: 0px 10px 3px 10px;
  }
  
  #info
  {
     margin: 0;
     padding: 2px 0px 0px 0px;
  }
  
  #info h2
  {
     color:#FFFFFF;
     margin: 0px 10px 3px 10px;
  }
  
  #info fieldset h2
  {
     margin: 0px 10px 10px 10px;
  }
  
  #info fieldset h3
  {
     margin: 0px 10px 0 10px;
  }
  
  #info fieldset p
  {
	padding: 0px 10px 0px 10px;
    margin:0px;
  }
  
  /* Pfeilgrafik als Listenpunkt */
  #info fieldset a
  {
      background-image: url(/cms117/res/bilder/pfeil.gif);
      background-repeat: no-repeat;
      background-position: left;
      padding:0px 0 6px 0;
      margin: 0px 0px 0 10px;
  }
  
  #info fieldset a[href^='mailto:'] {
  	  background-image:none;
  	  margin: 0px 0px 0 0px;
  }
  
  /* Abstand zwischen Pfeil und Linktext */
  #info fieldset span
  {
      margin: 0px 0px 0px 20px;
  }
  
  /* HELL */
  .float_right
  {
  	  float:right;
  }
  .float_left
  {
  	  float:left;
  }
  
  #info fieldset.hell
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	background: #F6F6F6;
  }
  
  #info fieldset.hell h3
  {
    font-size:115%;
  }

  #info fieldset.hell img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }
  /* DUNKEL */
  #info fieldset.dunkel
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	background: #E0E0E0;
  }
  
  #info fieldset.dunkel h3
  {
    font-size:115%;
  }
  
  #info fieldset.dunkel img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }
  
  

  /* Kasten: Startseite */
  #info fieldset.startseite
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	border-bottom: 1px #D6D6D6 solid;
	background: #E0E0E0;
  }
  #info fieldset.startseite h3
  {
      font-size:115%;
      font-family: Lucida Sans Unicode, Lucida Grande, sans-serif,Verdana, Arial, Helvetica;
  }
  #info fieldset.startseite .subcl, .subcr
  {
	  margin:0px;
	  padding:0px;
  }
 
  #info fieldset.startseite h3
  {
    font-size:115%;
  }
  #info fieldset.startseite .subcl{
	  margin:0;
	  padding:0;
  }
  #info fieldset.startseite p{
	  margin-top:-25px;
	  padding-bottom:12px;
  }
  #info fieldset.startseite img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }
  /* Kasten: Topmeldungen */
  #info fieldset.aktuelles
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	border-bottom: 1px #D6D6D6 solid;
	background: #F6F6F6;
  }
  
  #info fieldset.aktuelles h3
  {
      font-size:95%;
      font-family: Lucida Sans Unicode, Lucida Grande, sans-serif,Verdana, Arial, Helvetica;
  }
  
  /* Kasten: Sicherheit */
  #info fieldset.sicherheit
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
    background:#F6F6F6;
  }
  
  #info fieldset.sicherheit .subcl, .subcr
  {
	  margin:0px;
	  padding:0px;
  }
  
  #info fieldset.sicherheit h3
  {
    font-size:115%;
  }
  
  #info fieldset.sicherheit .subcl{
	  margin:0;
	  padding:0;
  }
  
  #info fieldset.sicherheit p{
	  margin-top:-10px;
	  padding-bottom:5px;
  }
  
  #info fieldset.sicherheit img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }

  /* Kasten: Fahrrad */
  #info fieldset.fahrrad
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	background: #F6F6F6;
  }
  
  #info fieldset.fahrrad .subcl, .subcr
  {
	  margin:0px;
	  padding:0px;
  }
  
  #info fieldset.fahrrad h3
  {
    font-size:115%;
  }
  
  #info fieldset.fahrrad .subcl{
	  margin:0;
	  padding:0;
  }
  
  #info fieldset.fahrrad img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }
  /* Kasten: Dichtheitspruefung */
  #info fieldset.dichtheitspruefung
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	background: #E0E0E0;
  }
  
  #info fieldset.dichtheitspruefung .subcl, .subcr
  {
	  margin:0px;
	  padding:0px;
  }
  
  #info fieldset.dichtheitspruefung h3
  {
    font-size:115%;
  }
  
  #info fieldset.dichtheitspruefung .subcl{
	  margin:0;
	  padding:0;
  }
  
  #info fieldset.dichtheitspruefung img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }
  /* Kasten: Mottojahr */
  #info fieldset.motto
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	background: #E0E0E0;
  }
  
  #info fieldset.motto .subcl, .subcr
  {
	  margin:0px;
	  padding:0px;
  }
  
  #info fieldset h2
  {
      color:#333333;
  }
  
  #info fieldset.motto h3
  {
    font-size:115%;
  }
  
  #info fieldset.motto .subcl{
	  margin:0;
	  padding:0;
  }

    #info fieldset.motto p
    {
    	width:66%;
    	margin-top:-50px;
    }
 
  #info fieldset.motto img
  {
    margin-right:7px;
	margin-left:0px;
    width:70px;
  }

  /* Kasten: Termine */
  #info fieldset.termine
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
	border-bottom: 1px #D6D6D6 solid;
	/*background: #E0E0E0;*/
	background:#F6F6F6;
  }
  
  #info fieldset.termine h3
  {
      font-size:95%;
      font-family: Lucida Sans Unicode, Lucida Grande, sans-serif,Verdana, Arial, Helvetica;
  }
  
  #info fieldset.termine p.event
  {
      font-weight:bold;
      font-style:italic;
      font-size:95%;
  }
  
  /* Kasten: Oeffnungszeiten */
  #info fieldset.oeffnung
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
    background:#F6F6F6;
  }
  
  #info fieldset.oeffnung h3
  {
      font-size:115%;
  }
  
  #info fieldset.oeffnung p
  {
      font-size:95%;
  }

  #info fieldset.werbung
  {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #000;
  }
  
  /* Bild-Ausrichtung für Teaser, Mottojahr */
  #right
  {
      float:right;
  }
  
  #left
  {
      float:left;
  }
  
  #tech_nav a#zurueck {
      background-image: url(/cms117/res/bilder/pfeil_links.gif);
      background-repeat: no-repeat;
      background-position: left;
      padding:0px 0 0px 0;
      margin: 0px 0px 0 0px;
  }
  
  /* Abstand zwischen Pfeilgrafik und Linktext */
  #tech_nav a#zurueck span
  {
      margin: 0px 0px 0px 15px;
      padding-top:0px;
  }
  
  #tech_nav a#print {
      background-image: url(/cms117/res/bilder/drucken.gif);
      background-repeat: no-repeat;
      background-position: left;
      padding:0px 0 0px 0;
      margin: 0px 0px 0 0px;
  }
  
  /* Abstand zwischen Drucker-Icon und Linktext */
  #tech_nav a#print span
  {
      margin: 0px 0px 0px 15px;
      padding-top:0px;
  } 
  /* BITE CSS*/
  .bite-jobs-list-table{width:100%;border-collapse:collapse}
  .bite-jobs-list-table th{text-align:left;color:#fff;background:#444}
  .bite-jobs-list-table td,.bite-jobs-list-table th{padding:8px;border-bottom:1px solid #ccc;font-size:12.0108px}
  .bite-jobs-list-table .bite-jobs-list--title{width:85%}
  .bite-jobs-list-table .bite-jobs-list--title a{text-decoration:none}
  .bite-jobs-list-table .bite-jobs-list--title a:link,.bite-jobs-list-table .bite-jobs-list--title a:visited{color:#c00}
  .bite-jobs-list-table .bite-jobs-list--title a:hover{font-weight:700}
  .bite-jobs-list-table .bite-jobs-list--expiresOn{width:15%}
}