/*
 @font-face {
  font-family: 'Englebert';
  font-style: normal;
  font-weight: 400;
  src: local('Englebert'), local('Englebert-Regular') format('woff');
}
*/
@font-face {
  font-family: 'Eagle Lake';
  font-style: normal;
  font-weight: 400;
  src: local('Eagle Lake'), local('EagleLake-Regular'),  format('woff');
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

html, button, input, select, textarea {
	font-family: sans-serif;
}

body {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	outline: 0;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 0;
	padding: 0.5em 0;
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

p, pre {
	margin: 1em 0;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: '';
	content: none;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
dl, menu, ol, ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

menu, ol, ul {
	padding: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ----------------------------------------------------------------------------- */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */


/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea {
	color: #333333;
}

html {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio, canvas, img, video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt für < = IE7
   ========================================================================== */
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


body {
	background: #f4f0d8;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
	line-height: 1.5em;
}

.img-center {
	text-align: center;
}

.logo-rel {
	position: relative;
	background: #fff;
}

.logo {
	display: block;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 0;
	font-size: 1.286em;
	line-height: 1.3em;
	color: #00589c;
	background: #fff;
	width: auto;
	height: 48px;
	border: 1px solid #d2d2d2;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

/* Kleines Logo ersetzt beim Scrollen das Grosse */
.logo-small {
	display: none;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 0;
	font-size: 1.286em;
	line-height: 1.3em;
	color: #00589c;
	background: #fff;
	width: 100%;
	height: 24px;
	border: 1px solid #d2d2d2;
	border-top: none;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@-o-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

h1 {
	color: #666666;
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
	font-weight: normal;
	margin-top: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

p, ul {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
}

a:link {
	color: #00589c;
}

a:visited {
	color: #4a9ad8;
}

a:hover, a:focus, a:active {
	color: #a7b400;
}

ul {
	padding-left: 20px;
  
}

.main-content ul{
	overflow: auto;
}

/*
 * Helfer
 *************************************************************************************************/
.align-right {
	text-align: right;
}

.float-right {
	float: right;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	height: 0;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.clearfix:before, .clearfix:after, 
.InhaltSpalte:before, .InhaltSpalte:after, 
.InhaltSpaltedrittel:before, .InhaltSpaltedrittel:after, 
.InhaltSpaltezweidrittel:before, .InhaltSpaltezweidrittel:after,
.box:before, .box:after,
div[data-default="box green"]:before, div[data-default="box green"]:after  {
	content: " ";
	display: table;
}

.clearfix:after, .InhaltSpalte:after, 
.InhaltSpaltedrittel:after, .InhaltSpaltezweidrittel:after,
.box:after, div[data-default="box green"]:after {
	clear: both;
}

.clearfix, .InhaltSpalte, .InhaltSpaltedrittel, .InhaltSpaltezweidrittel, .box, div[data-default="box green"] {
	*zoom: 1;
}

@media screen {

	.top_upper {
	  width: 100%;
	  height: 24px;
	  background-color: #ffffff;
	}
	
	.top_lower {
	  width: 100%;
	  height: 24px;
	  background-color: #becd00;
	}

	.top_under {
	  width: 100%;
	  height: 10px;
	  background-color: #f4f0d8;
	}
	
	.col-left {
		display: inline-block;
 		zoom: 1; 
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto; 
	}

	.pure-u-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, 
	.pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-1-6, .pure-u-5-6, 
	.pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, 
	.pure-u-1-24, .pure-u-5-24, .pure-u-7-24, .pure-u-11-24, .pure-u-13-24, .pure-u-17-24, .pure-u-19-24, .pure-u-23-24, 
	.pure-u-2-12, .pure-u-3-12, .pure-u-7-12, .pure-u-1-14, .pure-u-5-14, .pure-u-9-14, 
	.pure-u-3-18, .pure-u-4-18, .pure-u-5-18, .pure-u-9-18, .pure-u-13-18, .pure-u-14-18 {
		display: inline-block;
 		zoom: 1; 
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto; 
	}

	.pure-u-1 {
		width: 100%;
	}
	
	.pure-u-1-2 {
		width: 50%;
		*width: 49.969%;
	}
	
	.pure-u-1-3 {
		width: 33.3333%;
		*width: 33.3023%;
	}
	
	.pure-u-2-3 {
		width: 66.6667%;
		*width: 66.6357%;
	}
	
	.pure-u-1-4 {
		width: 25%;
		*width: 24.969%;
	}
	
	.pure-u-3-4 {
		width: 75%;
		*width: 74.969%;
	}
	
	.pure-u-1-5 {
		width: 20%;
		*width: 19.969%;
	}
	
	.pure-u-2-5 {
		width: 40%;
		*width: 39.969%;
	}
	
	.pure-u-3-5 {
		width: 60%;
		*width: 59.969%;
	}
	
	.pure-u-4-5 {
		width: 80%;
		*width: 79.969%;
	}
	
	.pure-u-1-6 {
		width: 16.6667%;
		*width: 16.6357%;
	}
	
	.pure-u-5-6 {
		width: 83.3333%;
		*width: 83.3023%;
	}
	
	.pure-u-1-8 {
		width: 12.5%;
		*width: 12.469%;
	}
	
	.pure-u-3-8 {
		width: 37.5%;
		*width: 37.469%;
	}
	
	.pure-u-5-8 {
		width: 62.5%;
		*width: 62.469%;
	}
	
	.pure-u-7-8 {
		width: 87.5%;
		*width: 87.469%;
	}
	
	.pure-u-1-12 {
		width: 8.3333%;
		*width: 8.3023%;
	}
	
	.pure-u-2-12 {
		width: 16.666%;
		*width: 16.6046%;
	}
	
	.pure-u-3-12 {
		width: 24.999%;
		*width: 24.9069%;
	}
	
	.pure-u-7-12 {
		width: 58.331%;
		*width: 58.1161%;
	}
	
	.pure-u-5-12 {
		width: 41.6667%;
		*width: 41.6357%;
	}
	
	.pure-u-7-12 {
		width: 58.3333%;
		*width: 58.3023%;
	}
	
	.pure-u-11-12 {
		width: 91.6667%;
		*width: 91.6357%;
	}
	
	.pure-u-1-14 {
		width: 7.1428%;
		*width: 7.1118%;
		/* angenommen nicht berechnet!*/
	}
	
	.pure-u-5-14 {
		width: 35.70%;
		*width: 35.6813%; /* angenommen nicht berechnet!*/
	}
	
	.pure-u-9-14 {
		width: 64.283%;
		*width: 64.1527%; /* angenommen nicht berechnet!*/
	}
	
	.pure-u-1-18 {
		width: 5.5556%;
		*width: 5.5246%;
		/* angenommen nicht berechnet!*/
	}
	
	.pure-u-3-18 {
		width: 16.6667%;
		*width: 16.6357%;
		/* angenommen nicht berechnet!*/
	}
	
	.pure-u-4-18 {
		width: 22.2222%;
		*width: 22.2112%;
		/* angenommen nicht berechnet!*/
	}
	
	.col-left {
		width: 22.2222%;
		*width: 22.2112%;
	}

	.pure-u-5-18 {
		width: 27.7%;
		*width: 27.7468%; /* angenommen nicht berechnet!*/
	}
	
	.pure-u-9-18 {
		width: 50%;
		*width: 49.969%;
		/* wie 1-2 */
	}
	
	.pure-u-13-18 {
		width: 72.2222%;
		*width: 72.2112%;
		/* angenommen nicht berechnet!*/
	}
	
	.pure-u-14-18 {
		width: 77.764%;
		*width: 77.7468%; /* angenommen nicht berechnet!*/
	}
	
	.pure-u-1-24 {
		width: 4.1667%;
		*width: 4.1357%;
	}
	
	.pure-u-5-24 {
		width: 20.8333%;
		*width: 20.8023%;
	}
	
	.pure-u-7-24 {
		width: 29.1667%;
		*width: 29.1357%;
	}
	
	.pure-u-11-24 {
		width: 45.8333%;
		*width: 45.8023%;
	}
	
	.pure-u-13-24 {
		width: 54.1667%;
		*width: 54.1357%;
	}
	
	.pure-u-17-24 {
		width: 70.8333%;
		*width: 70.8023%;
	}
	
	.pure-u-19-24 {
		width: 79.1667%;
		*width: 79.1357%;
	}
	
	.pure-u-23-24 {
		width: 95.8333%;
		*width: 95.8023%;
	}
	
	.pure-g-r {
		letter-spacing: -0.31em;
		*letter-spacing: normal;
		*word-spacing: -0.43em;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	.opera-only :-o-prefocus, .pure-g-r {
		word-spacing: -0.43em;
	}
	
	.pure-g-r [class*="pure-u"] {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
	}
	
	.pure-g-r img {
		max-width: 100%;
		height: auto;
	}

	.pure-g-r table.Layout img {
		max-width: none;
	}
		
	.pure-menu ul {
		position: absolute;
		visibility: hidden;
	}
	
	.pure-menu.pure-menu-open {
		visibility: visible;
		z-index: 2;
		width: 100%;
	}
	
	.pure-menu ul {
		left: -10000px;
		list-style: none;
		margin: 0;
		padding: 0;
		top: -10000px;
		z-index: 1;
	}
	
	.pure-menu > ul {
		position: relative;
	}
	
	.pure-menu-open > ul {
		left: 0;
		top: 0;
		visibility: visible;
	}
	
	.pure-menu-open > ul:focus {
		outline: 0;
	}
	
	.pure-menu a, .pure-menu .pure-menu-heading {
		display: block;
		color: inherit;
		line-height: 1.5em;
		padding: 5px 20px;
		text-decoration: none;
	}
	
	.pure-menu.pure-menu-horizontal > .pure-menu-heading {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin: 0;
		vertical-align: middle;
	}
	
	.pure-menu.pure-menu-horizontal > ul {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	
	.pure-menu li a {
		padding: 5px 20px;
	}
	
	.pure-menu-can-have-children > .pure-menu-label:after {
		content: '\25B8';
		float: right;
		/* These specific fonts have the Unicode char we need. */
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
		margin-right: -20px;
		margin-top: -1px;
	}
	
	.pure-menu-can-have-children > .pure-menu-label {
		padding-right: 30px;
	}
	
	.pure-menu-separator {
		background-color: #dfdfdf;
		display: block;
		height: 1px;
		font-size: 0;
		margin: 7px 2px;
		overflow: hidden;
	}
	
	.pure-menu-hidden {
		display: none;
	}
	
	/* FIXED MENU */
	.pure-menu-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	/* HORIZONTAL MENU CODE */
	/* Initial menus should be inline-block so that they are horizontal */
	.pure-menu-horizontal li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	
	/* Submenus should still be display: block; */
	.pure-menu-horizontal li li {
		display: block;
	}
	
	/* Content after should be down arrow */
	.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
		content: "\25BE";
	}
	
	/*Add extra padding to elements that have the arrow so that the hover looks nice */
	.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
		padding-right: 30px;
	}
	
	/* Adjusting separator for vertical menus */
	.pure-menu-horizontal li.pure-menu-separator {
		height: 50%;
		width: 1px;
		margin: 0 7px;
	}
	
	/* Submenus should be horizontal separator again */
	.pure-menu-horizontal li li.pure-menu-separator {
		height: 1px;
		width: auto;
		margin: 7px 2px;
	}

	
	/* LINK STYLES */
	.pure-menu a, .pure-menu strong {
		padding: 1.1em 0.5em;
		color: #333333;
	}
	
	/* HEADINGS */
	.pure-menu .pure-menu-heading {
		font-weight: bold;
	}
	
	/* ACTIVE MENU ITEM */
	.pure-menu .pure-menu-selected a, .pure-menu .pure-menu-selected strong {
		color: #00589c;
		background-color: #e5e6e5;
	}

	/*
	 * @section             Footer-Navigation
	 ******************************************************************************/
	
	footer nav.page-wrapper {
		margin: 40px auto 20px;
	}
	footer nav.page-wrapper .pure-menu {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
		font-size: 12px;
	}
	footer nav.page-wrapper .pure-menu li {
		border-bottom: 1px solid #fafafa;
	}
	footer nav.page-wrapper .pure-menu a:hover, footer nav.page-wrapper .pure-menu a:focus, footer nav.page-wrapper .pure-menu a:active {
		background-color: #e5e6e5;
	}
	footer nav.page-wrapper .pure-menu a:visited {
		color: #888;
	}
	

	.point-text, .point-text strong {
		background: url("media/pfeil-icons_grey.png") no-repeat 8px -191px;
		color: rgb(16, 102, 16);
		padding: 3px 20px;
		border-bottom: none;
	}

	.emailform {
		padding: 5px 20px;	
	}
	/*
	 * @section             Main-Navigation (in der linken Spalte hat die Klasse .main-nav)
	 ******************************************************************************/
	/* Generelle Styles für das Hauptmenü */
	
	.pure-menu.main-nav {
		position: relative;
		font-size: 0.857em;
		z-index: 50;
		margin-bottom: 3em;
		color: #fff;
	}
	
	/** die erste UL bekommt eine border **/
	/** alle Untermenü-Ebenen der Hauptnavigation **/
	/* Home-Link mit Haus-Icon */
	/* Zurück-links im oberen Teil der Navigation */
	
	.pure-menu.main-nav > ul {
		border-bottom: 3px solid #becd00;
	}
	.pure-menu.main-nav ul {
		position: static;
		visibility: visible;
		overflow: hidden;
	}
	.pure-menu.main-nav ul li {
		height: auto;
		display: table;
		width: 100%;
		background: #ebebeb;
		/** Hoverfarbe und Farbe aktiver Menüpunkt **/
	}
	.pure-menu.main-nav ul li a, .pure-menu.main-nav ul li strong {
		background: url("media/pfeil-icons_grey.png") no-repeat 8px -191px;
		color: #333;
		border: 1px solid #d2d2d2;
		border-bottom: none;
	}
	.pure-menu.main-nav ul li li.last-menu-item a, .pure-menu.main-nav ul li li.last-menu-item strong, .pure-menu.main-nav ul li .children li a, .pure-menu.main-nav ul li .children li strong {
		background-image: none;
		color: #333;
		display: table-cell;
		border-top: none;
	}

	.pure-menu.main-nav ul li .children li {
		background: #fafafa;
	}
	.pure-menu.main-nav ul li .children li.has-children {
		background: #fafafa url("media/pfeil-icons.png") no-repeat scroll 98% -89px;
	}

	.pure-menu.main-nav ul li .children li a {
		background: none;
	}

	.pure-menu.main-nav ul li .children li:hover {
		background: #becd00;
	}
	.pure-menu.main-nav ul li .children li.has-children:hover {
		background: #becd00 url("media/pfeil-icons.png") no-repeat scroll 98% -190px;
	}

	.pure-menu.main-nav ul li .children li:hover a:hover {
		background: none;
	}
	.pure-menu.main-nav ul li li.last-menu-item strong {
		background: white url("media/pfeil-icons_blue.png") no-repeat 11px -193px;
		color: #00589c;
		font-weight: normal;
	}

	.pure-menu.main-nav ul.topbar > li > a, .pure-menu.main-nav ul.siblings li a, .pure-menu.main-nav ul.siblings li.last-menu-item a {
		background: #ebebeb url("media/pfeil-icons_grey.png") no-repeat 8px -191px;
	}
	.pure-menu.main-nav ul.siblings ul.children li.last-menu-item a {
		background: none;
	}
	.pure-menu.main-nav ul.topbar > li > a:hover, .pure-menu.main-nav ul.siblings li a:hover {
		background: #becd00 url("media/pfeil-icons_grey.png") no-repeat 8px -191px;
	}
	.pure-menu.main-nav ul.topbar > li.main-nav-home a {
		background: #106610 url("media/menu-icons.png") no-repeat scroll 21px -793px;
		text-indent: -9999px;
		white-space: nowrap;
		display: block;
		padding: 4px 0.5em;
	}
	.pure-menu.main-nav ul.topbar > li.main-nav-home a:hover, .pure-menu.main-nav ul.topbar > li.main-nav-home a:focus, .pure-menu.main-nav ul.topbar > li.main-nav-home a:active {
		background: #becd00 url("media/menu-icons.png") no-repeat scroll 21px -693px;
	}
	.pure-menu.main-nav ul.topbar li.main-nav-back > a {
		display: inline-block;
		background: #00589c url("media/pfeil-icons_white.png") no-repeat 8px -88px;
		width: 100%;
		padding: 0.5em 0.5em 0.5em 21px;
		color: #fff;
	}
	.pure-menu.main-nav ul.topbar li.main-nav-back > a:hover, .pure-menu.main-nav ul.topbar li.main-nav-back > a:focus {
		background: #becd00 url("media/pfeil-icons_white.png") no-repeat 8px -88px;
	}
	.pure-menu.main-nav b, .pure-menu.main-nav strong {
		display: block;
		background: #becd00 url("media/pfeil-icons_grey.png") no-repeat 8px 10px;
		padding: 0.25em 0.5em 0.25em 21px;
		color: #333;
		font-weight: bold;
		border: 1px solid #d2d2d2;
		border-bottom: none;
	}

	.pure-menu.main-nav .children b {
		background: #becd00;
	}

	/* Neue Anforderung von HZB - aktueller Menüpunkt ist in einigen Anwendungen verlinkt */
	.pure-menu.main-nav ul.siblings li b a {
		display: inline;
		background: none;
		border: none;
		padding: 0;
	}
	.pure-menu.main-nav ul.siblings li b a:hover {
		background: none;
		text-decoration: underline;
	}

	/* Sonderfall - blaue Seiten */
	.special .pure-menu.main-nav > ul {
		border-bottom: 3px solid #00589c;
	}
	.special .pure-menu.main-nav ul.topbar > li.main-nav-home a:hover, .special .pure-menu.main-nav ul.topbar > li.main-nav-home a:focus, .special .pure-menu.main-nav ul.topbar > li.main-nav-home a:active {
		background: #00589c url("media/menu-icons.png") no-repeat scroll 21px -793px;
	}
	.special .pure-menu.main-nav ul.topbar > li > a:hover, .special .pure-menu.main-nav ul.siblings li a:hover {
		background: #00589c url("media/pfeil-icons_white.png") no-repeat 8px -191px;
		color: #fff;
	}
	.special .pure-menu.main-nav ul.topbar li.main-nav-back > a:hover, .special .pure-menu.main-nav ul.topbar li.main-nav-back > a:focus {
		background: #00589c url("media/pfeil-icons_white.png") no-repeat 8px -88px;
		color: #fff;
	}
	.special .pure-menu.main-nav b, .special .pure-menu.main-nav strong {
		background: #00589c url("media/pfeil-icons_white.png") no-repeat 8px 10px;
		color: #fff;
	}
	
	/*
	 * @section             Main-Navigation als Mega-Menü (.main-nav-mega) - Start
	 ******************************************************************************/
	
	ul.mega-l1 li.enter ul.mega-l2, .no-js ul.mega-l1 li:hover ul.mega-l2 {
		display: block;
	}
	
	.start .mega-menu-wrap {
		display: block;
	}
	
	.pure-menu.main-nav-mega {
	
		font-size: 13px;
		z-index: 50;
		margin: 13px 0 30px;
	}

    /* 1. Ebene des Megamenüs */
    /* 2. Ebene des Megamenüs */
    /* 3. Ebene des Megamenüs */ 

	.pure-menu.main-nav-mega ul.mega-l1 {
		z-index: 60;
		display: table;
		width: 100%;
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li {
		display: table-cell;
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li > a, .pure-menu.main-nav-mega ul.mega-l1 > li > b, .pure-menu.main-nav-mega ul.mega-l1 > li > strong {
		background-color: #e6e6e6;
		padding: 0.75em;
		line-height: 16px;
		border: 1px solid #d2d2d2;
		border-top: 1px solid #f6f6f6;
		border-right: none;
		text-align: center;
		display: block;
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li > a:hover, .pure-menu.main-nav-mega ul.mega-l1 > li > a:focus, .pure-menu.main-nav-mega ul.mega-l1 > li > a:active, .pure-menu.main-nav-mega ul.mega-l1 > li.enter > a:link, .pure-menu.main-nav-mega ul.mega-l1 > li.enter > a:visited, .pure-menu.main-nav-mega ul.mega-l1 > li.enter > a:focus, .pure-menu.main-nav-mega ul.mega-l1 > li.enter > a:active {
		background-color: #00589c;
		background-image: none;
		color: #fff;
		border-top: 1px solid #4a9ad8;
		border-bottom: 1px solid #4a9ad8;
	}  

	.pure-menu.main-nav-mega ul.mega-l1 > li:first-child > a, .pure-menu.main-nav-mega ul.mega-l1 > li:first-child > strong {
		border-left: none;
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li:last-child > a, .pure-menu.main-nav-mega ul.mega-l1 > li:last-child > strong {
		border-right: none;
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li.act > a:link, .pure-menu.main-nav-mega ul.mega-l1 > li.act > a:visited, .pure-menu.main-nav-mega ul.mega-l1 > li.act > b {
		background-color: #00589c;
		color: #333;
		border-top: 1px solid #d2d2d2;
		border-bottom: 1px solid #fafafa;
		background-color: white;
		background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#fafafa));
		background-image: -webkit-linear-gradient(top, white, #fafafa);
		background-image: -moz-linear-gradient(top, white, #fafafa);
		background-image: -ms-linear-gradient(top, white, #fafafa);
		background-image: -o-linear-gradient(top, white, #fafafa);
		background-image: linear-gradient(top, white, #fafafa);
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li.act > a:hover, .pure-menu.main-nav-mega ul.mega-l1 > li.act > a:focus, .pure-menu.main-nav-mega ul.mega-l1 > li.act > a:active {
		background-color: #00589c;
		background-image: none;
		color: #fff;
	}
	.pure-menu.main-nav-mega ul.mega-l1 > li.act > strong {
		color: #00589c;
	}

	.pure-menu.main-nav-mega ul.mega-l2 {
		border-top: 4px solid #00589c;
		-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
		display: none;
		left: 0;
		top: 36px;
		visibility: visible;
		width: 100%;
		background-color: #00589c;
		background-color: #fafafa;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f0f0f0));
		background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: -ms-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: linear-gradient(top, #fafafa, #f0f0f0);
		height: auto;
		font-size: 13px;
		padding-bottom: 1em;
	}

     /* nur erste Ebene des aufgeklappten Megamenüs bekommt Bilder */ 

	.pure-menu.main-nav-mega ul.mega-l2 li {
		width: 25%;
		vertical-align: top;
		display: block;
		float: left;
		padding: 5px 20px;
	}
	.pure-menu.main-nav-mega ul.mega-l2 li a {
		padding: 10px 0 5px;
		color: #333;
		line-height: 13px;
	}
	.pure-menu.main-nav-mega ul.mega-l2 li.act > a {
		background-color: #00589c;
		color: #fff;
	}
	.pure-menu.main-nav-mega ul.mega-l2 li.act {
		background-color: #fafafa;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f0f0f0));
		background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: -ms-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
		background-image: linear-gradient(top, #fafafa, #f0f0f0);
		display: block;
	}

	/* hover ohne span für menübild */
	.pure-menu.main-nav-mega ul.mega-l2 li > a:hover {
		background-color: #4a9ad8;
		color: #fff;
	}
	/* hover mit span für menübild */
	.pure-menu.main-nav-mega ul.mega-l2 li > span:hover {
		background-color: #4a9ad8;
	}

	.pure-menu.main-nav-mega ul.mega-l2 li > span > a:hover {
		color: #fff;
	}

	.pure-menu.main-nav-mega ul.mega-l2 li.act > span:hover {
		background-color: inherit;
	}

	/* Megamenü-Pics für die Umsetzung im TYPO3 auf die span gelegt (statt A-Tags) */

	.pure-menu.main-nav-mega ul.mega-l2 > li {
		background: url("media/mega-menu-pic.gif") no-repeat scroll 20px 17px rgba(0, 0, 0, 0);
		padding: 10px 20px 5px;
	}

	.special .pure-menu.main-nav-mega ul.mega-l2 > li {
		background-image: url("media/mega-menu-pic_blue.gif");
	}

	/* Obsolet wenn auf span umgestellt */
	.pure-menu.main-nav-mega ul.mega-l2 > li > a {
		padding: 9px 0 9px 55px;
		height: 3.5em;
		/*background-image: url("media/mega-menu-pic.gif");*/
		background-repeat: no-repeat;
		background-position: center left;
		line-height: 15px;
	}

	.pure-menu.main-nav-mega ul.mega-l2 > li > span {
		/*background-image: url("media/mega-menu-pic.gif");*/
		background-position: left center;
		background-repeat: no-repeat;
		display: block;
	}

	.pure-menu.main-nav-mega ul.mega-l2 > li > span > a, .pure-menu.main-nav-mega ul.mega-l2 > li > span > b {
		height: 3.5em;
		line-height: 15px;
		padding: 7px 0 9px 55px;
		display: block;
	}
   
	.pure-menu.main-nav-mega ul.mega-l3 {
		display: block;
		left: 0;
		top: 0em;
		visibility: visible;
		height: auto;
		position: relative;
		font-size: 11px;
	}

	.pure-menu.main-nav-mega ul.mega-l2 > li > span {
		border-bottom: 3px solid #4a9ad8;
	}

	.pure-menu.main-nav-mega ul.mega-l3 li {
		width: 100%;
		display: block;
		padding: 0;
	}
	.pure-menu.main-nav-mega ul.mega-l3 li a {
		height: auto;
		color: #666;
		padding: 4px 1px;
		background: none;
		border-bottom: none;
	}
	.pure-menu.main-nav-mega ul.mega-l3 li a:hover, .pure-menu.main-nav-mega ul.mega-l3 li a:focus, .pure-menu.main-nav-mega ul.mega-l3 li a:active {
		background-color: #4a9ad8;
		color: #fff;
	}
	.pure-menu.main-nav-mega ul.mega-l3 li.act > a {
		font-weight: bold;
		background-color: inherit;
		color: #333;
	}
	
	/*
	 * @section             Main-Navigation als Mega-Menü (.main-nav-mega) - Ende
	 ******************************************************************************/
 
	.start .main-nav {
		display: none;
	}

	.intranet .pure-menu.main-nav-mega {
		margin-bottom: 0;
	}

	.intranet .main-nav, .intranet .breadcrumbs {
		margin-top: 30px;
	}

	.intranet .box.quickentry {
		margin-top: 0;
	}

	.intranet .subpage .box.quickentry {
		margin-top: 20px;
	}
	
	/*
	 * @section             responsive-nav.js 1.0.23 by @viljamis - Start
	 ******************************************************************************/

	.js .nav-collapse {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		zoom: 1;
	}

	.nav-collapse.opened {
		max-height: 9999px;
	}

	.nav-toggle {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;

		background: #00589c;
		color: #fff;
		padding: 5px;
		margin-bottom: 10px;
		text-decoration: none;
	}
	
	.nav-toggle:link, .nav-toggle:visited, .nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active {
		color: #fff;
		text-decoration: none;
	}

	header {
		position: relative;
	}

	.js .nav-collapse {
		position: relative;
	}

	.js .nav-collapse.closed {
		max-height: none;
	}

	.nav-toggle {
		display: none;
	}


	.pure-paginator {
		/* `pure-g` Grid styles */
		letter-spacing: -0.31em;
		/* Webkit: collapse white-space between units */
		*letter-spacing: normal;
		/* reset IE < 8 */
		*word-spacing: -0.43em;
		/* IE < 8: collapse white-space between units */
		text-rendering: optimizespeed;
		/* Webkit: fixes text-rendering: optimizeLegibility */
		/* `pure-paginator` Specific styles */
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.old-markup ul.pure-paginator {
		padding: 0;
	}

	.opera-only :-o-prefocus, .pure-paginator {
		word-spacing: -0.43em;
	}

	/* `pure-u` Grid styles */
	.pure-paginator li {
		display: inline-block;
		*display: inline;
		/* IE < 8: fake inline-block */
		zoom: 1;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto;
		margin-right: 3px;
	}

	.pure-paginator .pure-button {
		border-radius: 0;
		padding: 0.8em 1.4em;
		vertical-align: top;
		height: 1.1em;
	}

	.pure-paginator .pure-button:focus, .pure-paginator .pure-button:active {
		outline-style: none;
	}

	.pure-paginator .prev, .pure-paginator .next {
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
	}

	.pure-paginator .prev {
		border-radius: 2px 0 0 2px;
	}

	.pure-paginator .next {
		border-radius: 0 2px 2px 0;
	}

	.pure-paginator .first, .pure-paginator .last, .pure-paginator .prev, .pure-paginator .next {
		font-size: 20px;
		padding: 0.15em 0.5em;
	}

	.pure-paginator li a {
		padding: 0.5em;
		vertical-align: top;
		cursor: pointer;
		display: inline-block;
		line-height: normal;
		text-align: center;
		white-space: nowrap;
		background-color: #eeeeee;
		text-decoration: none;
		transition: box-shadow 0.1s linear 0s;
	}
	.pure-paginator li a.pure-paginator-active, .pure-paginator li a:active {
		background: #4a9ad8;
		color: #fff;
	}
	.pure-paginator li a:hover, .pure-paginator li a:focus {
		background: #00589c;
		color: #fff;
	}
	

}

@media screen and (min-width: 980px) {
	.pure-visible-phone {
		display: none;
	}

	.pure-visible-tablet {
		display: none;
	}

	.pure-hidden-desktop {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.top_upper {
	  width: 100%;
	  height: 12px;
	  background-color: #ffffff;
	}
	
	.top_lower {
	  width: 100%;
	  height: 12px;
	  background-color: #becd00;
	}

	.top_under {
	  width: 100%;
	  height: 6px;
	  background-color: #FFFFFF;
	}
	.logo-small {
	display: block;
	}
	.logo {
		display: none;
	}

	.pure-g-r > .pure-u, .pure-g-r > [class*="pure-u-"] {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.pure-hidden-phone {
		display: none;
	}

	.pure-visible-desktop {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.pure-hidden-tablet {
		display: none;
	}

	.pure-visible-desktop {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.top_upper {
	  width: 100%;
	  height: 12px;
	  background-color: #ffffff;
	}
	
	.top_lower {
	  width: 100%;
	  height: 12px;
	  background-color: #becd00;
	}

	.top_under {
	  width: 100%;
	  height: 5px;
	  background-color: #FFFFFF;
	}
	.logo-small {
	display: block;
	}
	.logo {
		display: none;
	}
	.pure-menu-horizontal {
		width: 100%;
	}

	.pure-menu-children li {
		display: block;
		border-bottom: 1px solid black;
	}
}

@media only screen and (min-width: 768px) {
	.pure-menu.service-nav {
		font-size: 0.929em;
	}

	.top-footer, .bottom-footer .back-to-top, footer .pure-menu {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
		font-size: 12px;
	}
}

/* vorher 780px */
@media only screen and (max-width: 870px) {
	.pure-menu.main-nav-mega ul.mega-l2 {
		top: 51px;
	}

	.pure-menu.main-nav-mega ul.mega-l1 > li > a, .pure-menu.main-nav-mega ul.mega-l1 > li > strong {
		height: 52px;
	}
}


@media only screen and (max-width: 768px) {
	.pure-menu.service-nav {
	}
	.pure-menu.service-nav li a {

		padding: 0.7em 0.6em;
	}
	.pure-menu.main-nav {
		font-size: 0.923em;
	}

	.pure-menu.main-nav > ul {
		background: none;
	}

	.pure-menu.main-nav-mega {
		font-size: 11px;
	}

	.pure-menu.main-nav-mega ul.mega-l1 > li:first-child {
	}

	.pure-menu.main-nav-mega ul.mega-l2 > li {
		width: 33%;
	}

	.pure-menu.main-nav-mega ul.mega-l2 > li:nth-of-type(3n+4) {
		clear: left;
	}

	.start .main-nav-mega {
		display: block;
	}

	footer nav .pure-u-3-18 {
		width: 33.334%;
		margin-bottom: 30px;
	}

	.logo-small {
		height: 23px;
		overflow: hidden;
		top: -3px;
	}

}

@media only screen and (max-width: 600px) {
	.pure-menu-fixed {
		position: static;
		width: 100%;
	}

	.start .main-nav-mega {
		display: none;
	}

	.start .main-nav {
		display: block;
	}

	.start .pure-menu.main-nav, .pure-menu.main-nav {
		top: 0;
		position: static;
		margin-top: 0;
	}

	.mega-menu-wrap {
		display: none;
	}

	.pure-menu.service-nav {
		text-align: left;
		margin-top: 80px;
	}

	.pure-menu.service-nav li a {
		padding: 0.4em 0.5em;
	}

	.pure-menu.main-nav > ul {
		padding-top: 21px;
	}

	.start .pure-menu.main-nav > ul {
		padding-top: 0px;
	}

	.pure-menu.main-nav .sub-nav {
		top: -1px !important;
	}
	.nav-toggle {
		display: block;
	}

	.top-footer .pure-u-13-18, .top-footer .pure-u-5-18 {
		display: inline;
	}

}

@media only screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px;
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px;
	}
}



body {
	font-size: 0.875em;
	line-height: 1.429em;
}


.pure-menu.main-nav-mega, .pure-menu.main-nav, footer nav.page-wrapper .pure-menu, .splash-image .teaser-link {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1 {
	font-size: 1.714em;
	line-height: 1.2em;
}

h2 {
	font-size: 1.214em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.071em;
	line-height: 1.5em;
}

/* Defaultschriftgröße ist 14px auf Desktop - Spalten rechts und links haben kleinere Schriften */
.font-small {
	font-size: 0.929em;
	line-height: 1.5em;
}

.teaser-list h3 {
	font-size: 1em;
}
.teaser-list li {
	font-size: 0.929em;
}

.page-wrapper {
	max-width: 1070px;
	margin: 0 auto;
}


header {
/*	background: #becd00 url("media/header-overlay.png") 100px 0 no-repeat; */
/*	border-bottom: 1px solid rgba(255, 255, 255, 0.8); */
	z-index: 9999;
/*	-webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1); */
}



.special.event-page .search-wrap, .special.people-page .search-wrap, .special.project-page .search-wrap, .special .search-wrap {
	margin-bottom: 20px;
}

.special.event-page .search-wrap .pure-u-14-18 {
	/* display: inline; */
}

.intranet .stage-wrap {
	margin-top: 10px;
}




.bottom-footer {
	display: table;
	width: 100%;
}

@media only screen and (min-width: 780px) {

	.main_col-right .main-content {
		padding: 0 30px 20px;
	} 
        
}
    
@media only screen and (max-width: 779px) {

	.main_col-right .main-content {
		padding: 0 20px 20px;
	} 

}


.main {
	margin: 0 auto 2em;
}

.main-content {
	padding: 0 0 20px 30px;
}
/*
 .main_col-right .main-content {
 padding: 0 20px 20px; }
 */
.start .main-content {
	padding: 0 20px 20px 30px;
}

.content {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
}

.pure-u-5-14 .content {
	padding: 0 0 0 20px;
}

/*
 * @section         Footer
 *************************************************************************************************/

footer {
	background: #f4f4f4;
	padding-bottom: 3em;
	font-family: Arial, sans-serif;
}

.top-footer {
	background-color: #d8d8d8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#e3e3e3));
	background-image: -webkit-linear-gradient(top, #d8d8d8, #e3e3e3);
	background-image: -moz-linear-gradient(top, #d8d8d8, #e3e3e3);
	background-image: -ms-linear-gradient(top, #d8d8d8, #e3e3e3);
	background-image: -o-linear-gradient(top, #d8d8d8, #e3e3e3);
	background-image: linear-gradient(top, #d8d8d8, #e3e3e3);
	border-top: 1px solid #d8d8d8;
}
.top-footer p {
	margin: 0;
	padding: .7em 0 .5em 10px;
	height: 40px;
}
.top-footer .buttons {
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
	background-image: -webkit-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: -moz-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: -ms-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: -o-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: linear-gradient(top, #eeeeee, #e3e3e3);
	display: inline-block;
}
.top-footer .buttons a {
	color: #333;
	padding: 0 10px;
}

/*
 * @section         Listenstyles
 *************************************************************************************************/

.no-list-style {
	padding: 0;
}
.no-list-style li {
	list-style: none;
}

/*
 * @section         Allgemeine Listen (Date in span und img möglich)
 *************************************************************************************************/
/* .box.eventlist li, .box.act-high-list li, .box.press-high-list li,
.box .eventlist li, .box .act-high-list li, .box .press-high-list li */

.list li, .teaser-list li, .eventlist li, .act-high-list li, .press-high-list li {
	padding: 0.5em 0;
	/* border-bottom: 1px solid #e8e8e8; */
}

/* da solange FCEs im T3 nicht neu gespeichert werden, die Klasse .box nicht unbedingt gibt...
 .box.eventlist li span, .box.act-high-list li span, .box.press-high-list li span,
 .box .eventlist li span, .box .act-high-list li span, .box .press-high-list li span */
.list li span, .teaser-list li span, .eventlist li span, .act-high-list li span, .press-high-list li span {
	color: #666666;
	display: block;
}

/* Listen mit Bild links 25% */
.teaser-list li:before, .teaser-list li:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.teaser-list li:after {
	clear: both;
}
.teaser-list li {
	*zoom: 1;
}
.teaser-list h3 {
	margin: 0;
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
}
.teaser-list img {
	width: 25%;
	margin: 0 10px 10px 0;
	float: left;
}
.teaser-list .teaser-subline {
	color: #666;
	margin: 0;
}
.teaser-list.bigpic li {
	padding: 2em 0;
}
.teaser-list.bigpic img {
	width: 47%;
	margin: 0 20px 12px 0;
}

/*
 * @section         Datei-Icons - Downloads
 *************************************************************************************************/

.pdf {
	background: url("media/icon-pdf_blue.gif") no-repeat;
	padding-left: 35px;
	display: block;
}

.contact-phone {
	background: url("media/contact-icons.png") no-repeat 0 4px;
	padding-left: 20px;
}

.contact-fax {
	background: url("media/contact-icons.png") no-repeat 0 -99px;
	padding-left: 20px;
}

.contact-mail {
	background: url("media/contact-icons.png") no-repeat 0 -196px;
	padding-left: 20px;
}

.socialmedia h4 {
	margin-bottom: 0;
}
.socialmedia ul li {
	padding: 4px 4px 4px 24px;
	background: url("media/icon_zlog.jpg") no-repeat 0 6px;
}
.socialmedia ul.tweets {
	margin: 0;
}
.socialmedia ul.tweets li {
	padding: 4px;
	border-top: 1px solid #e8e8e8;
}
.socialmedia .facebook {
	background: url("media/icon_facebook.png") no-repeat 0 6px;
}
.socialmedia .twitter {
	background: url("media/icon_twitter.png") no-repeat 0 6px;
}
.socialmedia .youtube {
	background: url("media/icon_youtube.png") no-repeat 0 6px;
}
.socialmedia .rss {
	background: url("media/icon_rss.png") no-repeat 0 6px;
}

.special .box {
	border-top: 4px solid #00589c;
}

.test .box {
	background-image: -moz-linear-gradient(top, #a7b400 0, white 30px);
	border-top: none !important;
}

/* .box, .col-right div[data-default="box green"], .col-left div[data-default="box green"] - mantis: 13011 */
.box, div[data-default="box green"], div[data-default="box green"] {
	border-bottom: 1px solid #e8e8e8;
	border-top: 4px solid #4a9ad8;
	border-width: 3px 0 1px;
	margin-bottom: 20px;
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(white));
	background-image: -webkit-linear-gradient(top, #fafafa, white);
	background-image: -moz-linear-gradient(top, #fafafa, white);
	background-image: -ms-linear-gradient(top, #fafafa, white);
	background-image: -o-linear-gradient(top, #fafafa, white);
	background-image: linear-gradient(top, #fafafa, white);
}

.box.mediathek p {
	font-size: 0.857em;
	/* 12px (basis 13px) */
}

.mediathek-collection {

}

.box .mediathek-collection ul {
	margin: 0;
	padding: 0;
}

.box .mediathek-collection li {
	width: 50%;
	float: left;
	position: relative;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.mediathek-collection li:nth-of-type(2n+2) {
	padding-left: 0.5em;
}

.mediathek-collection li:nth-of-type(2n+1) {
	padding-right: 0.5em;
}

.mediathek-collection li:nth-of-type(n+3) {
	margin-bottom: 0;
}

.mediathek-fullbox {
	position: relative;
}

.btn-overlay {
	position: absolute;
	z-index: 5;
}

.box.top-border-blue {
	border-top: 3px solid #4a9ad8;
}
.box.top-border-red {
	border-top: 3px solid #cc0000;
}

/*
 * Zusatz CSS-Eigenschaft für div[data-default="box green"] (gestylt wie .box.top-border-green)
 * für die Margi-Boxen im TYPO3 die nicht neu gespeichert werden und darum die normalen Klassen nicht haben
 */

/* .box.top-border-green, .col-right div[data-default="box green"], .col-left div[data-default="box green"] - mantis: 13011 */
.box.top-border-green, div[data-default="box green"], div[data-default="box green"] {
	border-top: 3px solid #becd00;
}

/* .box h3, .col-right div[data-default="box green"] h3, .col-left div[data-default="box green"] h3 - mantis: 13011 */
.box h3, div[data-default="box green"] h3, div[data-default="box green"] h3,
.col-right div[data-default="box green"] h3, .col-left div[data-default="box green"] h3 {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
	font-size: 13px;
	background: none;
}

/* .box h3:first-child, .col-right div[data-default="box green"] h3:first-child, .col-left div[data-default="box green"] h3:first-child - mantis: 13011 */
.box h3:first-child, div[data-default="box green"] h3:first-child, div[data-default="box green"] h3:first-child {
	border-bottom: 1px solid #e8e8e8;
	padding: 0 0 0.5em 0;
}

/* .box p, .col-right div[data-default="box green"] p, .col-left div[data-default="box green"] p - mantis: 13011 */
.box p, div[data-default="box green"] p, div[data-default="box green"] p {
	margin: 0.4em 0;
}

/* .box p:last-child, .col-right div[data-default="box green"] p:last-child, .col-left div[data-default="box green"] p:last-child - mantis: 13011 */
.box p:last-child, div[data-default="box green"] p:last-child, div[data-default="box green"] p:last-child {
	margin-bottom: 0;
}

/* .box .BoxGrafik img, .col-right div[data-default="box green"] .BoxGrafik img, .col-left div[data-default="box green"] .BoxGrafik img - mantis: 13011 */
.box .BoxGrafik img, div[data-default="box green"] .BoxGrafik img {
	width: 40%;
	float: left;
	/* margin: 0 10px 10px 0; siehe Mantis 12743 */
	margin: 0.7em 10px 10px 0;
}

.col-left .box .BoxGrafik img, 
.col-left div[data-default="box green"] .BoxGrafik img {
	width: 38%;
	margin-right: 8px;
}

.col-left .box .BoxText .font-small,
.col-left div[data-default="box green"] .BoxText .font-small	{
	font-size: 11px;
}

/* .box .BoxText span, .col-right div[data-default="box green"] .BoxText span, .col-left div[data-default="box green"] .BoxText span - mantis: 13011 */
.box .BoxText span, div[data-default="box green"] .BoxText span, div[data-default="box green"] .BoxText span {
	display: block;
}

.box.mediathek p {
	color: #666666;
}
.eventlist li {
	background: url("media/icon-eventlist.png") no-repeat 0 7px;
	padding: 0.5em 0.5em 0.5em 20px;
}

.act-high-list {
	border-top: 4px solid #cc0000;
}

.act-high-list li {
	background: url("media/menu-icons.png") no-repeat -1px -972px;
	padding: 0.5em 0.5em 0.5em 20px;
}

.press-high-list li {
	background: url("media/menu-icons.png") no-repeat -1px -972px;
	padding: 0.5em 0.5em 0.5em 20px;
}

/* Alle Aufzählungen in Boxen (.box oder div[data-default="box green"]) und alle mit .linklist */

.box ul, div[data-default="box green"] ul, .link-list ul {
	margin: 0;
	padding: 0.2em 0.5em;
}

.box li, div[data-default="box green"] li, .link-list li {
	/* list-style-position: inside; mantis 12930 */
	margin: 0 0 0 1em; /* Einrückung wenn list-style-position: outside */
	list-style-type: square;
	/* padding: 0.2em 0.5em; in Margi-Boxen zu weit eingerückt: http://cmstest.hmi.de/hzbtypo/zentrum/index_de.html */
	padding: 0.2em 0;
}

.box .eventlist ul, div[data-default="box green"] .eventlist ul, 
.box .press-high-list ul, div[data-default="box green"] .press-high-list ul, 
.box .act-high-list ul, div[data-default="box green"] .act-high-list ul {
	padding: 0;
}

.box .eventlist li, div[data-default="box green"] .eventlist li, 
.box .press-high-list li, div[data-default="box green"] .press-high-list li, 
.box .act-high-list li, div[data-default="box green"] .act-high-list li {
	list-style-type: none;
	padding: 0.5em 0.5em 0.5em 20px;
	margin: 0;
}

.box.socialmedia ul {
	padding: 0;
}

.box.socialmedia li {
	list-style-type: none;
	margin: 0;
}

/* .box.link-list .no-list-style li */
.link-list .no-list-style li {
	list-style-type: none;
	/* padding: 0.5em 0.5em 0.5em 15px; */

	/* für "box link-list top-border-green" und ul.no-list-style - http://cmstest.hmi.de/hzbtypo/zentrum/kontakt/standort/index_de.html */
	margin: 0;
	padding: 0.2em 0;
}


/* .box.link-list li.Extern */
/* .link-list li, Mantis: 12970: https://wwwtest.hmi.de/quellen/ber/instruments-neutrons/index_de.html */
.link-list li.Extern, .link-list li.Intern, .link-list li.PDF, .link-list li.Word, .link-list li.Excel, .link-list li.Dok, .link-list li.Audio, .link-list li.Video {
	list-style-type: none;
	padding: 0.5em 0.5em 0 20px;
	margin: 0;
}

.box.partnerlogos {
	text-align: center;
	border: 1px solid #e8e8e8;
	background: #fff;
}

.box.quickentry {
	margin-top: 20px;
}

/* Schnellnavigation funktioniert nur mit JS, darum ausblenden, wenn kein JS aktiv - Mantis: 12905 */
.no-js .box.quickentry {
	display: none;
}



.box.quickentry,
.start .box.quickentry:hover, .start .box.quickentry:focus,
.intranet .col-left .box.quickentry:hover, .intranet .col-left .box.quickentry:focus {
	border: 1px solid #becd00;
	position: relative;
	/* margin-top: 20px; */
	background-color: #d6df5e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d6df5e), to(#becd00));
	background-image: -webkit-linear-gradient(top, #d6df5e, #becd00);
	background-image: -moz-linear-gradient(top, #d6df5e, #becd00);
	background-image: -ms-linear-gradient(top, #d6df5e, #becd00);
	background-image: -o-linear-gradient(top, #d6df5e, #becd00);
	background-image: linear-gradient(top, #d6df5e, #becd00);
}
.box.quickentry h3 {
	border-bottom: none;
	color: #333;
	padding: 0 0 0 22px;
	margin: 0 0 2px;
	background: url("media/menu-icons.png") no-repeat 1px -898px;
	cursor: pointer;
}
.box.quickentry form select {
	width: 100%;
	background: #fafafa;
	border: 1px solid #becd00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0.2em 0;
	padding: 0.125em;
}


.start .box.quickentry {
	margin-top: 0;
	height: 258px;
}

.box.quickentry:hover, .box.quickentry:focus {
	background-color: #becd00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#becd00), to(#d6df5e));
	background-image: -webkit-linear-gradient(top, #becd00, #d6df5e);
	background-image: -moz-linear-gradient(top, #becd00, #d6df5e);
	background-image: -ms-linear-gradient(top, #becd00, #d6df5e);
	background-image: -o-linear-gradient(top, #becd00, #d6df5e);
	background-image: linear-gradient(top, #becd00, #d6df5e);
	border: 1px solid #b7c600;
}

.box.quickentry form.quick-open {
	display: block;
	background: #fff;
	padding: 5px;
	position: absolute;
	z-index: 9999;
	border: 1px solid #becd00;
	background-color: #d6df5e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d6df5e), to(#becd00));
	background-image: -webkit-linear-gradient(top, #d6df5e, #becd00);
	background-image: -moz-linear-gradient(top, #d6df5e, #becd00);
	background-image: -ms-linear-gradient(top, #d6df5e, #becd00);
	background-image: -o-linear-gradient(top, #d6df5e, #becd00);
	background-image: linear-gradient(top, #d6df5e, #becd00);
}

/* .col-left .box, .col-left div[data-default="box green"], .col-right .box, .col-right div[data-default="box green"] - mantis: 13011 */
.col-left .box, .col-left div[data-default="box green"], .col-right .box, .col-right div[data-default="box green"] {
	padding: 10px;
	padding-top: 0;
}

.col-left .box.quickentry {
	padding: 10px;
}


/*
 * Alte Klassen mit neuen Styles
 *************************************************************************************************/
.TeaserBox ul {
  list-style-type: square;
  overflow: hidden;
  padding: 0 1em 1em 1em; }

/* mantis: 13041
.InhaltFoto {
  text-align: center; }
*/
.TeaserBox	{
	margin: 1em 0;
	overflow: hidden;
}

.TeaserBox h2	{
	margin-top: 0;
}

.TeaserBox p	{
	margin-bottom: 0;
}

.TeaserBox img	{
	margin: 0 1em 5px 0;
	float: left;
  	width: 25%;
}

div.Teaser	{
	overflow: hidden;
}

div.TeaserBoxGrafik {
    width: 25%;
}
div.TeaserBoxGrafik img {
    width: 100%;
}

/* deaktiviert Matis: 12653: Sprungnavigation ohne grünen Rahmen ausgeben
ul#SprungNav	{
	border: 1px solid #becd00;
}
*/

ul#SprungNav li {
    background: url("media/icon_nav_e4-5_zu.gif") 9px 6px no-repeat;
    padding-left: 20px;
}

/*
 * Media Queries - Mobil-First! - Basisversion ist die einfache für kleine Screens
 *************************************************************************************************/

.teaser-accordion {
	border-top: 1px solid #eeeeee;
	background-color: white;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#fafafa));
	background-image: -webkit-linear-gradient(top, white, #fafafa);
	background-image: -moz-linear-gradient(top, white, #fafafa);
	background-image: -ms-linear-gradient(top, white, #fafafa);
	background-image: -o-linear-gradient(top, white, #fafafa);
	background-image: linear-gradient(top, white, #fafafa);
}

.accordion-pair h2, .accordion-pair h3 {
	font-size: 14px;
	margin: 0;
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
}

.js .accordion-pair h2, .js .accordion-pair h3 {
	background: url("media/pfeil-icons.png") no-repeat scroll 98% -683px rgba(0, 0, 0, 0);
}

.no-js .accordion-pair h2 > a, .no-js .accordion-pair h3 > a {
	text-decoration: none;
}

.js .accordion-pair h2:hover, .js .accordion-pair h3:hover {
	background: url("media/pfeil-icons.png") no-repeat scroll 98% -983px rgba(0, 0, 0, 0);
}

.js .accordion-pair.acc-open h2, .js .accordion-pair.acc-open h3  {
    background: url("media/pfeil-icons.png") no-repeat scroll 98% -883px rgba(0, 0, 0, 0);
    border-bottom: none;
}

.js .accordion-pair.acc-open h2:hover, .js .accordion-pair.acc-open h3:hover {
    background: url("media/pfeil-icons.png") no-repeat scroll 98% -1083px rgba(0, 0, 0, 0);
}

.accordion-pair h2 a, .accordion-pair h3 a {
	padding: 10px 25px 10px 10px;
	display: block;
	color: #00589C;
	text-decoration: underline;
	cursor: pointer;
}

.accordion-pair h2 a:hover, .accordion-pair h2 a:focus, .accordion-pair h2 a:active, .accordion-pair h3 a:hover, .accordion-pair h3 a:focus, .accordion-pair h3 a:active {
	color: #00589C;
	text-decoration: none;
	outline: none;
}

.js .accordion-pair h2 a:hover, .js .accordion-pair h2 a:focus, .js .accordion-pair h2 a:active, .js .accordion-pair h3 a:hover, .js .accordion-pair h3 a:focus, .js .accordion-pair h3 a:active {
	color: #A7B400;
}

.teaser-accordion .accordion-box {
	padding: 10px;
	font-size: 13px;
}

.teaser-accordion .accordion-box img {
	width: 25%;
	float: left;
	margin: 0 10px 10px 0 !important;
}



.teaser-accordion .accordion-box p {
	margin: 0;
}

.teaser-accordion .accordion-box ul {
	overflow: hidden;
}

.teaser-accordion .acc-open {
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(white));
	background-image: -webkit-linear-gradient(top, #fafafa, white);
	background-image: -moz-linear-gradient(top, #fafafa, white);
	background-image: -ms-linear-gradient(top, #fafafa, white);
	background-image: -o-linear-gradient(top, #fafafa, white);
	background-image: linear-gradient(top, #fafafa, white);
	border-bottom: 1px solid #eeeeee;
}

.teaser-accordion .accordion-box table {
	margin: 0;
}

.sub-menu-items .accordion-box ul {
	font-size: 0.929em;
	margin: 0;
}
.sub-menu-items .accordion-box ul li {
	list-style-type: square;
}

.hzb-event-list-date {
	color: #999;
	display: block;
	margin: 0.5em 10px 0;
}


/*
 * Nur für Entwicklung
 *************************************************************************************************/
/* nur für Dummy bis Video Einbindung erfolgt ist */
.pure-g-r .box.mediathek img {
	width: 100%;
	max-width: none;
}

.img-full {
	width: 100%;
}

.Hinweis {
	margin-top: 0;
}

.missing-item {
	border: 5px solid lime;
}



.Linkliste {
	color: #333333;
}

.Linkliste a:hover, .Linkliste a:focus, .Linkliste a:active {
	color: #004377;
}

.Besonderer_Hinweis {
	background: #ff8f57;
	border: 1px solid #cc0000;
	margin-bottom: 20px;
	padding: 0.5em;
}

/* Andere Linkfarben für orangene Box */
/* mantis: 13117 - .Hinweis ergänzt */
.Wichtig a:link,
.Besonderer_Hinweis a:link {
	color: #003a66;
}

.Wichtig a:visited,
.Besonderer_Hinweis a:visited,
.Hinweis a:visited,
.Betonung a:visited {
	color: #1f71b1;
}


.Wichtig a:hover, .Wichtig a:focus, .Wichtig a:active,
.Besonderer_Hinweis a:hover, .Besonderer_Hinweis a:focus, .Besonderer_Hinweis a:active {
	color: #f3f9a5;
}
.Hinweis a:hover, .Hinweis a:focus, .Hinweis a:active,
.Betonung a:hover, .Betonung a:focus, .Betonung a:active	{
	color: #5b6204;
}


.TextGrau {
	color: #666666;
}

.Code {
	font-family: "Courier New", Courier, monospace;
}

.grau {
	/*background: #ebebeb;*/
	background: #cecece;
}

.orange {
	background: #ff8f57;
}

.gelb {
	background: #fbe533;
}

.gruen {
	background: #d8e166;
}

.mint {
	background: #31ca5b;
}

.rot {
	background: #ff5757;
	color: #fafafa;
}

.lila {
	background: #cf54cf;
}

.violett {
	background: #8f57ff;
	color: #fafafa;
}

.blau {
	background: #4a9ad8;
	color: #fafafa;
}

.cyan {
	background: #25d0d2;
}

.dunkelrot {
	background: #cc0000;
	color: #fafafa;
}

.dunkelblau {
	background: #00589c;
	color: #fafafa;
}

.zentriert {
	text-align: center;
}

.rechts {
	text-align: right;
}


.InhaltSpalte ul.Linkliste, .InhaltSpaltedrittel ul.Linkliste, .InhaltSpaltezweidrittel ul.Linkliste {
	margin: 0 0 20px;
	list-style: square inside none;
	padding: 0.5em 1em 1em 1em;
}

.grau .Linkliste, .orange .Linkliste, .gelb .Linkliste, .gruen .Linkliste, .mint .Linkliste, .rot .Linkliste, .lila .Linkliste, .violett .Linkliste, .blau .Linkliste, .cyan .Linkliste {
	padding: 0.5em 1em 1em 2em !important;
	list-style-position: inside !important;
}

.grau h4, .orange h4, .gelb h4, .gruen h4, .mint h4, .rot h4, .lila h4, .violett h4, .blau h4, .cyan h4 {
	padding: 0.5em 1em;
}

.Linkliste li {
	padding: 0.2em 0;
}

.grau .Linkliste {
	background: #eeeeee;
}

.orange .Linkliste {
	background: #ffe6da;
}

.gelb .Linkliste {
	background: #fdf7be;
}

.gruen .Linkliste {
	background: #f2f5cc;
}

.mint .Linkliste {
	background: #daffe0;
}

.rot .Linkliste {
	background: #ffdada;
}

.lila .Linkliste {
	background: #ffdaff;
}

.violett .Linkliste {
	background: #e6daff;
}

.blau .Linkliste {
	background: #daeeff;
}

.cyan .Linkliste {
	background: #daffff;
}

.InhaltSpalte.Links {
	width: 48%;
	margin: 0 4% 12px 0;
	float: left;
}


.InhaltSpalte.Rechts {
	width: 48%;
	margin: 0 0 12px;
	float: left;
}

.InhaltSpaltedrittel.Links {
	width: 33%;
	margin: 0 4% 12px 0;
	float: left;
}

.InhaltSpaltezweidrittel.Links {
	width: 63%;
	margin: 0 4% 12px 0;
	float: left;
}

.InhaltSpaltedrittel.Rechts {
	width: 33%;
	margin: 0 0 12px;
	float: left;
}

.InhaltSpaltezweidrittel.Rechts {
	width: 63%;
	margin: 0 0 12px;
	float: left;
}

.InhaltSpalte ul, .InhaltSpaltedrittel ul, .InhaltSpaltezweidrittel ul {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 20px;
	zoom: 1;
}

.noscale div.InhaltElemente .InhaltFoto.halfpic,
div.InhaltElemente .InhaltFoto.noscale	{
	width: auto;
}


.InhaltFoto {
	position: relative;
}

.InhaltFoto img {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	margin: 0 !important;
}

a.thickbox {
	display: block;
	position: relative;
}

a.thickbox img {
	border: 1px solid #ddd;
}

a.thickbox img.lupe {
	position: absolute;
	left: 12px;
	bottom: 12px;
	padding: 4px;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	background: #fff;
	opacity: 0.7;
}

a.thickbox img.lupe:hover {
	-webkit-box-shadow: 1px 2px 3px rgba(0, 88, 156, 0.3);
	-moz-box-shadow: 1px 2px 3px rgba(0, 88, 156, 0.3);
	box-shadow: 1px 2px 3px rgba(0, 88, 156, 0.3);
	border: 1px solid rgba(0, 88, 156, 0.3);
	opacity: 1;
}

a.thickbox img.lupe:focus {
	outline: 0;
}

div.InhaltElemente .InhaltFoto.halfpic {
	display: inline;
	float: left;
	margin-top: 0.5em;
	width: 48%;
	margin-right: 2%;
}

.InhaltFoto p {
	margin-bottom: 1.5em;
	text-align: left;
	font-size: 90%;
	color: #666;
}

.news-details .single-news-date {
	display: block;
	margin-bottom: 10px;
}

.news-details .InhaltFoto {
	text-align: left;
	display: block;
	margin-bottom: 20px;
}

.col-middle .InhaltSpalte.Links {
	width: 100%;
	margin: 0;
	float: none;
}
.col-middle .InhaltSpalte.Rechts {
	width: 100%;
	margin: 0;
}

#SprungNav {
	list-style: none;
	padding-left: 5px;
}
#SprungNav li {
	background: url("media/pfeil-icons.png") no-repeat scroll 0 -295px transparent;
	padding-left: 15px;
}

.Extern, .Intern, .PDF, .Word, .Excel, .Dok, .Audio, .Video {
	padding-left: 17px;
}


.Extern {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 12px transparent;
}

.main-content li span.Extern{
	background-position: 0 7px;
}

.Intern {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -87px transparent;
}

.col-right li.Intern {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -92px transparent;
}

.PDF {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -194px transparent;
}

.Word {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -294px transparent;
}

.Excel {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -395px transparent;
}

.Dok {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -496px transparent;
}

.Audio {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -595px transparent;
}

.Video {
	background: url("media/icons_filetypes_blue.png") no-repeat scroll 0 -694px transparent;
}

.col-right li.Extern, .col-right li.Intern, .col-right li.PDF, .col-right li.Word, .col-right li.Excel, .col-right li.Dok, .col-right li.Audio, .col-right li.Video {
	padding-left: 15px !important;
}

  

.colortable {
	font-size: smaller;
}

table {
	width: auto;
	margin: 1em 0;
	border-top: 1px solid #ddd;
	/* neu */
}

table.Kontakte {
	border-top: 1px solid #e5e6e5;
}

table th {
	text-align: left;
	padding: 0.4em;
	/* vertical-align: top; */
	border-right: 1px solid #ddd;
}

table tr {
	border-bottom: 1px solid #ddd;
}

table.Kontakte tbody tr:last-child {
	border-bottom: 1px solid #e5e6e5;
}

table.Layout {
	border: none;
}

table.Layout tr {
	border: none;
}

table .Farbwechsel {
	background: #eeeeee;
}

table .Farbwechsel {
	border: 1px solid #ddd;
}

table .Tabellenkopf, th {
	background: #00589c;
	color: #fff;
	padding: 0.4em;
}

table .Tabellenkopf a:link, th a:link, table .Tabellenkopf a:visited, th a:visited {
	color: #daeeff !important;
}
table .Tabellenkopf a:hover, th a:hover, table .Tabellenkopf a:focus, th a:focus, table .Tabellenkopf a:active, th a:active {
	color: #f3ffda !important;
}
table td a:link {
    color: #00589C !important;
}
table td a:visited {
    color: #4a9ad8 !important;
}
table td a:hover, table td a:focus, table td a:active {
    color: #A7B400 !important;
}

table tr p {
	margin: 0;
}

table td {
	padding: 0.4em;
	vertical-align: top;
	border-right: 1px solid #ddd;
}

table td:first-child {
	border-left: 1px solid #ddd;
}

table.Layout td, table.Layout th {
	border-right: none;
}

table.Layout td:first-child {
	border-left: none;
}

div.Trennlinie {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
	width: 100%;
	background-color: #becd00;
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
	margin-bottom: 20px;
	width: 100%;
}

.GoToTop {
	margin: 2em 0;
	text-align: right;
}

div.GoToTop a {
    background-image: url("media/icon_seitenanfang.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    margin-left: 15px;
    padding-left: 20px;
}

.col-right .BoxUeberschrift, .col-left .BoxUeberschrift {
	font-weight: bold;
}

ul {
	margin: 0 0 20px;
	list-style: square;
	padding: 1em 1em 1em 2em;
}

.col-right .BoxUeberschrift, .col-left .BoxUeberschrift {
	background: #eee;
	padding: 5px 5px 5px 11px;
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
}

.anwendung-header {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
	background: #00589c;
	color: #fff;
	padding: 0.4em;
}

.anwendung-header {
	font-weight: bold;
	font-size: 14px;
}

h2.BoxUeberschrift {
	line-height: 1.18em;
	margin: 0;
	font-size: 14px;
}

.box .BoxUeberschrift {
	background: none;
	padding: 0 0 0.5em 0;
}

fieldset {
	margin: 0 0 1em;
	padding: 1em;
	border-bottom: 1px solid #eeeeee;
	background-color: white;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#fafafa));
	background-image: -webkit-linear-gradient(top, white, #fafafa);
	background-image: -moz-linear-gradient(top, white, #fafafa);
	background-image: -ms-linear-gradient(top, white, #fafafa);
	background-image: -o-linear-gradient(top, white, #fafafa);
	background-image: linear-gradient(top, white, #fafafa);
}

#Filter_Sitemap {
	margin-bottom: 1em;
}

blockquote {
	margin: 0;
}

table.Layout.form, table.Layout.form tr, table.Layout.form td {
	border: none;
}


input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select, textarea {
	padding: 0.5em 0.6em;
	padding: 0.4em 0.6em 0.35em;
	display: inline-block;
	border: 1px solid #ddd;
	-webkit-transition: 0.3s linear border;
	-moz-transition: 0.3s linear border;
	-ms-transition: 0.3s linear border;
	-o-transition: 0.3s linear border;
	transition: 0.3s linear border;
	margin: 0 0 6px;
}

select {
	padding: 0.3em 0.6em 0.25em;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	border-color: #c8d500;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 1px auto #c8d500;
}

.pure-checkbox, .pure-radio {
	margin: 0.5em 0;
	display: block;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[disabled], textarea[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3;
}

input[readonly], select[readonly], textarea[readonly] {
	background: #eee;
	/* menu hover bg color */
	color: #777;
	/* menu text color */
	border-color: #ccc;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
	color: #b94a48;
	border: 1px solid #ee5f5b;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
	border-color: #e9322d;
}

input[type="file"]:focus:invalid:focus, input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus {
	outline-color: #e9322d;
}

select {
	border: 1px solid #ccc;
	background-color: white;
}

select[multiple] {
	height: auto;
}

label {
	margin: 0.5em 0 0.2em;
}

fieldset {
	margin: 0;
	padding: 0.35em 0 0.75em;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0.3em 0;
	margin-bottom: 0.3em;
	font-size: 125%;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
	margin-bottom: 0.5em;
}

.pure-form-aligned .pure-control-group label {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	width: 10em;
	margin: 0 1em 0 0;
}

.pure-form-aligned .pure-controls {
	margin: 1.5em 0 0 10em;
}

/* Rounded Inputs */
input.pure-input-rounded, .pure-input-rounded {
	border-radius: 2em;
	padding: 0.5em 1em;
}

/* Grouped Inputs */
.pure-group fieldset {
	margin-bottom: 10px;
}

.pure-group input {
	display: block;
	padding: 10px;
	margin: 0;
	border-radius: 0;
	position: relative;
	top: -1px;
}

.pure-group input:focus {
	z-index: 2;
}

.pure-group input:first-child {
	top: 1px;
	border-radius: 4px 4px 0 0;
}

.pure-group input:last-child {
	top: -2px;
	border-radius: 0 0 4px 4px;
}

.pure-group button {
	margin: 0.35em 0;
}

.pure-input-1 {
	width: 100%;
}

.pure-input-2-3 {
	width: 66%;
}

.pure-input-1-2 {
	width: 50%;
}

.pure-input-1-3 {
	width: 33%;
}

.pure-input-1-4 {
	width: 25%;
}

/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-help-inline, .pure-form-message-inline {
	display: inline-block;
	padding-left: 0.3em;
	color: #666;
	vertical-align: middle;
	font-size: 90%;
}

/* Block help for forms */
.pure-form-message {
	display: block;
	color: #666;
	font-size: 90%;
}


/************************************************************************************
 * aus forms-r.css
 ************************************************************************************/

@media only screen and (max-width: 480px) {
	button[type="submit"] {
		margin: 0.7em 0 0;
	}

	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], label {
		margin-bottom: 0.3em;
		display: block;
	}

	/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
	.pure-help-inline, .pure-form-message-inline, .pure-form-message {
		display: block;
		font-size: 80%;
		/* Increased bottom padding to make it group with its related input element. */
		padding: 0.2em 0 0.8em;
	}
}

input.Button, input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="button"] {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0.4em 0.8em 0.35em;
	width: auto;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
	background-image: -webkit-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: -moz-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: -ms-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: -o-linear-gradient(top, #eeeeee, #e3e3e3);
	background-image: linear-gradient(top, #eeeeee, #e3e3e3);
}

/* im .Farbwechsel wird der Submit-Button dunkler */
.Farbwechsel input[type="submit"], .Farbwechsel input[type="reset"], .Farbwechsel input[type="button"]  {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#c6c6c6));
	background-image: -webkit-linear-gradient(top, #ddd, #c6c6c6);
	background-image: -moz-linear-gradient(top, #ddd, #c6c6c6);
	background-image: -ms-linear-gradient(top, #ddd, #c6c6c6);
	background-image: -o-linear-gradient(top, #ddd, #c6c6c6);
	background-image: linear-gradient(top, #ddd, #c6c6c6);
	border: 1px solid #C6C6C6;
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active {
	background-color: #becd00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#becd00), to(#d6df5e));
	background-image: -webkit-linear-gradient(top, #becd00, #d6df5e);
	background-image: -moz-linear-gradient(top, #becd00, #d6df5e);
	background-image: -ms-linear-gradient(top, #becd00, #d6df5e);
	background-image: -o-linear-gradient(top, #becd00, #d6df5e);
	background-image: linear-gradient(top, #becd00, #d6df5e);
	border: 1px solid #b7c600;
}

input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active {
	background: none repeat scroll 0 0 #FF8F57;
	border: 1px solid #CC0000;
}

input[type="checkbox"], input[type="radio"] {
	/* width: 1em; */
	width: auto;
	margin: 0 0.5em 0 1em;
	border: none;
}

input[type="image"] {
	width: auto;
}

.form-error, .Fehler {
	display: block;
	color: #CC0000;
	margin: 2em 0;
}

label span.Fehler {
	border: none !important;
	background: none;
	padding: 0;
	display: inline;
	margin: 0;
}


input.Fehler, select.Fehler, textarea.Fehler {
	background-color: #FFE6DA;
	border-color: #CC0000;
	margin: 0;
}

table .Fehler {
	margin: 0;
	display: inline;
}

table label, table input {
	display: inline-block;
	/* width: 100%;Mantis: 12684 */
	width: auto;
}

label {
	width: 29%;
	display: inline-block;
}

input {
	/* width: 70%; Mantis: 12684 */
	width: auto;
	display: inline-block;
}

form .Help {
	display: block;
}

.Suchformular .width_120 label {
	display: inline-block;
	float: left;
	font-weight: bold;
	width: 90px;
}

.more-news-link img,
.rss-link img {
	margin-right: 3px;
}

.video-js {
    height: 0 !important;
    overflow: hidden !important;
    /* padding-bottom: 56.25% !important;
    padding-bottom: 64.31% !important;  */
    padding-bottom: 67.31% !important;
    position: relative !important;
    width: auto !important;
}

.audiojs {
    height: 0 !important;
    overflow: hidden !important;
    padding-bottom: 25px !important;
    position: relative !important;
    width: auto !important;
}

.videoTime {
    display: block !important;
}

.image-gallery{
	font-size: 11px;
	float: left;
	width: 23%;
	margin: 1em 1%;
	border: 1px solid #ddd;
	min-height: 30em;
	background-color: #ededed;
}

.image-gallery:nth-of-type(4n+5) {
	clear: left;
}

.image-gallery-text	{
	padding: 1em;
}

.image-gallery a.thickbox img	{
	border: none;
	width: 100%;
}

span.Icon{
	white-space: normal;
}

@media only screen and (min-width: 600px) and (max-width: 835px),
	only screen and (min-width: 320px) and (max-width: 480px) {
	.image-gallery {
		width: 31.33%;
	}
	.image-gallery:nth-of-type(4n+5) {
		clear: none;
	}
	.image-gallery:nth-of-type(3n+4) {
		clear: left;
	}
}

@media only screen and (max-width: 320px) {
	.image-gallery {
		width: 48%;
		margin: 1em 1%;
		clear: none;
	}
	
	.image-gallery:nth-of-type(2n+3) {
		clear: left;
	}
}

.main-content object{
	display: block;
	margin: 0 0 2em 0 !important;
	max-width: 100%;
	float: none !important;
	
}

.append-around-basis, .append-around-tablet {
	display: none;
}

.append-around-desktop, .append-around-tablet-desktop {
	display: block;
}

.position-box2 {
  	position: relative;
	top: +340px;
}

.box2 {
  	background: #ebebeb;
}

.position-socialmedia {
/*  position: relative; */
/* 	top: +310px; */
}

@media only screen and (max-width: 768px) {
	.append-around-tablet {
		display: none;
	}

	.append-around-desktop, .append-around-tablet-desktop {
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	.append-around-tablet, .append-around-tablet-desktop {
		display: none;
	}

	.append-around-desktop {
		display: block;
	}

	.append-around-basis {
		display: block;
	}
}

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

	body {
		padding: 0 10px;
	}

	.logo {
		height: auto;
	}

	.pure-u-2-3 {
		width: 100%;
	}

	.stage-wrap .pure-u-5-18.col-right {
		display: inline-block;
	}

	.start .splash {
		margin-top: 40px;
	}

	.start .splash-image {
		margin: 0 20px 20px 0;
	}

	.splash-image {
		margin: 0 0 20px 20px;
	}

	.searchbox, .sub-searchbox, .sub-splash .sub-searchbox {
		padding: 8px 0 10px 20px;
	}

	.box h3 {
		font-size: 12px;
	}

	.splash {
		margin-top: 40px;
	}

	.box.quickentry {
		margin-top: 0;
	}

	.subpage .quick-content {
		padding-left: 0px;
	}

	.subpage .search-wrap .pure-u-5-18 {
		width: 64%;
		margin-left: 36%;
	}

	.main-content, .pure-u-5-14 .content {
		padding: 0 20px;
	}

	.splash-image .teaser-link h3 {
		margin: 1em 0 1em;
	}

	.splash-image .teaser-link p {
		font-size: 12px;
	}

}


/*
 * @section             Styles für alle Screens < 768 und > 600 - Start (small Tablets)
 ******************************************************************************/
@media only screen and (max-width: 768px) and (min-width: 600px) {
	.pure-u-4-18, .pure-u-5-18 {
		width: 33%;
	}
	
	.col-left {
		width: 33%;
	}

	.pure-u-14-18, .pure-u-13-18, .pure-u-9-18 {
		width: 67%;
	}

	.pure-u-9-14 {
		width: 100%;
	}
}

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

	.start .splash {
		margin-bottom: 0;
	}

	.pure-u-5-18.col-right.font-small {
		display: none;
	}

	.start .box.quickentry {
		/* margin-top: 5px; */
		height: auto;
	}
	.start .box.quickentry h3 {
		margin-top: 4px;
	}
	.start .box.quickentry form {
		display: none;
	}
	.start .box.quickentry form.quick-open {
		display: block;
	}

	.main-content, .pure-u-5-14 .content {
		padding: 0;
	}
	.main_col-right .main-content {
		padding: 0 10px 20px;
	}
	.box.quickentry, .pure-menu.main-nav {
		font-size: 11px;
		margin-top: 5px;
	}
	
	.box.quickentry, .start .box.quickentry {
	    margin-bottom: 10px;
	    margin-top: 10px;
	}
	
	.pure-menu.main-nav	{
		margin-bottom: 0;
	}
	
	.pure-menu.service-nav	{
		font-size: 13px;
	}

	
	.pure-menu.service-nav li.img a	{
		padding: 0.3em 0.5em 0.5em;
	}	
	
	.nav-collapse.opened {
		margin-bottom: 20px;
	}

	.box.quickentry form.quick-open {
		-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
		box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
	}

	.pure-menu.main-nav > ul {
		padding-top: 0;
	}

	.subpage .box.quickentry {
		margin-bottom: 0;
		margin-top: 10px;
		display: block;
	}

.subpage .quickentry h3 {
    background-position: 11px -898px !important;
    margin-top: 4px !important;
    padding: 0 32px !important;
}
	
	.searchbox, .sub-searchbox, .sub-searchbox, .sub-splash .sub-searchbox {
		padding: 0;
		display: block;
		margin-top: 10px;
	}

	.splash-image img {
		height: auto;
		max-width: none;
	}

	.default header {
		background-image: none;
	}

	.pure-g-r.search-wrap .pure-u-4-18 {
		display: none;
	}

	.subpage .search-wrap .pure-u-5-18 {
		width: 100%;
		margin-left: 0;
	}

	.sub-searchbox select {
		width: 24%;
	}

	.sub-searchbox label {
		width: auto;
	}

	.start .splash {
		margin-top: 0;
	}

	.splash {
		margin-top: 0;
	}

	.start .splash-image, .splash-image {
		margin: 0;
		overflow: hidden;
		background: none;
	}

	.sub-splash {
		background-color: #eee;
		margin-bottom: 20px;
	}

	.sub-splash .sub-searchbox {
		display: block;
		padding: 10px;
		width: 100%;
	}

	.sub-splash .sub-searchbox input[type="text"], .sub-splash .sub-searchbox select, 
	.sub-splash .sub-searchbox input[type="submit"], .sub-splash .quickentry {
		width: 100%;
	}

	.sub-splash .splash-image {
		margin: 0;
	}

	.splash-image .teaser-link {
		background: none;
		bottom: auto;
		color: #666666;
		position: static;
		right: auto;
		width: 100%;
	}

	.splash-image .teaser-link h3, .splash-image .teaser-link p {
		color: #666;
		font-weight: normal;
		font-size: 13px;
		margin: 10px;
	}
	.splash-image .teaser-link h3 {
		font-size: 1.17em;
	}

	.splash-image .teaser-link:before {
		border: none;
	}

	.splash-image .teaser-link a {
		color: #666;
	}

	footer {
		padding-bottom: 0;
	}

	/* Layout-Umbruch in die Mobile-Version */
	.pure-g-r > .pure-u, .pure-g-r > [class*="pure-u-"] {
		width: 100%;
	}

	.breadcrumbs, footer nav, .bottom-footer, .print {
		display: none;
	}

	.special .special-logos {
		margin: 0;
	}

	.start .main-content {
		/* padding: 20px 10px; */
		padding: 0;
	}

	.InhaltSpalte.Links {
		width: 100%;
		margin: 0;
		float: none;
	}
	.InhaltSpalte.Rechts {
		width: 100%;
		margin: 0;
	}

	.top-footer .pure-u-1-2 {
		display: inline;
	}

	.top-footer p {
		height: auto;
		padding: 0;
		display: inline !important;
	}

	.top-footer .buttons a {
		padding: 0 10px 0 0;
	}

	.top-footer .buttons a:hover {
		text-decoration: none;
	}

	.top-footer .buttons {
		background: none;
	}
	
	.box h3 {
	    font-size: 14px;
	}
 
}
 

@media only screen and (max-width: 320px) {
	
  .halfpic  {
    width: 100%;
    margin: 0 ;
    float: none;
  }

	.col-middle .news-details .InhaltFoto,
	div.InhaltElemente {
	    width: 100%;
	}
}

@media only screen and (max-width: 430px) {
	
	::-webkit-input-placeholder {color: #fff;}
	:-moz-placeholder {color: #fff;} /* Firefox 18- */
	::-moz-placeholder {color: #fff;} /* Firefox 19+ */
	:-ms-input-placeholder {color: #fff;}
	
}

@media only screen and (max-width: 370px) {
	
	.InhaltSpalte.Links,
	.InhaltSpalte.Rechts,
	.InhaltSpaltedrittel.Links,
	.InhaltSpaltedrittel.Rechts,
	.InhaltSpaltezweidrittel.Links,
	.InhaltSpaltezweidrittel.Rechts {
	  width: 100%;
	  margin: 0 0 12px 0;
	  float: none;
	}
  
	.box.tweets {
		padding-right: 20px;
		padding-left: 20px;
	}

	.searchbox, .sub-searchbox {
	    font-size: 12px;
	}
	
	.searchbox .searchbox-rel, .sub-searchbox .searchbox-rel	{
		width: 80%;
	}
	.searchbox input[type="submit"], .sub-searchbox input[type="submit"]	{
		margin-left: 81%;
		width: 19%;
	}
}  
 
@media print {

	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		/* Safari/Chrome, andere WebKit-Browser */
		-moz-box-sizing: border-box;
		/* Firefox, andere Gecko-Browser */
		box-sizing: border-box;
		/* Opera/IE 8+ */
	}

	* {
		/* background: transparent !important; 
		color: #000 !important;*/
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
		/* border: none !important; */
	}

	a, a:visited {
		text-decoration: underline;
	}

	/*
	 a[href]:after {
	 content: " (" attr(href) ")";
	 }

	 abbr[title]:after {
	 content: " (" attr(title) ")";
	 }
	 */
	/*
	 * Don't show links for images, or javascript/internal links
	 */
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		/*max-width: 100% !important;*/
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h1, h2, h3 {
		page-break-after: avoid;
	}

	/*
	 * Ende html5-boilerplate
	 */

	/*
	 * Start eigene Print-Styles
	 */

	body, p, ul {
		font-size: 10pt !important;
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
		color: #000 !important;
		margin: 6pt 0;
	}

	h1, h2 {
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
		font-weight: normal !important;
		color: #00589c !important;
	}

	h1 {
		font-size: 18pt !important;
	}

	h2 {
		font-size: 12pt !important;
		margin: 4pt 0;
	}

	h3, h4 {
		font-size: 10pt !important;
	font-family: "Eagle Lake", "Lucida Grande", sans-serif;
		font-weight: bold !important;
		color: #000 !important;
	}

	a, a:link, a:visited {
		text-decoration: none;
	}

	header .pure-u-14-18, .search-wrap, .mega-menu-wrap, .start .mega-menu-wrap, .nav-toggle, .main-nav, .start .stage-wrap, .box.quickentry, footer, .mediathek, .no-print, .morelink, .breadcrumbs, .splash-image {
		display: none;
	}

	.pure-menu-fixed {
		position: static;
	}

	.start .splash {
		margin-top: 0;
	}

	header {
		position: relative;
		border-bottom: none;
		box-shadow: none;
		background: none;
	}

	.logo {
		text-align: left;
		border: none;
		width: 60%;
		height: auto;
		top: 0;
		display: block;
		border: none !important;
		box-shadow: none !important;
	}

	.logo img {
		width: 456px !important;
	}

	.main-content-wrap, .subpage .col-middle, .subpage .main_col-right {
		position: relative;
		margin: 0px 20px 20px;
		border-top: 3px solid #becd00 !important;
		padding: 20px 0 0 0;
		top: 70px;
		clear: left;
		overflow: auto;
	}

	.col-right {
		position: relative;
		margin: 0px 20px 20px;
		border-top: 3px solid #becd00;
		padding: 20px 0 0 0;
		top: 0px;
		display: block;
		page-break-before: always;
	}

	.splash .splash-image, .main-content, .start .main-content {
		margin: 0;
		padding: 0;
	}

	.main-content-wrap .col-left, .col-left {
		display: none;
	}

	.splash .splash-image .teaser-link {
		position: relative;
		width: 100%;
		color: #000;
	}

	.splash .splash-image .teaser-link:before {
		border: none;
	}

	.page-wrapper {
		width: auto;
	}

	.accordion-box {
		display: block !important;
	}

	.Box {
		width: 50%;
	}

	ul.no-list-style {
		padding-left: 0;
		overflow: auto;
	}

	.no-list-style li {
		list-style: none;
	}

	/* Wegen all der im RTE gesetzten Blockquotes! */
	blockquote {
		margin: 0 !important;
	}

	.TeaserBox, .Links, .TeaserBox ul {
		overflow: hidden;
	}

	img {
	    page-break-before: auto;
	    /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
	    page-break-after: auto;
	    /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
	    page-break-inside: avoid;
	    /* or 'auto' */
	    display: block;
	    max-width: 150px;
	    height: auto;
	    float: left;
	}

	.accordion-pair, .box, .teaser-list li, .col-middle, .col-middle-right {
		clear: left;
	}

	.teaser-list li, .accordion-pair, .box {
		margin: 20px 0;
		overflow: auto;
	}

	.teaser-list img, .TeaserBoxGrafik img, .box img {
		margin-right: 20px;
	}

	.accordion-pair img {
		margin-right: 30px;
	}

	.accordion-pair ul {
		overflow: auto;
		list-style-type: square;
		margin: 0;
	}

	.accordion-pair ul li, .TeaserBox ul li {
		padding: 0;
	}

	.accordion-pair p {
		padding: 0 0 0 20pt;
	}

	.box .BoxText span {
		display: block;
	}

	.Betonung {
		padding: 0 3px;
	}

	.Wichtig {
		padding: 0 3px;
	}

	.Hinweis {
		border: 1px solid #becd00 !important;
		padding: 5px;
		margin-bottom: 20px;
	}
	
	/* Abstand zwischen Icons und Text - Mantis: 13160#c29845 */
	.more-news-link img,
	.rss-link img {
		margin-right: 5px;
	}
	.news-details div.BoxLink.PDF {
	    background-position: 4px 12px;
	    display: inline-block;
	    margin-bottom: 0;
	    margin-top: 0;
	}
	/* jf - 140303 - ticket http://bugs.sunbeam-berlin.de/view.php?id=13160 */
	.news-details .InhaltFoto thickbox,
	.news-details .InhaltFoto p.single-news-caption {
		display: table;
		color: #666 !important;
		clear: both;
	}
	.news-details .InhaltFoto thickbox em,
	.news-details .InhaltFoto p.single-news-caption em {
		color: #666 !important;
	}
	/*
	@page {
    margin: 1.5cm 0.5cm 1cm 1cm;
  }
*/
}

/*
 * @section             Print-Styles - Ende
 ******************************************************************************/
.acc-open .accordion-box {
    display: block !important;
}