/**
 * "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-2011, 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.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 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 13,33px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 13.33 Pixeln */
  body {
    font-family:Lato, Arial, Helvetica, sans-serif;
    font-size:83.33%;
    color:#333;
    line-height:1.5em;
  }
  body #col3_content {
    font-size:112% !important;
  }

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

  h1,h2,.h2,h3,.h3,h4,h5,h6 {
    font-family:"Crimson Text", "Times New Roman", "Times Roman", Times, serif;
    font-weight:700;
    color:#B0101B;
    margin:0;
  }

	h1 {
		font-weight: 400;
		font-size:2.40em;      /* 32px */
		line-height: 1.2500em; /* 40px */
		margin-top: 0 !important;
		margin-bottom: 0.6250em !important;  /* 20px Abstand unten */
	}

	h2, .h2 {
		font-size:1.90em;      /* 25px */
		line-height: 1.5789em; /* 40px */
		margin-top: 0.3947em !important;     /* 10px Abstand oben  */
		margin-bottom: 0.3947em !important;  /* 10px Abstand unten */
    letter-spacing:-0.02em;
	}

	h3, .h3 {
		font-size:1.50em;      /* 20px */
		line-height: 2.0000em; /* 40px */
		margin-top: 0.5000em !important;     /* 10px Abstand oben  */
		margin-bottom: 0.5000em !important;  /* 10px Abstand unten */
    letter-spacing:-0.02em;
		color:#444
	}

	h4 {
		font-size:1.35em;      /* 18px */
		line-height: 2.2222em; /* 40px */
		margin-top: 0.5555em !important;     /* 10px Abstand oben  */
		margin-bottom: 0.5555em !important;  /* 10px Abstand unten */
    color:#333;
	}

	h5 {
		font-size:1.20em;      /* 16px */
		line-height: 1.2500em; /* 20px */
		margin-top: 0.6250em !important;     /* 10px Abstand oben  */
		margin-bottom: 0.6250em !important;  /* 10px Abstand unten */
    color:#333;
	}

	h6 {
		font-size:1.0875em;    /* 14.5px */
		line-height: 1.3793em; /* 20px */
		margin-top: 0.6897em !important;     /* 10px Abstand oben  */
		margin-bottom: 0.6897em !important;  /* 10px Abstand unten */
    color:#222;
    letter-spacing:2px;
	}


  #col1 h2,
  #col1 .h2 { font-size:1.35em; color:#7e7e7e; line-height: 1.15em; }
  #col1 a.h2 {
    display:table; width:100%;
    padding: 5px 5px 0;
    color:#B0101B;
  }
  #col1 a.h2:hover {
    color:#fff; background-color:#B0101B;
  }
  #col1 h2 .smaller { letter-spacing:-0.05em; }

  #col2 h4,
  #col2 h5,
  #col2 h6 { color:#B0101B; }



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

  ul { margin:1.5em 0; }
  ol,
  dl { margin:1.5em 0; }
  ol ol { margin:0; }

  #col3 ul {
	list-style-type:disc;
	overflow:hidden;        /* wichtig, wenn Liste neben gefloatetem Inhalt steht */
  }

  #col3 ol {
	list-style-type:decimal;
	overflow:hidden;        /* wichtig, wenn Liste neben gefloatetem Inhalt steht */
  }


  #col3 ul li {
    list-style-type:none;
    background-image: url(../../../abb/arrow_grey.gif);
    background-repeat: no-repeat;
    background-position: left 0.5em;
    padding-left: 1.5em;
  }
  ul ul li {
    list-style-type:circle;
    background-image: none;
    padding-left: 0;
    margin-left: 1.3em
  }

  ol li { margin-left:2em; list-style-type:decimal }
  ol ol li { margin-left:1.5em; list-style-type:lower-latin }

  li { line-height:1.5em; padding-top: 0.2em; padding-bottom: 0.2em }

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

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

  p { margin:0 }

  blockquote, cite, q {
    font-family:"Crimson Text", Georgia, "Times New Roman", "Times 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; }

  .bigger,
  big {
    font-size:1.20em;     /* 16px */
  }
  .breadbrumb,
  .kleiner,
  .more,
  small {
    font-size:0.8250em;   /* 11px */
	line-height:1.2em;
  }
  div.more {line-height:1.8182em; margin-top:0.9091em; margin-bottom:0.9091em; } 
 
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#B0101B; white-space:pre-wrap}
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  
  sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; }

  hr {
    color:transparent;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #900 solid;
    width:75%;
  }

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

  /* für normale Links siehe auch Patch-Datei */
  a:link, a:visited { color:#b0101b; text-decoration:none; background-color:transparent; font-weight:bold }

  div#headerlinks a:link, div#headerlinks a:visited
    { color:#444; text-decoration:none; background-color:transparent; font-weight:normal }

  h3 a:link, h3 a:visited
    { color:#444; text-decoration:none; background-color:transparent; }

  h4 a:link, h4 a:visited,
  h5 a:link, h5 a:visited
    { color:#333; text-decoration:none; background-color:transparent; }

  h6 a:link, h6 a:visited
    { color:#222; text-decoration:none; background-color:transparent; }

  a:hover, a:active,
  div#headerlinks a:hover, div#headerlinks a:active,
  h3 a:hover, h3 a:active,
  h4 a:hover, h4 a:active,
  h5 a:hover, h5 a:active,
  h6 a:hover, h6 a:active
    { color:#fff; text-decoration:none; background-color:#b0101b }


  a.nichthinterlegt:link,
  a.nichthinterlegt:visited,
  a.nichthinterlegt:hover,
  a.nichthinterlegt:active { text-decoration:none; background-color:transparent }

  .breadbrumb a:link,
  .breadbrumb a:visited  { color:#666; font-weight:normal; padding: 3px 4px }
  .breadbrumb a:hover,
  .breadbrumb a:active   { color:#fff; text-decoration:none }

  .more a:link,
  .more a:visited  { color:#000; font-weight:normal }
  .more a:hover,
  .more a:active   { color:#fff; text-decoration:none }

  #footer a:link,
  #footer a:visited { font-size:0.9em; color:#000; text-decoration:none; font-weight:normal; }
  #footer a:hover,
  #footer a:active  { color:#fff; }

  /* Hack für IE8 - verlinkte Bilder auf Baseline */
  a>img { vertical-align: bottom; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
  
  p.icaption_left  { float:left;  display:inline; margin: 0 10px 7px 30px; width:290px; }
  p.icaption_right { float:right; display:inline; margin: 0 30px 7px 10px; width:290px; }

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

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

    /* Bilder innerhalb von Textabschnitten */
	.float_left img,
	.float_right img,
	.float_center img { width:100% }
	.bordering { /* vgl. http://maddesigns.de/css3/css3-im-praktischen-einsatz.html */
	  /* border: 1px solid #B0101B; */
	  /* border-radius:5px; */
	  box-shadow: 2px 2px 2px #999;
	  background:#f0f0f0; padding:6px;
	}
	.bordering_img { border: 1px solid #555 }
	.bordering .highslide img { border:0 }
	
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #ff6600; }
  .dimmed { color: #888888; }

  .info { background-color: #F0F0F0; color: #333; padding: 10px; box-shadow: 2px 2px 2px #999; margin-bottom: 1em; }

  .note,
  .hinweis  { background-color: #F0F0F0; color: #000; border: 2px #333 solid; box-shadow: 2px 2px 2px #999; padding: 10px; margin-bottom: 1em; margin-left: -2px }
  .important,
  .wichtig  { background-color: #ffe; color: #808040; font-weight:bold; border: 2px #808040 solid; box-shadow: 2px 2px 2px #808040; padding: 10px; margin-bottom: 1em; margin-right: 2px }
  .warning,
  .warnung,
  .yform .note { background-color: #fee; color: #B0101B; border: 2px #B0101B solid; padding: 10px; margin-bottom: 1em; }

  .float_left   { float:left;  margin: 0.5em 1.0em 0.5em 0; width:27% }
  .float_right  { float:right; margin: 0.5em 0 0.5em 1.0em; width:27% }
  .float_center { float:none;  margin: 0.5em auto 0.5em;  width:27% }

  .wMP3 { width:33%; mn-width:200px; } /* für MP3-Player */
  .w33 { width:33% }
  .w40 { width:40% }
  .w50gal { width:48%; margin-left:0; margin-right:0 } /* für 'Galerien' */
  .w50 { width:50% }
  .w60 { width:60% }
  .w66 { width:66% }
  /* folgende Klassen sollen nicht von Text umflossen werden */
  .w75 { float:none;  margin: 0 auto 0.5em;  width:75% }
  .w90 { float:none;  margin: 0 auto 0.5em;  width:90% }
  .w100 { float:none; margin: 0 auto 0.5em;  width:100% }


  .center,
  div.formbuttons { 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
  */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border: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: 8px; vertical-align: top; border:0; }
  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: center; }
  tbody td { border-bottom: 1px solid #eee; }
  #mod_search tbody td { border-bottom: 0px; }

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

  #col2 table { border:0; }
  #col2 th,
  #col2 td  { padding:1px; border:0;}
  #col2 td  { text-align:left;}
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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;
  }
  */
  form { margin: 0; padding: 0 }


  form input,
  form textarea,
  form select {
    font-family: Arial,Helvetica,Geneva,Verdana,sans-serif; /* proportional fonts for all form elements */
	border: 1px solid #900;
  }


  .button, .resetbutton, .submitbutton {
    font-weight: bold;
    color: #A13F3F;
    background-color: #d3d3d3;
    border: 1px solid #990000;
  }

  .resetbutton {
    color: #999;
    background-color: #fff;
  }

  .submitlink {
    font-weight: bold;
    height: 1.5em;
    text-align: left;
    color:#990000;
    background-color: transparent;
    border: none;
    width: 10em;
    overflow: visible;
  }

  .suchfeld {
    color: #000000; background-color: #f2f2f2;
    font-size: 0.9em;
    width: 11em;
    border: 1px solid #777;
    padding: 1px 0;
  }

  .suchbutton {
    color: #ffffff; background-color:#b0101b;
    font-size: 0.875em;
    font-weight: bold;
    border: 1px solid #777;
    padding: 0 0.2em;
  }

  .searchhighlight {
    padding: 1px; color: #ffffff; background-color: #b0101b;
  }

  #col2  form ,
  #EditionVK { margin: 2em 0 }
  .EditionVKlogo { margin-bottom:6px }
  p.Stern ,
  #BeschreibungEditionVK { margin: 1em 0; color:#7e7e7e }
  #HeftBeschreibung { margin-top:0.8em }
  #HeftCover { margin:0.4em auto; width:75% }
  
  .oh-clear { overflow:hidden } /* um Inhalte neben gefloatete Elemente zu setzen und diese nicht umfließen */
  
  img.volleBreite {width:100%}
  img.volleBreite.Res{margin:0.6em 0}
  
  div.highslide-html + div .highslide-controls {display:none} /* hiding controls from html-PopUps */
  
  img.bullet { float: left; height:1em;margin-top: 0.75em;margin-right:0.3em; }

  .breadbrumb .highlight { color: #000; padding: 3px 4px; }
  .breadbrumb .trenner   { font-size:larger; font-weight: bold; color: #900; padding: 3px 4px; }

  .strong,
  .CIbold { font-weight:bold; color:#900 }
  .CI { color:#900 }
  .pager .active strong { color:#666 }
  .pager .passive strong { visibility: hidden }
  .emphasized {
	  font-weight:bold;
	  font-size:1.20em;      /* 16px */
	  line-height: 1.2500em; /* 20px */
	  margin: 1.2500em 0;    /* 20px Abstand oben und unten */
  }
  .article { margin-bottom:4.5em } /* 60px Abstand zw. Artikeln */
  td.next2emphasized { line-height:1.75em }

  audio {
    width:100%;
    background: rgba(255,0,0,1);
  }
  
  
/* Bei hineinkopierten Formatierungen Alarm schlagen */  
  span[style~="font-size:"]:after,
  span[style~="font-family:"]:after {
    content:" NIEMALS Inhalte hineinkopieren, ohne Formatierungen vorher 'platt zu machen'!!! Falsche(r) Parameter hier: "attr(style);
    color:red;
    background:#ff0;
    font-style:italic;
	font-weight:bold
  }
  [class~="jce_file"]:after,
  [class~="jce_icon"]:after,
  link[href]:after {
    content:" NIEMALS Inhalte hineinkopieren, ohne Formatierungen vorher 'platt zu machen'!!!";
    color:red;
    background:#0ff;
    font-style:italic;
	font-weight:bold
  }
  .MsoNormal:before {
    content:" NIEMALS Inhalte hineinkopieren, ohne Formatierungen vorher 'platt zu machen'!!! Fehler: Klasse MsoNormal";
    color:red;
    background:#0f0;
    font-style:italic;
	font-weight:bold
  }


}