@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-2008, 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.0.6
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@media all
{
	/**
	 * Fonts
	 * (en) font-family and font-size selection for headings and standard text elements
	 * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
	 *
	 * @section content-fonts
	 */

	/* (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 Gecko browsers */
	/* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
	textarea, pre, tt, code {
		font-family:"Courier New", Courier, monospace;
	}

	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75.00%;
		color: #000;
	}

	h1,h2,h3,h4,h5,h6 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#666;
		margin: 0 0 0 0;
	}

	h1 { font-size: 145%; color:#165d9f; padding-bottom: 0.5em; }/* 24px */
	h2 { font-size: 126.33%; color:#899fc2; padding-bottom: 0.5em; }/* 24px */
	h3 { font-size: 110.33%; color:#899fc2; }                        /* 18px */
	.box_header h3 {color: #FFF;}
	h4 { font-size: 100.67%; color:#000; padding-bottom: 0.5em; }

	.box_header h2 { font-size: 110.33%; color: #fff; margin: 0; padding: 0; }                  /* 16px */

	#header h1 {
		font-size:2.5em;
		letter-spacing:-2px;
		line-height:65%;
		color:#000;
	}

	#header span {
		color:#999;
	}

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

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

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

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

	ul#downloads { padding: 0; margin: 0; margin-bottom: 1em; list-style-type: none; display: inherit; font-weight: bold; }

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

	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}
	/** News Boxen **/
	.date {
		font-size: 80%;
		color: #333;
	}
	.readmore {
		font-size: 80%;
		color: #06569d;
		font-weight: bold;
		text-align: right;

	}
	.headline {
		font-size: 90%;
		color: #000;
		font-weight: bold;
	}
	.headline2 {
		font-size: 120%;
		color: #34558a;
		font-weight: normal;
		padding: 2px;
	}

	.news-single-backlink { margin-top: 1em; font-size: 90%; }

	.news_download { font-size: 90%; }

	.content_text { }

	/** Loginbox **/
  	#loginbox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;

	}
	.loginbox_left {
		padding: 0.3em;
		width: 6em;
		float: left;
		margin: 0;
	}
	.loginbox_right {
		margin: 0;
	}
	.textfield {
		width: 10em;
	}
	.loginbox_message {
		float: none;
	}
	.cleardiv {
		clear: both;
	}

	/**
	 * Generic Content Classes
	 * (en) standard classes for positioning and highlighting
	 * (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; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
	.center { text-align:center; margin: 0.5em auto }

	/**
	 * External Links
	 *
	 * (en) Formatting of hyperlinks
	 * (de) Gestaltung von Hyperlinks
	 *
	 */

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

	#topnav a { color: #000; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus,
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent;}

	#footer a { color: #000; background:transparent; font-weight: bold;}
	#footer a:focus,
	#footer a:hover,
	#footer a:active {color: #000; background-color: transparent; text-decoration:underline;}

	/**
	 * (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-repeat: no-repeat;
	  background-position: 0 0.45em;
	}
	*/

	/**
	 * 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; font-size: 90%; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed }

	th,td { padding: 0.5em; }
	thead th { background: #444; color: #fff }
	tbody th { background: #ccc; color: #333 }
	tbody th.sub { background: #ddd; color: #333 }

	/**
	 * Miscellaneous | Sonstiges
	 *
	 * @section content-misc
	 */

	.divhr {
		color: #000;
		background:transparent;
		margin: 0 0 0.9em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #899fc2 solid;
	}
	.i_cv {
		margin-bottom: 1em;
	}
	.i_cv_bild {
		float: left;
		width: 110px;
	}
	.i_cv_text {
		margin-left: 110px;
	}
	.no {
		display: none;
	}

	.tx-pbsurvey-pi1 FIELDSET {
		padding-bottom: 1em;
	}
	.tx-pbsurvey-pi1 .question {
		font-weight: bold;
	}

	/* SUBNAVI */
	.navjs {
		position:absolute;
		z-index:99;
	}
	.navjs LI {
		float:none !important;
		border:none !important;
	}
	.navjs LI A {
		background:none !important;
		border:none !important;
		background-color:#9FB4D5 !important;
	}
	.navjs LI a:hover {
		background-color:#165D9F !important;
		color:#FFFFFF !important;
	}

	/* USERGRUPPE EINGELOGGT */
	.klasse1, .klasse2 {
		background-color:#165D9F !important;
		border-bottom:4px solid #165D9F !important;
	}
	.klasse1:hover, .klasse2:hover {
		background-color:#eeeeee !important;
		color:#9FB4D5;
	}
	.navjs #current A {
		background-color:#165D9F !important;
	}
	#current .klasse1:hover, #current .klasse2:hover {
		color:#165D9F !important;
	}
	#current .klasse1, #current .klasse2 {
		background-color:#eeeeee !important;
		color:#165D9F !important;
	}

}

/* SUCHE */
@media screen, handheld, projection, tv {
	/* HTML */
	BODY {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.s_suche {
		background-image: url(../../images/suche_hg.gif);
		background-repeat: no-repeat;
		width: 183px;
		height: 24px;
		padding: 6px 0px 0px 3px;
		position: relative;
	}
	.suchfeld {
		margin-right: -2px;
		color: #0f5ca2;
		font-family: Verdana, Geneva, sans-serif;
		font-style: italic;
		font-size: 10px;
		width: 158px;
		position: absolute;
		left: 26px;
		border: 0 none;
		top: 8px;
	}
	.suche {
		float:left;
		clear:both;
		position:relative;
		margin-top:15px;
	}

	.s_logo_aoe {
		padding-top: 15px;
		text-align: center;
		float: left;
	}
	.s_logo_fve {
		padding-top: 30px;
		text-align: center;
	}
	.indexedSearchPath {
		float: left;
		width: 100%;
		margin: -7px 0 25px 0;
	}
	.indexedSearchPath P {
		display: inline;
		width: auto;
	}
}

.postit {
	position: absolute;
	top: 0;
	left: 0;
	width: 223px;
	height: 105px;
	padding: 18px 12px 30px 28px;
	background-image: url(../../images/bg_postit.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	overflow: hidden;
}
.postit_title {
	float: left;
	width: 100%;
	text-align: center;
}
.postit_title H2 {
	font-size: 18px;
	color: #a32724;
	margin: 0 0 5px 0;
	padding: 0;
}
.postit_text {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #000;
}

.wpImageText {
	font-size: 16px;
	font-weight: normal;
	color: #1693B3;
	padding-bottom: 7px;
	text-align: left;
	display: block;
}

.eqarText {
	margin-top: 20px;
}

.i_text {
	overflow: auto;
}

#menuToggle span:nth-child(1) {
	top: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#menuToggle span:nth-child(2) {
	top: 8px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#menuToggle span:nth-child(3) {
	top: 16px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#menuToggle.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -3px;
}

#menuToggle.open span:nth-child(2) {
	width: 0;
	opacity: 0;
}

#menuToggle.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 17px;
}

#navigation {
	display: flex;
	justify-content: center;
}

#menuToggle {
	width: 28px;
	height: 18px;
	top: 10px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#menuToggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: white;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

@media (min-width: 700px) {
	#menuToggle {
		display: none;
	}
}