/**
 * "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
 */

 /* public-sans-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Public Sans Exlt';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/public-sans-v15-latin-200.woff2') format('woff2'),
       url('../fonts/public-sans-v15-latin-200.ttf') format('truetype');
}

/* public-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Public Sans Lt';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/public-sans-v15-latin-300.woff2') format('woff2'),
       url('../fonts/public-sans-v15-latin-300.ttf') format('truetype');
}

/* public-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Public Sans Rg';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/public-sans-v15-latin-regular.woff2') format('woff2'),
       url('../fonts/public-sans-v15-latin-regular.ttf') format('truetype');
}

/* public-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Public Sans Md';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/public-sans-v15-latin-500.woff2') format('woff2'),
       url('../fonts/public-sans-v15-latin-500.ttf') format('truetype');
}

/* public-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Public Sans Smbd';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/public-sans-v15-latin-600.woff2') format('woff2'),
       url('../fonts/public-sans-v15-latin-600.ttf') format('truetype');
}

/* public-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Public Sans Bd';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/public-sans-v15-latin-700.woff2') format('woff2'),
       url('../fonts/public-sans-v15-latin-700.ttf') format('truetype');
}


@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,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: arial;
	}

	/* (en) base layout gets standard font size 16px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 16 Pixeln */
	body
	{
		/*font-family: 'DIN Next W01 Regular',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Md',arial,helvetica,sans-serif;
		/*font-size: 93.75%;*/
		font-size: 88%;
		line-height: 1.8em;
		color: #666;
		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust: 100%;
	}
	
	input, select, textarea {
		font-size: 100%;
		color: #666;
	}
	

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

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		color: #666;
		/*font-family: 'DIN Next W01 Medium',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Bd',arial,helvetica,sans-serif;
		font-weight: normal;
		text-transform: uppercase;
	}

	h1 {
		margin: 0 0 0.7em 0;
		font-size: 206.66%;  /* 31px */
		line-height: 1.3em;
	}

	h2 {
		margin: 0 0 0.4em 0;
		font-size: 146.66%; /* 22px */
		line-height: 1.4em;
	}

	h3 {
		margin:0 0 0.5em 0;
		color: #00405d;
		font-size: 100%;
		line-height: 1.4em;
	}

	h4 {
		font-size:133.33%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-weight: bold;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}
	

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

	ul,
	ol,
	dl {
		font-size:1em;
		line-height:1.5em;
		margin: 0.7em 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:1.5em;
	}

	ul li {
		padding-left: 0;
	}

	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }

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

	p {
		font-size:1em;
		margin: 0;
	}

	blockquote, cite, q {
		font-style:italic;
	}

	blockquote {
		margin: 1.5em 0 0 0;
		text-align: center;
	}

	address {
	 font-style: normal;
	}

	strong, b, .bold { 
		font-weight: bold; 
	}

	.fontface strong, .fontface b, .fontface .bold, .fontface .table-header h1 { 
		/*font-family: 'DIN Next W01 Medium',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Bd',arial,helvetica,sans-serif;
		font-weight: normal; 
	}

	.fontface h1 strong, .fontface h1 b { 
		/*font-family: 'DIN Next W01 Regular',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Md',arial,helvetica,sans-serif;
		font-weight: normal; 
	}

	em, i { font-style:italic; }

	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: #009999;
		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.active {
		color: #009999;
		text-decoration: underline;
	}

	a img {
    border: 0 none;
    outline: 0 none;
  }

	#mainnav .opener {
		font-size: 106.66%; 
	}
	
	#mainnav .trigger { 
		color: #999;
		font-size: 106.66%; 
		/*font-family: 'DIN Next W01 Medium',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Bd',arial,helvetica,sans-serif;
		text-decoration: none; 
	}

	#mainnav .trigger:hover,
	#mainnav .trigger.active,
	#mainnav .open .trigger {
		color: #009999;
		text-decoration: none;
	}

	#mainnav .subitems a { 
		color: #fff;
		font-size: 93.33%; 
	}

	#mainnav .subitems a:hover,
	#mainnav .subitems a.active {
		color: #fff;
		text-decoration: underline;
	}

  footer a {
    color: #999;
    text-decoration: none;
  }
  
  footer a:hover { 
    color: #999;
  }

	/* --- images ------------------ */

	img,
	figure {
		margin: 0;
	}

	.flexible {
		max-width: 100%;
		height: auto;
	}
	
	.text img.fleft {
		margin: 4px 15px 5px 0; 
	}

	.text img.fright {
		margin: 4px 0 5px 15px; 
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered,
	.img-border img {
		border: 2px solid #009999;
	}

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	
	.large { font-size: 266.66%; line-height: 1.4em; }
	.semi-large { font-size: 206.66%; line-height: 1.4em; }
	.bold { font-weight: bold; }
	.text-dark { color: #333; }
	.text-green { color: #ccff33; }
	.text-blue {
    color: #009999;
    /*font-family: 'DIN Next W01 Medium',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Bd',arial,helvetica,sans-serif;
  }
	.no-bg { background: none !important; }

	.mtop10 { margin-top: 10px; }
	.ptop10 { padding-top: 10px; }
	.pbot1em { padding-bottom: 1em; }
	.pbot20 { padding-bottom: 20px; }

	.fleft { float: left; }
	.fright { float: right; }

	.float-left {
		float:left;
		display:inline;
		margin: 0.5em 1em 0.5em 0;
	}

	.float-right {
		float:right;
		display:inline;
		margin: 0.5em 0 0.5em 2em;
	}

	.center {
		display: block;
		text-align: center;
	}

	.right {
		text-align:right;
	}
/*	
	.blauer-text {
		padding-bottom: 1em;
		color: #009999;
	}
*/	

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* 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: 95%;
		margin: 0.7em 0;
		border-collapse: collapse;
	}

	table.bordertable {
		border:1px #4c4c46 solid;
	}

	table caption {
		font-variant:small-caps;
	}

	th, td {
		vertical-align: top;
		text-align: left;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		border-bottom: 1px #4c4c46 solid;
	}

	.bordertable thead th {
		background:#e0e0e0;
		border-right:1px #4c4c46 solid;
		border-bottom:1px #4c4c46 solid;
	}

	.bordertable tbody th[scope="row"] {
		background:#f0f0f0;
	}

	.bordertable tbody th {
		border-right:1px solid #4c4c46;
	}

	.bordertable tbody td {
		border-right:1px solid #4c4c46;
	}


 /**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Custom Styles
	*
	*/



	/* Headlines / Slider Box */
	
	.page-header { color: #fff; text-align: center; }
	.page-header .first-line,
	.page-header .second-line {
    font-size: 266.66%;
    /*font-family: 'DIN Next W01 Medium',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Bd',arial,helvetica,sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
  }
	
	.flexslider { color: #fff; text-align: center; }
	.flexslider .first-line,
	.flexslider .second-line {
    font-size: 266.66%; 
    /*font-family: 'DIN Next W01 Medium',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Bd',arial,helvetica,sans-serif;
    line-height: 1.3em; 
    text-transform: uppercase;
  }
	.flexslider blockquote { 
    font-size: 146.66%; 
    /*font-family: 'DIN Next W01 Light',arial,helvetica,sans-serif;*/
		font-family: 'Public Sans Exlt',arial,helvetica,sans-serif;
    line-height: 1.4em;
  }	

	.section-nocols { text-align: center; }

}

/**
 * Responsive : Breite < 768px
 */

@media screen and ( max-width: 767px ) {

	h1,
	.headlines .first-line, 
	.headlines .second-line { font-size: 160%; /* 24px */ line-height: 1.5em; }
	.flexslider blockquote { font-size: 120%; }

	
}