/*
1.ROOT
2.HEADINGS
4.LINKS
5.FIGURES & IMAGES
6.TABLES
7.FORMS (See css/mylibs/forms.css)
8.BANNER header[role="banner"]
9.NAVIGATION nav[role="navigation"]
10.CONTENT
11.MAIN div[role="main"]
12.COMPLEMENTARY div[role="complementary"]
13.CONTENTINFO footer[role="contentinfo"]
14.GLOBAL OBJECTS
15.VENDOR-SPECIFIC
16.TEMPLATE SPECIFICS
17.MODERNIZR

COLOURS
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

abbr[title],
acronym[title] {
    border-bottom: 1px dotted;
    cursor: help; }

/* 1.ROOT */

html {
    overflow-y: scroll;
    background: #2a486e;
}

body {
    margin: 0 auto;
    padding: 15px 0 0 0;
    width: 95% /* 252px */;
    font: 12px/1.4 Arial, sans-serif;
    color: #000;
    background-color: transparent;
}

#container {
    max-width: 982px;
    margin: 0 auto;
    padding: 5px 20px 0 20px;
    background-color: #fff;
}

ul#skip {
    position: absolute;
    top: -6000px;
    left: -6000px;
    height: 1px;
    width: 1px;
    list-style: none;
}

ul#skip a[href]:hover,
ul#skip a[href]:focus,
ul#skip a[href]:active {
    display: block;
    position: absolute;
    left: 6000px;
    top: 6000px;
    color: #fff;
    background-color: #004c93;
    height: auto;
    width: 220px;
    z-index: 100;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
}

#breadcrumb {
    clear: left;
    width: 72.2034%;
    min-height: 14px;
    margin-left: 23.4216%;
    padding: 0 2.1875% 5px 2.1875%;
    font-size: 10px;
}
#breadcrumb a[href] {
    padding: 0 0 0 2px;
    text-decoration: none;
}
#breadcrumb span:first-child a {
    padding: 0 2px 0 0;
}
#breadcrumb a:hover, #breadcrumb a:focus {
    text-decoration: underline;
}

#breadcrumb span:before {
    content: " > ";
    color: #004c93;
}
#breadcrumb span:first-child:before {
    content: "";
}


/* 2.HEADINGS */

#masthead {
    position: relative;
}

hgroup,
div.hgroup {
    margin-bottom: .95em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #004C93;
}

h1:first-child {
    margin-bottom: 0.75em;
    padding: 1px 0 1px 0;
    line-height: 1.2; }

div#zoom {
    display         : none;
}
#masthead h1#seitentitel {
    display: block;
    width: 48.8798%;
    margin-top: 41px;
    margin-bottom: 0;
    margin-left: 23.4216%;
    padding: 3px 2.1875%;
    font-size: 14px;
    line-height: 1.4;
    background-color: #fff;
}

#inhalt h1#seitentitel {
    display: none;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 3px 2.1875%;
    font-size: 14px;
    line-height: 1.4;
    background-color: #fff;
}

#veranstaltungen h1.date {
    clear: left;
    padding: .5em 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

header h2 {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}
header h2 span { font-size: 12px; font-weight: normal; }
header h2 a[href], header h2 a[href]:visited {
    display         : block;
    padding         : 0 10px;
    color           : #fff;
    text-decoration : none;
}

header h2 a[href]:hover, header h2 a[href]:focus {
    color: #004C93;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.75);
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);
    zoom:1;
}
header #navi {
    display        : none;
}
div.navdesc {
    display        : none;
}
nav#hauptnavigation ul { display : none; }
nav#hauptnavigation ul#mainnav { display : block; }
nav#hauptnavigation ul#servicenav { display : block; }
nav#hauptnavigation ul#languagenav { display : block; }

nav#hauptnavigation ul.targets {
    display        : none;
}
section#inhalt h2 {
    margin-bottom  : .5em;
    font-size      : 16px;
    line-height    : 1.2;
}

/* Überschriften für Akkordeon */
section#inhalt h2.accordion a,
section#inhalt h3.accordion a {
  display:block;
  background-repeat: no-repeat;
  background-position: left center; 
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1.4em;
}

section#inhalt h2 a.accordion_plus, 
section#inhalt h3 a.accordion_plus {
  background-image: url("/imperia/md/images/cms/icons/icon_open.png");
} 
section#inhalt h2 a.accordion_minus, 
section#inhalt h3 a.accordion_minus {
  background-image: url("/imperia/md/images/cms/icons/icon_close.png");
}

div.accordion_div {
  margin-bottom:1em;
}
/* Ende Überschriften für Akkordeon */

section#inhalt h2 a {
    color : #004c96;
}
section#inhalt h2 a:hover,
section#inhalt h2 a:active,
section#inhalt h2 a:focus {
    color : #ffffff;
}
section#inhalt ul li {
    margin : 0.1em 0.8em 0.1em 0;
}

section#inhalt ul.continuous {
    padding-left:0;
}

section#inhalt ul.continuous li {
    margin-right:0;
    margin-left:0;
    list-style-type:none;
    display:inline;
}

section#inhalt ul.continuous li + li:before {
  content: ' | ';
}

section#inhalt ul.spread li {
    margin : 0.6em 0.8em 0.6em 0;
}

aside[role=complementary] h2,
aside#sidebar h2 {
    margin-bottom: .5em;
    font-size: 15px;
    line-height: 1.2;
}

h2 img { float: left; margin-right: 5px; }

.rss h2 {
    margin-bottom: .5em;
    background: url(/imperia/md/images/zim/icons/rss_16x16.gif) no-repeat 0 4px;
    margin-top               : 0;
    padding-bottom:2px;
    /* deaktiviert 17.10.2017 TB 
    padding                  : 0 10px 2px 21px !important;    
    */
}
.rss h2.logo {
    margin-top               : 0;
    /* deaktiviert 17.10.2017 TB 
    padding                  : 0 10px 2px 0 !important; */
    padding-bottom:2px;
    background               : none;
}
.rss div.feedheader {
/*
Deaktiviert 5.10.2017 TB
    height                  : 36px;
*/
    padding                 : 3px 2px 3px 0 !important;
    border                  : 0;
    border-bottom           : solid 1px #ffffff;
    text-align              : left;
/* deaktiviert 16.10.2017 TB   
    width                   : 98%;
*/
    overflow                : hidden;
    -webkit-transition      : height 0.2s ease-in-out;
    transition              : height 0.2s ease-in-out;
    margin-bottom           : 6px;
}
/*
Deaktiviert 5.10.2017 TB
.rss div.nologo {
	 height                  : 38px;
}
*/

/* Eingefügt 26.10.2017 TB */
.rss div.nologo h2 {
    padding-left:20px;
}

.rss div.feedheader h2 img {
    max-height               : 32px;
/* deaktiviert 16.10.2017 TB   
    max-width                : 40%;
*/
    float                    : left;
	padding                  : 0;
	border                   : 0;
	margin                   : 2px 0.5em 0 0;
}
.rss div.feedheader h2 a {
    text-decoration          : none;
    border-bottom            : solid 1px #2040a0;
    font-size                : 14px;
}
.rss p.item_date{
    color : #444 !important;
}

h3 {
    margin-bottom: 1.25em;
    font-size: 13px;
}
div.feedimage {
    float                    : left;
    max-width                : 100px;
    margin-right             : 1.5em !important;
}
div.feedtext {
    width                    : 0 auto !important;
    line-height              : 1.4em;
    float                    : left;
}

div.feedtext h3 {
    margin-bottom: 0;
    font-size: 13px;
}
div.feedtext h3 a {
    text-decoration : underline;
    font-weight     : bold;
    font-family     : Arial, Sans-Serif;
}

div.feedtext a.rss_mehr {
    font-weight     : normal;
    color           : #004c96 !important;
    border-bottom   : solid 1px #004c96;
    text-decoration : none;
    float           : right;
}
div.feedtext a.rss_mehr:hover {
    color           : #fffffe !important;
    border-bottom   : solid 1px #fffffe;
}
div.feedtext ul {
    list-style-type : disc;
    margin-left     : 10px;
}
hgroup h3,
div.hgroup h2 span.dachzeile {
    display:block;
    margin-bottom: 0em;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    color: #58585a;
}

hgroup h3 a,
div.hgroup h2 span.dachzeile a {
    text-decoration : none !important;
    color: #585858 !important;
}
hgroup h3 a:hover,
div.hgroup h2 span.dachzeile a:hover {
    text-decoration : none !important;
    color: #ffffff !important;
}
hgroup h2 a,
div.hgroup h2 a {
    text-decoration : none !important;
    color: #004c9b;
}

h4 {
    margin-bottom: 1.25em;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25; }

h5 {
    margin-bottom: 1.5em;
    font-size: 12px;
    font-weight: bold;
}

h6 {
    font-size: 12px;
    font-weight: bold;
}

/* 3.TYPOGRAPHY */

body {
    hyphens: auto;
}
p,
ol,
ul,
dl,
address {
    margin-bottom         : 1em;
    font-size             : 12px;
}

section#inhalt article *:last-child,
section#inhalt section *:last-child,
aside[role=complementary] article *:last-child,
aside#sidebar article *:last-child,
aside[role=complementary] section *:last-child,
aside#sidebar section *:last-child {
    margin-bottom: 0 !important;
}

nav ul {
    margin                : 0 0 1.5em -24px;
    padding-left          : 24px;
}

ul {
    list-style-type       : square;
    list-style-image      : url(/imperia/md/images/cms/list-icon.gif);
}

article ul,
section ul {
    padding-left: 14px;
}
section#inhalt article ul li {
    line-height : 1.4em;
    margin-bottom : 0.5em;
}

h3.a-z-index
{
  clear: left;
}
ul.a-z-liste, ul.a-z-index {
    float: left;
    padding-left: 0;
    list-style: none;
}
ul.a-z-index li {
    float                 : left;
    margin-right          : 10px !important;
}
ul.a-z-liste li,
section.teaser li {
    margin-bottom         : 0 !important;
    margin-top            : 0 !important;
}
table tr li {
    margin-bottom         : 0.4em !important;
    margin-top            : 0 !important;
}

h2.a_z_char {
    clear                 : left;
}

ul.icons {
    float                 : left;
    padding-left          : 0;
    list-style            : none;
}
ul.icons li {
    float: left;
    margin: 0 10px 10px 0;
}
ul.icons li:last-child {
    margin-right: 0;
}

ul.icons a[href^="http"]:after,
ul.icons a[href^="http"]:visited:after,
ul.icons a[href^="http"]:hover:after,
ul.icons a[href^="http"]:focus:after {
    content: "";
    padding: 0;
}



ol { list-style: decimal outside none; }

li ul,
li ol {
    margin: 0;
    font-size: 12px; }

.rss ul {
    list-style: none;
    padding-left: 0;
}
.rss ul li {
    margin-bottom: .25em;
}
.rss ul p {
    font-size: inherit;
}

dl,
dd {
    margin-bottom: 1.5em;
}

dt {
    font-weight: normal;
}

blockquote  {
    margin: 0 0 1.5em -24px;
    padding-left: 24px;
    border-left: 1px solid rgb(200,200,200);
    font-style: italic;
}

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

b,
strong	{
    font-weight: bold; }

i,
em {
    font-style: italic; }

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

sup {
    top: -.5em; }

sub {
    bottom: -.25em; }

address {
    font-style: italic;
}

pre {
    margin-bottom: 1.5em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

pre,
code {
    font: 12px 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

small {
    font-size: 12px;
}

/* 4.LINKS */

a[href],
a[href]:visited {
    color: #004c93;
    text-decoration: underline;
}

a[href]:hover,
a[href]:focus {
    color: #fff;
    background-color: #004C93;
    text-decoration: none;
    transition: all .2s ease-in-out 0s;
}

a[href].imglink,
a[href].imglink:visited {
    text-decoration: none;
}

a[href^="http"]:after,
a[href^="http"]:visited:after {
    content                : url("/imperia/md/images/cms/external.png");
    padding                : 0 2px;
}
a[href^="http"]:hover:after,
a[href^="http"]:focus:after {
    content          : url("/imperia/md/images/cms/external-over.png");
    padding          : 0 2px;
}
a.containsimage[href^="http"]:after,
a.containsimage[href^="http"]:visited:after,
a.containsimage[href^="http"]:hover:after,
a.containsimage[href^="http"]:focus:after,
a[href*="uni-due.de"]:after,
a[href*="uni-due.de"]:visited:after,
a[href*="uni-duisburg-essen.de"]:after,
a[href*="uni-duisburg-essen.de"]:visited:after,
a[href*="universitaet-duisburg-essen.de"]:after,
a[href*="universitaet-duisburg-essen.de"]:visited:after,
a[href*="uni-due.de"]:hover:after,
a[href*="uni-due.de"]:focus:after,
a[href*="uni-duisburg-essen.de"]:hover:after,
a[href*="uni-duisburg-essen.de"]:focus:after,
a[href*="universitaet-duisburg-essen.de"]:hover:after,
a[href*="universitaet-duisburg-essen.de"]:focus:after {
    content: "";
    padding: 0;
}

a[href^="mailto"],
a[href^="mailto"]:visited,
a[href^="javascript:location.href=\'mailto:"],
a[href^="javascript:location.href=\'mailto:"]:visited {
    background: url("/imperia/md/images/cms/mailto.svg") no-repeat 2px center;
    background-size:1em 0.65em;
    padding: 0 2px 0 1.6em;
}
a[href^="mailto"]:hover,
a[href^="mailto"]:focus,
a[href^="javascript:location.href=\'mailto:"]:hover,
a[href^="javascript:location.href=\'mailto:"]:focus {
    background: url("/imperia/md/images/cms/mailto-over.svg") no-repeat 2px center #004c93;
    background-size:1em 0.65em;
}
.mehrzu_info:before { content: "> "; }

/* 5.FIGURES & IMAGES */

img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

/* Bilder aus dem iWE (Version i8) mit Bündigkeit sollen einen Abstand erhalten */
section#inhalt article img[align="left"] {
  margin-right: 0.8em;
  margin-bottom: 0.2em;
}
section#inhalt article img[align="right"] {
  margin-left: 0.8em;
  margin-bottom: 0.2em;
}
/* Bildunterschriften aus dem iWE (Version i9) sollen wie die der festen Bildeinfügung kleiner erscheinen */
span.i-iwe2-image-caption {
  font-size: 10px;
}


figure img,
figure object,
figure embed {
    margin-bottom: .75em;
    max-width: 100%; }

figure img { display: block; }

figcaption {
    display      : block;
    font-weight  : normal;
    font-size    : 10px;
    margin-top   :  2px;
}
section.teaser figcaption {
    margin-top   :  0;
}

section#inhalt article img.picinpar {
    float        : left;
    border       : solid 1px #808080;
    padding      : 0;
    margin       : 0 20px 10px 0;
}

ul.gallery,
ul.gallery_zim {
    display: block;
    padding: 0;
    list-style: none;
}
ul.gallery li,
ul.gallery_zim.li {
    display: block;
    float: left;
    width: 104px;  /* 21.739130435% of 480px */
    height: 104px;
    margin: 0 19px 19px 0;
    overflow: hidden;
}

ul.gallery figure, ul.gallery img {
    width: auto;
    height: auto;
    min-width: none;
    min-height: none;
    max-width: none;
    max-height: none;
    border: 0;
}

ul.gallery.flyer li,
ul.gallery_zim.flyer li {
    height: auto;
}
ul.gallery.flyer a,
ul.gallery_zim.flyer a
{ display: block; float: left; min-height: 165px; background: #fff; width:102px; margin:3px 3px 3px 0; border:solid 1px #f0f0f0; background:#f8f8f8}
ul.gallery.flyer a:hover,
ul.gallery.flyer a:focus,
ul.gallery_zim.flyer a:hover,
ul.gallery_zim.flyer a:focus
{ color: #fff; background: #004c93; }
ul.gallery.flyer figure,
ul.gallery_zim.flyer figure
{ width: 102px; height: auto; }
ul.gallery.flyer figure img,
ul.gallery_zim.flyer figure img
{ width: 102px; max-width: 102px; height: 102px; }
ul.gallery.flyer figcaption,
ul.gallery_zim.flyer figcaption
{ padding: 2px; }

div.flyer,
div.postcards,
div.url,
div.broschuere {
  width     : 102px;
  max-width : 102px;
  min-width : 102px;
  max-height: 185px;
  min-height: 185px;
  box-shadow: 2px 2px 1px #ccc;
  border    : solid 1px #888;
  float     : left;
  margin    : 0 6px 10px 0;
}
div.postcards {
  max-height: 138px;
  min-height: 138px;
}
div.url {
  max-height: 148px;
  min-height: 148px;
}
div.broschuere {
  max-height: 175px;
  min-height: 175px;
}
div.flyer_text {
  width     : 95px;
  max-width : 95px;
  min-width : 95px;
  font-size : 10px;
  height    : 45px;
  min-height: 45px;
  padding   :  2px 4px 2px 4px;
}
div.flyer_order {
  width     : 95px;
  max-width : 95px;
  min-width : 95px;
  font-size : 10px;
  padding   : 10px 4px 2px 4px;
  text-align: right;
}
div.flyer div.flyer_img {
  height    : 102px;
  min-height: 102px;
  max-height: 102px;
}

div.flyer_order_form {
  width     : 95px;
  max-width : 95px;
  min-width : 95px;
  font-size : 10px;
  padding   : 0 4px 0 4px;
  text-align: right
}
div.flyer_order_form input {
  height   : 12px;
  font-size: 12px;
}
#map_canvas { margin-bottom: 10px; }

section.banners {
    border       : 0;
    padding      : 0 !important;
    width        : 100%;
    min-width    : 100%;
    max-width    : 100%;
    clear        : both;
}
section.banners img,
section.banners a img,
section#inhalt section.banners a img, 
aside#sidebar section.banners a img {
    margin       : 0px 10px 10px 0 !important;
    border       : 0;
    max-width    : 100%;
    float        : left;
}

/* 6.TABLES */

table {
    caption-side: bottom;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.4em;
    width: 100%;
    font-size: 12px;

}

th, td, caption {
    padding: .25em 5px .25em 5px;
    vertical-align: top;
}

caption { text-align: left; }

th {
    font-weight: bold;
}

thead th,
tfoot th {
    color: #fff;
}

.highlight0 thead tr:nth-child(odd) th { background: #8a9dd0; border: 1px solid #8a9dd0; }
.highlight0 tfoot tr:nth-child(odd) th { background: #8a9dd0; border: 1px solid #8a9dd0; }

.highlight1 thead tr:nth-child(odd) th { background: #d7bc60; border: 1px solid #d7bc60; }
.highlight1 tfoot tr:nth-child(odd) th { background: #d7bc60; border: 1px solid #d7bc60; }

.highlight2 thead tr:nth-child(odd) th { background: #8a9dd0; border: 1px solid #8a9dd0; }
.highlight2 tfoot tr:nth-child(odd) th { background: #8a9dd0; border: 1px solid #8a9dd0; }

.highlight3 thead tr:nth-child(odd) th { background: #8a9dd0; border: 1px solid #8a9dd0; }
.highlight3 tfoot tr:nth-child(odd) th { background: #8a9dd0; border: 1px solid #8a9dd0; }

.highlight0 tr:nth-child(even) th,
.highlight0 tr:nth-child(even) td { background: #dfe4f2; border: 1px solid #8a9dd0; }
.highlight0 tr:nth-child(odd) th,
.highlight0 tr:nth-child(odd) td { background: #f7f8fc; border: 1px solid #8a9dd0; }

.highlight1 tr:nth-child(even) th,
.highlight1 tr:nth-child(even) td { background: #efe4bf; border: 1px solid #d7bc60; }
.highlight1 tr:nth-child(odd) th,
.highlight1 tr:nth-child(odd) td { background: #f6efda; border: 1px solid #d7bc60; }

.highlight2 tr:nth-child(even) th,
.highlight2 tr:nth-child(even) td { background: #dfe4f2; border: 1px solid #8a9dd0; }
.highlight2 tr:nth-child(odd) th,
.highlight2 tr:nth-child(odd) td { background: #f7f8fc; border: 1px solid #8a9dd0; }

.highlight3 tr:nth-child(even) th,
.highlight3 tr:nth-child(even) td { background: #dfe4f2; border: 1px solid #8a9dd0; }
.highlight3 tr:nth-child(odd) th,
.highlight3 tr:nth-child(odd) td { background: #f7f8fc; border: 1px solid #8a9dd0; }


table.simple th, table.simple td { background: transparent !important; }

table table { margin-bottom: 0; }
table table th, table table td,
table.invisible th, table.invisible td,
table.address th, table.address td { 
  padding-left: 0 !important; 
  border: 0 !important; 
  background: transparent !important; 
  font-size: 12px; 
}

caption {
    background: transparent;
}
table.calendar { margin-bottom: 0; }
table.calendar td { width: 20px; text-align: right; }
table.calendar .weekend { background-color: #fff; }
table.calendar form { margin-bottom: 0; }
table.calendar input[type=button] { border:none; padding: 2px; background-color:#8a9dd0; color: #fff; font-weight:bold; -webkit-appearance: none;}
a.calhead, a:visited.calhead { color: #fff; }
a:hover.calhead, a:focus.calhead { background-color:#8a9dd0; outline: 1px solid #fff;}

/* 7.FORMS */

form { margin-bottom: 1.5em }

fieldset {
    margin-bottom: 1.5em;
}

legend {
    display: block;
    margin-top: -.2em 0 0 0;
    padding: 10px;
    font-weight: bold;
    background-color: #fff;
}

label {
    display: block;
    font-weight: normal; }

button,
input,
select,
textarea {
    margin: 0; }

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
    cursor: pointer; }

input,
select {
    vertical-align: middle; }

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=url],
input[type=search],
textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
textarea:focus { }

input[type="radio"] {
}

input[type="checkbox"] {
}

/* Colors for form validity */
input:valid,
textarea:valid   {
    /* Styles */ }

input:invalid,
textarea:invalid {
    box-shadow: 0 0 2px rgb(255,0,0); }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: rgb(240,221,221); }

select { }

textarea {
    overflow: auto; }

button {
    width: auto;
    padding: 8px 12px 9px;
    overflow: visible;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    color: rgb(51,51,51);
    text-shadow: 0 1px 0 rgb(255,255,255); }

button:hover {
    cursor: pointer;
    background-color: rgb(217,217,217); }

/* Knopf für Akkordeon */
button.alle_einblenden {
  margin-bottom:0.5em;
  border:1px solid #dfe4f2;
  background-color:#dfe4f2;
  color:#004c96;  
  text-shadow: none;
}

button.alle_einblenden:hover, button.alle_einblenden:active {
  border:1px solid #004c96;
  background-color:#004c96;
  color:#ffffff;
}
/* Ende Knopf für Akkordeon */

.ie6 legend,
.ie7 legend {
    margin-left: -7px; }

.ie6 input {
    vertical-align: text-bottom; }

.ie7 input[type="checkbox"],
.iem7 input[type="checkbox"] {
    vertical-align: baseline; }


/* FORMULARBAUKASTEN */

/* jQuery UI widgets */

.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, sans-serif;
}

.ui-dialog,
.ui-datepicker {
    box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.ui-datepicker {
    font-size: 1em;
}

.ui-dialog-content p {
    margin-bottom: 0.5em;
}

.ui-dialog-content h2,
.ui-dialog-content h3,
.ui-dialog-content h4 {
    margin: 0.5em 0 0.1em 0;
}

.ui-dialog-content ul,
.ui-dialog-content ol {
    list-style-position: inside;
    margin: 0 0 0.5em 0.5em;
}

.ui-dialog-content ul {
    list-style-type: disc;
}

.ui-dialog-content ol {
    list-style-type: decimal;
}

/*---------- FORMS - General -------------*/

form, form p {
    font-size: 12px;
    font-family: Arial,sans-serif;
    padding: 0;
}

/*- CONTAINERS -*/

form .section {
    transition: background-color 0.4s;
    background-color: white;
    border: 1px dotted #555;
    clear: both;
}

.isFocused label,
.isFocused p.label,
.isFocused h2 {
    color: #333;
}

.sectionFocused p.label,
.sectionFocused label {
    color: #333;
}

form .fieldset {
    width    : 100% !important;
}

form .field {
    transition: background-color 0.4s;
    background-color: #fff;
    clear: both;
    padding: 0;
    position: relative;
    padding: 10px 2.17391%;
    width: 95.6522%;
}

form .comment {
    width: 95.6522% !important;
}

/*form .sectionFocused .field {
  background-color: #f7f8fc;
}*/


form .sectionFocused .fieldFocused {
    background-color: #dfe4f2;
}

form .field span {
    display: block;
    float: left;
    margin: 0 1em 0 0;
    padding: 0;
    position: relative;
}

form .field.fieldOption {
  padding-top:0;
  padding-bottom:0;
}

form .fieldOption span {
    clear: both;
    float: none;
    margin-bottom: 0.4em;
}

form fieldset div {
    margin-bottom: 0.4em;
}

form .complex span {
    padding-bottom: 1em;
}

form span.newline {
    clear: both;
}

form span {
    margin: 0;
    width: 100%;
}

form span.viertel {
    margin: 0;
    width: 25%;
}

form span.halb {
    margin: 0;
    width: 50%;
}

form span.dreiviertel {
    margin: 0;
    width: 75%;
}

/*- LABELS -*/

form .field label,
#content form .field p.label {
    transition: color 0.5s;
    display: block;
    margin: 0;
    padding: 0 0 3px 0;
}

form .field span label { /* The small labels under the fields */
    font-weight: normal;
    padding: 0 0 0 1px;
}

form .field label.radio {
    display: inline;
}

form .fieldOption label {
    display: inline;
}

form .field label strong,
form .field p.label strong,
form .field legend strong {
    color: red;
    font-weight: bold;
}

/*- INPUTS AND TEXTAREAS -*/


span input {
    width: auto; }

.field input,
.field textarea {
    width: 100%; }

.fieldOption input {
    width: auto; }

form .input input,
form input.text,
form select,
form textarea {
    background-color: white;
    border: 1px solid #ccc;
    border-top-color: #aaa;
    box-shadow: inset 0 0 2px #ccc;
    font-family: Arial,sans-serif;
    padding: 3px 0 3px 1px;
}

form select {
    padding: 2px 1px;
}

/* Überlange Titel von Dropdown-Optionen sollen nicht mehr die mittlere Spalte sprengen können */
body.layout2 form select {
  max-width:456px;
}

form .input input {
    padding: 4px 0 4px 1px;
    margin-left: 5px;
}

form .input input:hover,
form input.text:hover,
form select:hover,
form textarea:hover {
    border-color: #aaa;
}

form .input input:focus,
form input.text:focus,
form select:focus,
form textarea:focus {
    border-color: #004c93;
    box-shadow: inset 0 0 2px #004c93;
}

form input[type~="checkbox"]:focus {
    outline: 1px solid #004c93;
}

form .fieldHalfLeft span input.text,
form .fieldHalfLeft span select,
form .fieldHalfLeft span textarea,
form .fieldHalfRight span input.text,
form .fieldHalfRight span select,
form .fieldHalfRight span textarea {
}

form .field input.full,
form .field select.full,
form .field textarea.full,
form .fieldHalfLeft input.text,
form .fieldHalfLeft textarea,
form .fieldHalfLeft select,
form .fieldHalfRight input.text,
form .fieldHalfRight textarea,
form .fieldHalfRight select,
form span.full input.text,
form span.full textarea,
form span.full select,
form span.half input.text,
form span.half textarea,
form span.half select {
}

form .fieldOption input {
    float: left;
    margin-right: 10px
}

form .ui-datepicker-trigger {
    cursor: pointer;
    margin-left: 5px;
    vertical-align: text-bottom;
}

form .field fieldset legend {
    margin-bottom: 0.5em;
    font-weight: bold;
}

form .field fieldset label {
    font-weight: normal;
    font-size: 12px;
}

/*- CONTEXT HELP -*/

a.help {
    /* gelöscht, da Bild nicht (mehr) vorhanden 16.11.2018 TB background: transparent url(../images/ui/iconHelp.png) no-repeat left top; */
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -999em;
}

a.help:hover,
a.help:focus,
a.help:active {
    background-position: left -64px;
}

/*- TOOLTIPS -*/

div.tooltip {
    background-color: #004c93;
    border: 1px solid #004c93;
    color: white;
    padding: 0px 3px;
    position: absolute;
    left: 0.5em;
    bottom: -1em;
    white-space: nowrap;
    z-index: 150;
}

span div.tooltip {
    bottom: 3.6em;
    left: 0;
}

.complex span div.tooltip {
    bottom: 4.6em;
}

/*- ERRORS -*/

.errorBubble {
    color: white;
    position: absolute;
    right: 0.6em;
    bottom: 3.2em;
    z-index: 100;
}

.errorBubble:after {
    content: ' ';
    position: absolute;
    left: 10px;
    top: 100%;
    border: 4px solid transparent;
    border-top-color: #e02104;
}

span .errorBubble {
    bottom: 3.95em;
    right: 0.2em;
}

.errorBubble.errorBubbleFieldset,
span .errorBubble.errorBubbleFieldset {
    bottom: 9em;
}

.errorBubble.errorBubbleCheckbox,
span .errorBubble.errorBubbleCheckbox {
    bottom: 1.2em;
}

.errorBubble.errorBubbleCheckbox div,
span .errorBubble.errorBubbleCheckbox div {
    padding: 0 11px;
}

.complex span .errorBubble {
    bottom: 4.95em;
}

.errorBubble div {
    background-color: #e02104;
    padding: 4px 11px;
}

#content .errorBubble p {
    margin-bottom: 0;
    white-space: nowrap;
}

.errorBubble div, .errorBubble p {
    margin: 0; }
.errorBubble div {
    border-radius: 3px; }


form .wrong input.text,
form .wrong textarea {
    background: white url(/portal/css/2011/img/iconError.png) no-repeat right 2px;
    border-color: #EA5338;
    box-shadow: inset 0 0 2px #EA5338;
}

form .wrong input.text:focus,
form .wrong textarea:focus {
    background-image: none;
}

form .wrong label {
    color: #D94227;
}

/* Error Summary */

.errorSummary {
    background-color: white;
    border: 4px solid #d31c04;
    clear: both;
    margin: 1.5em 0;
}

.errorSummary div {
    padding: 0 7px 7px 7px;
}

.errorSummary h2 {
    /* gelöscht, da Bild nicht (mehr) vorhanden 16.11.2018 TB background: transparent url(../images/ui/iconMessage_error.png) no-repeat left top; */
    color: #333333;
    font-weight: bold;
    padding: 0.2em 0 0.2em 35px;
}

.errorSummary h2 span {
    font-weight: normal;
    font-size: 12px;
}

#content .errorSummary li {
    background: none;
    margin: 0.2em 0;
    padding-left: 35px;
}

#content .errorSummary a {
    color: #333333;
}

#content .errorSummary a:hover,
#content .errorSummary a:focus,
#content .errorSummary a:active {
    background-color: rgba(255,255,255,0.6);
}

/*--- clearfix ---*/

form .section:after,
form .field:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*---*/

form .input,
form .option,
form .submit {
    clear: both;
    margin: 0.3em 0;
}

form .option {
    padding: 0.3em 0;
}

form .submit button,
form .submit input {
    font-family: Arial,sans-serif;
}

form .submit .cancel {
    margin-left: 7px;
}

form .submit input.cancel {
    background: none;
    border: none;
    border-bottom: 1px solid white;
    color: #1a59a5;
    cursor: pointer;
    font-size: 12px;
    margin-left: 3px;
    padding: 0;
}

form .submit input.cancel:hover,
form .submit input.cancel:focus,
form .submit input.cancel:active {
    border-color: #1a59a5;
}

form .option input {
    float: left;
    margin-right: 10px;
}

form .field, form .section {
    background-color: transparent; }
form .fieldFocused {
    background-color: #e7f3ff; }
form .fieldHalfLeft {
    padding-right: 2px; }
form .fieldHalfRight {
    padding-left: 2px; }
form .complex span {
    width: auto; }

#opensearch {
    float: right;
    padding: 10px; }

/*- FORMS END -*/


.roundedButton, a[href].roundedButton {
    background: #0468ae;
    border: 1px solid #064876;
    border: 1px solid rgba(6,72,118,0.7);
    border-radius: 7px;
    box-shadow: 1px 1px 3px #999;
    color: white;
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 1px 10px 2px 10px;
    font-size : 90.25%;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.roundedButton:hover,
.roundedButton:focus,
.roundedButton:active {
    background: #0468ae;
    box-shadow: 0 1px 3px #333;
    text-decoration: none;
}

.roundedButton:active {
    border: 1px solid #064876;
    box-shadow: 0 1px 1px #999;
    position: relative;
    top: 1px;
}

/* FORMULARBAUKASTEN ENDE */


/* 8.BANNER */

#masthead {
    clear: left;
    float: left;
    width: 100%;
    position : relative;
    top     : 0;
    left    : 0;
    padding      : 0;
    margin: 0 0 10px 0;
    background-color: #004c93;
//    background-image: url(/imperia/md/images/portal/2011/wolken/kg4.jpg);
    background-image: url(/imperia/md/images/portal/2015/wolken_2015.jpg);
    background-position: right;
}
#container h1:first-child {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    color: #004c93;
    background-color: #fff;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    width: 24.032586558%;
    min-width: 200px;
}
#container h1:first-child a { text-decoration: none; }
header[role=banner] {
    position                 : relative;
    padding-top              : 20px;
    padding-bottom           : 40px;
    color                    : #fff;
    min-height               : 95px;
}

#ude-logo {
    float: right;
    width: 230px;
    padding-bottom: 10px;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.5);
    /*background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
    zoom:1;*/
}
a:hover#ude-logo, a:focus#ude-logo {
    background-color: rgb(255,255,255);
}
#ude-logo img {
    width: 100%;
}

/* 9.NAVIGATION */

nav ul { margin: 0; padding: 0; list-style: none; }
nav a[href], nav a[href]:visited { text-decoration: none; }

section#events {
    margin     : 0 0 0 -32px;
}
section#events a[href] {
    background : none;
    text-decoration : none;
}
#zielgruppen {
    float: left;
    color: #004c93;
    background-color: #fff;
}
#zielgruppen ul {
    display         : block;
    float           : left;
    font-size       : 12px;
    margin-bottom   : 2px;
}
#zielgruppen li {
    display: block;
    float: left;
    padding: 0;
}
#zielgruppen li:before {
    content: "|";
}
#zielgruppen li:first-child:before {
    content: "";
}
#zielgruppen a {
    padding: 0 5px;
}

#mainnav {
    clear: left;
    margin-bottom: 20px;
    margin-left: -20px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
#mainnav li {
    margin-bottom: .307692308em;
    padding-left: 20px;
    background: url(/imperia/md/images/cms/mainnav-icon.gif) no-repeat left 4px;
}
#mainnav a,
#mainnav span {
    display: block;
    padding: 3px 10px 2px 10px;
    color: #004c93;
}
#mainnav a:hover,
#mainnav a:focus,
#mainnav a.current {
    display: block;
    color: #fff;
    background-color: #254061;
}
#mainnav ul {
    margin-top: .153846154em;
    margin-left: 0;
    font-weight: normal;
    text-transform: none;
    color: #004c93;
}
#mainnav ul li {
    margin-bottom: .153846154em;
    padding-left: 0;
    background-image: none;
}
#mainnav ul a {
    display: block;
    padding-left: 30px;
}
#mainnav ul a:hover,
#mainnav ul a:focus {
    display: block;
    color: #fff;
    background-color: #254061;
}

#servicenav {
    margin-bottom: 10px;
    text-transform: uppercase;
}
#servicenav a {
    display: block;
    padding: 5px 10px 2px 10px;
    color: #767676;
}
#servicenav a:hover, #servicenav a:focus {
    /* color: #1a171b; */
    color: #fff;
    background-color: #254061;
}

#languagenav {
    margin-bottom: 30px;
    text-transform: uppercase;
}
#languagenav li {
    margin-bottom: .5em;
    line-height: 1;
}
#languagenav img {
    float: left;
    margin-right: 5px;
}
#languagenav a {
    display: block;
    padding: 5px 10px 5px 10px;
    color: #767676;
}
#languagenav a:hover, #languagenav a:focus {
    /* color: #1a171b; */
    color: #fff;
    background-color: #254061;
}
article.socialmedia {
    display         : block;
    width           : 150px;
}
article.socialmedia img {
    margin          : 0 6px 6px 0;
    border          : 0;
}

section#inhalt article.socialmedia {
    display         : none;
}

article.socialmedia a.containsimage:hover {
    background      : none;
}

footer {
    border-top: 1px solid #767676;
}

#metanav {
    float: left;
    width: auto;
    padding: .5em 0 .5em 0;
    font-size: 12px;
    text-transform: uppercase;
}
#metanav ul {
    font-size: inherit;
}
#metanav li {
    float: left;
    margin-right: 20px;
}
#metanav a {
    color: #767676;
    text-decoration: none;
}
#metanav a:hover, #metanav a:focus {
    /* color: #1a171b; */
    color: #fff;
    background-color: #004c93;
}

footer p {
    float: right;
    width: 50%;
    color: #767676;
    font-size: 12px;
}

/* 10.CONTENT */

.highlight1 { background-color: #efe4bf; }
.highlight2 { background-color: #dfe4f2; }
.highlight3 { border:1px solid #004c93; }

.layout2 figure {
    float: left;
    width: 34.583333333%;
    max-width: 164px;
    margin: 0 2.66666667% 5px 0;
}
.layout1 figure {
    float: left;
    width: 23.188405797%; /* 160/6.9 */
    max-width: 164px;
    margin: 0 2.898550725% 5px 0;
}
figure.i-iwe2-image-container {
    width:auto;
    max-width:none;   
}
figure img {
    width: 98.795180723%;
    border: 1px solid #a0a0a0;
    margin-bottom: 2px;
    vertical-align: bottom;
}
figcaption { font-size: 10px; line-height: 1.2; }

section#inhalt article.nopadding,
section#inhalt section.nopadding {
    width: 100% !important;
    /*max-width: 500px;*/
    padding: 0 !important;
}
section#inhalt article.nopadding h2 {
    padding: 10px 0 0 10px !important;
}
section#inhalt article.nopadding p {
    padding: 10px !important;
}
.layout1 section#inhalt article.nopadding,
.layout1 section#inhalt section.nopadding {
    width: 100% !important;
    max-width: 742px;
    padding: 0 !important;
}

aside[role=complementary] article.nopadding,
aside[role=complementary] section.nopadding,
aside#sidebar article.nopadding,
aside#sidebar section.nopadding {
    width: 100% !important;
    max-width: 230px;
    padding: 0 !important;
}
aside#sidebar article.nopadding h2 {
    padding: 10px 0 0 10px !important;
}
aside#sidebar article.nopadding p {
    padding: 0 10px 10px 10px !important;
    position : relative;
    top: -5px;
}

.nopadding a { display: block; }
.nopadding img { width: 100%; }

div.caroussel {
   overflow        : scroll;
   overflow-y      : hidden;
   width           : 103%;
   height          : 134px;
   border          : 0;
   -webkit-overflow-scrolling: touch;
}

div.caroussel img {
   width           : 80px;
   height          : 120px;
   max-height      : 120px;
   padding         : 2px 2px 0 0;
}

section.rss ul.newsfeed li {
   margin-bottom   : 10px !important;
   padding-bottom  : 5px;
}

/* MEDIA PLAYER */

.media-player { position: relative; width: 100%; }
.media-controls { display: none; }
.js-on .media-controls { display: block; }

.ui-media-player { position: relative; margin-bottom: 10px; }

.ui-media-player video { max-width: 100% !important; height: auto !important; margin: 0; display: block; }

.media-controls { overflow: hidden; zoom: 1; margin: 0 0 10px 0; padding: 2px 5px; z-index: 9; }
.media-controls a.ui-state-default { float: left; padding: 2px; overflow: hidden; margin: 3px 0; }
.media-controls a.ui-state-default .button-text { position: absolute; display: block; left: -9999px; width: 3px; }
.media-controls a:focus { outline: 1px dotted #666; }
.media-controls a.ui-slider-handle { padding: 0; }

.timeline-slider, div.volume-slider { float: left; width: 150px; margin: 8px 0; }

div.volume-slider { margin: 8px 10px 7px 7px; }

.media-controls .ui-progressbar, div.volume-slider { height: .8em; }

.ui-progressbar .ui-progressbar-value { margin: 0; height: 9px; }

.fullscreen { margin: 3px 5px !important; }

.player-display { overflow: hidden; float: left; width: 35px; font-size: 12px; text-align: center; margin: 5px; border: none !important; background: none !important; font-weight: normal; }

.handle-label, span.media-label, .js-on .player-errors { display: none; }

.media-role { position: absolute; left: -9999px; display: block; width: 1px; }

.video-box { position: relative; width: 100%; }

.media-state { position: absolute; /* don't let overlay video for flash unblock */ display: none; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: url(../css-img/loader.gif) -9000px -9000px no-repeat; }

.idle .media-state { display: block; 
    /* gelöscht, da Bild nicht (mehr) vorhanden 16.11.2018 TB background: url(../css-img/play-icon.png) center no-repeat;  */
}

.waiting .media-state { display: block; background: url(../css-img/loader.gif) center no-repeat; }

/* on totalerror, flashblocker or showFallback: true */
.totalerror .media-controls { display: none !important; }

.flashblocker .media-element-box { min-width: 40px; min-height: 40px; }

.fallback { position: relative; zoom: 1; }

.fallback-text { position: absolute; padding: 10px; bottom: 0; background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; }

.fallback-text p { margin: 0 0 10px; }

.fallback-text li { list-style: none; }

.fallback-text a { color: #fff; }

div.progressbar, aside div.timeline-slider, span.duration { display: none; }

aside .wraps-fullscreen div.timeline-slider, aside .wraps-fullscreen span.duration { display: block; }

aside div.volume-slider { width: 30px; }

/* fullscreen plugin */
.wraps-fullscreen .media-state { z-index: 99999; }

.wraps-fullscreen .media-controls-wrapper { z-index: 999999; position: absolute; width: 100%; bottom: 10px; }

.playlist { margin: 5px 0 0; padding: 5px; list-style: none; }

.playlist ul { margin: 0; list-style: none; }

.playlist li { margin: 2px 0; padding: 2px 5px; cursor: pointer; }

.playlist a { overflow: hidden; zoom: 1; display: block; outline: none; }

.playlist img { float: left; display: block; margin: 1px 4px 1px 0; }

.playlist a:focus, .playlist a:active { text-decoration: underline !important; }
div.volume-slider { width: 40px; }
.toggle-track { right: 34px; }
.fullscreen { right: 8px; }
.track-display { position: absolute; width: 100%; bottom: 3em; text-align: center; }
.track-display div { display: inline-block; padding: 3px; background-color: #000; background: rgba(0, 0, 0, 0.75); color: #fff; }
.wraps-fullscreen .track-display div { padding: 5px; font-size: 200%; }
.wraps-fullscreen .media-controls { position: absolute; bottom: 0; left: 0; right: 0; width: auto; z-index: 99999; }

/* Media Extension for General Data Protection Regulation, especially YouTube videos */

div.ui-media-player {
  border:none;
}
div.ui-media-player p {
  display:block;
  background-color:rgb(223,228,242);
  padding:2px; 
}
.video-wrapper {
  position: relative;
  height:0;
  padding-top:56.25%;
}
.video-wrapper iframe {
  position: absolute;
  top:0;
  left:0;
}
.video-wrapper.splash { 
  background:#000000 no-repeat center center;
  background-size: contain;
  cursor:pointer;
}
.video-wrapper.splash:hover {
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}    
.video-wrapper figure {
  position: absolute;
  top:0;
  left:0;
  width:10em;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: inline-block;
}
div.jw-reset {
  margin-bottom: 10px;
}

/* 11.MAIN */
section#inhalt {
    margin-bottom: 70px;
}

section#inhalt article,
section#inhalt section {
    clear: left;
    float: left;
    width: 95.65218%;
    margin-bottom: 10px;
    padding: 10px 2.173913043%;
}
section#inhalt article.highlight1, 
section#inhalt article.highlight2, 
section#inhalt article.highlight3,
section#inhalt section.highlight1, 
section#inhalt section.highlight2, 
section#inhalt section.highlight3 {
    padding: 10px 2.173913043%;
}

section#inhalt section.teaser {
    padding: 0 !important;
    width: 100% !important;
}



/* 12.COMPLEMENTARY */

aside[role=complementary],
aside#sidebar {
    clear: left;
    width: 100%;
    margin-bottom: 70px;
}
aside[role=complementary] article,
aside[role=complementary] section,
aside#sidebar article,
aside#sidebar section {
    width: 90.9091%;;
    margin: 0 10px 10px 0;
    padding: 10px 4.545454545%;
}
aside[role=complementary] figure,
aside#sidebar figure {
    width: 100%;
    max-width: 206px;
}
/* deaktiviert 16.10.2017 TB
aside[role=complementary] .rss,
aside#sidebar .rss {
    width     : 210px;
    min-width : 210px;
    max-width : 210px;
}
*/
aside[role=complementary] .rss ul p,
aside#sidebar .rss ul p {
    margin-bottom: 0 !important;
}
aside[role=complementary] .rss ul li,
aside#sidebar .rss ul li {
    margin  : 0 0 0.5em 0 !important;
    padding : 0;
}

aside[role=complementary] .rss div.feedheader h2 img,
aside#sidebar .rss div.feedheader h2 img {
    max-height               : 28px;
    max-width                : 40%;
    float                    : left;
	padding                  : 0;
	border                   : 0;
	margin                   : 2px 0.4em 0 0;
}
aside[role=complementary] .rss div.feedheader,
aside#sidebar .rss div.feedheader {
    margin                   : 0 0 5px 0;
    padding                  : 0 0 2px 0 !important;
}
aside[role=complementary] .rss div.feedheader h2 a,
aside#sidebar .rss div.feedheader h2 a { 
    border : 0;
    border-bottom : solid 1px #204090;
    height : 32px;
    margin : 0;
    padding : 0 0 1px 0!important;
    font-size : 13.5px !important;
}
aside[role=complementary] .rss ul li div.feedimage,
aside#sidebar .rss ul li div.feedimage {
    width  : 60px;
    margin : 0 0 0 0 !important;;
}
aside[role=complementary] .rss ul li div.feedimage img,
aside#sidebar .rss ul li div.feedimage img {
    width  : 50px;
    margin : 0 0 0 0 !important;
    box-shadow : 1px 1px 3px #444;
}
aside[role=complementary] .rss ul li div.feedtext,
aside#sidebar .rss ul li div.feedtext {
    width : 147px;
}
aside[role=complementary] .rss ul li div.feedtext h3,
aside#sidebar .rss ul li div.feedtext h3 {
     font-size : 12px;
     line-height : 1.3em;
}
aside[role=complementary] .rss ul li div.feedtext p,
aside#sidebar .rss ul li div.feedtext p {
     font-size : 12px;
     line-height : 1.3em;
}
aside[role=complementary] .rss ul li div.feedtext p.item_date,
aside#sidebar .rss ul li div.feedtext p.item_date {
     font-size : 10px;
     letter-spacing : -0.2px;
     line-height : 1.0em;
}
aside[role=complementary] .rss ul li div.noimage,
aside#sidebar .rss ul li div.noimage {
    width : 100% !important;
}

/* 13.CONTENTINFO */

footer[role=contentinfo] {
    clear: left;
}

/* 14.GLOBAL OBJECTS */

.clearfix {
    zoom: 1; }

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }

.clearfix:after {
    clear: both;
}

#veranstaltungen br + br { display: none; }

/* 15.VENDOR-SPECIFIC */

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

a:link {
    -webkit-tap-highlight-color: rgb(52,158,219);
}

::-webkit-selection {
    background: rgb(23,119,175);
    color: rgb(250,250,250);
    text-shadow: none;
}

::-moz-selection {
    background: rgb(23,119,175);
    color: rgb(250,250,250);
    text-shadow: none;
}

::selection {
    background: rgb(23,119,175);
    color: rgb(250,250,250);
    text-shadow: none;
}

/* input[type=search] {
-webkit-appearance: none; }

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

::-webkit-input-placeholder {
    padding: 10px;
    font-size: .875em;
    line-height: 1.4; }

input:-moz-placeholder {
    padding: 10px;
    font-size: .875em;
    line-height: 1.4; }

.ie7 img,
.iem7 img {
    -ms-interpolation-mode: bicubic; }


/* Non-semantic helper classes */

/* Image replacement */
.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr; }

/* Hide for screenreaders and visual browsers */
.hidden {
    display: none;
    visibility: hidden; }

/* Hide visually */
.visuallyhidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    border: 0; }

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    clip: auto;
    overflow: visible;
    height: auto;
    margin: 0;
    width: auto; }

/* 16.TEMPLATE SPECIFICS */

#goog-fixurl ul  {
    list-style-type: none; }

#goog-fixurl input  {
    margin-bottom: 1.5em; }

/* 17.MODERNIZR */

/* MEDIA QUERIES */

/*Print __________________________________________________________________________________________________________ */

@media print {

    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important; }

    a, a:visited {
        color: #444 !important;
        text-decoration: underline; }

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

    section#inhalt figure a[href]:after {
        content : "";
    }

    #calendar a[href]:after,
    h1:first-child a[href]:after {
        content: ""; }

    abbr[title]:after {
        content: " (" attr(title) ")"; }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""; }

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

    thead {
        display: table-header-group; }

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

    /* @page { margin: .5cm; }*/

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

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

    article, section { padding: 0 !important; margin-bottom: 20pt !important; }

    #masthead { min-height: auto; }

    #container h1:first-child { margin: 0; }

    #masthead h1#seitentitel { margin-left: 0; padding: 0; }
    #inhalt h1#seitentitel { display : none; }

    header h2 a, header h2 a:visited { padding: 0; }

    #zielgruppen,
    #masthead header,
    #breadcrumb,
    nav#hauptnavigation,
    #metanav,
    #cloud { display: none !important; }

    footer p { clear: left; float: none; width: 100%; }

}/*/mediaquery*/


/*480px __________________________________________________________________________________________________________ */
@media only screen and (max-width: 480px) {

    /* 1.ROOT */

    #container {
        padding: 0;
        width  : 100% !important;
        margin : 0;
    }
    div#zoom {
        display         : block;
        z-index         : 999999;
        width           : 75px;
        position        : fixed;
        bottom          : 3px;
        right           : 3px;
        color           : #000;
        font-size       : 16px;
        text-align      : right;
    }
    div#zoom a {
        color           : #000;
        text-decoration : none;
        font-weight     : bold;
        padding         : 2px 6px 2px 6px;
        background      : url(/imperia/md/images/cms/opac_yellow_80.png) repeat center -4px;
        border          : solid 1px #908000;
        border-radius   : 0;
    }
    div#zoom a:first-child {
        border-radius   : 10px 0 0 10px;
        margin-right    : 2px;
    }
    div#zoom a:last-child {
        border-radius   : 0 10px 10px 0;
        margin-left    : 2px;
    }

    body {
        padding         : 0;
        margin          : 0;
        width           : 100%;
    }

    /* 2.HEADINGS */
    div#masthead {
        margin         : -8px 0 10px 0;
        padding        : 0;
        min-height     : 30px;
        height         : 130px;
        max-height     : 130px;
        width          : 100%;
//        background     : url(/imperia/md/images/portal/2011/wolken/wechselgrafik_c.jpg) center center;
        background     : url(/imperia/md/images/portal/2015/wolken_2015.jpg) center center;
    }
    header[role=banner] div#organisation {
        float            : left;
        width            : 58%;
        height           : 50px;
        border           : 0;
    }
    header[role=banner] {
        padding         : 0;
        margin          :10px 0 0 0;
    }
    header[role=banner] h2 a {
        line-height     : 1.0em;
        font-size       : 16px;
    }
    header[role=banner] h2 a span {
        line-height     : 1.0em;
        font-size       : 12px;
    }
    #ude-logo {
        width           : 40%;
        max-width       : 220px;
        margin          :  0;
    }
    /* ==== navigation sidebar ==== */
    div#navi {
        position          : absolute;
        top               : 0;
        left              : 0;
        z-index           : 20;
        width             : 32px;
        display           : block !important;
    }
    div#optmenu {
        position          : relative;
        top               : 55px;
        left              : 10px;
        width             : 32px;
        height            : 32px;
    }
    div#optmenu a img,
    div#optmenu img {
        border            : none;
        border            : 0;
        margin            : 0;
        box-shadow        : 3px 3px 3px #404080;
        outline           : none;
        text-decoration   : none;
    }
    div#navi div#touchlayer {
        box-shadow        : none !important;
        border            : 0;
        position          : fixed;
        height            : 600px;
        width             : 5%;
        overflow          : hidden;
        left              : 0px;
        top               : 131px;
        background        : none !important;
        z-index           : 99999;
    }
    div#navi div#touchlayer a img {
        outline           : none;
        border            : 0;
        text-decoration   : none;
    }
    div#navi a {
        outline          : none;
    }
    /* ==== navbar === */
    nav#hauptnavigation {
        background       : #004b94;
        color            : white;
        width            : 250px;
        max-width        : 250px;
        float            : left;
        z-index          : 10;
        position         : absolute;
        left             :-260px;
        top              : 130px;
        padding          : 0;
        display          : block;
    }
    nav#hauptnavigation.nav-visible {
        box-shadow: 4px 4px 8px #000000;
    }

    nav#hauptnavigation ul#mainnav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        list-style-type  : none;
        margin           : 0 0 7px -50px;
        padding-left     : 40px;
        color            : #ffffff;
    }
    nav#hauptnavigation ul#servicenav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }

    nav#hauptnavigation ul li {
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        background       : #004b94;
        width            : 228px;
        max-width        : 228px;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        letter-spacing   : 1px;
        margin           : 0;
        color            : #ffffff;
        padding          : 4px 5px 4px 15px;
    }
    nav#hauptnavigation ul#mainnav li a,
    nav#hauptnavigation ul#mainnav li span {
        display          : block;
        text-decoration  : none;
        padding-left     : 0;
        color            : #ffffff;
        text-shadow      : 1px 1px 1px #000;
    }
    nav#hauptnavigation ul#mainnav li span {
        color            : #d0d0d0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        margin           : 5px 0 10px -40px;
    }
    nav#hauptnavigation ul#mainnav li ul li,
    nav#hauptnavigation ul#mainnav li ul li a {
        border           : 0;
        background       : #004b94;
        width            : 200px;
        max-width        : 200px;
        text-transform   : none !important;
        font-size        : 13px;
        font-weight      : normal;
        letter-spacing   : 0.75px;
        line-height      : 1.2em;
        margin           : 0;
        color            : #ffffff;
        position : relative;
        top : 2px;
    }
    nav#hauptnavigation ul#mainnav li ul li {
        padding          : 0 5px 5px 15px;
        margin           : 0;
        background       : url(/imperia/md/images/cms/icons/list-icon.png) no-repeat left top 12px;
    }
    nav#hauptnavigation ul#mainnav li ul li a {
        display          : block;
        text-decoration  : none;
    }
    nav#hauptnavigation ul {
        display           : block;
    }
    nav#hauptnavigation ul#servicenav li a,
    nav#hauptnavigation ul#languagenav li a,
    nav#hauptnavigation ul li a  {
        display           : block;
        background        : #004b94;
        width             : 228px;
        height            : auto;
        max-width         : 228px;
        font-size         : 13px;
        font-weight       : normal;
        color             : #ffffc0;
        letter-spacing    : 1px;
        margin            : 0;
        padding           : 1px 5px 1px 0px;
        text-shadow       : 1px 1px 1px #000000;
    }
    nav#hauptnavigation ul#languagenav li a {
        padding           : 5px 5px 0px 0px;
    }
    nav#hauptnavigation ul#servicenav li img {
        width            : 16px;
        height           : 11px;
        margin           : 7px 5px 0 0;
        border           : none;
    }
    nav#hauptnavigation div.navdesc {
        display          : block;
        background       : #003b84;
        color            : #e8e8e8;
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        padding          : 5px 5px 5px 15px;
        width            : 228px;
        letter-spacing   : 1px;
        text-shadow      : 1px 1px 1px #000;
        margin           : 0;
    }
    #languagenav {
        margin           : 0;
    }
    #languagenav img {
        float            : left;
        padding-top      : 1px;
        margin-right     : 8px;
    }
    nav#hauptnavigation article.socialmedia {
        display          : none;
    }
    section#inhalt article.socialmedia {
        display          : block;
        width            : 97.82609%;
        padding          : 0 0 0 2.17391%;
    }
    section#inhalt article.socialmedia img {
        margin           : 0 6px 6px 0 !important;
        display          : inline;
    }

    section#events {
        display          : none;
    }

    /* ==== navbar === */
    /* end navigation sidebar */

    section#inhalt {
        padding            : 2%;
        width              : 96% !important;
    }
    section#inhalt article ul.a-z-liste,
    section#inhalt article ul.a-z-index {
        float              : left;
        padding-left       : 0;
        list-style         : none;
        font-size          : 115%;
    }
    ul.a-z-index {
        margin-left        : -10px;
    }
    ul.a-z-index li {
        margin             : 0 0 9px 10px;
    }
    ul.a-z-index li a {
        float              : left;
        text-align         : center;
        border             : solid 1px #203080;
        border-radius      : 3px;
        box-shadow         : 2px 2px 3px #8080a0;
        padding            : 3.5% 2.0% 3.5% 2.0%;
        font-weight        : bold;
        width              : 2em;
        background-color   : #f0f0ff;
    }
    ul.a-z-liste li {
        line-height        : 1.4em;
        margin-bottom      : 0.5em;
    }

    ul.a-z-liste li a {
        padding            : 0.33em;
        margin-left        : -0.33em;
    }

    h2.a_z_char {
        border-bottom      : solid 1px #0060a0;
    }
    h2.a_z_char a {
        text-decoration    : none;
        padding            : 0.5em;
        margin-left        : -0.75em;
    }

    article p {
        line-height        : 1.3em;
    }

    aside#sidebar {
        padding            : 2.17391%;
        width              : 95.6522%;
        background-color   : white;
        margin             : 0;
    }
    aside#sidebar article {
        margin             : 0 0 5px 0;
    }
    p,
    p a,
    ul{
        font-size        : 100% !important;
    }
    h2 {
        font-size        : 120% !important;
        margin-bottom    : 5px !important;
    }
    h2 span.dachzeile {
        font-size        : 83.33% !important;
    }
    h3 {
        font-size        : 100% !important;
        margin-bottom    : 5px !important;
    }
    #sidebar p,
    #sidebar h2,
    #sidebar h3 {
        margin-left      : -5px !important;
    }
    /* eingefügt 5.10.2017 TB  */
    #sidebar section.rss h2 {
      margin-left: 0px !important;
    }
    /* Ende */
    aside#sidebar ul li {
        line-height      : 2em;
    }
    aside#sidebar section.rss ul li {
        line-height      : 1.3em;
    }
    aside#sidebar article table {
        margin           : 0 0 0 -10px;
        width            : 106.5%;
    }
//    div.feedimage {
//        display            : none;
//        float              : left;
//    }
//    div.feedtext {
//        width              : 100% !important;
//        line-height        : 1.3em;
//    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage,
    aside#sidebar section.rss ul.newsfeed li div.feedimage {
        width        : 20%;
        max-width    : 20%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage img,
    aside#sidebar section.rss ul.newsfeed li div.feedimage img {
        width        : 80%;
        max-width    : 80%;
        height       : 80%;
        max-height   : 80%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext,
    aside#sidebar section.rss ul.newsfeed li div.feedtext {
        width        : 80%;
        font-size    : 81%;
    }
//    section.rss ul.newsfeed p.item_date:before {
//        content            : "[";
//   }
//    section.rss ul.newsfeed p.item_date:after {
//        content            : "]";
//    }
    nav#zielgruppen,
    h1 a {
        display           : none;
    }
    #masthead h1#seitentitel {
        display            : block;
        clear              : both;
        background         : url(/imperia/md/images/cms/opac_20.png) repeat;
        padding            : 5px 2% 4px 3.25%;
        margin             : 0;
        width              : 94.75%;
        height             : 22px;
        text-overflow      : ellipsis;
        white-space        : nowrap;
        overflow           : hidden;
        font-size          : 13px;
        line-height        : 1.2em;
        color              : #203080;
    }
    #inhalt h1#seitentitel {
        display            : none;
    }

    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    ul.gallery li,
    ul.gallery_zim.li {
    display: block;
    float: left;
    width: 90px;  /* 21.739130435% of 480px */
    height: 90px;
    box-shadow: 0 0 8px #203080;
    margin: 0 19px 19px 0;
    overflow: hidden;
}

    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */

    ads#events,
    ads[role="internads"] {
        float      : none;
        margin     : 0 0 0 -15px;
    }

    #breadcrumb {
        margin-left: 10px;
        display    : none;
    }

    #mainnav li {
        padding-left: 16px;
        background: none;
    }

    /* 10.CONTENT */
    /* 11.MAIN */
    /* 12.COMPLIMENTARY */

    footer[role="contentinfo"] {
        background-color   : #e8eaff;
        padding            : 0.5% 4% 0.5% 4%;
        border             : 0;
        width              : 92%;
        border-top         : solid 1px #d8d3d0;
    }
    footer[role="contentinfo"] a {
        text-decoration    : none;
    }
    footer[role="contentinfo"] p {
        font-size          : 12px;
        color              : #404040;
    }
    footer[role="contentinfo"] nav#metanav ul {
        margin-left        : -10px;
    }
    footer[role="contentinfo"] nav#metanav ul li a {
        padding            : 5px 10px 5px 10px;
        font-size          : 14px;
        color              : #004c93;
    }
    /* 13.CONTENTINFO */


    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/

@media only screen and (max-width: 500px) {
    ul#skip {
        position: static;
        height: auto;
        width: auto;
    }

    ul#skip li a,
    ul#skip li a:hover,
    ul#skip li a:focus,
    ul#skip li a:active {
        display: block;
        position: static;
        height: auto;
        width: auto;
        color: #fff;
        background-color: #004c93;
        padding: 2px 5px;
        font-weight: bold;
        text-decoration: none;
    }

    ul#skip li:nth-child(-n+2) {
        display: none;
    }

    /* ==== navbar === */
    nav#hauptnavigation {
        background       : #004b94;
        color            : white;
        width            : 250px;
        max-width        : 250px;
        float            : left;
        z-index          : 10;
        position         : absolute;
        left             :-260px;
        top              : 130px;
        padding          : 0;
        display          : block;
    }
    nav#hauptnavigation.nav-visible {
        box-shadow: 4px 4px 8px #000000;
    }

    nav#hauptnavigation ul#mainnav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        list-style-type  : none;
        margin           : 0 0 7px -50px;
        padding-left     : 40px;
        color            : #ffffff;
    }
    nav#hauptnavigation ul#servicenav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }

    nav#hauptnavigation ul li {
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        background       : #004b94;
        width            : 228px;
        max-width        : 228px;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        letter-spacing   : 1px;
        margin           : 0;
        color            : #ffffff;
        padding          : 4px 5px 4px 15px;
    }
    nav#hauptnavigation ul#mainnav li a,
    nav#hauptnavigation ul#mainnav li span {
        display          : block;
        text-decoration  : none;
        padding-left     : 0;
        color            : #ffffff;
        text-shadow      : 1px 1px 1px #000;
    }
    nav#hauptnavigation ul#mainnav li span {
        color            : #d0d0d0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        margin           : 0 0 10px -40px;
    }
    nav#hauptnavigation ul#mainnav li ul li,
    nav#hauptnavigation ul#mainnav li ul li a {
        border           : 0;
        background       : #004b94;
        width            : 200px;
        max-width        : 200px;
        text-transform   : none !important;
        font-size        : 13px;
        font-weight      : normal;
        letter-spacing   : 0.75px;
        line-height      : 1.2em;
        margin           : 0;
        color            : #ffffff;
        position         : relative;
        top              : 2px;
    }
    nav#hauptnavigation ul#mainnav li ul li {
        padding          : 5px 5px 3px 15px;
        margin           : 0;
        background       : url(/imperia/md/images/cms/icons/list-icon.png) no-repeat left top 12px;
    }
    nav#hauptnavigation ul#mainnav li ul li a {
        display          : block;
        text-decoration  : none;
    }
    nav#hauptnavigation ul {
        display           : block;
    }
    nav#hauptnavigation ul#servicenav li a,
    nav#hauptnavigation ul#languagenav li a,
    nav#hauptnavigation ul li a  {
        display           : block;
        background        : #004b94;
        width             : 228px;
        height            : auto;
        max-width         : 228px;
        font-size         : 13px;
        font-weight       : normal;
        color             : #ffffc0;
        letter-spacing    : 1px;
        margin            : 0;
        padding           : 1px 5px 1px 0px;
        text-shadow       : 1px 1px 1px #000000;
    }
    nav#hauptnavigation ul#languagenav li a {
        padding           : 5px 5px 0px 0px;
    }
    nav#hauptnavigation ul#servicenav li img {
        width            : 16px;
        height           : 11px;
        margin           : 7px 5px 0 0;
        border           : none;
    }
    nav#hauptnavigation div.navdesc {
        display          : block;
        background       : #003b84;
        color            : #e8e8e8;
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        padding          : 5px 5px 5px 15px;
        width            : 228px;
        letter-spacing   : 1px;
        text-shadow      : 1px 1px 1px #000;
        margin           : 0;
    }
    #languagenav {
        margin           : 0;
    }
    #languagenav img {
        float            : left;
        padding-top      : 1px;
        margin-right     : 8px;
    }

    section#events {
        display          : none;
    }

    /* ==== navbar === */
    /* end navigation sidebar */

    section#inhalt {
        padding            : 2%;
        width              : 96% !important;
    }
    section#inhalt article ul.a-z-liste,
    section#inhalt article ul.a-z-index {
        float              : left;
        padding-left       : 0;
        list-style         : none;
        font-size          : 115%;
    }
    ul.a-z-index {
        margin-left        : -10px;
    }
    ul.a-z-index li {
        margin             : 0 0 9px 10px;
    }
    ul.a-z-index li a {
        float              : left;
        text-align         : center;
        border             : solid 1px #203080;
        border-radius      : 3px;
        box-shadow         : 2px 2px 3px #8080a0;
        padding            : 3.5% 2.0% 3.5% 2.0%;
        font-weight        : bold;
        width              : 2em;
        background-color   : #f0f0ff;
    }
    ul.a-z-liste li {
        line-height        : 1.4em;
        margin-bottom      : 0.5em;
    }

    ul.a-z-liste li a {
        padding            : 0.33em;
        margin-left        : -0.33em;
    }

    h2.a_z_char {
        border-bottom      : solid 1px #0060a0;
    }
    h2.a_z_char a {
        text-decoration    : none;
        padding            : 0.5em;
        margin-left        : -0.75em;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage,
    aside#sidebar section.rss ul.newsfeed li div.feedimage {
        width        : 20%;
        max-width    : 20%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage img,
    aside#sidebar section.rss ul.newsfeed li div.feedimage img {
        width        : 80%;
        max-width    : 80%;
        height       : 80%;
        max-height   : 80%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext,
    aside#sidebar section.rss ul.newsfeed li div.feedtext {
        width        : 80%;
        font-size    : 90.25%;
    }

}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {
    /* 1.ROOT */
    /* 2.HEADINGS */
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */
    /* 10.CONTENT */
    /* 11.MAIN */
    /* 12.COMPLIMENTARY */
    /* 13.CONTENTINFO */
    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */
}/*/mediaquery*/

/* Smartphones upto 960px in landscape-mode _______________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* 1.ROOT */
    /* 2.HEADINGS */
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */
    #breadcrumb {
        display    : none;
    }
    /* ==== navbar === */
    nav#hauptnavigation {
        background       : #004b94;
        color            : white;
        width            : 250px;
        max-width        : 250px;
        float            : left;
        z-index          : 10;
        position         : absolute;
        left             :-260px;
        top              : 130px;
        padding          : 0;
        display          : block;
    }
    nav#hauptnavigation.nav-visible {
        box-shadow: 4px 4px 8px #000000;
    }

    nav#hauptnavigation ul#mainnav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        list-style-type  : none;
        margin           : 0 0 7px -50px;
        padding-left     : 40px;
        color            : #ffffff;
    }
    nav#hauptnavigation ul#servicenav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }

    nav#hauptnavigation ul li {
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        background       : #004b94;
        width            : 228px;
        max-width        : 228px;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        letter-spacing   : 1px;
        margin           : 0;
        color            : #ffffff;
        padding          : 4px 5px 4px 15px;
    }
    nav#hauptnavigation ul#mainnav li a,
    nav#hauptnavigation ul#mainnav li span {
        display          : block;
        text-decoration  : none;
        padding-left     : 0;
        color            : #ffffff;
        text-shadow      : 1px 1px 1px #000;
    }
    nav#hauptnavigation ul#mainnav li span {
        color            : #d0d0d0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        margin           : 0 0 10px -40px;
    }
    nav#hauptnavigation ul#mainnav li ul li,
    nav#hauptnavigation ul#mainnav li ul li a {
        border           : 0;
        background       : #004b94;
        width            : 200px;
        max-width        : 200px;
        text-transform   : none !important;
        font-size        : 13px;
        font-weight      : normal;
        letter-spacing   : 0.75px;
        line-height      : 1.2em;
        margin           : 0;
        color            : #ffffff;
        position         : relative;
        top              : 2px;
    }
    nav#hauptnavigation ul#mainnav li ul li {
        border           : 0;
        padding          : 5px 5px 5px 15px;
        margin           : 0;
        background       : url(/imperia/md/images/cms/icons/list-icon.png) no-repeat left top 12px;
    }
    nav#hauptnavigation ul#mainnav li ul li a {
        display          : block;
        text-decoration  : none;
    }
    nav#hauptnavigation ul {
        display           : block;
    }
    nav#hauptnavigation ul#servicenav li a,
    nav#hauptnavigation ul#languagenav li a,
    nav#hauptnavigation ul li a  {
        display           : block;
        background        : #004b94;
        width             : 228px;
        height            : auto;
        max-width         : 228px;
        font-size         : 13px;
        font-weight       : normal;
        color             : #ffffc0;
        letter-spacing    : 1px;
        margin            : 0;
        padding           : 1px 5px 1px 0px;
        text-shadow       : 1px 1px 1px #000000;
    }
    nav#hauptnavigation ul#languagenav li a {
        padding           : 5px 5px 0px 0px;
    }
    nav#hauptnavigation ul#servicenav li img {
        width            : 16px;
        height           : 11px;
        margin           : 7px 5px 0 0;
        border           : none;
    }
    nav#hauptnavigation div.navdesc {
        display          : block;
        background       : #003b84;
        color            : #e8e8e8;
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        padding          : 5px 5px 5px 15px;
        width            : 228px;
        letter-spacing   : 1px;
        text-shadow      : 1px 1px 1px #000;
        margin           : 0;
    }
    #languagenav {
        margin           : 0;
    }
    #languagenav img {
        float            : left;
        padding-top      : 1px;
        margin-right     : 8px;
    }
    nav#hauptnavigation article.socialmedia {
        display          : none;        
    }
    section#inhalt article.socialmedia {
        display          : block;
    }
    section#inhalt article.socialmedia img {
        margin          : 0 8px 8px 0;
        display         : inline;
    }
    section#events {
        display          : none;
    }

    /* ==== navbar === */
    /* end navigation sidebar */

    section#inhalt {
        padding            : 2%;
        width              : 96% !important;
    }
    section#inhalt article ul.a-z-liste,
    section#inhalt article ul.a-z-index {
        float              : left;
        padding-left       : 0;
        list-style         : none;
        font-size          : 115%;
    }
    ul.a-z-index {
        margin-left        : -10px;
    }
    ul.a-z-index li {
        margin             : 0 0 9px 10px;
    }
    ul.a-z-index li a {
        float              : left;
        text-align         : center;
        border             : solid 1px #203080;
        border-radius      : 3px;
        box-shadow         : 2px 2px 3px #8080a0;
        padding            : 3.5% 2.0% 3.5% 2.0%;
        font-weight        : bold;
        width              : 2em;
        background-color   : #f0f0ff;
    }
    ul.a-z-liste li {
        line-height        : 1.4em;
        margin-bottom      : 0.5em;
    }

    ul.a-z-liste li a {
        padding            : 0.33em;
        margin-left        : -0.33em;
    }

    h2.a_z_char {
        border-bottom      : solid 1px #0060a0;
    }
    h2.a_z_char a {
        text-decoration    : none;
        padding            : 0.5em;
        margin-left        : -0.75em;
    }
    article p {
        line-height        : 1.3em;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage,
    aside#sidebar section.rss ul.newsfeed li div.feedimage {
        width        : 20%;
        max-width    : 20%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage img,
    aside#sidebar section.rss ul.newsfeed li div.feedimage img {
        width        : 80%;
        max-width    : 80%;
        height       : 80%;
        max-height   : 80%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext,
    aside#sidebar section.rss ul.newsfeed li div.feedtext {
        width        : 78.5% !important;
        padding      : 0 !important;
        margin       : 0 !important;
        text-indent  : 0 !important;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.noimage,
    aside#sidebar section.rss ul.newsfeed li div.noimage {
        width        : 100% !important;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext h3,
    aside#sidebar section.rss ul.newsfeed li div.feedtext h3,
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext p,
    aside#sidebar section.rss ul.newsfeed li div.feedtext p {
        width        : 100% !important;
        padding      : 0 !important;
        margin       : 0 !important;
        text-indent  : 0 !important;
    }

    /* 10.CONTENT */
    /* 11.MAIN */
    /* 12.COMPLIMENTARY */
    /* 13.CONTENTINFO */
    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/


/*992px __________________________________________________________________________________________________________ */
@media only screen and (max-width: 992px) {

    /* 1.ROOT */

    /* 2.HEADINGS */

    #container h1:first-child {
        margin: 0 0 .5em 0;
    }
    #zielgruppen li:first-of-type a { padding-left: 0; }

    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */

    #zielgruppen { clear: left; float: left; }

    /* 10.CONTENT */
    div.caroussel {
       height  : 126px;
    }
    /* 11.MAIN */


    /* 12.COMPLEMENTARY */

    /* 13.CONTENTINFO */

    footer p {
        clear: left;
        float: left;
        width: 100%;
    }

    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/



/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

    /* 1.ROOT */

    #container {
        position: relative;
        padding-bottom: 60px;
        box-shadow: 1px -2px 14px rgba(0,0,0,0.2);
    }

    /* 2.HEADINGS */


    #masthead {
        min-height: 180px;
        /*
            background-image: url(/portal/tools/wechselbild/image.php);
        */
//        background-image: url(/imperia/md/images/portal/2011/wolken/kg4.jpg);
        background-image: url(/imperia/md/images/portal/2015/wolken_2015.jpg);
        background-position: right;
    }
    #masthead.specialforstartpage {
        /*
            background-image: url(/portal/tools/wechselbild/image_start.php) !important;
        */
//        background-image: url(/imperia/md/images/portal/2011/wolken/wechselgrafik_c.jpg) !important;
        background-image: url(/imperia/md/images/portal/2015/wolken_2015.jpg) !important;
    }

    header h2 {
        max-width: 50%;
    }

    #ude-logo {
        background-color: transparent;
    }
    a:hover#ude-logo, a:focus#ude-logo {
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,.5);
        background-color: transparent\9;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
        zoom:1;
    }

    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */

    #zielgruppen li { float: left; }

    nav#hauptnavigation {
        float: left;
        width: 23.404255319%;
        margin-right: 1.063829787%;
    }

    /* 10.CONTENT */

    /* 11.MAIN */

    section#inhalt {
        float: left;
        width: 75.531914894%;
    }
    .layout1 section#inhalt article,
    .layout1 section#inhalt section {
        width: 97.1831%;
        padding: 10px 1.408450704%;
    }

    section#inhalt section.teaser {
        display: table;
        width: 100%;
        padding: 0;
    }
    section#inhalt section.teaser > div {
        display: table-row;
        width: 100%;
        padding: 0;
    }
    section#inhalt section.teaser article {
        float: none;
        clear: none;
        display: table-cell;
        width: 50%;
        vertical-align:top;
        padding: 0 0 10px 0;
    }
    section#inhalt section.teaser article:first-child {
        border-right: 5px solid #fff;
    }
    section#inhalt section.teaser article:last-child {
        border-left: 5px solid #fff;
    }
    section#inhalt section.teaser article:first-child:last-child {
        border-right:0;
        border-left:0;
    }
    section#inhalt section.teaser article figure {
        width: 100%;
        max-width: none;
        margin: 0;
    }
    section#inhalt section.teaser article figure img {
        margin-bottom: 0;
        width: 100%;
        border: 0;
    }

    section#inhalt section.teaser div article div {
        clear: left;
        padding-top: 10px;
        padding-right: 4.424778761%;
        padding-left: 4.424778761%;
        margin: 0 0 1em 0;
    }

    /* Erweiterung für Einzelcontainer, prozentuale Abstände sollen gleichgroß erscheinen TB 28.8.2015 */
    section#inhalt section.teaser div article.single div,
    .teaser .single .mehrzu_info,
    section.teaser article.single figure figcaption {
        padding-right: 2.167520%;
        padding-left : 2.167520%;
        bottom       : 0;
    }

    /* Erweiterung für Bildunterschriften im Doppelcontainer TB 17.9.2015 */
    section.teaser figure {
      position:relative;
    }

    section.teaser figure figcaption {
      position:absolute;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.67);
      padding-top:0.2em;
      padding-right: 4.42478%;
      padding-bottom:0.2em;
      padding-left: 4.42478%;
    }

    section#inhalt section.teaser article h2 { font-size: 14px; }
    section#inhalt section.teaser article p { margin-top : -5px; }

    .teaser .mehrzu_info {
        padding-right: 4.424778761%;
        padding-left: 4.424778761%;
    }

    .kein-umfluss { 
      display:table-cell;
    }

    /* 12.COMPLEMENTARY */

    aside[role=complementary],
    aside#sidebar {
        clear: none;
        float: right;
        width: 75.5%;
   }
    aside[role=complementary] article,
    aside#sidebar article,
    aside[role=complementary] section,
    aside#sidebar section {
        clear: left;
        float: left;
        width: 97.872340426%;
        margin: 0 0 10px 0;
        padding: 10px 1.063829787%;
    }
    /* deaktiviert 16.10.2017 TB
    aside[role=complementary] section.rss,
    aside#sidebar section.rss {
        width        : 97.872340426%;
    }
    */
    aside[role=complementary] section.rss ul.newsfeed li,
    aside#sidebar section.rss ul.newsfeed li {
        width        : 100%;
        max-width    : 100%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage,
    aside#sidebar section.rss ul.newsfeed li div.feedimage {
        width        : 20%;
        max-width    : 20%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage img,
    aside#sidebar section.rss ul.newsfeed li div.feedimage img {
        width        : 90%;
        max-width    : 90%;
        height       : 90%;
        max-height   : 90%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext,
    aside#sidebar section.rss ul.newsfeed li div.feedtext {
        width        : 80%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.noimage,
    aside#sidebar section.rss ul.newsfeed li div.noimage {
        width        : 100% !important;
    }
    /* 13.CONTENTINFO */

    footer {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
    }

    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/




/*992px __________________________________________________________________________________________________________ */
@media only screen and (max-width: 992px) {

    /* 1.ROOT */
    /* 2.HEADINGS */
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */
    /* 10.CONTENT */
    /* 11.MAIN */

    section#inhalt { margin-bottom: 10px; }

    /* 12.COMPLEMENTARY */
    /* 13.CONTENTINFO */
    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/

/*992px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 992px) {

    /* 1.ROOT */
    /* 2.HEADINGS */
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */

    /* Formularbaukasten */

    .layout1 form .fieldHalfLeft,
    .layout1 form .fieldHalfRight {
        float: left;
        width: 47%;
    }
    .layout1 form .fieldHalfRight {
        clear: none;
        float: right;
    }


    /* 8.BANNER */
    /* 9.NAVIGATION */

    #metanav {
        width: auto;
        padding: .5em 0 .5em 0;
    }

    footer p, footer address {
        width: auto;
        margin: 0;
        padding: .5em 0 .5em 0;
    }

    /* 10.CONTENT */

    section#inhalt {
        width: 51.063829787%;
        margin-right: 1.063829787%;
    }

    .layout1 section#inhalt {
        width: 75.531914894%;
        margin-right: 0;
    }

    /* 11.MAIN */
    /* 12.COMPLEMENTARY */

    aside[role=complementary],
    aside#sidebar {
        clear: none;
        float: left;
        width: 23.404255319%;
        margin-bottom: 40px;
    }
    aside[role=complementary] article,
    aside#sidebar article,
    aside[role=complementary] section,
    aside#sidebar section {
        clear: left;
        float: left;
        margin: 0 10px 10px 0;
        width: 90.90909091%;
        padding: 10px 4.545454545%;
        overflow: hidden;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage,
    aside#sidebar section.rss ul.newsfeed li div.feedimage {
        width        : 20%;
        max-width    : 20%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage img,
    aside#sidebar section.rss ul.newsfeed li div.feedimage img {
        width        : 80%;
        max-width    : 80%;
        height       : 80%;
        max-height   : 80%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext,
    aside#sidebar section.rss ul.newsfeed li div.feedtext {
        width        : 80%;
    }

    /* 13.CONTENTINFO */
    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/


/*1068px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1068px) {

    .layout2 ul.gallery li:nth-child(4n) {
//        margin-right: 0;
    }
    .layout1 ul.gallery li:nth-child(6n) {
//        margin-right: 0;
    }

}/*/mediaquery*/


/*1382px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1382px) {

    /* 1.ROOT */
    /* 2.HEADINGS */
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */
    /* 10.CONTENT */
    /* 11.MAIN */
    /* 12.COMPLIMENTARY */
    /* 13.CONTENTINFO */
    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/

/*2x __________________________________________________________________________________________________________ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    /* 1.ROOT */
    /* 2.HEADINGS */
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */
    /* 10.CONTENT */
    /* 11.MAIN */
    /* 12.COMPLIMENTARY */
    /* 13.CONTENTINFO */
    /* 14.GLOBAL OBJECTS */
    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/


/***** COLORBOX **********/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxTitle:empty{display:none !important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(/imperia/md/images/cms/colorbox/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(/imperia/md/images/cms/colorbox/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(/imperia/md/images/cms/colorbox/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(/imperia/md/images/cms/colorbox/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(/imperia/md/images/cms/colorbox/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(/imperia/md/images/cms/colorbox/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(/imperia/md/images/cms/colorbox/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(/imperia/md/images/cms/colorbox/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(/imperia/md/images/cms/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/imperia/md/images/cms/colorbox/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/imperia/md/images/cms/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/*/COLORBOX **************/

/* LSF-AUSGABE _____________________________________________________________________________ */

/* Legacy HTML - we have no other choice yet ... */

span.personensuche div.rahmen_rund,
div.personensuche div.rahmen_rund {
    /* legacy HTML: pretending to be an article, highlight2 */
    clear: left;
    float: left;
    width: 95.65218%;
    margin-bottom: 10px;
    padding: 10px 2.173913043%;
    background-color: #dfe4f2;
}
span.personensuche div.blockhead,
div.personensuche div.blockhead {
    /* legacy HTML, pretending to be an h2 */
    font-weight: bold;
    color: #004C93;
    padding: 0.5em 0 0.2em 0 !important;
    font-size: 18px;
    line-height: 1.2;
}
span.personensuche div.boxheader,
div.personensuche div.boxheader {
    /* legacy HTML, pretending to be an h3 */
    margin-bottom: .5em;
    font-weight: bold;
    color: #004C93;
}
span.personensuche div.kont_right,
div.personensuche div.kont_right {
    /* legacy HTML, pretending to be a figure */
    float: right;
    width: 23.188405797%; /* 160/6.9 */
    max-width: 164px;
    margin: 0 0 5px 2.898550725%;
}
span.personensuche div.kont_right img,
div.personensuche div.kont_right img {
    /* legacy HTML, pretending to be a figure img */
    width: 98.795180723%;
    border: 1px solid #a0a0a0;
    margin-bottom: 2px;
    vertical-align: bottom;
}
span.personensuche div.tab,
div.personensuche div.tab {
    display: inline;
    background-color: #dfe4f2;
    padding: 0.2em 1em 3px 1em;
    margin-right: 3px;
}
span.personensuche div.tab_high,
div.personensuche div.tab_high {
    font-weight: bold;
    display: inline;
    color: #fff;
    background-color: #004c93;
    padding: 0.2em 1em 3px 1em;
    margin-right: 3px;
}

span.personensuche div,
span.personensuche ul,
div.personensuche div,
div.personensuche ul { margin-bottom: 0.1em; }

span.personensuche .kontaktblock div,
div.personensuche .kontaktblock div { margin-bottom: 0; }

.kontprefix, kont { width: 100px; float: left; }
.kontprefix { clear: left; }

ul.gallery.flickr li {
    width: 75px;
    height: 75px;
    overflow: visible;
    margin: 0 8px 8px 0 !important;
    border : 0;
    padding : 0;
}
ul.gallery.flickr figure {
    position: relative;
}
ul.gallery.flickr figcaption {
    display: none;
}

.layout1 figure.flickr_large,
.layout2 figure.flickr_large {
    margin: 0;
    width: 100%;
    max-width: none; }
.layout1 figure.flickr_large a,
.layout2 figure.flickr_large a {
    display: block; }
.layout1 figure.flickr_large img,
.layout2 figure.flickr_large img {
    width: 100%; }

.layout1 figure.flickr_small,
.layout2 figure.flickr_small {
    margin: 0;
    width: 100%;
    max-width: none; }
.layout1 figure.flickr_small a,
.layout2 figure.flickr_small a {
    display: block;
    float: left;
    margin-right: 4.16666667%;
    width: 47.91666667%; }
.layout1 figure.flickr_small img,
.layout2 figure.flickr_small img {
    width: 100%; }

#flickr_page_navigation {
    clear: both;
    text-align: center; }

#cboxTitle {
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 20px;
    color: #FFFFFF;
    left: 30px;
    padding: 5px;
    right: 30px;
    text-align: center;
    width: auto; }

.ui-media-player video {
    width: 100%;
    height: auto !important; }
.ui-media-player.video-small {
    float: left;
    width: 47.91666667%;
    margin-right: 4.16666667%; }
aside .ui-media-player.video-small {
    margin-right: 0;
    width: 99.04761905%; }
.ui-media-player.video-small div.progressbar, .ui-media-player.video-small div.timeline-slider, .ui-media-player.video-small span.duration {
    display: none; }
.wraps-fullscreen .ui-media-player.video-small div.progressbar, .wraps-fullscreen .ui-media-player.video-small div.timeline-slider, .wraps-fullscreen .ui-media-player.video-small span.duration {
    display: block; }

.mm-video-box, .mm-video-box object {
    min-height: 250px; }
.video-small .mm-video-box, .video-small .mm-video-box object {
    min-height: 125px; }

audio, video {
    background-color: #444; }

audio {
    max-width: 100%;
    height: 0; }

.media-state {
    bottom: 3em;
    height: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
.media-state.idle {
    background: url(/portal/css/2011/img/ude_play_large.png) center center no-repeat;
}
.video-small .media-state.idle {
    background: url(/portal/css/2011/img/ude_play_small.png) center center no-repeat;
}

.ui-datepicker-calendar thead th {
    color: #004c93; }

.ui-datepicker-week-end {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }

.ie7 nav ul, .ie7 nav ul ul { list-style-image: none !important; }
.ie7 #container,
.ie8 #container { width: 982px; }
.ie7 #container,.ie8 #container{position:relative;padding-bottom:60px}
.ie7 #masthead,.ie8 #masthead {
    position:relative;
    min-height:180px;
//    background-image:url(/imperia/md/images/portal/2011/wolken/kg4.jpg);
    background-image:url(/imperia/md/images/portal/2015/wolken_2015.jpg);
    background-position:right
}

.ie7 #masthead.specialforstartpage,
.ie8 #masthead.specialforstartpage {
//    background-image:url(/imperia/md/images/portal/2011/wolken/wechselgrafik_c.jpg) !important
    background-image:url(/imperia/md/images/portal/2015/wolken_2015.jpg) !important
}

.ie7 #zielgruppen li,
.ie8 #zielgruppen li {
    float:left
}

.ie7 nav#hauptnavigation,
.ie8 nav#hauptnavigation {
    float:left;
    width:23.404255319%;
    margin-right:1.063829787%
}

.ie7 section#inhalt,
.ie8 section#inhalt {
    float:left;
    width:75.531914894%
}
.ie7 .layout1 section#inhalt article,
.ie7 .layout1 section#inhalt section,
.ie8 .layout1 section#inhalt article,
.ie8 .layout1 section#inhalt section {
    width:97.1831%;
    padding:10px 1.408450704%
}
.ie7 section#inhalt section.teaser,
.ie8 section#inhalt section.teaser {
    display:table;
    width:100%;
    padding:0
}
.ie7 section#inhalt section.teaser > div,
.ie8 section#inhalt section.teaser > div {
    display:table-row;
    width:100%;
    padding:0
}

.ie7 section#inhalt section.teaser article,
.ie8 section#inhalt section.teaser article {
    float:none;
    clear:none;
    display:table-cell;
    width:50%;
    padding:0 0 10px 0
}

.ie7 section#inhalt section.teaser article:first-child,
.ie8 section#inhalt section.teaser article:first-child {
    border-right:5px solid #fff
}

.ie7 section#inhalt section.teaser article:last-child,
.ie8 section#inhalt section.teaser article:last-child {
    border-left:5px solid #fff
}
.ie7 section#inhalt section.teaser article figure,
.ie8 section#inhalt section.teaser article figure {
    width:100%;
    max-width:none;
    margin:0
}

.ie7 section#inhalt section.teaser article figure img,
.ie8 section#inhalt section.teaser article figure img {
    width:100%;border:0
}

.ie7 section#inhalt section.teaser div article div,
.ie8 section#inhalt section.teaser div article div {
    clear:left;
    padding-top:10px;
    padding-right:4.424778761%;
    padding-left:4.424778761%;
    margin:0 0 1em 0
}

.ie7 section#inhalt section.teaser article h2,
.ie8 section#inhalt section.teaser article h2 {
    font-size:14px
}

.ie7 aside[role=complementary],
.ie7 aside#sidebar,
.ie8 aside[role=complementary],
.ie8 aside#sidebar {
    clear:none;
    float:left
}

.ie7 aside[role=complementary] article,
.ie7 aside#sidebar article,
.ie7 aside[role=complementary] section,
.ie7 aside#sidebar section,
.ie8 aside[role=complementary] article,
.ie8 aside#sidebar article,
.ie8 aside[role=complementary] section,
.ie8 aside#sidebar section {
    clear:left;
    float:left;
    width:73.404210426%;
    margin:0 0 10px 23.4043%;
    padding:10px 1.063829787%
}

.ie7 footer,
.ie8 footer {
    position:absolute;
    bottom:0;
    left:20px;
    right:20px
}

.ie7 .layout1 form .fieldHalfLeft,
.ie7 .layout1 form .fieldHalfRight,
.ie8 .layout1 form .fieldHalfLeft,
.ie8 .layout1 form .fieldHalfRight {
    float:left;width:47%
}

.ie7 .layout1 form .fieldHalfRight,
.ie8 .layout1 form .fieldHalfRight {
    clear:none;float:right
}

.ie7 #metanav,
.ie8 #metanav {
    width:auto;
    padding:.5em 0 .5em 0
}

.ie7 footer p,
.ie7 footer address,
.ie8 footer p,
.ie8 footer address {
    width:auto;
    margin:0;
    padding:.5em 0 .5em 0
}

.ie7 section#inhalt,
.ie8 section#inhalt  {
    width:51.063829787%;
    margin-right:1.063829787%
}

.ie7 .layout1 section#inhalt,
.ie8 .layout1 section#inhalt {
    width:75.531914894%;
    margin-right:0
}

.ie7 aside[role=complementary],
.ie7 aside#sidebar,
.ie8 aside[role=complementary],
.ie8 aside#sidebar {
    clear:none;
    float:left;
    width:23.404255319%;
    margin-bottom:40px
}

.ie7 aside[role=complementary] article,
.ie7 aside#sidebar article,
.ie7 aside[role=complementary] section,
.ie7 aside#sidebar section,
.ie8 aside[role=complementary] article,
.ie8 aside#sidebar article,
.ie8 aside[role=complementary] section,
.ie8 aside#sidebar section {
    clear:left;
    float:left;
    margin:0 10px 10px 0;
    width:90.90909091%;
    padding:10px 4.545454545%;
    overflow:hidden
}

.ie7 .layout2 ul.gallery li:nth-child(4n),
.ie8 .layout2 ul.gallery li:nth-child(4n) {
    margin-right:0
}
.ie7 .layout1 ul.gallery li:nth-child(6n),
.ie8 .layout1 ul.gallery li:nth-child(6n) {
    margin-right:0
}
.ie7 .kein-umfluss, .ie8 .kein-umfluss {
    margin-left: 186px;
}

.ie7 #ude-logo, .ie8 #ude-logo {
    background-color: transparent;
}
.ie7 a:hover#ude-logo, .ie8 a:hover#ude-logo, .ie7 a:focus#ude-logo, .ie8 a:focus#ude-logo {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.5);
    background-color: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
    zoom:1;
}

.ie7 .teaser .mehrzu_info, .ie8 .teaser .mehrzu_info {
    padding-right: 4.424778761%;
    padding-left: 4.424778761%;
}


/*480-768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* 1.ROOT */
    body {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #container {
        padding: 0;
        width  : 100% !important;
        margin : 0;
    }

    /* 2.HEADINGS */
    div#masthead {
        margin: -8px 0 10px 0;
        padding: 0;
        min-height: 30px;
        height: 130px;
        max-height: 130px;
        width: 100%;
//        background: url(/imperia/md/images/portal/2011/wolken/wechselgrafik_c.jpg) center center;
        background: url(/imperia/md/images/portal/2015/wolken_2015.jpg) center center;
    }
    header[role=banner] {
        padding: 0;
    }
    #ude-logo {
        width: 40%;
        max-width: 230px;
        margin: 0;
    }
    ul.a-z-index {
        margin-left: -10px;
    }
    ul.a-z-index li {
        margin: 0 0 9px 10px;
    }
    ul.a-z-index li a {
        float: left;
        text-align         : center;
        border             : solid 1px #203080;
        border-radius      : 3px;
        box-shadow         : 2px 2px 3px #8080a0;
        padding            : 3.5% 2.0% 3.5% 2.0%;
        font-weight        : bold;
        width              : 2em;
        background-color   : #f0f0ff;
    }
    ul.a-z-liste li {
        line-height        : 1.4em;
        margin-bottom      : 0.5em;
    }

    ul.a-z-liste li a {
        padding            : 0.33em;
        margin-left        : -0.33em;
    }

    h2.a_z_char {
        border-bottom      : solid 1px #0060a0;
    }
    h2.a_z_char a {
        text-decoration    : none;
        padding            : 0.5em;
        margin-left        : -0.75em;
    }

    aside#sidebar {
        padding            : 2.17391%;
        width              : 95.6522%;
        margin             : 0;
        /* Entfernt TB 12.3.2015
        position           : relative;
        top                : 35px;
        padding            : 2.5%;
        width              : 95% !important;
        background-color   : white;*/
    }
    aside#sidebar article {
        margin             : 0 0 5px 0;
    }
    p,
    p a,
    ul{
        font-size        : 100% !important;
    }
    h2 {
        font-size        : 120% !important;
        margin-bottom    : 5px !important;
    }
    h2 span.dachzeile {
        font-size        : 83.33% !important;
    }
    h3 {
        font-size        : 100% !important;
        margin-bottom    : 5px !important;
    }
    #sidebar p,
    #sidebar h2,
    #sidebar h3 {
        margin-left      : -5px !important;
    }
    /* eingefügt 5.10.2017 TB  */
    #sidebar section.rss h2 {
      margin-left: 0px !important;
    }
    /* Ende */
    aside#sidebar ul li {
        line-height      : 2em;
    }
    aside#sidebar section.rss ul li {
        line-height      : 1.3em;
    }
    aside#sidebar article table {
        margin           : 0 0 0 -10px;
        width            : 106.5%;
    }
    div.feedimage {
//        display            : none;
        float              : left;
    }
    div.feedtext {
        width              : 100% !important;
        line-height        : 1.3em;
    }
//    section.rss ul.newsfeed p.item_date:before {
//        content            : "[";
//    }
//    section.rss ul.newsfeed p.item_date:after {
//        content            : "]";
//    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage,
    aside#sidebar section.rss ul.newsfeed li div.feedimage {
        width        : 20%;
        max-width    : 20%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedimage img,
    aside#sidebar section.rss ul.newsfeed li div.feedimage img {
        display      : block !important;
        width        : 90%;
        max-width    : 90%;
        height       : 90%;
        max-height   : 90%;
    }
    aside[role=complementary] section.rss ul.newsfeed li div.feedtext,
    aside#sidebar section.rss ul.newsfeed li div.feedtext {
        width        : 80%;
    }

    nav#zielgruppen,
    h1 a {
        display           : none;
    }
    #masthead h1#seitentitel {
        display            : block;
        clear              : both;
        background         : url(/imperia/md/images/cms/opac_20.png) repeat;
        padding            : 5px 2% 4px 3.25%;
        margin             : 0;
        width              : 94.75%;
        height             : 22px;
        text-overflow      : ellipsis;
        white-space        : nowrap;
        overflow           : hidden;
        font-size          : 13px;
        line-height        : 1.2em;
        color              : #203080;
    }
    #inhalt h1#seitentitel {
        display            : none;
    }
    /* 3.TYPOGRAPHY */
    /* 4.LINKS */
    /* 5.FIGURES & IMAGES */
    /* 6.TABLES */
    /* 7.FORMS */
    /* 8.BANNER */
    /* 9.NAVIGATION */
    /* ==== navigation sidebar ==== */
    /* ==== navigation sidebar ==== */
    div#navi {
        position          : absolute;
        top               : 0;
        left              : 0;
        z-index           : 20;
        width             : 32px;
        display           : block !important;
    }
    div#optmenu {
        position          : relative;
        top               : 55px;
        left              : 10px;
        width             : 32px;
        height            : 32px;
    }
    div#optmenu a img,
    div#optmenu img {
        border            : none;
        border            : 0;
        margin            : 0;
        box-shadow        : 3px 3px 3px #404080;
        outline           : none;
        text-decoration   : none;
    }
    div#navi div#touchlayer {
        box-shadow        : none !important;
        border            : 0;
        position          : fixed;
        height            : 600px;
        width             : 5%;
        overflow          : hidden;
        left              : 0px;
        top               : 131px;
        background        : none !important;
        z-index           : 99999;
    }
    div#navi div#touchlayer a img {
        outline           : none;
        border            : 0;
        text-decoration   : none;
    }
    div#navi a {
        outline          : none;
    }
    /* ==== navbar === */
    nav#hauptnavigation {
        background       : #004b94;
        color            : white;
        width            : 280px;
        max-width        : 280px;
        float            : left;
        z-index          : 10;
        position         : absolute;
        left             :-300px;
        top              : 130px;
        padding          : 0;
        display          : block;
    }
    nav#hauptnavigation.nav-visible {
        box-shadow: 4px 4px 8px #000000;
    }

    nav#hauptnavigation ul#mainnav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        list-style-type  : none;
        margin           : 0 0 7px -50px;
        padding-left     : 40px;
        color            : #ffffff;
    }
    nav#hauptnavigation ul#servicenav {
        list-style-type  : none;
        margin           : 0 0 0 0px;
        padding-left     : 0;
    }

    nav#hauptnavigation ul li {
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        background       : #004b94;
        width            : 258px;
        max-width        : 258px;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        letter-spacing   : 1px;
        margin           : 0;
        color            : #ffffff;
        padding          : 4px 5px 4px 15px;
    }
    nav#hauptnavigation ul#mainnav li a,
    nav#hauptnavigation ul#mainnav li span {
        display          : block;
        text-decoration  : none;
        padding-left     : 0;
        color            : #ffffff;
        text-shadow      : 1px 1px 1px #000;
    }
    nav#hauptnavigation ul#mainnav li span {
        color            : #d0d0d0;
    }
    nav#hauptnavigation ul#mainnav li ul {
        margin           : 5px 0 10px -40px;
    }
    nav#hauptnavigation ul#mainnav li ul li,
    nav#hauptnavigation ul#mainnav li ul li a {
        border           : 0;
        background       : #004b94;
        width            : 200px;
        max-width        : 200px;
        text-transform   : none !important;
        font-size        : 13px;
        font-weight      : normal;
        letter-spacing   : 0.75px;
        line-height      : 1.2em;
        margin           : 0;
        color            : #ffffff;
    }
    nav#hauptnavigation ul#mainnav li ul li {
        border           : 0;
        padding          : 5px 5px 5px 15px;
        margin           : 0;
        background       : url(/imperia/md/images/cms/icons/list-icon.png) no-repeat left top 12px;
    }
    nav#hauptnavigation ul#mainnav li ul li a {
        display          : block;
        text-decoration  : none;
    }
    nav#hauptnavigation ul {
        display           : block;
    }
    nav#hauptnavigation ul#servicenav li a,
    nav#hauptnavigation ul#languagenav li a,
    nav#hauptnavigation ul li a  {
        display           : block;
        background        : #004b94;
        width             : 258px;
        height            : auto;
        max-width         : 258px;
        font-size         : 13px;
        font-weight       : normal;
        color             : #ffffc0;
        letter-spacing    : 1px;
        margin            : 0;
        padding           : 1px 5px 1px 0px;
        text-shadow       : 1px 1px 1px #000000;
    }
    nav#hauptnavigation ul#languagenav li a {
        padding           : 5px 5px 0px 0px;
    }
    nav#hauptnavigation ul#servicenav li img {
        width            : 16px;
        height           : 11px;
        margin           : 7px 5px 0 0;
        border           : none;
    }
    nav#hauptnavigation div.navdesc {
        display          : block;
        background       : #003b84;
        color            : #e8e8e8;
        border-left      : solid 1px #007bc4;
        border-top       : solid 1px #007bc4;
        border-right     : solid 1px #000020;
        border-bottom    : solid 1px #000020;
        text-transform   : uppercase;
        font-size        : 13px;
        font-weight      : bold;
        padding          : 5px 5px 5px 15px;
        width            : 258px;
        letter-spacing   : 1px;
        text-shadow      : 1px 1px 1px #000;
        margin           : 0;
    }
    #languagenav {
        margin           : 0;
    }
    #languagenav img {
        float            : left;
        padding-top      : 1px;
        margin-right     : 8px;
    }

    section#events {
        display          : none;
    }

    /* ==== navbar === */
    /* end navigation sidebar */

    section#inhalt {
        padding            : 2%;
        width              : 96% !important;
    }
    section#inhalt article ul.a-z-liste,
    section#inhalt article ul.a-z-index {
        float              : left;
        padding-left       : 0;
        list-style         : none;
        font-size          : 115%;
    }
    ul.a-z-index {
        margin-left        : -10px;
    }
    ul.a-z-index li {
        margin             : 0 0 9px 10px;
    }
    ul.a-z-index li a {
        float              : left;
        text-align         : center;
        border             : solid 1px #203080;
        border-radius      : 3px;
        box-shadow         : 2px 2px 3px #8080a0;
        padding            : 3.5% 2.0% 3.5% 2.0%;
        font-weight        : bold;
        width              : 2em;
        background-color   : #f0f0ff;
    }
    ul.a-z-liste li {
        line-height        : 1.4em;
        margin-bottom      : 0.5em;
    }

    ul.a-z-liste li a {
        padding            : 0.33em;
        margin-left        : -0.33em;
    }

    h2.a_z_char {
        border-bottom      : solid 1px #0060a0;
    }
    h2.a_z_char a {
        text-decoration    : none;
        padding            : 0.5em;
        margin-left        : -0.75em;
    }

    aside#sidebar {
        padding            : 2.17391%;
        width              : 95.6522%;
        background-color   : white;
        margin             : 0;
    }
    aside#sidebar article {
        margin             : 0 0 5px 0;
    }
    div#optmenu {
        position          : relative;
        top               : 55px;
        left              : 10px;
        width             : 32px;
        height            : 32px;
    }
    div#optmenu a img,
    div#optmenu img {
        border            : none;
        border            : 0;
        margin            : 0;
        box-shadow        : 3px 3px 3px #404080;
        outline           : none;
        text-decoration   : none;
    }
    div#navi div#touchlayer {
        box-shadow        : none !important;
        border            : 0;
        position          : fixed;
        height            : 600px;
        width             : 5%;
        overflow          : hidden;
        left              : 0px;
        top               : 131px;
        background        : none !important;
        z-index           : 99999;
    }
    div#navi div#touchlayer a img {
        outline           : none;
        border            : 0;
        text-decoration   : none;
    }
    div#navi a {
        outline          : none;
    }
    section#events {
        display: none;
    }

    /* ==== navbar === */
    /* end navigation sidebar */

    /* 10.CONTENT */
    section#inhalt {
        padding: 2%;
        width: 96% !important;
    }
    section#inhalt article ul.a-z-liste,
    section#inhalt article ul.a-z-index {
        float: left;
        padding-left: 0;
        list-style: none;
        font-size: 115%;
    }

    /* 11.MAIN */
    /* 12.COMPLIMENTARY */
    /* 13.CONTENTINFO */
    footer[role="contentinfo"] {
        background-color: #e8eaff;
        padding: 0.5% 4% 0.5% 4%;
        width: 92%;
        border-top: solid 1px #d8d3d0;
    }
    footer[role="contentinfo"] a {
        text-decoration: none;
    }
    footer[role="contentinfo"] a:hover {
        color: #fff;
    }
    footer[role="contentinfo"] p {
        font-size: 12px;
        color: #404040;
    }
    footer[role="contentinfo"] nav#metanav ul {
        margin-left: -10px;
    }
    footer[role="contentinfo"] nav#metanav ul li a {
        padding: 5px 10px 5px 10px;
        font-size: 14px;
        color: #004c93;
    }
    footer[role="contentinfo"] nav#metanav ul li a:hover {
        color: #fff;
    }
    /* 14.GLOBAL OBJECTS */
       div#zoom {
        display         : block;
        z-index         : 999999;
        width           : 75px;
        position        : fixed;
        bottom          : 3px;
        right           : 3px;
        color           : #000;
        font-size       : 16px;
        text-align      : right;
    }
    div#zoom a {
        color           : #000;
        text-decoration : none;
        font-weight     : bold;
        padding         : 2px 6px 2px 6px;
        background      : url(/imperia/md/images/cms/opac_yellow_80.png) repeat center -4px;
        border          : solid 1px #908000;
        border-radius   : 0;
    }
    div#zoom a:first-child {
        border-radius   : 10px 0 0 10px;
        margin-right    : 2px;
    }
    div#zoom a:last-child {
        border-radius   : 0 10px 10px 0;
        margin-left    : 2px;
    }

    /* 15.VENDOR-SPECIFIC */
    /* 16.TEMPLATE SPECIFICS */
    /* 17.MODERNIZR */

}/*/mediaquery*/


nav#hauptnavigation #mainnav li > ul {
    display: block;
}

@media screen and (orientation:landscape) {
    ul.gallery li, ul.gallery_zim.li {
        width: 15%;
        margin: 0 10px 10px 0;
    }

    ul.gallery.flyer figure img, ul.gallery_zim.flyer figure img {
        width: 100%;
        max-width: 100%;
        height: 100%;
    }
}
ul.gallery.flyer a[href^="http"]:after,
ul.gallery.flyer a[href^="http"]:visited:after {
    content: " ";
}

ul.gallery.flyer a, ul.gallery_zim.flyer a {
    margin: 0 3px 3px 0;

}

a[href^="http://www.reiseauskunft.bahn.de"]:hover:after,
a[href^="http://www.reiseauskunft.bahn.de"]:focus:after {
    content: "";
    padding: 0;
}

@media only screen and (max-width: 480px) {
    ul.gallery li, ul.gallery_zim.li {
        width: 90px;
        height: 90px;
        margin: 0 19px 19px 0;
        overflow: hidden;
    }
    ul.gallery.flyer figure, ul.gallery_zim.flyer figure {
        width: 90px;
        height: auto;
    }
    ul.gallery.flyer figure img, ul.gallery_zim.flyer figure img {
        width: 90px;
        max-width: 90px;
        height: 90px;
    }
    ul.gallery.flyer figcaption, ul.gallery_zim.flyer figcaption {
        width: 84px;
        text-overflow: ellipsis;
    }
    ul.gallery.flyer a, ul.gallery_zim.flyer a {
        width: 90px;
    }

    ul.gallery.flyer a, ul.gallery_zim.flyer a {
        margin: -1px 3px 3px -1px;
    }
}

@media only screen and (max-width: 768px) and (max-height:1280px) and (orientation:landscape) {
div#container.lumia {
    background: green !important;
}
}

@media only screen and (max-width: 768px) and (max-height:1280px) and (orientation:portrait) {
    div#container.lumia  ul.gallery li,
    div#container.lumia ul.gallery_zim li{
        width: 30%;
    }
    div#container.lumia  ul.gallery li a,
    div#container.lumia ul.gallery_zim li a{
        width: 310px;
    }
    div#container.lumia  ul.gallery li a figure,
    div#container.lumia ul.gallery_zim li a figure{
        width: 302px;
    }
}

/* second approach to a flexible image-gallery */

ul.gallery2 {
   list-style-type      : none;
   margin-left          : -15px;
}
ul.gallery2 li.box {
   width                : 80px;
   height               : 80px;
   margin               : 0 10px 10px 0 !important;
   float                : left;
   padding              : 0;
   border               : 0;
   overflow             : hidden;
   box-shadow           : 0 0 4px #202020;
}
ul.gallery2 li.box a img {
   margin-left          : 0;
   border               : 0;
}
ul.gallery2 li figure {
   margin               : 0;
   padding              : 0;
}

ul.gallery3 {
   list-style-type      : none;
   margin-left          : -15px;
   list-style-image     : none;
}
ul.gallery3 li.box {
   width                : 110px;
   height               : 110px;
   margin               : 0 10px 10px 0 !important;
   float                : left;
   padding              : 0;
   border               : 0;
   overflow             : hidden;
   box-shadow           : 0 0 4px #202020;
}
ul.gallery3 li.box a img {
   margin-left          : 0;
   border               : 0;
}
ul.gallery3 li figure {
   margin               : 0;
   padding              : 0;
}
dl.dyn {
	float           : none;
	margin-bottom   : 1em; 
}

/* description lists als dynamische Ausklapplisten */
dl.dyn dt {
    color           : #004c93;
    font-weight     : bold;
    font-size       : 13px;
    padding         : 5px 5px 0 23px;
    cursor          : pointer;
    display         : block;
    margin          : 5px 5px 0 0;
    background      : url("/imperia/md/images/cms/icons/icon_open.png") no-repeat 0px 6px; 
    margin-left     : 5px;
}
dl.dyn dt.open {
    background      : url("/imperia/md/images/cms/icons/icon_close.png") no-repeat 0px 6px; 
}
dl.dyn dd {
	display         : block;
	font-size       : 12px;
	line-height     : 1.4em;
	margin          : -0.3em 0 0.5em 0.5em;
	padding         : 5px 5px 5px 22px;
}
dl.dyn dd.open {
    display         : block;
//  background      : url("/imperia/md/images/cms/icons/bg_vert_dash.png") repeat-y 6px 0px; 
}
dl.dyn dd.closed {
        display         : none;
}
div.navi {
        margin          : 5px 0 7px 5px;
}

/* Content-App fuer Presse-News */
div.pc_result {
      border           : solid 1px #ccc;
      margin           : 0 0 1em 0;
      padding          : 1em;
      background-color : #f0f0f0;
}
div.pc_singlecontent {
  border: 0;
  padding: 0 0 1px 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
div.pc_singlecontent div.header_image {
  padding: 0;
  margin: 0;
  /*
  width: 501px !important;
  max-width: 501px !important;
  */
  border: 0;
  filter: none;
}

div.pc_singlecontent div.header_image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height:250px;
  filter: none;
}
div.pc_singlecontent div.article_wide {
  width          : 100%;
  max-width      : 100%;
  min-height     : 55px;
  padding        : 00 !important;
}
div.pc_doublecontent div.article_wide,
div.pc_doublecontent {
  border         : 0;
  padding        : 0 0 1px 0;
  width          : 100%;
  max-width      : 100%;
  margin         : 0 10px 0px 0px;
}

div.pc_singlecontent {
  margin         : 0 0 10px 0px !important;
  /*position       : relative;*/
  float: left;
}

div.pc_doublecontent {
  margin         : 0 0 10px 0px;
  padding        : 0;
  position       : relative;
}

div.pc_doublecontent div.tr {
  display: table-row; }

div.pc_singlecontent div.article_wide {
  position     : relative;
  margin       : 0;
}
div.pc_singlecontent div.single_article {
  padding: 0 0 1.6em 0 !important;
}

div.pc_doublecontent div.article_small {
  position     : relative;
  margin       : 0;
  border       : 0;
  padding      : 0 0 1.5em 0;
  display      : table-cell;
  width        : 49.1%;
  min-width    : 49.1%;
  border       : 0;
}

div.pc_doublecontent div.filler {
  background-color : white;
  width            : 1.8%;
}

div.pc_doublecontent div.article_small_r {
  position     : relative;
  border       : 0;
  padding      : 0 0 1.5em 0;
  margin       : 0;
  display      : table-cell;
  width        : 49.1%;
  min-width    : 49.1%;
}

div.pc_doublecontent div.color_0,
div.pc_singlecontent div.color_0 {
  background: white; }

div.pc_doublecontent div.color_1,
div.pc_singlecontent div.color_1 {
  background: #efe4bf; }

div.pc_doublecontent div.color_2,
div.pc_singlecontent div.color_2 {
  background: #dfe4f2; }

div.pc_singlecontent div.article_wide h3.subheadline,
div.pc_singlecontent div.article_small h3.subheadline,
div.pc_doublecontent div.article_wide h3.subheadline,
div.pc_doublecontent div.article_small h3.subheadline {
  font-weight: normal;
  margin: 0 0 2px 0;
  font-size: 11px !important;
  color: #666;
}
div.pc_singlecontent div.article_wide h3.subheadline a,
div.pc_singlecontent div.article_small h3.subheadline a,
div.pc_doublecontent div.article_wide h3.subheadline a,
div.pc_doublecontent div.article_small h3.subheadline a{
  color: #666;
  text-decoration : none;
}
div.pc_singlecontent div.article_wide h3.subheadline a:hover,
div.pc_singlecontent div.article_small h3.subheadline a:hover,
div.pc_doublecontent div.article_wide h3.subheadline a:hover,
div.pc_doublecontent div.article_small h3.subheadline a:hover {
  color: #ffffff;
  background-color : 206090;
  text-decoration : none;
}

div.pc_singlecontent div.article_wide h3,
div.pc_singlecontent div.article_small h3,
div.pc_doublecontent div.article_wide h3,
div.pc_doublecontent div.article_small h3 {
  font-weight: bold;
  padding: 7px 8px 0 8px !important;
  margin: 0;
  color: #206090;
  line-height : 1.3em;
}

div.pc_singlecontent div.article_wide h2,
div.pc_singlecontent div.article_small h2,
div.pc_doublecontent div.article_wide h2,
div.pc_doublecontent div.article_small h2 {
  font-weight: bold;
  padding: 0 8px 0 8px;
  margin: -2px 0 3px 0 !important;
  font-size: 15px !important;
  color: #206090; }

div.pc_singlecontent div.article_wide p,
div.pc_singlecontent div.article_wide div,
div.pc_doublecontent div.article_wide p,
div.pc_doublecontent div.article_wide div,
div.pc_doublecontent div.article_small p,
div.pc_doublecontent div.article_small div {
  margin: 0.95em 8px 0.95em 8px;
  line-height: 1.4em;
  font-size: 12px !important;
}
div.pc_singlecontent div.article_wide p a:hover,
div.pc_singlecontent div.article_wide div a:hover,
div.pc_doublecontent div.article_wide p a:hover,
div.pc_doublecontent div.article_wide div a:hover,
div.pc_doublecontent div.article_small p a:hover,
div.pc_doublecontent div.article_small div a:hover {
   color            : white;
   background-color : #203080;
}

div.pc_singlecontent a:link,
div.pc_singlecontent a:active,
div.pc_singlecontent a:visited,
div.pc_doublecontent a:link,
div.pc_doublecontent a:active,
div.pc_doublecontent a:visited {
  text-decoration: none;
  border-bottom: solid 1px transparent;
  color: #206090;
}
a.link-hover {
  padding : 2px;
}

a.link-hover:hover,
a.link-hover:active {
  color : white !important;
}

div.pc_singlecontent a:hover,
div.pc_doublecontent a:hover {
  border-bottom: solid 1px #206090; }

div.pc_doublecontent div.article_wide div.header_image {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  max-width: 100%;
  height: 204px;
  max-height: 204px;
}

div.pc_doublecontent div.article_wide div.header_image img {
  width: 100%;
  max-width: 100%;
  height: 204px;
  max-height: 204px;
  filter: none; }

/*
div.pc_singlecontent div.article_wide div.header_image img,
div.pc_doublecontent div.article_wide div.header_image img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
*/
div.pc_doublecontent div.article_small div.header_image,
div.pc_doublecontent div.article_small div.header_image figure img {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: auto;
  filter: none;
}
/*
div.pc_doublecontent div.article_small div.header_image figure img:hover,
div.pc_singlecontent div.header_image figure img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
*/
/* Bildeinbindung und Copyright */
div.pc_singlecontent div.header_image figure,
div.pc_doublecontent div.header_image figure {
  position:relative;
  min-width   : 100%;
  float       : none;
  margin      : 0;
}
div.pc_singlecontent div.header_image figure img,
div.pc_doublecontent div.header_image figure img {
  border      : 0;
  margin      : 0;
}


div.pc_singlecontent div.header_image figure figcaption,
div.pc_doublecontent div.header_image figure figcaption {
        padding-right: 2.167520%;
        padding-left : 2.167520%;
}


div.pc_singlecontent div.header_image figure figcaption,
div.pc_doublecontent div.header_image figure figcaption {
      position:absolute;
      bottom: 0px;
      background-color: rgba(255, 255, 255, 0.67);
      padding-top:0.2em;
      padding-right: 8px;
      padding-bottom:0.2em;
      padding-left: 8px;
      color : #336;
      font-size : 9px !important;
}
div.pc_doublecontent div.p_sep {
    margin-bottom : 0.5em;
}

div.article_wide div.preview {
  float      : left;
  width      : 135px;
  max-width  : 135px;
  height     : 100%;
  margin     : 0 !important;
  position   : absolute;
  top        : 0;
  bottom     : 0;
}
div.article_wide div.preview img {
  overflow   : hidden;
  height     : 100%;
    object-fit: cover;
}
div.article_wide div.message {
  padding-left : 123px;
  padding-bottom : 3px;
  position   : relativee;
  top        : 0;
  bottom     : 0;
}

div.pc_singlecontent div.p_sep {
    margin-bottom : 0.4em;
}

/* CATEGORIES */
div.categoryoptions {
    width          : auto;
    margin         : 0.5em 0 1em 0;
    padding        : 2px 10px 3px 0;
    /*height         : 45px;*/
    vertical-align : top;
    float          : none;
    border         : solid 1px #eee;
}
div.categoryoptions select {
    font-size     : 10px;
    height        : 18px;
    border        : 0;
    outline       : solid 1px #90c0f0;
    position      : relative;
    padding-right : 4px;
    text-align    : right;
    top           : -2px;
    width         : 40px;
}
div.categoryoptions input[type=checkbox] {
    font-size     : 10px;
    height        : 18px;
    border        : 0;
    outline       : 0;
    position      : relative;
    padding-right : 2px;
    text-align    : right;
    top           : -1px;
}
div.categoryoptions table {
    width : 100%;
    cell-padding:0;
    cell-spacing:0;
    border-collapse: collapse;
    border:0;
    font-size:10px;
    color:#206090;
    font-weight:normal;
    margin:3px 0 0 0;
}
div.categoryoptions table td.l {
    padding    : 2px 0.2em 2px 0.2em;
    text-align : left;
}
div.categoryoptions table td.c {
    padding     : 0;
    text-align : center;
    color      : #888;
    padding    : 0 1em 0 1em;
    font.weight:normal;
}
div.categoryoptions input[type=button] {
    margin : 0 3px 0 0;
    font: normal 10px Arial;
    text-decoration: none;
    background : url(/imperia/md/images/apps/content/presse/button_gradient.png) repeat-x 0 2px;
    color: #a909090;
    padding: 2px 2px 2px 2px;
    border: 1px solid #666;
    width : 22px;
    border-radius: 4px;
}
div.categoryoptions input[type=button].active {
    color: #203080;
    font-weight:bold;
}
div.categoryoptions table td.c a:hover {
    font-weight:bold;
    color:white;
    padding:0 0.75em 0 0.75em;
    padding:2px;
}
div.categoryoptions table td.r {
    padding : 2px 0.2em 2px 0.2em;
    text-align:right;
}
div.categoryoptions span {
    font-weight:normal;
    color:#888;
    padding:0 0.75em 0 0.75em;
}
div.categoryoptions span.list_counter {
    font-weight:normal;
    color:#206090;
    padding:0 0.75em 0 0.75em;
}
div.pc_doublecontent div.article_wide p.categories,
div.pc_doublecontent div.article_small p.categories {
  padding: 8px 8px 0 0;
  font-size : 10px !important;
  margin: 0 8px 0 6px;
}

div.pc_singlecontent a.category,
div.pc_doublecontent a.category {
  font-size       : 10px !important;
  display         : inline;
  padding         : 2px 2px 0 2px !important;
  border          : 0;
  text-transform  : uppercase;
}

div.pc_singlecontent a.category:hover,
div.pc_doublecontent a.category:hover {
  font-size       : 10px !important;
  display         : inline;
  padding         : 2px 2px 0 2px !important;
  color           : white;
  border-bottom   : solid 1px #203080;
}
/* ******************* */

div.pc_singlecontent div.anyteaser {
  margin : 0 !important;
  display : block;
}
div.pc_singlecontent div.hideteaser {
  display : none;
}

div.pc_singlecontent div.article_wide p.editor,
div.pc_singlecontent div.article_small p.editor,
div.pc_doublecontent div.article_wide p.editor,
div.pc_doublecontent div.article_small p.editor,
div.pc_singlecontent div.article_wide p.categories,
div.pc_doublecontent div.article_wide p.categories {
  font-size: 11px !important;
  padding: 0 8px 0 8px;
  color: #444;
  margin: 0 5px 0 0;
  text-align : left;
}
div.pc_singlecontent div.article_wide p.categories,
div.pc_doublecontent div.article_wide p.categories {
  font-size: 11px !important;
  padding: 8px 8px 0 7px;
  color: #444;
  margin: 0 5px 0 0;
  text-align : left;
}
div.pc_singlecontent div.article_wide p.editor span.autor {
  display : inline;
}
div.pc_singlecontent div.article_wide p.editor span.uppercase,
div.pc_singlecontent div.article_small p.editor span.uppercase,
div.pc_doublecontent div.article_wide p.editor span.uppercase,
div.pc_doublecontent div.article_small p.editor span.uppercase {
  text-transform: uppercase;
}

div.pc_singlecontent div.more,
div.pc_doublecontent div.more {
  position        : absolute;
  bottom          : 0;
  right           : 0;
  border          : 0;
  text-decoration : none;
}
div.pc_singlecontent div.more a:link,
div.pc_singlecontent div.more a:visited,
div.pc_doublecontent div.more a:link,
div.pc_doublecontent div.more a:visited {
  padding: 2px 8px 2px 4px;
}
div.pc_singlecontent div.more a:hover,
div.pc_singlecontent div.more a:active,
div.pc_doublecontent div.more a:hover,
div.pc_doublecontent div.more a:active {
  color : white;
  padding: 2px 8px 2px 4px;
}

div.pc_doublecontent div.article_wide table,
div.pc_doublecontent div.article_small table {
  margin: 5px 10px 5px 10px;
  border: solid 1px #aaa;
  border-collapse: collapse;
  box-shadow: 1px 1px 4px #666;
}

div.pc_doublecontent div.article_wide ul li,
div.pc_doublecontent div.article_wide ol li,
div.pc_doublecontent div.article_small ul li,
div.pc_doublecontent div.article_small ol li {
  margin: 0 0 5px 0;
  line-height: 1.3em;
}

div.pc_doublecontent div.article_wide table tr td,
div.pc_doublecontent div.article_wide table tr th,
div.pc_doublecontent div.article_small table tr td,
div.pc_doublecontent div.article_small table tr th {
  border: solid 1px #aaa;
  padding: 4px;
}
div.pc_doublecontent article.socialmedia {
  margin: 0 0 10px 10px;
  display: block;
}

div.pc_doublecontent article.socialmedia a {
  margin: 3px 2px 5px 2px;
}

div.clear {
  clear       : both;
  float       : none;
  margin      : 0 0 10px 0;
  padding     : 0;
  line-height : 0;
}

div.contentform {
  padding     : 0px;
}
div.contentform div.bordered {
  border      : solid 1px #ccc !important;
  position    : relative;
  top         : -4px;
  background-color : #f0f0f0 !important;
}
div.contentform fieldset {
  padding     : 10px;
  border      : solid 1px #ddd;
  background-color : #f0f0f0;
}
div.contentform fieldset legend {
  padding          : 3px 6px 2px 6px;
  border           : solid 1px #aaa;
  background-color : #f8f8f8;
  color            : #206090;
}
div.contentform div.formfield {
  margin           : 5px 0 10px 0;
}
div.contentform label {
  font-weight      : bold;
  border           : solid 1px #aaa;
  border-radius    : 3px 3px 0 0;
  width            : 172px;
  padding          : 0 6px 0 6px;
  margin           : 0;
  position         : relative;
  top              : 1px;
  background-color : #d8d8d8;
  color            : #306090;
}
div.contentform div.formfield select {
  border           : solid 1px #aaa;
  padding          : 2px 5px 2px 3px;
  width            : 200px;
}
div.contentform div.formfield input[type=text] {
  border           : solid 1px #aaa;
  padding          : 3px 5px 3px 6px;
  font-family      : Courier;
  font-size        : 12px;
}
div.contentform div.formfield input[type=text].readcareful {
  font-family      : Courier;
  font-size        : 14px;
  font-weight      : bold;
  color            : #203080;
  letter-spacing   : 1px;
}
div.contentform div.formfield input[type=text].closer {
  position         : relative;
  top              : -9px;
}
div.contentform div.formfield input[type=text].short {
  width            : 186px;
}
div.contentform div.formfield input[type=text].long {
  width            : 400px;
}
div.contentform div.formfield input[type=text].longer {
  width            : 550px;
}
div.contentform input[type=button].tiny {
    margin : 0 3px 0 0;
    font: normal 10px Arial;
    text-decoration: none;
    background : url(/imperia/md/images/apps/content/presse/button_gradient.png) repeat-x 0 2px;
    color: #000000;
    padding: 3px 2px 2px 2px;
    border: 1px solid #666;
    width : 60px;
    border-radius: 4px;
}
div.contentform div#imagepreview {
    display       : none;
    position      : relative;
    top           : -7px;
    width         : 123px;
    height        : 50px;
    border        : solid 1px #aaa;
    margin-bottom : 0; 
}

div.contentform div.requestpreview {
    border        : solid 1px #ccc;
    padding       : 0.5em 0.5em 1em 0.5em;
    background-color : #ffffff;
    margin        : 0 0 1em 0;
}
div.contentform div.requestpreview h3.subheadline {
    color         : #666;
    font-weight   : normal;
    font-size     : 11px !important;
    margin        : 0 !important;
}
div.contentform div.requestpreview h2 {
    color         : #206090;
    font-weight   : bold;
    font-size     : 16px !important;
    margin        : -0.1em 0 1em 0;
}

div.pc_singlecontent div.item {
    border        : solid 1px #ddd;
    width         : 100%;
    height        : 50px;
    position      : relative;
    display       : table;
    table-layout  : fixed;
    margin        : 0 0 3px 0;
    padding       : 0;
    
}
div.pc_singlecontent div.itemtext {
    display       : table-cell;
    padding       : 0 5px 0 5px;
    width         : 56%;
    background-color : #f8f8ff;
}
div.pc_singlecontent div.itemtext h3 {
    font-size     : 11px;
    color         : #666;
    font-weight   : normal;
    margin        : 0;
}
div.pc_singlecontent div.itemtext h3 a {
    color         : #666;
}
div.pc_singlecontent div.itemtext a:hover {
    color         : #ffffff !important;
}
div.pc_singlecontent div.itemtext h2 {
    font-size     : 14px !important;
    color         : #206090;
    font-weight   : boldl;
    margin        : -2px 0 0 0;
    padding       : 0 2px 0 0;
}
div.pc_singlecontent div.itemcat {
    display       : table-cell;
    padding       : 0 4px 0 4px;
    border        : 0;
    width         : 16%;
    color         : #000000;
    font-size     : 9px;
    text-transform: uppercase;
    background-color : #ececff;
    overflow      : ellipsis;
}
div.pc_singlecontent div.itemcat a {
    color         : #206090;
}
div.pc_singlecontent div.itemcat a:hover {
    color         : #ffffff;
}
div.pc_singlecontent div.itemdata {
    display       : table-cell;
    padding       : 0 3px 0 5px;
    border        : 0;
    width         : 12.5%;
    color         : #206090;
    font-size     : 11px;
    background-color : #e4e4fc;
}
div.pc_singlecontent div.itemcount {
    display       : table-cell;
    padding       : 0 4px 0 2px;
    border        : 0;
    width         : 6%;
    color         : #206090;
    font-size     : 11px;
    text-align    : right;
    background-color : #f0f0f0;
}
div.pc_singlecontent div.itemoptions {
    display       : table-cell;
    padding       : 0 5px 0 5px;
    width         : 5%;
    background-color : #e0e0f8;
    color         : #206090;
    text-align    : right;
}
div.pc_singlecontent div.itemstatus {
    display       : table-cell;
    padding       : 0 5px 0 5px;
    width         : 4.5%;
    background-color : #dcdcf4;
    color         : #206090;
}
div.pc_singlecontent div.itemstatus img {
    width         : 24px;
}
div.pc_singlecontent div.itemedit {
    display       : table-cell;
    padding       : 0 5px 0 5px;
    width         : 4.5%;
    background-color : #dcdcf4;
    color         : #206090;
}
div.pc_singlecontent div.itemedit img {
    width         : 18px;
}
div.pc_singlecontent .middle { vertical-align: middle; }
div.pc_singlecontent .top { vertical-align: top; }
div.pc_singlecontent .bottom { vertical-align: bottom; }
div.pc_singlecontent .center { text-align: center; }
div.pc_singlecontent .left { text-align: left; }
div.pc_singlecontent .right { text-align: right; }
div.pc_singlecontent div.itemnull {
    border         : 0;
    background-color:transparent;
    text-transform : none;
}
div.pc_singlecontent div.itemright {
    text-align    : right;
}
/* catopt */
div.pc_singlecontent div.catoptbox {
    border        : solid 1px #eee;
    width         : 100%;
    padding       : 0 0 2px 0;
    margin        : 0 0 2px 0;
    position      : relative;
}
div.pc_singlecontent div.catopt {
    display       : table;
    width         : 100%;
    height        : auto;
    position      : relative;
    display       : table;
    margin        : 0;
    padding       : 0;
    table-layout  : fixed;
}

div.pc_singlecontent div.catopt input[type=button] {
    margin : 0 3px 0 0;
    font: normal 10px Arial;
    text-decoration: none;
    background : url(/imperia/md/images/apps/content/presse/button_gradient.png) repeat-x 0 2px;
    color: #a909090;
    padding: 2px 2px 2px 2px;
    border: 1px solid #666;
    width : 22px;
    border-radius: 4px;
}
div.pc_singlecontent div.catopt input[type=button].active {
    color: #203080;
    font-weight:bold;
}
div.pc_singlecontent div.catopt select {
    color         : #206090;
    font-size     : 10px !important;
    position      : relative;
    top           : -1px;
    text-align    : right;
    padding       : 2px 3px 1px 0;
    border-radius : 2px;
    width         : 50px;
}
div.pc_singlecontent div.catopt1 {
    display       : table-cell;
    padding       : 2px 0 0 5px;
    width         : 17%;
    background-color : #ffffff;
    border-top    : solid 2px white;
    text-align    : right;
    color         : #206090;
    font-size     : 11px;
}
div.pc_singlecontent div.catopt2 {
    display       : table-cell;
    padding       : 2px 5px 0 3px;
    border        : 0;
    border-top    : solid 2px white;
    width         : 35%;
    color         : #206090;
    font-size     : 11px;
    background-color : #ffffff;
    text-align    : left;
}
div.pc_singlecontent div.catopt3 {
    display       : table-cell;
    padding       : 2px 5px 0 5px;
    width         : 48%;
    background-color : #ffffff;
    color         : #206090;
    border-top    : solid 2px white;
    text-align    : right;
}
div.contentform div.queryresult {
    border           : solid 1px #d8d8d8;
    border-radius    : 2px;
    background-color : #f0f0f0;
    padding          : 1em 1em 1em 3em;
    box-shadow       : 4px 4px 8px #aaa;
    background-image : url(/imperia/md/images/apps/content/presse/bgresult.png);
    background-repeat: repeat-y;
    margin-bottom    : 2em;
}
div.contentform div.counter {
    border           : solid 1px #999;
    border-top       : solid 1px #fff;
    position         : relative;
    background-color : #d8d8d8;
    color            : #206090;
    top              : -13px;
    width            : 200px;
    padding          : 2px 2px 0 5px;
}
div.contentform div.counter span {
    font-weight      : bold;
}
/* ====== */

@media (max-width: 480px)
{
    div.pc_doublecontent
    {
        margin-bottom: 0;
    }
    div.pc_doublecontent div.tr
    {
        display: block;
    }
    div.pc_doublecontent div.tr div.article_small
    {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.i-iwe2-image-container.containsimage img
{
    height: auto !important;
}

/* END */