﻿/* 
 * HTML5 ✰ Boilerplate
 *
 * 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.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, content-right, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

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

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

[hidden] {
	display: none;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

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

body {
	margin: 0;
}

body, button, input, select, textarea {
	font-family: Arial, sans-serif;
	color: #222;
}

.align-left {
	text-align: left;
}

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

.align-right {
	text-align: right;
}

/* =============================================================================
   Links
   ========================================================================== */

a {
	color: #00e;
}

/*a:visited { color: #551a8b; }*/
a:hover {
	color: #06e;
}

/*a:focus { outline: medium dotted; }*/

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
	outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
	border-bottom: 0.063em dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 0.063em;
	border: 0;
	border-top: 0.063em solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
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: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {
	margin: 1em 0;
	padding: 0 0 0 0.5em;
}

dd {
	margin: 0 0 0 2.5em;
}

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

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */

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

/* =============================================================================
   Figures
   ========================================================================== */

figure {
	margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend {
	border: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

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

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input {
	line-height: normal;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input {
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

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

/*
 * Consistent box sizing and appearance
 */

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

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-decoration {
	-webkit-appearance: none;
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

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

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

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

/* =============================================================================
   Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

/* ==|== primary styles =====================================================
   Author: Lars Zimmermann
   ========================================================================== */

body {
	background-color: #fff;
	background-color: rgba(255, 235, 235, 0.3);
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #666;
}

h1 {
	font-size: 1.0em;
	font-size: 16px;
	margin: 0;
	padding: 0;
	margin-bottom: 0.9em;
	line-height: 1.2em;
	color: #444;
}

h2 {
	font-size: 0.875em;
	font-size: 14px;
	line-height: 1.6em;
	color: #444;
}

h3 {
	font-size: 0.813em;
	font-size: 13px;
	color: #444;
	background: none;
	line-height: 1.25em;
}

h4 {
	font-size: 0.75em;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
	color: #444;
	background: none;
}

h5 {
	font-size: 0.75em;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
	color: #444;

	background: #e5e5e5;
	/*background: -moz-linear-gradient(top, #f4f5f4 0%, #cecece 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f5f4), color-stop(100%,#cecece));
	background: -webkit-linear-gradient(top, #f4f5f4 0%,#cecece 100%);
	background: -o-linear-gradient(top, #f4f5f4 0%,#cecece 100%);
	background: -ms-linear-gradient(top, #f4f5f4 0%,#cecece 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5f4', endColorstr='#cecece',GradientType=0 );*/
	/*background: linear-gradient(top, #f4f5f4 0%,#cecece 100%);*/
	padding: 0.5em 0.6em;
	font-weight: bold;
	margin-bottom: -0.1em;
	line-height: 1.55em;
	border: 1.1px solid #B6B6B6;
	/*border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;*/
}

p {
	font-size: 0.75em;
	font-size: 12px;
	line-height: 1.45em;
	margin: 0;
	margin-bottom: 0.8em;
}

a {
	color: #E2000A;
	/*color:#4C8BC9;*/
	text-decoration: none;
}

a:hover {
	color: #E2000A;
	text-decoration: underline;
}

article ul ul, article ol ol {
	margin: 0.15em 0;
}

article li {

	line-height: 1.725em;
	margin-bottom: 0.5em;
	font-size: 0.75em;
}

article li li {
	font-size: 1em;
}

.sr-hint {
	display: inline;
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	width: 0;
	background: white;
}

.sr-hint a:focus {
	display: block;
	position: absolute;
	left: 10320px;
	top: 10150px;
	width: 20em;
	line-height: 5em;
	text-align: center;
	border: 0.5em double #000;
	padding: 0.5em;
	background-color: #ffffff;
	z-index: 3000;
	font-size: 1.25em;
}

#container {

	width: 100%;
	min-width: 60em;
}

.menu-buttons {
	position: fixed;
	top: 125px;
	width: 80px;
	margin-left: 959px;
	z-index: 20;
}

.menu-buttons > div > a {
	width: 80px;
	height: 80px;
	display: block;
	position: relative;
}

.button_telnumber {
	position: relative;
}

.button_telnumber .popup {
	display: none;
}

.button_telnumber .popup p {
	margin: 0;
	padding: 0;
}

.button_telnumber .popup a {
	color: #FFF;
}

.button_telnumber .popup.active {
	display: block;
	background-color: #E4000B;
	color: #FFF;
	padding: 10px;
	position: absolute;
	top: 15px;
	right: 90px;
	width: 130px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.75);
}

.button_telnumber .popup.active:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(228, 0, 11, 0);
	border-left-color: #E4000B;
	border-width: 8px;
	margin-top: -8px;
}

#button-chest-pain-unit > a {
	background-image: url('../img/button-cpu.png');

}

#button-stroke-unit > a {
	background-image: url('../img/button-su.png');

}

.notfall > a {
	background-image: url('../img/notfall.png');
}

.button_dzra > a {
	background-image: url('../img/scout_button.png');
}

.button_lageplan > a {
	background-image: url('../img/lageplan.png');
}

.button_zweitmeinung > a {
	background-image: url('../img/button-zm.png');
}

.wrapper {
	margin: 0 auto;
	width: 60em;
	position: relative;
}

/* Absolute positioned wrapper for the element you want to fix position */
.fixed-wrapper {
	width: 220px;
	position: absolute;
	top: 0;
	left: -240px; /* Move this out to the left of the site body, leaving a 20px gutter */
}

/* The element you want to fix the position of */
.fixed {
	width: 220px;
	position: fixed;
	/* Do not set top / left! */
}

#main header {
	margin: 0;
	padding: 0;
}

/* =======================
   Header
   ======================= */

header {
	position: relative;
	padding-top: 0.563em;
}

header div.float-right {
	float: right;
}

header nav {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}

header nav#nav-help {
	/* float: right; */
}

header nav > ul {
	float: left;
}

header nav ul {
	list-style-type: none;
}

header nav ul li {
	display: inline;
	background: url(../img/nav-separator.gif) no-repeat left 0.15em;
	padding: 0 1em;
	font-size: 0.625em;
}

header nav ul li.first {
	background: none;
	padding-left: 0;
}

header nav ul li a {
	color: #333;
}

.middle {
	font-size: 0.75em;
}

.big {
	font-size: 0.875em;
}

.language-menu {
	position: relative;
	display: inline-block;
}

.lang-selector {
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	background-color: #FFF;
	z-index: 10;
	width: 100px;
	border: 1px solid #D1D1D1;
}

.lang-selector li {
	display: block;
	background: none;
	font-size: 10px;
}

.lang-selector li a {
	display: block;
	padding: 5px 0 5px 30px;
	background-repeat: no-repeat;
	background-position: left center;
}

.lang-selector li a.selected {
	background: none;
}

.lang-selector li a.page818 {
	background-image: url('../img/flags/de.png');
}

.lang-selector li a.page813 {
	background-image: url('../img/flags/en.png');
}

.lang-selector li a.page814 {
	background-image: url('../img/flags/es.png');
}

.lang-selector li a.page816 {
	background-image: url('../img/flags/fr.png');
}

.lang-selector li a.page817 {
	background-image: url('../img/flags/ar.png');
}

.lang-selector li a.page815 {
	background-image: url('../img/flags/tr.png');
}

.toggle-hover:hover .lang-selector {
	display: block;
}

.toggle-hover span {
	padding-right: 15px;
	background: url(../img/arrow-down.gif) no-repeat right center;
}

.toggle-hover span a {
/ / background : url("../img/flags/flag-german.gif") no-repeat right top;
	padding-right: 35px;
}

header #search {
	position: absolute;
	right: 20px;
	top: 81px;
}

header #topmenu {
	position: absolute;
	left: 0px;
	top: 109px;
	width: 100%;
	background: url(../img/tab_bg_line.jpg) repeat-x;
	background-position: 0px 46px;
}

header #search #inputText {
	border: 0.1em solid #B6B6B6;
	font-size: 0.625em;
	color: #330;
	padding: 0.15em 0.5em;
	font-family: Aial, Verdana, Geneva, sans-serif;
	width: 15em;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(58%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 58%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, #ebebeb 0%,#ffffff 58%); /* W3C */
}

header #search #inputButton {
	background: url("../img/magnifier.png") no-repeat center center;
	border: 0;
	padding: 0;
	text-indent: -9999px;
	margin: 0 0 0 0.6em;
	width: 1.063em;
}

#title {
	clear: both;
}

#title .csc-textpic-image {
	margin-bottom: 0;
}

#logo-wrapper {
	/*position: relative;*/
	/*float: left;*/
	left: 0px;
	top: 6px;
	height: 436px;
	background: #FFFFFF;
	clear: both;

	box-shadow: 0 0.15em 1.3em rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0.15em 1.3em rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0.15em 1.3em rgba(0, 0, 0, 0.15);
	border-right: 1px;
	border-right-color: #E8E8E8;
	border-right-style: solid;
	border-left: 1px;
	border-left-color: #E8E8E8;
	border-left-style: solid;
	border-top: 1px;
	border-top-color: #E8E8E8;
	border-top-style: solid;
}

#logo {
	position: relative;
	background: #FFFFFF;
	display: block;
	right: 0;
	height: 140px;
}

#headerbild {
	position: relative;
	background: #FFFFFF;
	display: block;
	right: 0;
	height: 120px;
}

#headerslider {
	position: relative;
	top: -120px;
}

#menu-level1-activ {
	float: left;
	min-width: 155px;
	height: 50px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;

	/*background: url(../img/tab_act.jpg) no-repeat left;*/
	background-color: #E2000A;
	background: -moz-linear-gradient(top, #C60032 0%, #E2000A 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C60032), color-stop(50%, #E2000A));
	background: -webkit-linear-gradient(top, #C60032 0%, #E2000A 50%);
	background: -o-linear-gradient(top, #C60032 0%, #E2000A 50%);
	background: -ms-linear-gradient(top, #C60032 0%, #E2000A 50%);
	*/ filter: progid : DXImageTransform . Microsoft . gradient( startColorstr = '#C60032', endColorstr = '#E2000A', GradientType = 0 );
	background: linear-gradient(top, #C60032 0%, #E2000A 50%);

	/*border: 1px solid #b5123d;*/
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}

#menu-level1-activ a {
	text-decoration: none;
	/*font-weight: bold;*/
	color: white;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 4.0em;
	text-shadow: 1px 1px #000000;
	display: block;
}

#menu-level1-no {
	float: left;
	min-width: 140px;
	padding-left: 5px;
	padding-right: 5px;
	height: 33px;
	margin-top: 0.78em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 0.81em;
	line-height: 2.5em;
	text-shadow: 1px 1px #404040;
	text-align: center;
	background: #858585;
	/*background: url(../img/tab_noact.jpg) no-repeat left;*/
	background: -moz-linear-gradient(top, #d3d3d3 0%, #858585 45%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(45%, #858585));
	background: -webkit-linear-gradient(top, #d3d3d3 0%, #858585 45%);
	background: -o-linear-gradient(top, #d3d3d3 0%, #858585 45%);
	background: -ms-linear-gradient(top, #d3d3d3 0%, #858585 45%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#858585',GradientType=0 );
	background: linear-gradient(top, #d3d3d3 0%,#858585 45%);
	*/
	/*border: 1.0px solid #a9a9a9;*/
	/*border-bottom-width: 0px;*/
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}

#menu-level1-no a {

	text-decoration: none;
	/*font-weight: bold;*/
	color: white;
	display: block;

}

/* =======================
   Main
   ======================= */

#main {
	background: #F7F7F7;
	/*background: -webkit-linear-gradient(top, #FFF 13%,#F5F5F5 200px);	*/

	/*padding:0.95em 0;*/
	box-shadow: 0 0.15em 1.3em rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0.15em 1.3em rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0.15em 1.3em rgba(0, 0, 0, 0.15);

	border-right: 1px;
	border-right-color: #E8E8E8;
	border-right-style: solid;
	border-left: 1px;
	border-left-color: #E8E8E8;
	border-left-style: solid;

	float: left;
	width: 958px;
	margin-top: 0px;

}

#shadow-bottom {
	clear: both;
	height: 3.125em;
	background: url(../img/shadow-bottom.png) no-repeat center top;
}

/* =======================
   Breadcrumb
   ======================= */

#breadcrumb {
	background: #F7F7F7;
	padding-left: 0.775em;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}

#breadcrumb ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#breadcrumb ul li {
	background: url("../img/nav-arrow.gif") no-repeat left 0.25em;
	display: inline;
	padding: 0em 1em 0em 1.25em;
	font-size: 0.625em;
}

#breadcrumb ul li.first {
	background: 0;
	padding: 0;
	padding-right: 1em;

}

/* =======================
   Content Columns
   ======================= */

#content-left {
	float: left;
	width: 14.125em;
	width: 235px;
	padding-left: 0.5em;
}

#readspeaker-section {
	float: left;
	width: 28.125em;
	margin-left: 1.25em;
}

#content-column {
	float: left;
	width: 28.125em;
	margin-left: 1.55em;
}

#content-right {
	float: right;
	width: 13.125em;
	margin-right: 0.5em;
}

#one-column #content-column {
	width: 43em;
}

article {
	/*margin-bottom: 0.8em;*/
	/*padding-bottom: 0.8em;*/
	/*border-bottom: 0.063em solid #ddd;*/
	border-top: 0;
	margin-top: 0;
	padding-bottom: 5px;
}

/* =======================
   Navigation
   ======================= */
#content-left nav {
	background-color: #DDD;
}

#content-left nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*border-top:0.063em solid #ddd;*/
	margin-bottom: 1.875em;
	background-color: #ddd;
}

#content-left nav ul ul {
	border: 0;
	margin: 0;
}

#content-left nav ul li {
	font-size: 0.6875em;
	font-weight: bold;
	/*border-bottom: 0.163em solid #DEDEDE;*/
	background-color: #FFF;
	margin: 0px 0px 1px 0px;
}

#content-left nav ul li a {
	color: #555;
	display: block;
	padding: 0.75em 0.2em 0.75em 0.5em;
	line-height: 1.45em;
	/*border-bottom: 0.163em solid #DEDEDE;*/
	/*background-color: #FFFFFF;*/
}

#content-left nav ul li a:hover {
	background-color: #b5123e;
	color: #FFF;
}

#content-left nav ul li ul li {
	font-size: 1em;
	font-weight: normal;
	/*margin-left: 1.125em;*/
	/*text-indent: 1.125em;*/
	background-color: #f7f7f7;
	/*padding-left: 1.2em;*/
}

#content-left nav ul li ul li a {
	/*background-color: #F7F7F7;*/
	padding: 0.75em 0.2em 0.75em 1.5em;
}

#content-left nav ul li ul li ul li {
	font-size: 1em;
	font-weight: normal;
	/*margin-left: 1.125em;*/
	text-indent: 2.125em;
}

#content-left nav ul li.subpages {
	/*background:url("../img/nav-arrow.gif") no-repeat 0.4em 1.3em;*/
}

#content-left nav ul li.subpages a:hover {
	/*background:#f1f1f1 url("../img/nav-arrow-w.gif") no-repeat 0.4em 1.3em;*/
}

#content-left nav ul li.subpages li {
	/*padding-left: 1.2em;*/
}

#content-left nav ul li.subpages li a:hover {
	/*background:#f1f1f1;*/
}

#content-left nav ul li.subpages a.selected {
	background: #8A8A8A url("../img/nav-arrow-down-w.gif") no-repeat 0.4em 1.3em;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: right -0.5em top 1.0em;
}

#content-left nav ul li a.selected {
	background-color: #b5123e;
	/*background-color: #8A8A8A;*/
	color: #ffffff;
}

#content-left nav ul li a.active {
	/*background: url("../img/nav-arrow-down-w.gif") no-repeat 0.4em 1.3em;*/
	background: url("../img/nav-arrow-down-w.gif") no-repeat 0.4em 1.3em;
	background-color: #B5B4B4;
	background-repeat: no-repeat;
	background-position: right -0.5em top 1.0em;
	color: #FFF;
}

/* =======================
   Boxen
   ======================= */

.box {
	/*background:#F8F8E7;*/
	background-color: #FFF;
	border: 1px solid #c1c1c1;
	/*border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;	*/
	-webkit-box-shadow: 0px 6px 5px -5px #CCC;
	-moz-box-shadow: 0px 6px 5px -5px #CCC;
	box-shadow: 0px 6px 5px -5px #CCC;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=180, Strength=3);
}

.box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 0 0.25em 0.625em 0.25em;
}

.box ul li {
	font-size: 0.6875em;
	margin-bottom: 0.063em;
	padding: 0.4em 0.9em 0.4em 2.55em;
	line-height: 1.45em;
	background: url("../img/nav-arrow-double.gif") no-repeat 0.95em 0.85em;
}

.box ul li.pdf {
	background: url("../img/file-pdf.png") no-repeat 0.5em 0.3em;
}

.box ul li a {
	display: block;
}

.box p {
	/*font-size: 0.6875em;*/
	padding: 0.5em 0.9em;
	line-height: 1.45em;
}

.box h5 {

	background: #a7a7a7; /* Old browsers */
	background: -moz-linear-gradient(top, #a7a7a7 0%, #666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7a7a7), color-stop(100%, #666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a7a7a7 0%, #666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a7a7a7 0%, #666 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a7a7a7 0%, #666 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, #a7a7a7 0%,#666 100%); /* W3C */

	padding: 0.5em 0.95em;
	color: white;
	/*text-transform:uppercase;*/
	font-weight: normal;
	margin-bottom: 0.625em;
	line-height: 1.55em;
	border-radius: 3px 3px 1px 1px;
	-webkit-border-radius: 3px 3px 0px 0px;
}

.box h5 a {
	color: white;
}

.box h4 {

	/*background: #f4f5f4;*/
	background: #E5E5E5;
	/*background: -moz-linear-gradient(top, #f4f5f4 0%, #cecece 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f5f4), color-stop(100%,#cecece));
	background: -webkit-linear-gradient(top, #f4f5f4 0%,#cecece 100%);
	background: -o-linear-gradient(top, #f4f5f4 0%,#cecece 100%);
	background: -ms-linear-gradient(top, #f4f5f4 0%,#cecece 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5f4', endColorstr='#cecece',GradientType=0 );
	/*background: linear-gradient(top, #f4f5f4 0%,#cecece 100%);*/
	padding: 0.5em 0.95em;
	color: #444;
	/*text-transform:uppercase;*/
	font-weight: bold;
	margin-bottom: 0.225em;
	line-height: 1.55em;
	border: 0px solid #B6B6B6;
	/*border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;*/
}

.box h5 a {
	color: white;
}

.box .csc-textpic-intext-right {
	padding-right: 0.625em;
}

.box.height180 {
	height: 181px;
}

.box.height285 {
	height: 285px;
	background-color: #ffffff;
	background: -webkit-linear-gradient(top, #ffffff 30%, #f6f6f6 350px);

	-webkit-box-shadow: 0px 6px 5px -5px #CCC;
	-moz-box-shadow: 0px 6px 5px -5px #CCC;
	box-shadow: 0px 6px 5px -5px #CCC;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=180, Strength=3);
}

.eventbox.height285 {
	padding: 0em 0em 0em 0.5em;
	height: 254px;
	background-color: #ffffff;
	/*background: -webkit-linear-gradient(top, #ffffff 30%,#f6f6f6 350px);*/
	border: 1px solid #c1c1c1;
	/*border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;*/
	/*margin-top: -20px;*/

	-webkit-box-shadow: 0px 6px 5px -5px #CCC;
	-moz-box-shadow: 0px 6px 5px -5px #CCC;
	box-shadow: 0px 6px 5px -5px #CCC;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=180, Strength=3);
}

.footer-image {
	background: url("../../../resources/images/slogan_gross.gif") no-repeat;
	background-position: center;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.news span {
	font-size: 0.625em;
	padding-left: 30.15em;
}

.news ul li a {
	padding-top: 0;
}

.box.info {
	background: #FDEEDB url("../img/bg_box_info.png") no-repeat 1.625em 1.063em;
	padding: 0.95em 0.95em 0.95em 3.875em !important;
}

.box.citation {
	background: #F7F7F7 url('../img/bg_box_citation.png') 1em 1.063em no-repeat;
	padding: 0.95em 0.95em 0.95em 5.75em !important;
}

#content-column .box {
	/*padding:0.625em 0.95em;*/
}

#content-column .box p {
	/*padding:0 0 0.625em 0;*/
}

#content-column .box h3 {
	/*margin:0 0 0.625em 0;*/
}

#content-left .box {
	margin-top: 1.563em;
}

.link-list ul li {
	background: none;
}

.link-list ul li a {
	background: url("../img/nav-arrow.gif") no-repeat 0 0.5em;
	padding-left: 0.95em;
}

.tab-content {
	height: 13.5em;
	width: 100%;
	float: left;
	clear: both;
	/*margin-top: -15px;*/

}

.nav-tabs {
	margin-left: -6px;
}

.test {
}

/* =======================
   Content-right
   ======================= */

#content-right article .csc-textpic-caption {
	font-size: 0.625em;
	line-height: 0.875em;
	margin: 0;
	padding: 0.5em 0;
}

#content-right article .csc-textpic-text p, #content-right article {
	/*font-size: 0.6875em;*/
	line-height: 1.45em;
}

.csc-textpic-text a {
	line-height: 1.45em;
	font-weight: bold;
}

#start #content-right article .csc-textpic-text p, #start #content-right article .csc-textpic-text a {
	font-size: 0.75em;
}

DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

/* =======================
   Content
   ======================= */

#content-column {

}

.content-column-bottom {
	padding: 0 0 1.875em 0;
}

.content-column-bottom a {
	font-size: 0.6875em;
	padding: 0.063em 0 0.15em 1.8em;
	margin-right: 2.8em;
}

a.to-top {
	background: url(../img/icon-arrow-up.png) no-repeat;
}

a.print {
	background: url(../img/icon-printer.png) no-repeat;
}

/* =======================
   Footer
   ======================= */

footer {
	background: #E2000A; /* Old browsers */
	/*background: -moz-linear-gradient(top, #7a1230 0%, #ae1b45 180px); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a1230), color-stop(180px,#ae1b45)); 
	background: -webkit-linear-gradient(top, #7a1230 0%,#ae1b45 180px); 
	background: -o-linear-gradient(top, #7a1230 0%,#ae1b45 180px);
	background: -ms-linear-gradient(top, #7a1230 0%,#ae1b45 180px); */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a1230', endColorstr='#ae1b45',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, #7a1230 0%,#ae1b45 180px);  /* W3C */
	padding: 1.125em 0;
	border-top: 1px solid #000;
	min-width: 30em;
}

.footer-wrapper {
	padding-left: 1.7em;
}

#nav-footer, #nav-footer > ul {
	float: left;
}

#nav-footer ul {
	list-style-type: none;
	margin-right: 1.875em;
}

#nav-footer ul li {
	background: url(../img/nav-footer-arrow.gif) no-repeat left 0.75em;
	padding-left: 0.95em;
	line-height: 1.5em;
}

#nav-footer ul li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.6875em;
}

#nav-footer ul li ul li {
	background: none;
	padding-left: 0.95em;
}

#nav-footer ul li ul li a {
	font-weight: normal;
}

#footer-logo {
	float: right;
	height: 12.5em;
	padding: 0.5em 3.125em;
	border-left: 0.063em solid #4e4e4e;
}

footer #copyright {
	text-align: center;
	padding: 1.25em 0 0 0;
}

footer #copyright a {
	color: #FFFFFF;
	font-size: 0.9em;
}

footer a:hover {
	color: white;
}

/* =======================
   Startseite
   ======================= */

#start #title {
	min-height: 15.625em;
}

#start #logo {
	padding-bottom: 130.5em;
}

#start #content-column, #start #content-right {
	float: left;
	width: 330.15em;
	margin: 0 0 0 1.25em;
}

#start #content-column h1, #start #content-right h1 {
	font-size: 0.875em;
	line-height: 1.25em;
}

#start #content-column p, #start #content-right p {
	line-height: 1.125em;
}

#start #content-column .link-list ul, #start #content-right .link-list ul {
	padding-top: 0;
	padding-bottom: 0;
}

#start #content-column .link-list ul, #start #content-right .link-list ul {
	background: none;
}

#start #content-right article .csc-textpic-text p, #start #content-right article .csc-textpic-text a {
	font-size: 0.75em;
}

#start .box {
	margin-bottom: 0;
}

/* =======================
   Page Contents
   ======================= */

/* InArticleNavigation */

article ul.csc-menu {
	margin: 0;
	padding: 0.5em 0.5em 0 0;
	list-style-type: none;

}

article ul.csc-menu li {
	margin-left: 0.5em;
	padding-left: 1.75em;
	margin-bottom: 0.5em;
	font-size: 1em;
	line-height: 1.25em;
	background: url(../img/icon-arrow-down.png) 0 0.3em no-repeat;
}

article ul.csc-menu li a {
	font-size: 0.75em;
	font-weight: bold;
}

/* Back-to-top-link */

.csc-linkToTop a {
	font-size: 0.9em;
	padding: 0.063em 0 0.15em 1.8em;
	background: url(../img/icon-arrow-up.png) no-repeat
}

/* Table RTE-Style */

.contenttable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-left: 0.063em solid #ddd;
	margin: 0.75em 0 1.25em 0;
}

.contenttable caption {
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.53846em;
	padding: 0.5em 0.625em;
	text-align: left;

	background: #a7a7a7; /* Old browsers */
	background: -moz-linear-gradient(top, #a7a7a7 0%, #666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7a7a7), color-stop(100%, #666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a7a7a7 0%, #666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a7a7a7 0%, #666 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a7a7a7 0%, #666 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, #a7a7a7 0%,#666 100%); /* W3C */
}

.contenttable th {
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	line-height: 1.4em;
	padding: 0.5em 0.625em;

	border-right: 0.063em solid #ddd;
	border-bottom: 0.063em solid #ddd;
	background: #f1f1f1;

}

.contenttable td {
	line-height: 1.4em;
	padding: 0.5em 0.625em;
	font-size: 0.75em;
	border-right: 0.063em solid #ddd;
	border-bottom: 0.063em solid #ddd;
}

.contenttable .tr-odd {
	background: #fff;
}

.contenttable .tr-even {
	background: #f9f9f9;
}

/* Bild mit Text */

.csc-textpic-caption {
	font-size: 0.625em;
	line-height: 1.45em;
	padding: 1em 0 2em;
}

/* Lightbox */
#cboxTitle,
#cboxCurrent {
	font-size: 0.625em;
	line-height: 1.45em;
}

/* Sitemap */

.csc-sitemap {
	list-style-type: none;
	background-color: #f2f2f2;
}

.csc-sitemap li {
	margin-left: 2.0769em;
	padding: 0;
	font-weight: bold;
}

.csc-sitemap li a {
	display: block;
	/*padding-top: .53846em;
	padding-bottom: .2308em;
	margin-bottom: .3846em;*/
}

.csc-sitemap ul {
	margin-left: -2.0769em;
	padding-left: 2.0769em;
	background-color: #fff;
}

.csc-sitemap li li a {
	margin-bottom: 0em;
}

.csc-sitemap li li li a {
	font-weight: normal;
}

/* tt_news */

.news-latest-container {
	margin: 0;
	padding: 0.063em 0.6em;
	background: #fff;
	border: 1.1px solid #B6B6B6;
	/*border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;*/
	min-height: 565px;

	-webkit-box-shadow: 0px 6px 5px -5px #CCC;
	-moz-box-shadow: 0px 6px 5px -5px #CCC;
	box-shadow: 0px 6px 5px -5px #CCC;
	overflow: auto;
	height: 565px;

	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=180, Strength=3);

}

.news-latest-item {

	padding-bottom: 0.5em;
	list-style: none;
	border-bottom: 0.1em solid #EEE;
}

.news-latest-item h4 {
	font-size: 0.75em;
	line-height: 1.2em;
	margin-top: 0.5em;
}

.news-latest-item p {
	font-size: 0.6875em;
	line-height: 1.2em;
	padding-top: 0.5em;
	margin: 0;
}

.news-latest-item > a {
	font-size: 0.6875em;
	line-height: 1.125em;
}

.news-list-container {
	margin: 0;
	padding: 0;
}

.news-list-item {
	border-bottom: 0.063em solid #ddd;
	margin: 1.25em 0;
	padding: 0;
	padding-bottom: 1.25em;
	list-style: none;
}

.news-list-item img {
	float: left;
	padding: 0 1.25em 0.625em 0;
}

li.news-list-item p {
	font-size: 1em;
}

li.news-list-item h2 {
	font-size: 1.167em;
}

li .news-list-date, li .news-list-category, li .news-list-subheader > a, li .news-single-timedata, li .news-single-wrap {
	font-size: 0.911em;
}

.news-list-date, .news-list-category, .news-list-subheader > a, .news-single-timedata, .news-single-wrap {
	font-size: 0.6785em;
	margin-bottom: 1em;
}

.news-single-imgcaption {
	margin-top: 0.625em;
	font-size: 0.625em;
}

.news-single-img {
	float: right;
	margin: 0 0 0.625em 1.25em;
}

.news-single-additional-info {
	font-size: 0.6875em;
}

.news-single-additional-info dd {
	margin: 0;
}

.news-list-browse {
	font-size: 0.75em;
}

.activeLinkWrap {
	padding: 0 0.5em;
}

/* Kontaktformular */

div.csc-mailform ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

div.csc-mailform ul ul {
	margin: 0.15em 0;
	padding: 0 0 0 2.5em;
}

div.csc-mailform li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

div.csc-mailform fieldset {
	margin: 0.625em 0 !important;
	border: 0.063em solid #ddd;
	background: #FaFaFa;
}

div.csc-mailform fieldset legend {
	font-weight: bold;
	padding: 0.5em;
}

div.csc-mailform li label {
	width: 11em !important;
	padding: 0.5em 0;
	color: #666;
	float: left;
}

div.csc-mailform li label em {
	display: inline;
	padding-left: 0.5em;
}

div.csc-mailform fieldset li {
	padding: 0.5em;
	line-height: 1.25em;
	margin: 0 !important;
}

.csc-form-element-textline input, .csc-form-element-textarea textarea, div.csc-mailform select {
	width: 17em;
	font-weight: normal;
	color: #333;
	padding: 0.5em 0.625em;
	border: 0.063em solid #ccc;
	font-family: Arial, Verdana, sans-serif;

	-moz-box-shadow: inset 0 0 0.15em 0.15em #eee;
	-webkit-box-shadow: inset 0 0 0.15em 0.15em #eee;
	box-shadow: inset 0 0 0.15em 0.15em #f1f1f1;

}

div.csc-mailform select {
	width: 21.875em;
}

div.csc-mailform .invalid {
	border-color: red;
	background: #FFDDDD;

}

.csc-form-element-submit input {
	margin-left: 12em;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
}

.csc-form-element-textline label strong, .csc-form-element-textline label strong {
	text-transform: none;
	padding-top: 0.625em;
}

.csc-form-2 {
	padding: 0.5em 0.875em;
}

.csc-form-confirmation-false {
	float: left;
}

div.csc-mailform fieldset ol {
	padding: 1em !important;
}

/* Link-Styles */

/*a.external-link, a.external-link-new-window {
	padding-left:0.95em;
	background:url('../img/link_external.gif') 0 0.25em no-repeat;
}

a.download {
	padding-left:0.95em;
	background:url('../img/link_download.gif') 0 0.25em no-repeat;
}

a.mail {
	padding-left:0.95em;
	background:url('../img/link_mail.gif') 0 0.25em no-repeat;
}	*/

.link-list-only ul {
	list-style-type: none;
	padding-left: 1.875em;
}

/* Glossar */

article dl.tx-glossary-list {
	margin: 0;
}

article dl.tx-glossary-list dt {
	border-top: 0.063em solid #DDD;
	font-size: 1.125em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

article dl.tx-glossary-list dd.tx-glossary-description {
	margin: 0;
	padding-bottom: 0.7em;
}

article dl.tx-glossary-list dd.tx-glossary-abstract,
article dl.tx-glossary-list dd.tx-glossary-typelabel {
	line-height: 1.4em;
	margin: 0;
	margin-left: 0.625em;
	border: 0;
	padding: 0;
}

article dl.tx-glossary-list dd.tx-glossary-typelabel {
	font-size: 0.875em;
}

article dl.tx-glossary-list dd.tx-glossary-abstract {
	background: #F7F7F7;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0.625em 0;
	padding: 0.65em;
}

/* FE-Login */

.tx-felogin-pi1 > div {
	font-size: 0.75em;
	line-height: 1.4em;
}

.tx-felogin-pi1 #tx_felogin_loginform {
	margin: 0.625em 0;
	padding: 0.95em;
	background: #F7F7F7;
}

.tx-felogin-pi1 label {
	font-weight: bold;
	float: left;
	width: 11.25em;
	padding-top: 0.15em;
}

.tx-felogin-pi1 input {
	padding: 0.3em 0.5em;
}

.tx-felogin-pi1 .csc-form-submit {
	padding: 0.625em 0 0 8.4em;
}

.tx-felogin-pi1 .csc-form-user, .tx-felogin-pi1 .csc-form-password {
	margin-bottom: 0.3em;
	font-size: 0.75em;
}

.tx-felogin-pi1 .csc-form-user input, .tx-felogin-pi1 .csc-form-password input {
	border: 0.063em solid #ccc;
	font-family: Arial, Verdana;
}

#csc-form-submit {
	font-family: Arial, Verdana;
	font-size: 0.75em;
}

.csc-form-logout {
	padding: 0.9em;
}

.felogin-message {
	padding: 1.2em 1.2em 0 1.2em;
}

.csc-form-logout .csc-form-user label {
	padding: 0;
}

.csc-form-logout .csc-form-submit {
	padding: 0.625em 0 0 0;
}

/* Indexed Search */

.browsebox {
	list-style-type: none;
	margin: 1.25em 0;
	padding: 0;
}

.browsebox li {
	margin-right: 0.7em;
	display: inline;
}

.res-tmpl-css {
	margin: 0.5em 0;
}

.tx-indexedsearch-info {
	font-size: 0.75em;
	margin: 0;
}

.tx-indexedsearch-info dt {
	display: inline;
}

.tx-indexedsearch-info dd {
	display: inline;
	margin: 0;
}

.tx-indexedsearch-title {
	font-size: 1em;
}

.tx-indexedsearch-icon img {
	vertical-align: sub;
}

.tx-indexedsearch-whatis {
	font-size: 0.75em;
}

.tx-indexedsearch-searchbox legend {
	font-size: 1.375em;
	font-weight: bold;
	color: #444444;
	margin-bottom: 1.25em;
}

.tx-indexedsearch-form label {
	font-size: 0.875em;
}

.tx-indexedsearch-searchbox-sword {
	background: -moz-linear-gradient(center top, #EBEBEB 0%, #FFFFFF 58%) repeat scroll 0 0 transparent;
	border: 0.063em solid #B6B6B6;
	color: #333;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 0.875em;
	padding: 0.15em 0.5em;
}

.tx-indexedsearch-search-submit {
	margin: 0.5em 0 0.625em 6.25em;
}

.tx-indexedsearch-search-submit input {
	font-family: Arial, Verdana;
	font-size: 0.75em;
}

/* Download-Bereich */

.csc-uploads-element-png,
.csc-uploads-element-jpg,
.csc-uploads-element-bmp,
.csc-uploads-element-tif,
.csc-uploads-element-tga,
.csc-uploads-element-gif,
.csc-uploads-element-ai,
.csc-uploads-element-eps,
.csc-uploads-element-doc,
.csc-uploads-element-xls,
.csc-uploads-element-pdf,
.csc-uploads-element-ppt {
	padding: 0 0 0 2em;
	background-position: 0 0.15em;
	background-repeat: no-repeat;
}

.csc-uploads-element-png,
.csc-uploads-element-jpg,
.csc-uploads-element-bmp,
.csc-uploads-element-tif,
.csc-uploads-element-tga,
.csc-uploads-element-gif {
	background-image: url('../img/icons/image.png') !important;
}

.csc-uploads-element-ai,
.csc-uploads-element-eps {
	background-image: url('../img/icons/vector.png') !important;
}

.csc-uploads-element-doc {
	background-image: url('../img/icons/word.png') !important;
}

.csc-uploads-element-xls {
	background-image: url('../img/icons/excel.png') !important;
}

.csc-uploads-element-pdf {
	background-image: url('../img/icons/acrobat.png') !important;
}

.csc-uploads-element-ppt {
	background-image: url('../img/icons/powerpoint.png') !important;
}

.box ul li.csc-uploads-element-png,
.box ul li.csc-uploads-element-jpg,
.box ul li.csc-uploads-element-bmp,
.box ul li.csc-uploads-element-tif,
.box ul li.csc-uploads-element-tga,
.box ul li.csc-uploads-element-gif,
.box ul li.csc-uploads-element-ai,
.box ul li.csc-uploads-element-eps,
.box ul li.csc-uploads-element-doc,
.box ul li.csc-uploads-element-xls,
.box ul li.csc-uploads-element-pdf,
.box ul li.csc-uploads-element-ppt {
	margin: 0.7em;
	padding: 0 0 0 2em;
	background-position: 0 0.15em;
	background-repeat: no-repeat;
}

/* ReadSpeaker */

.tx-readspeaker-widget {
	font-size: 0.75em;
	line-height: 1.7em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border: none;
	border-bottom: 0.084em solid #ddd;
}

.tx-readspeaker-reader-wrap {
	margin-top: 0.5em;
}

/* Simple language */

#leichte-sprache {
	background: url('../img/icons/speech.png') 0 1em no-repeat;
	padding: 1.5em 0 1.5em 3.6em;
	display: block;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 0.063em;
	margin: -0.063em;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 0.063em;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

#logo div.csc-textpic-right .csc-textpic-imagewrap {
	float: left;
	margin-left: 12px;
}

#logo div.csc-textpic-right .csc-textpic-imagewrap img {
	height: auto;
	padding-top: 12px;
	width: 250px;
}

/*===========SOCIAL MEDIA LINKS===========*/
header #search {
	position: absolute;
	right: 20px;
	top: 81px;
}

#social_links {
	position: absolute;
	top: 52px;
	right: 20px;
}

#social_links div {
	display: inline-block;
}

.sm_facebook a,
.sm_google a,
.sm_youtube a,
.sm_twitter a,
.sm_xing a,
.sm_instagram a,
.sm_domain a {
	width: 29px;
	height: 29px;
	display: inline-flex;

	background-repeat: no-repeat;
	background-position: center center;
}

.sm_facebook a {
	background-image: url(../img/icons/facebook_red.png);
}

.sm_facebook a:hover {
	background-image: url(../img/icons/facebook.png);
}

.sm_google a {
	background-image: url(../img/icons/googleplus_red.png);
}

.sm_google a:hover {
	background-image: url(../img/icons/googleplus.png);
}

.sm_youtube a {
	background-image: url(../img/icons/youtube_red.png);
}

.sm_youtube a:hover {
	background-image: url(../img/icons/youtube.png);
}

.sm_twitter a {
	background-image: url(../img/icons/twitter_red.png);
}

.sm_twitter a:hover {
	background-image: url(../img/icons/twitter.png);
}

.sm_xing a {
	background-image: url(../img/icons/xing_red.png);
}

.sm_xing a:hover {
	background-image: url(../img/icons/xing.png);
}

.sm_instagram a {
	background-image: url(../img/icons/instagram_red.png);
}

.sm_instagram a:hover {
	background-image: url(../img/icons/instagram.png);
}

.sm_domain a {
	background-image: url(../img/icons/domain_red.png);
}

.sm_domain a:hover {
	background-image: url(../img/icons/domain.png);
}

/*===========END SOCIAL MEDIA LINKS===========*/

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
	/* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 760.5em) {
	/* Style adjustments for viewports 760.5em and over go here */
}

.box h5.headline {
	background: #E2000A;
	border: 1px solid #E2000A;
	font-weight: bold;

}
