/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright			 Copyright 2005-2012, Dirk Jesse
 * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *									YAML-CDL (http://www.yaml.de/license.html)
 * @link						http://www.yaml.de
 * @package				 yaml
 * @version				 v4.0.1
 * @revision				$Revision:724 $
 * @lastmodified		$Date:2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 * @appdef yaml
 */

@media all {
/**
	* @section global typography settings
	*
	* vertical rhythm settings (based on em-unit)
	* -------------------------------------------
	* basefont-size:14px (87.5%)
	* line-height	:21px (factor:1.5)
	*/

	/* (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%;
}
/**
	* (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,  input,  select,  pre,  code,  kbd,  samp,  var,  tt {
	font-family:'Open Sans', sans-serif;
}
/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
	body {
	font-family:'Open Sans', sans-serif;
	font-size:87.50%; /* base:14px */
	color:rgb(100,100,100);
	/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
}
/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,  h2,  h3,  h4,  h5,  h6 {
	font-weight:400;
	line-height:1em;
}
h1 {
	font-size:171.4285%;
	line-height:1em;
	margin:0;
	text-transform:uppercase;
	color:white;
 text-shadow:;
}
h2 {
	font-size:171.4285%;
	line-height:1.3em;/* nachträgliche Änderung (Windows) Dawa Le Ross: 2013-01-25: Abstand zu Inhaltselementen nicht nach Entwurf, geändert auf 1em, war 1.125em */ /* Nachträgliche Änderung (Mac) Dawa Le Ross: 2013-04-19: Abstand wieder vergrößert, auf 1.3em */
	color:rgb(50,180,245);
	margin:.9em 0 .5em;
}
h3 {
	font-size:171.429%;
	line-height:0.8571em;
	margin:0.8571em 0 0 0;
	color:rgb(50,180,245)
}
h4 {
	font-size:100%;
	text-transform:uppercase;
	color:rgb(120,120,120);
	/* Nachträgliche Änderung DAWA:2013-01-25 :Datenübernahme :Überschriften zu lang 
		line-height:1em;
		margin:0.714em 0 0; */
		line-height:1.25em;
	margin:0.6em 0 .5em;
}
h5 {
	font-size:100%;
	line-height:1.143em;
	margin:1em 0 0 0;
}
#tx-digipetsprodukte-wrapper h5 {
	font-weight:600;
	line-height:1.5em;
}
h6 {
	font-weight:600;
	font-size:85.714%;
	line-height:1.5em;
	margin:1.2em 0 0;
}
/* --- Lists | Listen	-------------------------------------------------------------------------------- */
	/* DIGIPETS :Dawa:Mark :Accordion Datenbank kann über die Klasse ".accordion-db" angesprochen werden, falls benötigt */
ul, ol, dl {
	font-size:12px;
	line-height:1.5em;
	margin:1.5em 0 0 1em;
}
.csc-default ul, .csc-default ol, .csc-default dl {
	/* font-size:85.714%; */
	line-height:1.5em;
	margin:1.5em 0 0 1em;
}
.layout-3-col .ym-col2 ul, .layout-3-col .ym-col3 ul, .layout-2-col .ym-col3 ul, .layout-3-col .ym-col2 ol, .layout-3-col .ym-col3 ol, .layout-2-col .ym-col3 ol, .layout-3-col .ym-col2 dl, .layout-3-col .ym-col3 dl, .layout-2-col .ym-col3 dl {
	/* font-size:85.714%; */
	margin:0.571em 0 0;
	padding-left:0;
}
.layout-3-col .ym-col2 ul, .layout-3-col .ym-col3 ul, .layout-2-col .ym-col3 ul {
	list-style:none !important;
}
.layout-3-col .ym-col2 ol, .layout-3-col .ym-col3 ol, .layout-2-col .ym-col3 ol {
	padding:0 0 0 1.5em;
}
.layout-3-col .ym-col2 ul ul, .layout-3-col .ym-col3 ul ul, .layout-2-col .ym-col2 ul ul, .layout-2-col .ym-col3 ul ul, .layout-3-col .ym-col2 ul ol, .layout-3-col .ym-col3 ul ol, .layout-2-col .ym-col2 ul ol, .layout-2-col .ym-col3 ul ol, .layout-3-col .ym-col2 ol ol, .layout-3-col .ym-col3 ol ol, .layout-2-col .ym-col2 ol ol, .layout-2-col .ym-col3 ol ol, .layout-3-col .ym-col2 ol ul, .layout-3-col .ym-col3 ol ul, .layout-2-col .ym-col2 ol ul, .layout-2-col .ym-col3 ol ul {
	margin-top:0;
}
.layout-3-col .ym-col2 li, .layout-3-col .ym-col3 li, .layout-2-col .ym-col3 li {
	margin:.5em 0 0;
	padding-left:1.5em;
}
.layout-3-col .ym-col2 ul li, .layout-3-col .ym-col3 ul li, .layout-2-col .ym-col3 ul li {
	background-image:url("../../images/koehl-sprite.png");
	background-position:-293px -318px;
	background-repeat:no-repeat;
}
.layout-3-col .ym-col2 ol li, .layout-3-col .ym-col3 ol li, .layout-2-col .ym-col3 ol li {
	margin:.5em 0 0;
	padding-left:0;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
ul ul {
	list-style-type:circle;
	margin-top:0;
}
ol ol {
	list-style-type:lower-latin;
	margin-top:0;
}
ol ul {
	list-style-type:circle;
	margin-top:0;
}
li {
	/* font-size:1em; */
	line-height:1.5em;
	margin-left:0.8em;
}
dt {
	font-weight:bold;
}
dd {
	margin:0 0 1.5em 0.8em;
}
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p {
	font-family:'Open Sans', sans-serif;
	/* font-size:0.857em; */
		font-size:12px;
	line-height:1.5em;
	margin:0.571em 0 0 0;
}
blockquote, cite, q {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
blockquote {
	margin:1.5em 0 0 1.5em;
	color:#666;
}
strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
big {
	font-size:116.667%;
}
small {
	font-size:85.71%;
}
pre,  code,  kbd,  tt,  samp,  var {
	font-size:100%;
}
pre {
	line-height:1.5em;
	margin:1.5em 0 0 0;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}
pre, code {
	color:#800;
}
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,  sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}
mark {
	background:#ff0;
	color:#000;
}
hr {
	color:#fff;
	background:transparent;
	margin:0 0 0.75em 0;
	padding:0 0 0.75em 0;
	border:0;
	border-bottom:1px #eee solid;
}
/*--- Links ----------------------------------------------------------------------------------------- */

	a {
	color:rgb(40,165,235);
	text-decoration:none;
}
a:active {
	outline:none;
}
/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	a:hover,  a:focus {
	text-decoration:none;
}
p a:hover,  p a:focus {
	text-decoration:underline;
}
h3 + ul li a,  h4 + ul li a,  h5 + ul li a,  h6 + ul li a,  li.download-link a,  .layout-2-col .ym-col3 .csc-header + ul li a,  .layout-3-col .ym-col2 .csc-header + ul li a,  .bodytext + ul li a,  #color-page-tree ul li a,  .csc-sitemap ul li a {
	background-color:white;
	background-image:url("../../images/koehl-sprite.png");
	background-position:-292px -66px;
	background-repeat:no-repeat;
	margin:0 0 0 -1.5em;
	padding-left:1.5em;
}
h3 + ul li a:hover,  h4 + ul li a:hover,  h5 + ul li a:hover,  h6 + ul li a:hover,  li.download-link a:hover,  .layout-2-col .ym-col3 .csc-header + ul li a:hover,  .layout-3-col .ym-col2 .csc-header + ul li a:hover,  .bodytext + ul li a:hover,  #color-page-tree ul li a:hover,  .csc-sitemap ul li a:hover,  h3 + ul li a:focus,  h4 + ul li a:focus,  h5 + ul li a:focus,  h6 + ul li a:focus,  p.bodytext + ul li a:focus,  #color-page-tree ul li a:focus,  .csc-sitemap ul li a:hover {
	text-decoration:underline;
}
.odd li.download-link a,  .news-accordion .accordion-content .content-text li a {
	background-color:rgb(235,235,235);
}
/* --- images ------------------ */

	img,  figure {
	margin:0;
}
.flexible {
	margin-top:1.5em;
	max-width:100%;
	height:auto;
}
* html .flexible {	/* IE6 support */
	width:98%;		/* 2% space for borders */
}
.bordered {
	margin-top:1.5em;
	border:2px #eee solid;
	border:2px rgba(255,255,255,1) solid;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.25);
	box-shadow:0 0 3px rgba(0,0,0,.25);
}
/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	.highlight {
	color:#c30;
}
.dimmed {
	color:#888;
}
.box {
	border-radius:0.3em;
	border-width:1px;
	border-style:solid;
	border-color:#888;
	border-color:rgba(0,0,0,.3);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	color:#444;
	color:rgba(0,0,0,.8);
	padding:1.4286em;
	margin:1.5em 0 0 0;
}
.box > *:first-child {
	margin-top:0;
}
.label {
	font-family:Verdana, Geneva, sans-serif;
	padding:1px 6px 2px;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	white-space:nowrap;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#06C;
	color:#fff;
	font-size:10px;
	line-height:12px;
}
.info {
	background:#f4f4f4;
}
.success {
	background:#8c8;
}
.warning {
	background:#cc8;
}
.error {
	background:#c88;
}
.float-left {
	float:left;
	display:inline;
	margin:1.5em 1em 0 0;
}
.float-right {
	float:right;
	display:inline;
	margin:1.5em 0 0 1em;
}
.center {
	display:block;
	text-align:center;
	margin:1.5em auto 0 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:100%;
	border-collapse:collapse;
	margin:1.3571em 0 0 0;
	color:#333;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
table.narrow {
	margin:	1.4286em 0 0 0;
}
table.narrow th,  table.narrow td {
	padding:0 0.5em;
	line-height:1.4286em;
}
table.bordertable {
	border:1px #ccc solid;
}
table caption {
	font-variant:small-caps;
}
th, td {
	line-height:1.5em;
	vertical-align:top;
	padding:0.7143em 0.5em;
}
th *:first-child,  td *:first-child {
	margin-top:0;
}
th.nowrap,  td.nowrap {
	white-space:nowrap;
}
thead th {
	text-align:left;
	color:#000;
	border-bottom:2px #000 solid;
}
.bordertable thead th {
	background:#e0e0e0;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
.bordertable tbody th[scope="row"] {
	background:#f0f0f0;
}
tbody th {
	text-align:left;
	border-top:1px solid #ccc;
	text-align:left;
}
.bordertable tbody th {
	border-right:1px solid #ccc;
}
tbody td {
	text-align:left;
	border-top:1px solid #ccc;
}
.bordertable tbody td {
	border-right:1px solid #ccc;
}
/* highlight row on mouse over */
	tbody tr:hover th,  tbody tr:hover td {
	background:#f8f8f8;
}
}
