/* @charset "UTF-8"; */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
/* @charset "UTF-8"; */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @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) $
 */

@media all
{

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) 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 {overflow:auto;}
  * html frameset {overflow:hidden;}

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left; /* LTR */
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) 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: ""; }

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

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header {position:relative;}

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align: right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 6px;
    right: 20px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #seitennavigation, #main, #footer {clear:both;}

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content {position:relative;}

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

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox {overflow:hidden;}

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

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

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; border-top:1px dashed #ccc;}

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .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%; margin-top:5px; margin-bottom:5px;}
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0;}
  .subcr { padding: 0 0 0 1em;}

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

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

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }
}


/* import screen layout | Screen-Layout einbinden */
/* @charset "UTF-8"; */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #ddd; padding: 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 1% 5% 0 5%; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
  #header { padding: 0 2em 0 20px; color: #000; background:transparent url(http://www.hohen-sülzen.de/images/uploads/bilder/hg_verlauf1.jpg) no-repeat top left; height:160px; }
  #topnav { color: #aaa; background: transparent; }
  #nav { overflow:visible; z-index: 4; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
  div.hlist {  }
  #main { clear: left; } 
  #main { margin: 0 0 5px 0; padding-top:10px; background: #fff; }
  #footer { padding: 10px 20px; color:#666; background: #fffaee; border-top: 2px #ccc solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul {margin-left:100px;}

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 25%;}
  #col2 { float: right; width: 25%;}
  #col3 { width: auto; margin: 0 25% 0 25%;}
  #col1_content { padding: 20px 10px 20px 20px; background:#f9f9f9; }
  #col2_content { padding: 20px 20px 0 10px; background:#fffaee;}
  #col3_content { padding: 20px 10px 0 10px; }
  #col1_content_nav {padding: 15px 10px 20px 10px; background:#fff;}


  /* set column dividers */ 
  #col3_content { border-left: 1px #ccc solid; }
  #col3_content { border-right: 1px #ccc solid; }
	
  /*-------------------------------------------------------------------------*/
  /* thumbnail */
  .thumbnail {
	padding: 5px;
	float: left;
	margin:0 10px 10px 0;
	width:100px;
	w\idth:90px;
	text-align:center;
	}	

.caption { font-size: 7pt; padding-top: 0.2em ;	}
  
   /*-------------------------------------------------------------------------*/
  
}
/* @charset "UTF-8"; */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 *
 * @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) $
 */

@media all
{

#nav {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:100%;
	margin:0;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position: relative;
    background: #ff9900; /*wappenorange */
    line-height: 1;
	text-align:left;
    font-size: 10pt;	
  }

#sfnav, #sfnav ul {
	float: left;
	width: 80%;
	list-style: none;
	line-height: 1;
	background: transparent;
	padding:0;
	margin:0;
}

#sfnav a {
	display: block;
	width: auto;
	color: #ffffbb;
	text-decoration: none;
	padding: 0 13px 1px 13px;
}

#sfnav a:hover.vater,
#sfnav a:active.vater {
	background: transparent url(../../img/pfeil-rot.gif) center right no-repeat;
}

#sfnav a.aktiv {
    color: #ffffbb;
    background:#fff;
}

#sfnav li {
	float: left;
	display:inline;
	padding:0;
	margin-left:0;
	width: 14em; /* Opera benoetigt eigentlich Angaben, aber es funktioniert auch so */
	background:#669900; 
	border-right:1px solid #ccc; 
	border-left:1px solid #ccc; 
}

#sfnav li.erste {
margin-left:0;
}

#sfnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15em;
	font-weight: normal;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	/* background:#f6d300; */
	margin: 0 0 1em 0;
	white-space:nowrap;	
}

#sfnav li li {
	padding:0 1em 0 5px;
	background:#fff;
    margin: 0;
	width: 13.5em; 
	white-space:nowrap;	
}

#sfnav li ul a {
    color:#666;
	background:#fff;
	width: 12.15em;
}

#sfnav li ul ul {
	margin: -1.62em 0 0 14.55em;
}

#sfnav li:hover ul ul, #sfnav li.sfhover ul ul {
	left: -999em;
}

#sfnav li:hover ul, #nav li li:hover ul,
#sfnav li.sfhover ul, #nav li li.sfhover ul {
	left:auto;
}

#sfnav li:hover, #sfnav li.sfhover {
	background:#ff9900;

}
 

/* Seitennavigation */

#seitennavigation {
	/* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 97%;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position: relative;
    background: transparent;
    line-height: 1;
	text-align:left;
	font-size:10pt;
    margin-left:7px;
}

#seitennavigation h3 {
margin: 5px 0 10px 0;
padding: 4px 0 4px 12px;
color: #339900;
background: transparent;
font-size:12pt;
border-top:1px solid #669900;
border-bottom:1px solid #669900;
letter-spacing:1px;
}

#seitennavigation h3 a:hover, 
#seitennavigation h3 a:focus,
#seitennavigation h3 a:active {text-decoration:none;}

#seitennav ul {
 margin:0; 
 padding:0; 
 }

#seitennav li {
 margin:0; 
 padding:0;
 list-style:none; 
 }

#seitennav li.erste { border-top:1px solid #ccc; }

#seitennav li a {
 text-decoration:none; 
 display:block; 
 padding:2px 0 2px 12px; 
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:1px solid #ccc;
 color: #ffffbb;
 background:#669900;
 }

#seitennav li a:hover,
#seitennav li a:active,
#seitennav li a:focus {
 padding:2px 0 2px 12px; 
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:1px solid #ccc;
 color:#fff;
 background:#ff9900;
 }
 
#seitennav li a.aktiv_s {
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:1px solid #ccc;
 color:#fff;
 background:#ff9900;
 }

/* Navigation 2. Ebene */ 
 #seitennav2 ul {
 margin:0; 
 padding:0; 

 }

#seitennav2 li {
 margin:0; 
 padding:0;
 list-style:none; 
 }

#seitennav2 li a {
 text-decoration:none; 
 display:block; 
 padding:1px 0 1px 12px; 
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:10px solid #ccc;
 color: #666;
 background:#fefefe;
 }

#seitennav2 li a:hover,
#seitennav2 li a:active,
#seitennav2 li a:focus {
 padding:1px 0 1px 12px; 
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:10px solid #ccc;
 color:#669900;
 background:#fefefe;
 }
 

}

/* @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 Schriftgroessen auf Standardgroesse (16 Pixel) zuruecksetzen */
  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: "MS Sans Serif", Geneva, sans-serif;
	font-size: 90.00%;
	color: #000;
}

/*--- DIV Breadcrumb ------------------------------------------------------------------------*/

#breadcrump {
  margin: 4px 0 6px 0;
  padding: 2px 0 4px 0;
  font-size: .8em;
  border-bottom: 1px dotted #999;
 }


  /*--- Headings | Ueberschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4 {
    font-weight:normal;
    color:#333;
    margin: 0 0 .5em 0;
  }

  h1 { font-size: 150%; }                       /* 18px  150% */
  h2 { font-size: 133.33%; }                    /* 16px 133,33% */
  h3 { font-size: 116.67%; }                    /* 14px 116.67%*/
  h4 { font-size: 91.01%; }                    /* 12px 91.01% */


 #col1_content h3, 
 #col2_content h3 {
	margin:0 0 .5em 0;
	padding:3px 5px;
	border-top:1px dotted #339900;
	border-bottom:1px dotted #339900;
	font-size:1em;
  }

  #col2_content h3.second {
    margin:1.5em 0 .5em 0;
    padding:3px 5px;
    border-top:1px dotted #339900;
    border-bottom:1px dotted #339900;
    font-size:1em;
  }
  
 #col3_content h2 {
        margin: .7em 0 .5em 0;
}
  #col3_content h3 {
  	margin: 0 0 .3em 0;
        font-weight:bold;
  }

.archiv {
color:#ff9900;
background:transparent;
border-bottom: 1px solid #999;
}  

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

  ul, ol, dl { line-height: 1.5em; margin: .5em 0 1em .5em; }
  ul li {
	list-style-type: square;
}
  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; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }
  
  #col1_content ul li, 
  #col2_content ul li {
  font-size:.8em;
  }
  #col1_content li, 
  #col2_content li {
  margin:0 0 .5em .8em;
  }
  
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }
  .klein {font-size:.5em;}
   
  #topnav {
  font-size:9pt;
  letter-spacing:.1em;
  }
  
  #col1_content p, 
  #col2_content p {
  font-size:.8em;
  }
  
  #col3_content p {
  font-size:.9em;
  }
  
  #footer p {
  margin:0;
  padding:0;
  text-align:right;
  font-size:8pt;
  color:#333;
  background:transparent;
  }
  
  blockquote, cite, q {
    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: 100%; }
  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;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  /*---- Images ---------------------------- */
  
  #col3_content img {
  border:1px solid #ccc;
   } 
  
  
  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #339900; background:transparent; text-decoration:none; }
  a:link { color: #339900; }
  a:visited  { color: #009900; }

  a:hover,
  a:focus,
  a:active { color:#ff9900; text-decoration:underline; }
  
  #col3_content a:hover,
  #col3_content a:focus,
  #col3_content a:active { color:#ff9900; text-decoration:none; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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.5em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.5em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }
  .ls_abstand {}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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; 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: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }


/* ------------------ Formular / Suche ----------------------------- */

fieldset {
  margin: 20px 0 10px 0;
  padding: 10px 0 0 20px;
  border: 1px solid #ccc;
}
legend {
  margin:0;
  padding: 4px 6px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  color: #669900;
  font-weight:bold;
  font-size: 1em;
  letter-spacing:1px;
}


.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-size:         11px;
height:            1.4em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.input_r {
float: right;
padding:           .3em 0 0 2px;
margin:        0 6px 0 0;
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-size:         11px;
height:            1.4em;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-size:         10px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           0 3px 1px 3px;
margin-top:        0px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #999;
}

   input, textarea {
   background: #f9f9f9;
   }

   input:focus, textarea:focus {
   color: #000;
   background: #fff;
   outline: 1px solid #669900;
   }


label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
 cursor: pointer;
 cursor: hand;
  }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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;
  }
  */
}


/* import print layout | Druck-Layout einbinden */
/* @charset "UTF-8"; */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet - print layout
 * (de) YAML Core-Stylesheet - Druck Layout
 *
 * Don't make any changes in this file!
 * Your changes should be added to 'print_xyz_draft.css' drafts from 'yaml/print/' folder.
 *
 * @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) $
 */

@media print
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body { font-size: 10pt; }
  
  /* (en) Reset Scrollbar-Fix for FF in screenlayout */
  /* (de) Zurücksetzen des Scrollbar-Fix for FF aus dem Screenlayout */
  html { height: auto; margin-bottom: 0; }

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav, #nav, #search { display: none; }

  /* (en) Disable background graphics of links  */
  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */
  body a[href^="http:"],
  body a[href^="https:"] {
    padding-left: 0;
    background-image: none;
  }
    
 /**
  * (en) overflow:hidden Bug in print layouts
  * (de) overflow:hidden Bug in Drucklayouts
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */

  .floatbox,
  .subcolumns,
  .subcolums_oldgecko { overflow:visible; display: table; }

  /* (en) Linearising subtemplates */
  /* (de) Linearisierung der Subtemplates */
  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
    width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important;
  }

#col1 { display: none; }
#col2 { display: none; } 
#col3, #col3_content { width: 100%; margin: 0; padding: 0; border:0 }

  .subc, .subcl, .subcr  { margin: 0; padding: 0; }

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { position: static; left: 0; }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }

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

  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 {page-break-after:avoid;}

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

  /* (en) Preparation for optional column labels */
  /* (de) optionale Spaltenauszeichnung */

  #col1_content:before, #col2_content:before, #col3_content:before {
    content: "";
    color:#888;
    background:inherit;
    display:block;
    font-weight:bold;
    font-size:1.5em;
  }

   textarea, input[type=text] {
   border:none;
   border-bottom: 2px #000 dashed;
   }

}