@charset "UTF-8";

/* "Yet Another Multicolumn Layout" v3.0.6 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 202 $ $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ */

*{margin:0;padding:0}
option{padding-left:.4em}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em 2em}
blockquote{margin:0 0 1em 1.5em}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1_content,#col2_content,#col3_content{position:relative}
.hideboth #col3{margin-left:0;margin-right:0}
.hidecol1 #col3{margin-left:0;margin-right:200px}
.hidecol2 #col3{margin-left:200px;margin-right:0}
.hideboth #col1,.hideboth #col2,.hidecol1 #col1,.hidecol2 #col2{display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}

/* Navigation Horizontal */
 #nav_main {
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;

  }

  #nav_main ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;  
  }

  #nav_main ul li {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
  }
/* Navigation vlist */
  #submenu {
    width: 100%;
    overflow: hidden;
    margin: 0;
  }

  #submenu ul { margin:0; padding: 0; }
  #submenu li { width: 100%; color:#bbb; padding:0; margin-left: 15px;}


  #submenu a,
  #submenu strong {
    display:block;
    width: 90%;
    padding: 0 10px 0px 0;
    color: #bbb;
  }
  #submenu ul li#current a:hover,
  #submenu li#current a:hover,
  #submenu ul li a:hover,
  #submenu li:hover { color: #eee; }
  
  #submenu li:active,
  #submenu ul li a:focus,
  #submenu ul li a:active,  
  #submenu li#current,
  #submenu li#current a,
  #submenu li#current a:focus,
  #submenu li#current a:active,
  #submenu ul li#current a,
  #submenu ul li#current a:focus,
  #submenu ul li#current a:active { color: #eee; font-weight:bold;}
/***********************************************/




  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #666666; padding: 10px 0; color: #FF0000}

  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  #page_margins { text-align:left; margin: 0 auto; }

  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { min-width: 740px; max-width: 800px; background: none; }
  #page{ padding: 10px 0px;  }

  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {    
    padding: 15px 2em 1em 20px; 
  }

  #topnav { }


  #main {padding:10px 0; height: 420px; }

  #footer { 
    background: transparent;
    padding: 10px 10px;
	text-align:right;
    /* border-top: 5px #efefef solid; */

  }

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

  /*
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  
  
  #col1 { width: 35%; height: 440px; }
  #col1_content { padding: 10px 10px 10px 20px;  }

  #col2, #col2_content { display:none; }

  #col3 { margin-left: 35%; margin-right: 0;  }
  #col3_content { padding: 10px 10px 10px 10px; text-align: right; }

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

  /**
   * (en) Anpassung der "Shiny Buttons" Navigation
   */

  #nav * {}
  #nav_main { }
  #nav_main ul { margin-left: 10px; }
  
  
  #nav_main ul li a,
  #nav_main ul li strong { color: #bbb; }
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {  color: #eeeeee ; }
  
  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { color: #eeeeee; }
  
  .beschreibung   { height: 190px;}
  .beschreibung2  { height: 220px;}
  
  .right { float:right;}
  .vmitte {height:400px; vertical-align:middle}


  /**
   * Fonts
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   * @section content-fonts
   */

  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }
  
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
font-family: Arial,sans-serif;
    font-size: 75.00%; 
    color: #eee;  
  }
  
  h1,h2,h3,h4,h5,h6 { 
  	font-family:'Vonness Medium',Arial,sans-serif;
  	margin: 0 0 0.25em 0; 
  }

  h1 a,       /* 24px */
  h1 a:hover,
  h1 a:focus,
  h1 a:active{ 
  	font-size: 250%;
  	color: #800000;
	font-style:italic;
	font-weight:lighter;}
  h2 { font-size: 200%; }         				/* 24px */
  h3 {  font-size: 95%}                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */


  p { font-size: 90%; line-height: 1.5em; margin: 0 0 1em 0; }

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

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

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

  /**
   * Generic Content Classes
   * (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;  margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #bbbbbb; text-decoration:none; outline:none}
  a:focus,
  a:hover,
  a:active {color:#eeeeee;}
  
  #topnav a {  }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { }
  
  #footer a { color: #bbbbbb; background:transparent; font-weight: bold;}
  #footer a#current,
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #eeeeee;}
  
  .pfeil { font-size: 120%; font-weight:bold; letter-spacing: 3px; margin-bottom: 10px}
  

  /**
   * Bugfix for IE 3-Pixel-Jog Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col3 { height: 1%; }
  * html #col1 {margin-right: -3px;}
  * html #col3 { margin-left: 21.5%; }

 /**
  * min-width/max-width workaround for IE5.x & IE6
  *
  * @workaround
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      no
  */

  * html #page_margins {
    /* Fallback if JavaScript is disabled */
    width: 80em;

    /* JS-Expression for min-/max-width simulation */
	width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )));
  }