/**
 * "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         4.0
 * @revision        $Revision: 687 $
 * @lastmodified    $Date: 2012-01-22 13:27:22 +0100 (So, 22 Jan 2012) $
 * @appdef yaml
 */


/* latin - 300 Light */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Light.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Light.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Light.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Light.ttf') format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin - 300 - Light Italic */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18Q.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-LightIt.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-LightItalic.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidi18Smxg.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-LightIt.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-LightItalic.ttf') format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin - 400 Normal Regular */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Regular.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Regular.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Regular.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Regular.ttf') format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin - 400 Normal Regular - Italic */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-It.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Italic.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-It.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Italic.ttf') format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin - 600 - Semi Bold (Demi Bold) */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Semibold.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-Semibold.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin - 600 - Semi Bold (Demi Bold) - Italic */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18Q.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-SemiboldIt.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('/fileadmin/dhi-roma/3/fonts/sourcesanspro/v21/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdi18Smxg.woff2') format('woff2'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-SemiboldIt.otf') format('opentype'), 
	     url('/fileadmin/dhi-roma/3/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}



@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:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
	body {
		/*font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;*/ /*CHANGED*/
		font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
		font-size:87.50%; /* base: 14px */
		font-weight: 400;
		color:#444;

		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		/* (en) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
	}

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

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		/*font-family: "Droid Sans", Arial, Helvetica, sans-serif;*/ /*CHANGED*/
		font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
		font-weight: 600;
		color:#161e21;
		margin:0;
	}

	h1 {
		/* font-size:250%; */ /*CHANGED*/
		font-size:120%;
		line-height: 1.2em;
		margin: 0.4em 0 0;
	}

	h2 {
		/* font-size:200%; */ /*CHANGED*/
		font-size:115%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
	}

	h3 {
		/* font-size:175%; */ /*CHANGED*/
		font-size:110%;
		line-height: 0.8571em;
		margin:0.8571em 0 0 0;
	}

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

	h5 {
		font-size:100%;
		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;
	}
	.headerAnchorMenu h1 {
		font-size:1.4em;
		color:#2dac62;
		line-height: 1.4em;
		margin: 0 0 0.9em;
	}


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

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

	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; }
	
	ul.component-items { color: #186900; list-style-type: circle; }
	
	ul.action-items { color: #8A0020; }
	
	ul.checklist { list-style-type: circle; }
	
	ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
	
	ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }


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

	p {
		font-size:1em;
		line-height:1.6em;
		margin: 1.5em 0 0 0;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
	}

	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: 600; }

	em, i { font-style:italic; }

	big {
		font-size:116.667%;
	}

	small {
		font-size:85.71%;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size:90%;
	}

	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:#4D87C7;*/ /*CHANGED*/
		color: #1b8f4c;
		background-color:transparent;
		text-decoration:none;
		background-repeat: no-repeat;
		background-position: left center;
	}

	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 {
		background-color: #bbb;
		color:#5263e1;
		text-decoration:none;
	}
	
	header a:hover,
	header a:focus { background-color: transparent; }
	
	#headernav a {
		/* color:#fff; */ /*CHANGED*/
		color:#fff;
		font-weight:light; 
		/*background:transparent;*/ /*CHANGED*/
		background-color: #9e2511; 
		text-decoration:none; 
	}
	#headernav a:focus, 
	#headernav a:hover,
	#headernav a:active {
		/* color:#fff; */  /*CHANGED*/
		color:#8c1a07; 
		color:#333; 
		/*background-color:transparent; */  /*CHANGED*/
	}

	.fo-button a {
		display: inline-block;
		white-space: nowrap;

		margin: 0 0.75em 0 0;
		padding: 0.3em 0.7em;
		overflow: visible; /* removes extra side spacing in IE */

		background-color: #d4cfbd;
		/*
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		*/

		border: 0;
		/*
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		*/

		/*
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		*/

		color: #fff !important;
		cursor: pointer;
		text-decoration: none !important;
		/*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/
	}
	.fo-button a:focus, 
	.fo-button a:hover,
	.fo-button a:active {
		background-color:#5263e1;;
	}

	.fo-button-to-site a {
		margin: 0;
		padding: 0.3em 1.9em 0.3em 0.7em;
		background: #9e2511 url('../../img/icon-arrow-to-ma.png') no-repeat right center; 
	}
	.fo-button-language a {
		margin: 0;
		background-color: #299354;
	}

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


	a.external-link,
	a.linkExt {
		background: transparent url('../../img/iconLinkExt.png') no-repeat left center; 
		padding-left: 16px;
	}

	a.external-link-new-window { 
		background: transparent url('../../img/iconLinkExt.png') no-repeat left center; 
		padding-left: 16px;
	}

	a.internal-link,
	a.linkInt {
		background: transparent url('../../img/iconLinkInt.png') no-repeat left center; 
		padding-left: 16px;
	}

	a.internal-link-new-window {
	}

	a.download {
		background: transparent url('../../img/iconLinkExt.png') no-repeat left center; 
		padding-left: 16px;
	}

	a.mail,
	a.linkMailto { 
		background: transparent url('../../img/iconLinkMail.png') no-repeat left center; 
		padding-left: 20px; 
	}

	a.more-link { 
		background: transparent url('../../img/icon/more.png') no-repeat right center; 
		padding-right: 16px; 
	}

	a.rss-link { 
		background: transparent url('../../../_all/img/icon/icon-rss-inline.png') no-repeat left center; 
		padding-left: 16px; 
	}

	/* CAL - Veranstaltungskalender - Icons und Links */

	a.link-registering,
	a.link-registering-gn-outline-26px { 
		display: inline;
		overflow: visible; /* removes extra side spacing in IE */
		margin: 0;
		padding: 0.15em 2.0em 0.25em 1.1em;
		/*background: url("../../img/icon-more.png") no-repeat right center;*/
		background: url("../../svg/icon-arrow.svg") no-repeat right center;
		background-color: #fff;
		border: 1.5px solid #2eac63;
		border-radius: 1.0em;
		-webkit-border-radius: 1.0em;
		-moz-border-radius: 1.0em;
		color: #2eac63 !important;
		font-size: 1.0em;
		font-weight: normal;
		white-space: nowrap;
	}
	a.link-registering { background: url("../../svg/icon-arrow-right-gn.svg") no-repeat right center; }

	p.icon-list-location,
	p.icon-list-time,
	p.icon-list-organizer,
	p.icon-list-docs,
	p.icon-list-alert,
	p.icon-list-info,
	p.icon-location-gn-outline-20px,
	p.icon-time-gn-outline-20px,
	p.icon-organizer-gn-outline-20px,
	p.icon-docs-gn-outline-20px,
	p.icon-info-gn-block-20px {
		margin: 0.26em 0 0 0;
		padding: 0 0 0 30px;
		background-repeat: no-repeat; 
		/*background-size: contain; */
	}

	p.icon-list-location { background-image: url('../../svg/icon-location-gn-round-positive-outline-20px.svg'); }
	p.icon-list-time { background-image: url('../../svg/icon-time-gn-round-positive-outline-20px.svg'); }
	p.icon-list-organizer { background-image: url('../../svg/icon-organizer-gn-round-positive-outline-20px.svg'); }
	p.icon-list-docs { background-image: url('../../svg/icon-docs-gn-round-positive-outline-20px.svg'); }
	p.icon-list-alert { background-image: url('../../svg/icon-alert-gn-round-positive-block-20px.svg'); }
	p.icon-list-info { background-image: url('../../svg/icon-info-gn-round-inverse-no_edge-20px.svg'); }
	/* DIESE WIEDER LOESCHEN */
	p.icon-location-gn-outline-20px { background-image: url('../../svg/icon-location-gn-outline-20px.svg'); }
	p.icon-time-gn-outline-20px { background-image: url('../../svg/icon-time-gn-outline-20px.svg'); }
	p.icon-organizer-gn-outline-20px { background-image: url('../../svg/icon-organizer-gn-outline-20px.svg'); }
	p.icon-docs-gn-outline-20px { background-image: url('../../svg/icon-docs-gn-outline-20px.svg'); }
	p.icon-info-gn-block-20px { background-image: url('../../svg/icon-info-gn-block-20px.svg'); }

	span.icon-span-info,
	span.icon-info-gn-block-16px { 
		margin: 0.2em 0 0 2px;
		padding: 0 0 0 22px;
		background-repeat: no-repeat; 
		background-size: contain; 
		background-image: url('../../svg/icon-info-gn-block-16px.svg'); 
	}
	span.icon-span-info { background-image: url('../../svg/icon-info-gn-round-inverse-no_edge-16px.svg'); }


	a:hover.external-link,
	a:focus.external-link,
	a:hover.linkExt,
	a:focus.linkExt,
	a:hover.external-link-new-window,
	a:focus.external-link-new-window,
	a:hover.internal-link,
	a:focus.internal-link,
	a:hover.linkInt,
	a:focus.linkInt,
	a:hover.internal-link-new-window,
	a:focus.internal-link-new-window,
	a:hover.download,
	a:focus.download,
	a:hover.mail,
	a:focus.mail,
	a:hover.linkMailto,
	a:focus.linkMailto,
	a:hover.more-link,
	a:focus.more-link,
	a:hover.rss-link,
	a:focus.rss-link,
	a:hover.link-registering,
	a:focus.link-registering,
	a:hover.link-registering-gn-outline-26px,
	a:focus.link-registering-gn-outline-26px { 
		background-color: #bbb;
		color:#5263e1;
		text-decoration:none;
	}


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

	img,
	figure {
		margin: 0;
	}

	 /*CHANGED*/
	.flexible {
		margin-top: 1.5em;
		max-width: 100%; /*CHANGED*/ /* FRAGE: Warum greift max-width nicht bei imgs? */
		/*width: 100%;*/
		height: auto;

		/* No effect, no content-images! No special property for webkit available? */
		-webkit-max-width: 100%;

		/* (NEU - IN ORIGINAL NICHT VORHANDEN!) */
/*
		width: auto\9; /* ie8 */
*/
	}

	* 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; */ /*CHANGED*/
		border-radius: 0.8em;
		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; */ /*CHANGED*/
		/* -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; */ /*CHANGED*/
		/* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; */ /*CHANGED*/
		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; */ /*CHANGED*/
		background:#f1efe7;
	}

	.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;
	}
	
	
	.align-left { text-align: left; }
	.align-center  { text-align: center; }
	.align-right { text-align: right; }
	.align-justify { text-align: justify; }
	
	
	span.important { color: #8A0020; }
	span.name-of-person { color: #10007B; }
	span.detail { color: #186900; }
	span.underline {text-decoration:underline;}
	span.mono {font-family:"Courier New", Courier, monospace; padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}
	span.file {font-family:"Courier New", Courier, monospace;   padding:0 0 0 14px; color:#000088; }
	span.directory {font-family:"Courier New", Courier, monospace; padding:0 0 0 15px; color:#000088; }
	
	span.oneclass { color: #0000CC; }
	span.icontest { color: #1b8f4c; }
	
	

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