/*
* 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; *display: inline; *zoom: 1; }
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: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #757273; color: #fff; text-shadow: none; }
::selection { background: #757273; color: #fff; text-shadow: none; }
/* =============================================================================
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 1.3em; }
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;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*
* 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; *margin-left: -0.7em; padding: 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; *vertical-align: middle; }
/*
* 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; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 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; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #fff; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: Lars Zimmermann
========================================================================== */
body {
/*background-color: #eee;*/
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
line-height: 1.4em;
color: #676766;
background-color: #ffffff;
}
h1 {
font-size:1.375em;
margin:0;
padding:0;
margin-top:30px;
margin-bottom:0.9em;
line-height:1.2em;
color: #676766;
}
h2 {
font-size:0.875em;
line-height:1.6em;
color: #676766;
}
h3 {
font-size:0.75em;
color: #676766;
background:none;
line-height:1.25em;
}
h4 {
font-size:0.75em;
margin:0;
padding:0;
line-height:1.25em;
color: #676766;
background:none;
}
h5 {
font-size: 0.75em;
border-bottom-style: solid;
border-bottom-color: #676766;
border-bottom-width: 1px;
padding-bottom:10px;
font-weight: normal;
}
p {
font-size: 0.75em;
line-height: 1.7em;
margin:0;
margin-top:0px;
margin-bottom:10px;
}
.underline {
border-bottom-style: solid;
border-bottom-color: #333;
}
a {
color:#676766;
/*color:#4C8BC9;*/
text-decoration:none;
}
a:hover {
color: #676766;
text-decoration: underline;
}
article ul ul, article ol ol {
margin:0.15em 0;
}
article li {
font-size:0.75em;
line-height:1.725em;
margin-bottom:0.5em;
}
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%;
margin-top:0px;
/* -moz-box-shadow: 0 0.15em 0.3em 0.15em rgba(0,0,0,0.15); /*Mozilla-basierte Browser (z.B. Firefox)*/
/* -webkit-box-shadow: 0 0.15em 0.3em 0.15em rgba(0,0,0,0.15); /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
/* box-shadow: 0 0.15em 0.3em 0.15em rgba(0,0,0,0.15); /*CSS3 Standard*/
}
#contwhite {
background:white;
margin: 0 auto;
/* -webkit-box-shadow: 4px 4px 6px black;
-moz-box-shadow: 4px 4px 6px black;
box-shadow: 4px 4px 6px black; */
}
.wrapper {
position: relative;
max-width: 1064px;
height: 100%;
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}
.wrapper_top {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}
.abstand{
padding-top:0px;
}
#main header {
margin:0;
padding:0;
}
/* =======================
Header
======================= */
header {
position:relative;
padding-top: 1.563em;
}
#headerpic {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
header div.float-right {
float: right;
}
header nav {
float: right;
color: #d0c9c9;
}
header nav#nav-help {
/* float: right; */
}
header nav>ul {
float: left;
}
header nav ul {
list-style-type: none;
}
header nav ul li {
display: inline;
padding: 0 1em;
font-size: 0.7em;
color: #a7a9b1;
font-weight: bold;
letter-spacing: -2;
}
header nav ul li.first {
background: none;
padding-left: 0;
}
header nav ul li a {
color: #a7a9b1;
font-weight: bold;
}
header nav ul li a:hover {
color: #8c8787;
text-decoration: none;
}
#nav-top {
float: right;
}
#nav-top-position {
padding-top: 55px;
padding-right: 15px;
float: right;
}
.middle {
font-size:0.75em;
}
.big {
font-size:0.875em;
}
.lang-selector {
display: none;
}
.toggle-hover span {
padding-right:10.3em;
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: 20.7em;
}
header #search {
float: right;
margin:0 0 0.5em 0.625em;
}
header #search #inputText {
border: 0.063em solid #b1b3b6;
font-size: 0.625em;;
color: #b1b3b6;
padding:0.15em 0.5em;
font-family:Verdana, Geneva, sans-serif;
width:9.375em;
background: #ebebeb; /* Old browsers */
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 {
/* background: #ffffff; /* Old browsers */
/* background: -moz-linear-gradient(top, #d0cfcf 0%, #bad7f8 0%, #eee 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0cfcf), color-stop(0%,#bad7f8), color-stop(100%,#eee)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #d0cfcf 0%,#bad7f8 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #d0cfcf 0%,#bad7f8 0%,#eee 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top, #d0cfcf 0%,#bad7f8 0%,#eee 100%); /* IE10+ */
/* background: linear-gradient(top, #d0cfcf 0%,#bad7f8 0%,#eee 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cfcf', endColorstr='#eee',GradientType=0 ); /* IE6-9 */
max-width: 1064px;
min-height: 130px;
clear: both;
margin-left: auto;
margin-right: auto;
}
#title .csc-textpic-image {
margin-bottom: 0;
}
#logo {
display: block;
top: 1em;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0.5em;
padding-left: 0em;
float: left;
}
/* =======================
Main
======================= */
#main {
background: white;
/* -moz-box-shadow: 0 0.15em 0.3em 0.15em rgba(0,0,0,0.15); /*Mozilla-basierte Browser (z.B. Firefox)*/
/* -webkit-box-shadow: 0 0.15em 0.3em 0.15em rgba(0,0,0,0.15); /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
/* box-shadow: 0 0.15em 0.3em 0.15em rgba(0,0,0,0.15); /*CSS3 Standard*/
max-width: 1150px;
padding-top:0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#shadow-bottom {
}
/* =======================
Breadcrumb
======================= */
#breadcrumb {
padding-left: 1.7em;
padding-bottom: 0.6em;
padding-top: 0.4em;
background-color: #229544;
/* opacity: 0.4;*/
color: #ffffff;
}
#breadcrumb a {
color:#ffffff;
/*color:#4C8BC9;*/
/*text-decoration:none;*/
}
#breadcrumb ul {
list-style-type: none;
margin: 0;
padding: 0;
color: #ffffff;
}
#breadcrumb ul li {
background: url("../img/nav-arrow.gif") no-repeat left 0.25em;
display: inline;
padding: 0 1em 0 1.25em;
font-size:0.625em;
color: #ffffff;
}
#breadcrumb ul li.first {
background: 0;
padding: 0;
padding-right: 1em;
color: #ffffff;
}
/* =======================
Content Columns
======================= */
#content-left {
float:left;
width:13.125em;
padding-left:1.5em;
margin-top:0px;
}
#readspeaker-section {
float: left;
width: 28.125em;
margin-left:1.5em;
}
#content-column {
float: left;
margin-left:1.25em;
padding-top:0px;
}
#content-right {
float: right;
width: 280px;
margin-right:30px;
margin-top:5px;
}
article {
margin-bottom: 1em;
padding-bottom: 1em;
/* border-bottom: 0.063em solid #ddd; */
border-top: 0;
margin-top: 0;
padding-top: 0;
}
/* =======================
Navigation
======================= */
#nav-main {
float: left;
height: 0px;
margin-top: 20px;
left: auto;
right: auto;
}
#nav-main ul {
list-style-type: none;
margin:0px 2px;
padding: 0px;
/* border-top: 0.063em solid #ddd;
margin-bottom: 1.875em;
text-decoration: none;
color: #FFF;*/
}
#nav-main ul ul{
border:0;
margin: 0px 2px;
text-decoration: none;
}
#nav-main ul li {
margin: 0px;
font-size: 0.85em;
text-decoration: none;
}
#nav-main ul li a {
background-color: #229544;
color: #ABD69B;
display: block;
line-height: 1.2em;
text-decoration: none;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-top: 0.3em;
padding-right: 1.5em;
padding-bottom: 0.3em;
padding-left: 1em;
width: 220px;
font-weight: bold;
}
#nav-main ul li a:hover {
background-color: #abd69b;
color: #229544;
text-decoration: none;
font-weight: bold;
}
#nav-main ul li ul li {
font-size: 1em;
background-color: #abd69b;
color: #229544;
font-weight: bold;
margin-top: 2px;
margin-bottom: 4px;
text-decoration: none;
}
#nav-main ul li ul li a {
font-size: 1em;
background-color: #abd69b;
color: #229544;
font-weight: bold;
margin-top: 2px;
margin-bottom: 4px;
text-decoration: none;
}
#nav-main ul li a:hover {
background-color: #229544;
color: #abd69b;
text-decoration: none;
font-weight: bold;
}
#nav-main ul li.subpages {
background-color: #abd69b;
text-decoration: none;
margin: 0px;
}
#nav-main ul li.subpages a:hover {
background-color: #abd69b;
text-decoration: none;
margin:0px;
}
#nav-main ul li.subpages li a:hover {
background: #229544;
text-decoration: none;
}
#nav-main ul li.subpages a.selected {
text-decoration: none;
}
#nav-main ul li a.selected {
background-color: #229544;
text-decoration: none;
}
#nav-main ul li a.active {
text-decoration: none;
}
/* =======================
Boxen
======================= */
.box {
margin-top:30px;
}
.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.85em;
color: #3B3B85;
padding: 0 0.9em;
line-height: 1.45em;
}
.box h4 {
/* background: #229544; /* Old browsers */
/* background: -moz-linear-gradient(top, #229544 0%, #42a25f 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229544), color-stop(100%,#42a25f)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #229544 0%,#42a25f 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #229544 0%,#42a25f 100%); /* Opera11.10+ */
/* background: -ms-linear-gradient(top, #229544 0%,#42a25f 100%); /* IE10+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229544', endColorstr='#42a25f',GradientType=0 ); /* IE6-9 */
/* background: linear-gradient(top, #229544 0%,#42a25f 100%); /* W3C */
padding: 0.5em 0.95em;
font-size:0.8em;
color: #3B3B85;
/*text-transform:uppercase;*/
font-weight: bold;
margin-bottom: 0.625em;
line-height: 1.55em;
}
.box h4 a{
color:#3B3B85;
}
.box .csc-textpic-intext-right {
padding-right:0.625em;
}
.wrapper .box {
margin-top:0px;
}
.wrapper .box ul {
margin: 0;
padding:0;
list-style-type: none;
padding:0 0.25em 0.625em 0.25em;
}
.wrapper .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;
}
.wrapper .box ul li.pdf {
background: url("../img/file-pdf.png") no-repeat 0.5em 0.3em;
}
.wrapper .box ul li a {
display: block;
}
.wrapper .box p {
font-size: 0.7em;
color: #494444;
padding: 0 0.9em;
line-height: 1.45em;
text-align: right;
}
.wrapper .box h4 {
/* background: #229544; /* Old browsers */
/* background: -moz-linear-gradient(top, #229544 0%, #42a25f 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229544), color-stop(100%,#42a25f)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #229544 0%,#42a25f 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #229544 0%,#42a25f 100%); /* Opera11.10+ */
/* background: -ms-linear-gradient(top, #229544 0%,#42a25f 100%); /* IE10+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229544', endColorstr='#42a25f',GradientType=0 ); /* IE6-9 */
/* background: linear-gradient(top, #229544 0%,#42a25f 100%); /* W3C */
padding: 0.5em 0.95em;
font-size:0.8em;
color: #494444;
/*text-transform:uppercase;*/
font-weight: bold;
margin-bottom: 0.625em;
line-height: 1.55em;
}
.wrapper .box h4 a{
color:#3B3B85;
}
.wrapper .box .csc-textpic-intext-right {
padding-right:0.625em;
}
.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;
padding-top: 1.563em;
border-top: 0.063em solid #eee;
background:none;
}
.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;
}
/* =======================
Content-right
======================= */
#content-right article .csc-textpic-caption {
font-size: 0.75em;
line-height: 0.95em;
margin: 0;
padding: 0.5em 0;
}
#content-right article .csc-textpic-text p, #content-right article .csc-textpic-text a {
font-size: 0.75em;
line-height: 1.45em;
margin-top:0px;
}
#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 {
max-width:770px;
margin-top:40px;
margin-left:40px;
}
.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;
color: #229544
}
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: #c0c2c4; /* Old browsers */
/* background: -moz-linear-gradient(top, #c0c2c4 0%, #b1b3b6 0%, #c0c2c4 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c2c4), color-stop(0%,#d0cfcf), color-stop(100%,#b1b3b6)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #c0c2c4 0%,#c0c2c4 0%,#b1b3b6 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #c0c2c4 0%,#c0c2c4 0%,#b1b3b6 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top, #c0c2c4 0%,#c0c2c4 0%,#b1b3b6 100%); /* IE10+ */
/* background: linear-gradient(top, #c0c2c4 0%,#c0c2c4 0%,#b1b3b6 100%); /* W3C */
/* Old browsers *//* FF3.6+ *//* Chrome,Safari4+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ */background: linear-gradient(top, #b1b3b6 0%,#b1b3b6 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b3b6', endColorstr='#e3e3e3',GradientType=0 );
background-position: top;
margin-right: auto;
margin-left: auto;
padding-top: 1em;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
clear: both;
background-image: linear-gradient(bottom, rgb(216,219,217) 13%, rgb(182,184,182) 80%, rgb(106,107,107) 100%);
background-image: -o-linear-gradient(bottom, rgb(216,219,217) 13%, rgb(182,184,182) 80%, rgb(106,107,107) 100%);
background-image: -moz-linear-gradient(bottom, rgb(216,219,217) 13%, rgb(182,184,182) 80%, rgb(106,107,107) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(216,219,217) 13%, rgb(182,184,182) 80%, rgb(106,107,107) 100%);
background-image: -ms-linear-gradient(bottom, rgb(216,219,217) 13%, rgb(182,184,182) 80%, rgb(106,107,107) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(216,219,217)),
color-stop(0.80, rgb(182,184,182)),
color-stop(1, rgb(106,107,107))
);
height: 100%;
}
.footer-wrapper {
padding-top: 0px;
}
#nav-footer, #nav-footer>ul {
float:left;
max-width:815px;
}
#nav-footer ul {
list-style-type: none;
width:200px;
margin-right:0.2em;
}
#nav-footer ul li {
padding-left: 0.1em;
line-height: 1em;
}
#nav-footer ul li a {
color: #494444;
font-weight: bold;
font-size: 0.8em;
line-height: 1.6em;
letter-spacing: 0;
}
#nav-footer ul li ul li {
background: none;
padding-left: 0.1em;
}
#nav-footer ul li ul li a {
font-size:0.75em;
font-weight: normal;
}
#footer-logo {
float: right;
width:205px;
height: 5em;
margin-top:-15px;
}
#footer-logo a {
color: #494444;
font-size: 0.8em;
text-decoration: none;
}
#footer-logo a:hover {
color:#494444;
}
footer #copyright {
text-align: center;
padding: 1.25em 0;
color: #494444;
}
footer #copyright a {
color: #494444;
font-size: 0.9em;
text-decoration: none;
}
footer a:hover {
color:#494444;
}
.no-print {
}
/* =======================
Startseite
======================= */
#start #title {
min-height: 140px;
}
#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 */
.tablesmall {
width: 400px;
}
.contenttable {
width:100%;
border-collapse: separate;
border-spacing: 0;
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: #194BC4; /* Old browsers */
background: -moz-linear-gradient(top, #194BC4 0%, #757273 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#194BC4), color-stop(100%,#757273666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #194BC4 0%,#757273 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #194BC4 0%,#757273 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #194BC4 0%,#757273 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194BC4', endColorstr='#757273666',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #194BC4 0%,#757273 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:#229544;
}
.contenttable td {
line-height: 1.4em;
padding:0.2em;
font-size: 0.75em;
}
.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 1.063em;
background:#F7F7F7;
}
.news-latest-item {
margin:1.25em 0;
list-style: none;
}
.news-latest-item h4 {
font-size:0.75em;
line-height:1.6em;
}
.news-latest-item p {
font-size:0.6875em;
line-height:1.6em;
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:#757273;
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: #b1b3b6;
padding: 0.5em 0.625em;
font-family: Verdana, Arial, 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 #229544;
}
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:Verdana, Arial, 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 0em;
}
.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:Verdana;
}
#csc-form-submit {
font-family: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:#757273;
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 #b1b3b6;
color: #b1b3b6;
font-family: 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: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;
}
/* ==|== 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 */
}
/* Responsive */
img,
audio,
video,
embed {
max-width:100%;
width:auto;
height:auto;
}
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float: none;
}
/**
* Responsive Web Design
* von Michael Schulze
*/
@media only screen and (max-width: 980px) {
/**
* intext images
*/
/* intext single image */
div.csc-textpic-intext-left img
,div.csc-textpic-intext-right img { max-width: 100%; height: auto; }
/* intext single image width */
div.csc-textpic-intext-left .csc-textpic-imagewrap
,div.csc-textpic-intext-right .csc-textpic-imagewrap { width: 40%; }
div.csc-textpic-intext-left .csc-textpic-imagewrap ul li { width: 45%; }
/* UL: intext images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul li img { width: 100%; height: auto; }
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow ul li img { width: auto; }
/* dl: This will place the images side by side */
div.csc-textpic-intext-right-nowrap > div { margin-right: 50%; }
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-right: 0; width: 48%; }
}
@media only screen and (max-width: 480px) {
/* intext single image width */
div.csc-textpic-intext-left .csc-textpic-imagewrap
,div.csc-textpic-intext-right .csc-textpic-imagewrap { width: 50%; }
/* UL: intext images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul li { float: none; }
div.csc-textpic-intext-left .csc-textpic-imagewrap ul li { width: 100%; }
}
/* Mögliche Aufteilungen im CSS */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}
/* highres devices */
@media screen and (-moz-min-device-pixel-ratio:1.5),
screen and (-o-min-device-pixel-ratio:3/2),
screen and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-device-pixel-ratio:1.5){}