/* /////////////////////////////////////////////////////// */
/* //////////////////	  B O D Y    ///////////////////// */
/* /////////////////////////////////////////////////////// */
body {
	background-color:#000000;
	background-image:url('../images/hg.jpg'); 
	background-repeat:repeat-x;
	min-width: 800px; max-width:1350px;
	margin: 0 auto; padding: 0;
	text-align:left;
	font-family:"Trebuchet MS";
	font-style:normal;
	font-size:12px;
	line-height:17px;
	color:#ffffff;
	text-decoration:none;
}
/* /////////////////////////////////////////////////////// */
/* //////////////////    DIV BOXEN   ///////////////////// */
/* /////////////////////////////////////////////////////// */

/* Absolute Positionierung erfolgt nur innerhalb von #mitte */

/* Absicherung korrekte Positionierung 
   #fill_oben, #fill_links, #mitte, #logo, #head_oben, #head_unten, 
   #content_gesamt, #content_oben, #content_mitte, #content_unten, #footer { clear:both; } */

/* Vorbereitung für absolute Positionierungen innerhalb der mittleren Spalte */
   #fill_oben, #fill_links, #mitte, #content_gesamt, #content_oben, 
   #content_mitte, #content_unten, #footer { position:relative; }
#mitte {
	background-color:#3c3c3e;
	width:70%;  min-width: 752px; margin:auto; margin-top:0px; 
	min-height:733px; 
	border-left:4px solid #000000;
	border-right:4px solid #000000;	
	border-bottom:4px solid #000000;
}
/* KOPF */
#fill_oben {
	position:absolute; top:0px; left:0px;
	width:100%; height:12px;
	padding-left:0px; margin-top:0px;
	background-color:#3c3c3e;
}
#fill_links {
	position:absolute; top:12px; left:0px;
	width:4%; height:166px;
	padding-left:0px; margin-top:0px;
	background-color:#3c3c3e;
}
#logo {
	position:absolute; top:12px; left:0px;
	width:262px; height:166px;
	margin-left:4%; margin-top:0px;
	background-image:url('../images/logo_262x166.jpg');
	background-repeat:no-repeat;
}
#mitte #head_oben {
	position:absolute; top:0px; left:0px;
	width:96%; min-width:350px;
	height:51px;
	padding-right:4%; margin-top:36px;
	text-align:right;
}
#mitte #head_unten {
	position:absolute; top:63px; left:0px;
	width:96%; min-width:350px;
	background-color:#000000;
	height:96px;
	padding-right:4%; padding-top:27px;
	text-align:right;
}

#mitte #head_unten_var {
	position:absolute; top:130px; left:0px;
	width:96%; min-width:350px;
	height:20px;
	text-align:right;
}

#mitte #head_unten_strich {
	background-image:url('../images/strich2_308x1.jpg');
	background-position:right; background-repeat:no-repeat;
	position:absolute; top:114px; right:4%;
	width:308px; 
	height:10px;
	padding-right:4%; ;
	text-align:right;
}
/* /////////////////////////////////////////////////////// */
/* //////////////////     INHALTE    ///////////////////// */
/* /////////////////////////////////////////////////////// */
#content_gesamt {
	background-color:#3c3c3e;
	position:absolute; top:186px; left:0px;
	width:92%; min-width: 567px; 
	margin-left:4%; margin-right:4%; 
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;}	
#content_oben {
	padding-left:22px; padding-right:22px; padding-top:0px; padding-bottom:12px; 
	margin-top:0px;
}
#content_mitte {
	background-color:#575759;
	padding-left:22px; padding-right:22px; padding-top:8px; padding-bottom:0px; 
}
#content_unten { 
	padding-left:22px; padding-right:22px; padding-top:8px; padding-bottom:16px; 
	border-bottom:1px solid #ffffff;
}
/* /////////////////////////////////////////////////////// */
/* //////////////////   MENUE OBEN   ///////////////////// */
/* /////////////////////////////////////////////////////// */
.menu_oben {
text-align:right;
font-size:11px;
}

.menu_oben_aktiv {
	color:#ffffff;
	font-size:11px;
}
/* /////////////////////////////////////////////////////// */
/* //////////////////   MENUE UNTEN  ///////////////////// */
/* /////////////////////////////////////////////////////// */

.menu_unten_gross {
	font-size:19px;
	text-align:right;
	color:#959595;
}

.menu_unten_gross_aktiv {
	font-size:19px;
	text-align:right;
	color:#ffffff;
}

.menu_unten_klein {
	font-size:11px;
	text-align:right;
	color:#959595;
}

.menu_unten_klein_aktiv {
	font-size:11px;
	text-align:right;
	color:#ffffff;
}
/* /////////////////////////////////////////////////////// */
/* //////////////////     L I N K    ///////////////////// */
/* /////////////////////////////////////////////////////// */

a {
	color:#959595;
	text-decoration:none;
}
  
a:hover {
	color:#536eb3;
}

a:focus {
	color:#536eb3;
	outline:none;
	outline-style:none;
}
/* /////////////////////////////////////////////////////// */
/* //////////////////   WILLKOMMEN   ///////////////////// */
/* /////////////////////////////////////////////////////// */

.willkommen {
	font-size:20.5px;
	text-align:center;
	line-height:26px;
}
/* ////////////////////////////////////////////////////// */
/* //////////////////    TABELLE    ///////////////////// */
/* ////////////////////////////////////////////////////// */

.tabspalte {
	width:50%; min-width:320px;
}

#content_mitte ul {
	list-style-position:outside;
	list-style-image:url('../images/li_959595.gif');
	padding:18px; padding-left:10px; padding-top:0px; margin:0;
}

#content_unten ul {
	list-style-position:outside;
	list-style-image:url('../images/li_959595.gif');
	padding:18px; padding-left:10px; padding-top:0px; padding-bottom:2px; margin:0;
}

.anfahrt {
	width:644px; height:316px;
	text-align:center;
	position:relative; 
}
/* ===================================================================================================== */
/* ===================================================================================================== */

/* ///////////////////////////////////////////////////////////////////////////// */
/* //////////////////	  Fehlerkorrekturen für Browser    ///////////////////// */
/* ///////////////////////////////////////////////////////////////////////////// */

/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
    
  body {
/* Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

/* Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

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

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }
  
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

/* IE-Clearing */
  #ie_clearing { display: none; }

/* Skip-Links und versteckte Elemente/Inhalte */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

/* Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }


/* //////////////////////////////////////////////////////// */
/* //////////////////	  IE Hacks    ///////////////////// */
/* //////////////////////////////////////////////////////// */

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
 * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
 *
 * Don't make any changes in this file!
 * Your changes should be added to a separate patch-file.
 *
 * @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
{
  /**
   * (en) Debugging: When you see a green background, IE is getting this stylesheet
   * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
   *
   * @debug
   * @app-yaml-default disabled
   */

  /* body { background: #0f0; background-image: none; }  */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari)
   * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  html { height: auto; margin-bottom:0; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */

  * html textarea { overflow:scroll; overflow-x: hidden; }
  * html input { overflow: hidden; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Stability fixes with 'position:relative'
   * (de) Stabilitätsverbesserungen durch 'position:relative'
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body { position:relative; }  /* Essential in IE7 for correct layout scaling ... */
  * html body { position:static; }  /* ... but not for IE5.x and IE6 */
  #main { position: relative; } /* helpful for several problems in older IE versions*/

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Clearfix Method for containing floats in IE
   * (de) Clearfix-Anpassung für diverse IE-Versionen
   *
   * @workaround
   * @see        http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  .clearfix { display: inline-block; }  /* ... especial for IE7 */
  .clearfix { display: block; }      /* ... für IE5,IE6,IE7 */
  * html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Adjustment of .floatbox class for IE
   * (de) Anpassung der .floatbox-Klasse für IE
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  .floatbox { width:100%; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Special class for oversized content element
   * (de) Spezielle Klasse für übergroße Inhaltselemente
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  .slidebox {
    position:relative;
    margin-right: -1000px;
    height: 1%;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en): Bugfix for partially displayed column separators
   * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1,
  * html #col2,
  * html #col3 { position:relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Preventing several css bugs by forcing "hasLayout"
   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  body { height: 1%; }
  #page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer { zoom:1; }   /* IE6 & IE7    */
  #page_margins, #page, .page_margins, .page { height: 1%; }                              /* IE 5.x       */
  * html #header, * html #nav, * html #main, * html #footer { width: 100%; }              /* IE 5.x & IE6 */
  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; }             /* IE 6         */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * Disappearing List-Background Bug
   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html ul, * html ol, * html dl { position: relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * List-Numbering Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body ol li { display:list-item; }

  /**
   * Form related bugfixes
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  fieldset, legend { position:relative; }
  /* global fixes for YAML's form construction set */ 
  form.yform, 
  form.yform div,
  form.yform div * { zoom:1; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
   *      in YAML.
   *
   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
   *      wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt
   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  html #ie_clearing {
    /* (en) Only a small help for debugging */
    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
    position:static;

    /* (en) Make container visible in IE */
    /* (de) Container sichtbar machen im IE */
    display:block;

    /* (en) No fix possible in IE5.x, normal clearing used instead */
    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
    \clear:both;

    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
    width: 100%;
    font-size:0px;
    margin: -2px 0 -1em 1px;
  }

  * html #ie_clearing { margin: -2px 0 -1em 0; }
  #col3_content {margin-bottom:-2px; }

  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
  html { margin-right: 1px; }
  * html { margin-right: 0 }

  /* (en) Bugfix: Essential for IE7 */
  /* (de) Bugfix: Notwendig im IE7 */
  #col3 { position:relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * IE z-index-Fix
   * brings #col1 and #col2 in front of #col3
   *
   * @workaround
   * @affected   all IE
   * @css-for    all IE
   * @valid      yes
   */

  *+html #col3 { z-index: -1; }
  * html #col1, * html #col2 { z-index: 1; }
  * html #col3  { z-index:auto; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * IE/Win Guillotine Bug
   * @see        http://www.positioniseverything.net/explorer/guillotine.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html body a, * html body a:hover { background-color: transparent; }

}

@media screen, projection
{
  /**
   * (en) IE-Adjustments for content columns and subtemplates
   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
   *
   * Doubled Float-Margin Bug
   * @see        http://positioniseverything.net/explorer/doubled-margin.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  #col1,  #col2 { display:inline; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; }

  /* Fix for: "Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }

  /* transform CSS tables back into floats */
  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l {
    float: left; display:inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }
  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    float: right; margin-left: -5px; display:inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }

  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l,
  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * Internet Explorer and the Expanding Box Problem
   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1_content,
  * html #col2_content,
  * html #col3_content { word-wrap: break-word; }

  /* trigger hasLayout to force containing content */
  .subc, .subcl, .subcr { height: 1%; }

  /* avoid growing widths */
  * html .subc,
  * html .subcl,
  * html .subcr { word-wrap: break-word; overflow:hidden;  }
}

@media print
{
  /**
   * (en) Avoid unneeded page breaks of #col3 content in print layout.
   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
   *
   * @bugfix
   * @affected   IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  #col3 { height: 1%; }
}