@charset 'UTF-8';
/**
 * (en) Screen layout for LEUCO
 * (de) Bildschirmlayout für LEUCO
 *
 * @copyright			Copyright 2010, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen
{

	.animated {
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	@-webkit-keyframes flash {
		0%, 50%, 100% {
			opacity: 1;
		}

		25%, 75% {
			opacity: 0;
		}
	}

	@keyframes flash {
		0%, 50%, 100% {
			opacity: 1;
		}

		25%, 75% {
			opacity: 0;
		}
	}

	.flash {
		-webkit-animation-name: flash;
		animation-name: flash;
	}

	@-webkit-keyframes bounceInLeft {
		0%, 60%, 75%, 90%, 100% {
			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}

		0% {
			opacity: 0;
			-webkit-transform: translate3d(-3000px, 0, 0);
			transform: translate3d(-3000px, 0, 0);
		}

		60% {
			opacity: 1;
			-webkit-transform: translate3d(25px, 0, 0);
			transform: translate3d(25px, 0, 0);
		}

		75% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}

		90% {
			-webkit-transform: translate3d(5px, 0, 0);
			transform: translate3d(5px, 0, 0);
		}

		100% {
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes bounceInLeft {
		0%, 60%, 75%, 90%, 100% {
			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}

		0% {
			opacity: 0;
			-webkit-transform: translate3d(-3000px, 0, 0);
			transform: translate3d(-3000px, 0, 0);
		}

		60% {
			opacity: 1;
			-webkit-transform: translate3d(25px, 0, 0);
			transform: translate3d(25px, 0, 0);
		}

		75% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}

		90% {
			-webkit-transform: translate3d(5px, 0, 0);
			transform: translate3d(5px, 0, 0);
		}

		100% {
			-webkit-transform: none;
			transform: none;
		}
	}

	.bounceInLeft {
		-webkit-animation-name: bounceInLeft;
		animation-name: bounceInLeft;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Formatting YAML's	basic layout elements */
	/* (de) Gestaltung des YAML Basis-Layouts */
	/*------------------------------------------------------------------------------------------------------*/

	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */

	body {
		padding: 0;
		margin: 0;
		overflow-y: scroll;
		background: url('bg-leuco.png') center 25px no-repeat;
		background-size: auto 66px;
		background-color: #fff;
		
	}

	body.alt {
		padding: 0;
		margin: 0;
		overflow-y: scroll;
		background: url('bg-leuco.png') center 0 no-repeat;
		background-size: auto 66px;
		background-color: #fff;
	}


	/* (en) Centering layout in old IE-versions */
	/* (de) Zentrierung des Layouts in alten IE-versionen */

	body {
		text-align: center;
	}

	.page_margins {
		text-align:left;
		margin: 0 auto;
	}

	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */

	.page_margins {
		max-width: 1190px;
		background-color: #fff;
	}

	.page {
		padding: 0;
		background-color: transparent;
	}

	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */

	#header {
		position: relative;
		padding: 0;
		background-image: url('bg-leuco-logo.png');
		background-repeat:	no-repeat;
		background-color: #a1007b;
		background-size: auto 66px;
		border-bottom: 6px solid #fff;
		/* (en) Ensure visibility of language selection in IE6 + IE7 */
		/* (de) Sichtbarkeit der Sprachauswahl in IE6 + IE7 sicherstellen */
		/* z-index: 3; */
	}

	#header img {
		height: 66px;
	}

	/* (en) Absolute positioning only within #header */
	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */

	#topnav {
		color: #ce93bb;
		background: transparent;
		text-align: right;	/* LTR */
		position: absolute;
		top: 22px;
		right: 10px; /* LTR */
	}

	#topnav_content {
		display: table;
	}

	#nav {
		background-color: #fff;
		border-top: 2px #fff solid;
		border-bottom: 2px #fff solid;
		margin: 0;
		padding: 0 8px;
		position: relative;
	}

	#teaser {
		padding: 0;
		margin: 0 8px 0.8em 8px;
		background-color: #fff;
	}

	#main {
		padding: 0;
		margin: 0;
		background-color: #fff;
	}

	#main_index {
		margin: 0 8px 0 8px;
	}

	#main_index .floatbox {
		background-color: #e6e6e6;
	}

	#main_content {
		margin: 0 8px 0 8px;
		border-bottom: 6px solid #a1007b;
		background: #dbdbdb;
		/*		background: -moz-linear-gradient(top, #dbdbdb 0%, #e5e5e5 80%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(80%,#e5e5e5));
                background: -webkit-linear-gradient(top, #dbdbdb 0%,#e5e5e5 80%);
                background: -o-linear-gradient(top, #dbdbdb 0%,#e5e5e5 80%);
                background: -ms-linear-gradient(top, #dbdbdb 0%,#e5e5e5 80%);
                background: linear-gradient(to bottom, #dbdbdb 0%,#e5e5e5 80%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e5e5e5',GradientType=0 );
        */	}

	.content_container {
		padding: 8px 8px 0 8px;
	}

	#footer {
		position: relative;
		background-color: #fff;
		color: #000;
		line-height: 1.0em;
		padding: 0;
		margin-top: 0.4em;
		text-align: center;
	}

	#login {
		background: none;
	}

	#loginwrapper {
		width: 600px;
		padding: 20px;
		margin: 10% auto;
		text-align: left;
	}

	#results {
		padding: 8px;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/**
	 * (en) Formatting content container
	 * (de) Formatierung der Inhalts-Container
	 *
	 * |-------------------------------|
	 * | #header											 |
	 * |-------------------------------|
	 * | #col1	 | #col3							 |
	 * | 20%		 | flexible						|
	 * |-------------------------------|
	 * | #footer											 |
	 * |-------------------------------|
	 */
	/*------------------------------------------------------------------------------------------------------*/

	#col1 {
		width: 20%;
	}

	#col1_content {
		padding: 8px;
	}

	#col3 {
		padding: 0;
		width: auto;
		margin-left: 20%;
		margin-right: 0;
	}

	#col3_content {
		border-left: 2px solid #fff;
		padding: 8px 8px 0 8px;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Styling of layout specific elements */
	/* (de) Gestaltung layoutabhängiger Elemente */
	/*------------------------------------------------------------------------------------------------------*/


	#headerwrapper {
		margin: 0 0 8px 0;
	}

	#headerbox {
		position: relative;
		padding: 0;
		width: 100%;
		overflow: hidden;
	}

	#headerbox h1 {
		position: absolute;
		top: 42px;
		left: 8px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		background: transparent;
	}

	#headerbox h2 {
		color: #fff;
		text-transform: uppercase;
		z-index: 1;
		margin: 0;
		padding: 8px 12px 8px 8px;
		max-width: 100%;
		font-weight: normal;
		min-height: 150px;
	}

	#headerbox h2.catalog {
		color: #808080;
		min-height: 143px;
		padding: 8px;
	}


	#headerbox h2 .background {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
	}

	#headerbox img {
		max-height: none;
	}

	.top-criteria {
		color: #808080;
	}

	/* (en) Styling of basic equal heights elements */
	/* (de) Gestaltung einfachen Boxen mit gleicher Höhe */
	/*------------------------------------------------------------------------------------------------------*/

	.boxgroup-wrapper {
		margin: 0 -4px;
	}

	.boxgroup-wrapper-inside {
		margin: 0 -8px;
		padding: 8px 4px 0 4px;
		border-top: 8px solid #e6e6e6;
	}

	.subc {
		padding: 0;
		margin: 0 4px;
	}

	.subcl {
		padding: 0;
		margin: 0 4px 0 0;
	}

	.subcr {
		padding: 0;
		margin: 0 0 0 4px;
	}

	#newsDetailContainer .subcl {
		padding: 0;
		margin: 0 8px 0 0;
	}

	#newsDetailContainer .subcr {
		padding: 0;
		margin: 0 0 0 8px;
	}

	/* (en) Styling of basic equal heights elements */
	/* (de) Gestaltung einfachen Boxen mit gleicher Höhe */
	/*------------------------------------------------------------------------------------------------------*/

	.basic {
		margin-bottom: 8px;
		position: relative;
	}

	.basic.equalize > div > .subcl,
	.basic.equalize > div > .subcr,
	.basic.equalize > div > .subc {
		background-color: #fff;
		padding: 8px 8px 0 8px;
		padding-bottom: 1000em;
		margin-bottom: -1000em;
		position: relative;
	}

	.basic.equalize > div > .subcl.gray,
	.basic.equalize > div > .subcr.gray,
	.basic.equalize > div > .subc.gray {
		background-color: #cdcdcd;
		position: inherit;
	}

	.basic > div > .subcl.gray,
	.basic > div > .subcr.gray,
	.basic > div > .subc.gray {
		background-color: #cdcdcd;
	}

	.basic > .subc {
		background-color: #fff;
		padding: 8px 8px 0 8px;
		overflow: hidden;
	}

	/* (en) adjustment of conent elements within the basic boxes */
	/* (de) Ausrichtug der Inhalte innerhalb der Basis-Boxen */

	.basic h4,
	.basic h5,
	.basic h6 {
		border: 2px solid #fff;
		padding: 6px 8px 4px 8px;
		background-color: #e6e6e6;
		margin: -6px -8px 0.6em -8px;
	}

	.basic p {
		padding: 0;
	}

	.basic ul {
		padding: 0;
	}

	/* (en) Styling of styled boxes with width 100% */
	/* (de) Gestaltung grafischen Boxen mit 100% Breite */
	/*------------------------------------------------------------------------------------------------------*/

	.box-top-100 {
		width: 100%;
	}

	.box-top-100_content {
		padding: 6px 8px 4px 8px;
		background-color: #fff;
		margin-bottom: 8px;
	}

	.box-top-100_content h3 {
		margin: 0;
		padding-right: 30px;
	}

	.box-top-100_content h3 + p.pnomargin {
		margin: -12px 0 12px 0;
	}

	.box-bottom-100 {
		width: 100%;
		margin: 0 0 8px 0;
	}

	.box-bottom-100_content,
	.box-bottom-100_content_invisible {
		padding: 8px 8px 0 8px;
		background-color: #fff;
		margin: 0;
        overflow: hidden;
	}

	.box-bottom-100_content:before,
	.box-bottom-100_content:after,
	.box-bottom-100_content_invisible:before,
	.box-bottom-100_content_invisible:after {
		content: '';
		display: table;
		width: 100%;
	}

	.box-bottom-100_content_invisible {
		display: none;
	}

	.basic .box-top-100 h3 {
		padding: 0;
		padding-left: 15px;
		background: url('leuco-arrow.png') left 3px no-repeat;
		margin-bottom: 1.2em;
		text-transform: none;
		font-weight: normal;
	}



	.basic .box-top-100 h3 img {
		display: none;
	}

	.basic .box-top-100_content, .basic .box-bottom-100_content, .basic .box-bottom-100_content_invisible {
		border: 0;
		padding: 0;
	}

	.basic .box-bottom-100 {
		margin: 0;
	}

	/* (en) Styling of boxes with filters with top criteria */
	/* (de) Gestaltung der Boxen für die Filter der Topkriterien */
	/*------------------------------------------------------------------------------------------------------*/


	.filterbox-top {
		width: 100%;
		padding: 0 0 4px 0
	}

	.filterbox-top-content h3 {
		margin: 0;
		padding: 0 0 0 2px;
		font-weight: normal;
		color: #A1007B;
	}

	.filterbox-top-content h3:hover {
		color: #808080;
	}

	.filterbox-top-content h3:active, .filterbox-top-content h3:focus, .filterbox-top-content h3:visited {
		color: #A1007B;
	}

	.filterbox-top-content h3.filterbox-open:before,
	.box-top-100_content h3.filterbox-open:before {
		font-family: FontAwesome;
		content: '\f054';
		padding-right: 4px;
		font-weight: normal;
	}

	.filterbox-top-content h3.filterbox-close:before,
	.box-top-100_content h3.filterbox-close:before {
		font-family: FontAwesome;
		content: '\f078';
		font-weight: normal;
	}

	.filterbox-bottom p.psmall {
		margin:0 0 0 10px;
		color: #808080;
	}

	.filterbox-bottom-content {
		padding: 0;
	}

	.filterbox-bottom-content-invisible {
		padding: 0;
		display: none;
	}

	/* (en) Content Divider for boxes */
	/* (de) Inhaltsunterteilung für die Boxen */

	.divider {
		margin: 0 -8px 8px -8px;
		padding: 0;
	}

	.divider div {
		border-bottom: 2px solid #fff;
		padding: 0;
		width: 100%;
		line-height: 0
	}

	.divider div.gray {
		border-bottom: 2px solid #dbdbdb;
		padding: 0;
		width: 100%;
		line-height: 0
	}

	hr {
		display: none;
	}

	/* (en) wrapper for placeable content in boxes */
	/* (de) Wrapper für platzierbare Inhalte in Boxen */
	/*------------------------------------------------------------------------------------------------------*/

	.tablebox {
		border: 2px solid #dbdbdb;
		border-bottom: none;
		margin-bottom: 1.4em;
		overflow: auto;
	}

	div.box-bottom-100_content div.tablebox,
	div.box-middle-100_content div.tablebox,
	div.box-bottom-100_content_invisible div.tablebox,
	div.box-middle-100_content_invisible div.tablebox,
	div.tab-content div.tablebox {
		margin: -8px -8px 1.2em -8px;
		padding: 0;
		border: none;
	}

	div.equalize div.tablebox {
		padding: 0 !important;
	}

	div.subcl div.tablebox, div.subcr div.tablebox, div.subc div.tablebox {
		margin: -14px -14px 0 -14px;
		border: none;
	}

	div.pane div.tablebox {
		margin: -10px -15px 0 -15px;
		padding: 0 0 29px 0;
		border: none;
	}

	/* (en) boxes with centered or justification */
	/* (de) Boxen mit Inhalten, die zentriert oder im Blocksatz sind */
	/*------------------------------------------------------------------------------------------------------*/

	/* (en) Important note: all elements within the box need to be enclosed by a DIV-container with the class 'inline'! */
	/* (de) Wichtiger Hinweis: Alle Elemente in der Box müssen von einem DIV-Container mit der Klasse 'inline' umschlossen sein! */

	.wrapper_justify {
		/* (en) IE 8 needs font size > 0 for justified alignment */
		/* (de) IE 8 braucht eine Schriftgroesse > 0 für Blocksatz */
		font-size: 1px;
		line-height: 0;
		text-align: justify;
		width: 100%;
	}

	.wrapper_center,
	.wrapper_center_catalog {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.wrapper_center_catalog {
		font-family: 'Open Sans', Verdana, cnRegular, sans-serif;
		font-size: 14px;
		font-weight: normal;
		text-transform: none;
		margin: 2em 0 2em 0 !important;
		text-align: center;
	}

	.wrapper_center_catalog .consulting {
		font-family: 'Open Sans', Verdana, cnRegular, sans-serif;
		font-size: 14px;
		font-weight: normal;
		text-transform: none;
		background:url('consulting-01.png') left top no-repeat;
		height: 44px;
		margin: -16px 0 0 0;
		display: inline-block;
	}

	.wrapper_center_catalog .consulting span {
		background:url('consulting-02.png') right top no-repeat;
		display: block;
		height: 44px;
	}

	.wrapper_center_catalog .consulting span span {
		background:url('consulting.png') repeat-x;
		display: block;
		margin: 0 30px;
		height: 44px;
		padding: 16px 8px 0 0;
	}

	.wrapper_center img {
		margin: 10px 0 18px 0;
		vertical-align: middle;
	}

	.wrapper_center > div {
		margin: 0.6em 0 0 0;
		/*display: inline-block;*/
		vertical-align: middle;
	}

	.wrapper_center .center_max_width {
		min-width: 280px;
		margin: 20px 0 50px 0;
	}

	.wrapper_center .center_max_width .select2-container {
		max-width: 450px;
	}

	.wrapper_center .center_max_width > p {
		margin-bottom: 1.8em;
	}

	.wrapper_center .center_max_width .pselect2-style-button {
		font-family: 'Open Sans', Verdana, cnRegular, sans-serif;
		margin-bottom: 8px;
		border: 1px solid #aaa;
	}

	.wrapper_center .center_max_width .pselect2-style-button span {
		padding: 3px 8px 3px 8px;
	}

	.wrapper_center .center_max_width	h1.overview,
	.wrapper_center .center_max_width p.pdefault{
		background: none;
		color: #fff;
		margin-bottom: 2.8em
	}

	.wrapper_center .center_max_width p.pdefault {
		margin-bottom: 2.8em;
	}

	.wrapper_center .center_max_width .pselect2-style-button span {
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		color: #999 !important;
	}

	.wrapper_center div img {
		margin: 0;
	}

	.wrapper_center .basic.equalize > div > .subcl,
	.wrapper_center .basic.equalize > div > .subcr,
	.wrapper_center .basic.equalize > div > .subc {
		background-color: transparent;
	}

	.pdf-catalog {
		position: absolute;
		bottom: 15px;
		left: 20%;
	}

	.subcl.gray h3.wrapper_center_catalog {
		text-align: left;
	}

	.subcl.gray img {
		max-width: 200px;;
	}


	.wrapper_justify img {
		margin: 5px 5px 20px 5px;
		vertical-align: middle;
	}

	.wrapper_justify span {
		/* (en) Fix for Opera und IE8 */
		/* (de) Fix für Opera und IE8 */
		display: inline-block;
		padding-left: 100%;
	}

	.absolute-center-wrapper {
		position: relative;
		display: block;
		height: 220px;
	}

	.absolute-center-wrapper img {
		max-height: 200px;
		max-width: 200px;
		padding-bottom: 8px;
	}

	.absolute-center {
		display: block;
		margin: auto;
		position: absolute;
		top: 50%;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.absolute-center-element {
		width: 80%;
		height: 50%;
		overflow: auto;
		margin: auto !important;
		position: absolute;
		top:0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.table-center-wrapper {
		display: table;
		height: 200px;
		width: 100%;
	}

	.table-cell {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.table-cell .table-center-element,
	.table-cell img {
		margin: 0 auto;
		width: 100%;
		display: block;
	}

	.table-cell img {
		text-align: center;
		padding-bottom: 8px;
		width: auto;
		max-width: 100%;
	}

	.img-center {
		line-height: 200px;
		display: block;
		text-align: center;
	}

	.img-center.chapter {
		margin: -8px;
		line-height: normal;
		overflow: hidden;
		display: block;
	}

	.img-center img {
		vertical-align: middle;
		padding: 0 0 8px 0;
	}

	.img-center.chapter img {
		vertical-align: bottom;
		padding: 0;
		float: right;
	}


	/* (en) class to convert block level elements in inline elements (avoids breaks when using HTML-Tidy with inline elements) */
	/* (de) Block-Elemente in Inline-Elemente umwandeln (Dies verhindert Umbrüche bei der Benutzung von HTML-Tidy mit Inline-Elementen) */
	/*------------------------------------------------------------------------------------------------------*/

	.inline {
		display: inline;
	}

	/* (en) class to set margin for flow elements to 0 */
	/* (de) Randabstände von gefloateten Elementen zurücksetzen */
	/*------------------------------------------------------------------------------------------------------*/

	.nomargin {
		margin: 0 !important;
	}

	.noborder {
		border: none !important;
	}

	/* (en) responsive four and two colums boxes */
	/* (de) Responsive zwei- und vierspaltige Boxen */
	/*------------------------------------------------------------------------------------------------------*/


	.float-25-50-100 {
		width: 50%;
		float: left;
		margin: 0;
		padding: 0;
		display: table;
		table-layout: fixed;
	}

	.box-container {
		float: left;
		width: 50%;
		display: table;
		table-layout: fixed;
		margin-bottom: 0;
	}

	.box-container .newsbox {
		background-color: #e6e6e6;
		padding: 8px 12px 8px 12px;
		min-height: 21.8em;
	}

	.box-container .quickbox {
		background-color: #e6e6e6;
		padding: 0;
		border-bottom: 4px solid #a1007b
	}

	.box-container_content_l {
		padding: 0;
		border-right: 2px solid #fff;
	}

	.box-container_content_ml {
		padding: 0;
		border-right: 2px solid #fff;
	}

	.box-container_content_mr {
		padding: 0;
		border-right: 2px solid #fff;
	}

	.box-container_content_r {
		padding: 0;
		border-right: none;
	}

	.box-container h3 {
		background-color: #fff;
		border: none;
		margin: 0 -2px 0 -2px;
		padding: 0.6em 14px 0.4em 14px;
	}

	/* (en) stickem content behavior */
	/* (de) Verhalten der Stickem-Inhalte */
	/*------------------------------------------------------------------------------------------------------*/

	.make-nav-sticky .shift-wrapper	{
		margin: 0 auto;
		padding: 0;
		max-width: 1190px;
	}

	.make-nav-sticky {
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		background: transparent;
	}

	.make-nav-sticky #nav{
		margin: 0 8px;
		padding: 0;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 1100 */
/* (de) Media Query 1100 */
/*------------------------------------------------------------------------------------------------------*/

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

	.float-25-50-100 {
		width: 100%;
	}

	.box-container .newsbox {
		min-height: 21em;
	}

	.box-container_content_l {
		border-right: 2px solid #fff;
	}

	.box-container_content_ml {
		border: none;
	}

	.box-container_content_mr {
		border-right: 2px solid #fff;
	}

	.box-container_content_r {
		border: none;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 980 */
/* (de) Media Query 980 */
/*------------------------------------------------------------------------------------------------------*/


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

	.page_margins {
		min-width: 0;
	}

	#header {
		border-bottom: 2px solid #fff;
	}

	.make-nav-sticky #nav{
		margin: 0;
		padding: 0;
	}


	.filterbox-top {
		padding: 17px 0 15px 0;
	}

	#teaser {
		margin: 0 8px;
	}

	#col1 {
		float: none;
		width: 100%;
		background-color: #dbdbdb;
	}

	#col1_content,
	#col2_content {
		padding: 0 8px;
	}

	#col3 {
		width: 100%;
		padding: 8px 0 0 0;
		margin: 0;
	}

	#col3_content {
		padding: 8px 8px 0 8px;
		border: none;
	}

	#headerwrapper {
		margin-top: -8px;
	}

	#headerbox h2.catalog {
		min-height: inherit;
	}

	.filterbox-top-content h3:hover,
	.filterbox-top-content h3:active,
	.filterbox-top-content h3:focus,
	.filterbox-top-content h3:visited {
		color: #A1007B;
	}

	.divider {
		margin: 0 -8px 0 -8px;
		padding: 0;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

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

	.page {
		padding: 0;
	}

	#header img {
		float: left;
	}

	#userbar {
		background-color: #fff;
	}

	/*#nav {
		border: none;
		background-color: #dbdbdb;
		padding-top: 8px;
		padding-bottom: 8px;
		margin: 0 !important;
	} */

	#teaser {
		margin: 0;
	}

	#main_content, #main_index {
		margin: 0;
	}

	#headerbox #breadcrumb {

	}

	#headerbox h1 {
		top: 42px;
	}

	.boxgroup-wrapper {
		margin: 0;
	}

	.boxgroup-wrapper-inside {
		margin: 0 -8px -8px -8px;
		padding: 8px;
		border-top: 8px solid #e6e6e6;
	}

	.pdf-catalog {
		position: absolute;
		bottom: 200px;
		left: 50%;
		margin-left: -100px;
	}

	.subcl.gray h3.wrapper_center_catalog {
		margin-top: 6em !important;
		text-align: center;
	}

	.subcolumns div .box-top-100,
	.subcolumns div .box-top-100 div {
		margin-bottom: 8px;
	}

	.subcolumns, .subcolumns > div {
		width: auto;
		display: block;
		float: none;
		margin-bottom: 8px;
	}

	.subcolumns .box-bottom-100_content_invisible {
		display: none;
	}

	.subc,
	.subcl,
	.subcr {
		padding: 0;
		margin: 0;
	}

	.basic > div > .subcl,
	.basic > div > .subcr,
	.basic > div > .subc {
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 6px;
		margin: 0;
	}

	.basic .subcl .subcl,
	.basic .subcr .subcl,
	.basic .subc .subcl,
	.basic .subcl .subcr,
	.basic .subcr .subcr,
	.basic .subc .subcr,
	.basic .subcl .subc,
	.basic .subcr .subc,
	.basic .subc .subc {
		padding: 0;
		margin: 0;
	}

	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
		margin-left: 0;
	}

	body.index .subcolumns div.subc,
	body.index .subcolumns div.subcl,
	body.index .subcolumns div.subcr {
		margin-bottom: 1.4em;
	}

	.subcolumns div.subc div ul,
	.subcolumns div.subcl div ul,
	.subcolumns div.subcr div ul {
		margin-bottom: 1.4em;
	}

	.float-25-50-100 {
		width: 100%;
	}

	.box-container {
		float: left;
		width: 100%;
	}

	.box-container_content_l,
	.box-container_content_ml,
	.box-container_content_mr,
	.box-container_content_r {
		padding: 0;
		border: none;
	}

	.floatbox {
		display: block;
		overflow: hidden;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 480 */
/* (de) Media Query 480 */
/*------------------------------------------------------------------------------------------------------*/


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

	#topnav {
		position: absolute;
		top: 8px;
		right: 40px;
		text-align: left;
		display: table;
	}

	#headerbox h2.catalog {
		padding: 4px 8px 0 8px;
	}


}