/*
1.ROOT
2.HEADINGS
3.TYPOGRAPHY
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: #efe4bf;
}

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:hover,
ul#skip a:focus,
ul#skip a: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 {
    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 {
    margin-bottom: .5em;
}

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;
}
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;
}

#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, header h2 a:visited {
    display         : block;
    padding         : 0 10px;
    color           : #fff;
    text-decoration : none;
}

header h2 a:hover, header h2 a: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;
}
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.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;
    padding-left: 21px;
    background: url(/imperia/md/images/zim/icons/rss_16x16.gif) no-repeat top left;
}

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

hgroup h3 {
    margin-bottom: 0em;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    color: #58585a;
}

hgroup h3 a {
    text-decoration : none !important;
    color: #585858 !important;
}
hgroup h3 a:hover {
    text-decoration : none !important;
    color: #ffffff !important;
}
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 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    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;
}

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,
a:visited {
    color: #004c93;
    text-decoration: underline;
}

a:hover,
a:focus {
    /*
    color: #1a171b;
    background-color: #dfe4f2;
    */
    color: #fff;
    background-color: #004C93;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

a.imglink,
a.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.png") no-repeat 2px center;
    padding: 0 2px 0 18px;
}
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.png") no-repeat 2px center #004c93;
}
.mehrzu_info:before { content: "> "; }

/* 5.FIGURES & IMAGES */

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

/* Bilder aus dem iWE 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;
}

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
}

#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 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    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); }

.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 {
    -moz-box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.2);
    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 {
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    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 {
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    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 {
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    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 {
    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;
    -webkit-box-shadow: inset 0 0 2px #ccc;
    -moz-box-shadow: inset 0 0 2px #ccc;
    box-shadow: inset 0 0 2px #ccc;
    font-family: Arial,sans-serif;
    padding: 3px 0 3px 1px;
}

form select {
    padding: 2px 1px;
}

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;
    -webkit-box-shadow: inset 0 0 2px #004c93;
    -moz-box-shadow: inset 0 0 2px #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 {
    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 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    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;
    -moz-box-shadow: inset 0 0 2px #EA5338;
    -webkit-box-shadow: inset 0 0 2px #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 {
    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 {
    background: #0468ae;
    background: -moz-linear-gradient(#0468ae, #064876);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#0468ae), to(#064876));
    border: 1px solid #064876;
    border: 1px solid rgba(6,72,118,0.7);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    color: white;
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 2px 7px 3px;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.roundedButton:hover,
.roundedButton:focus,
.roundedButton:active {
    background: #0468ae;
    background: -moz-linear-gradient(#1478be, #064876);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1478be), to(#064876));
    -moz-box-shadow: 0 1px 3px #333;
    -webkit-box-shadow: 0 1px 3px #333;
    box-shadow: 0 1px 3px #333;
    text-decoration: none;
}

.roundedButton:active {
    background: -moz-linear-gradient(#064876, #0468ae);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#064876), to(#0468ae));
    border: 1px solid #064876;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    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;
    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, nav a:visited { text-decoration: none; }

section#events {
    margin     : 0 0 0 -31px;
}
section#events a {
    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: #004c93;
}
#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: #004c93;
}

#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: #004c93;
}

#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: #004c93;
}
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 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: 10px !important;
}

.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; border: 1px solid #004c93; 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; 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; }


/* 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;
}

aside[role=complementary] .rss ul,
aside#sidebar .rss ul {
    font-size: 12px;
}
aside[role=complementary] .rss ul p,
aside#sidebar .rss ul p {
    margin-bottom: .25em;
}


/* 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; }

    h1#seitentitel { margin-left: 0; padding: 0; }

    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,
    h2 {
        font-size        : 120% !important;
        margin-bottom    : 5px !important;
    }
    h3,
    h3 {
        font-size        : 100% !important;
        margin-bottom    : 5px !important;
    }
    #sidebar p,
    #sidebar h2,
    #sidebar h3 {
        margin-left      : -5px !important;
    }
    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            : "]";
    }
    nav#zielgruppen,
    h1 a {
        display           : none;
    }
    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;
    }

    /* 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;
    }

}

/*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;
    }

    /* 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;
        -moz-box-shadow: 1px -2px 14px rgba(0,0,0,0.2);
        -webkit-box-shadow: 1px -2px 14px rgba(0,0,0,0.2);
        -o-box-shadow: 1px -2px 14px rgba(0,0,0,0.2);
        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%;
        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%;
    }
    /* 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;
    }

    /* 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 {
    /* 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 {
    /* 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 {
    /* legacy HTML, pretending to be an h3 */
    margin-bottom: .5em;
    font-weight: bold;
    color: #004C93;
}
span.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 {
    /* 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 {
    display: inline;
    background-color: #dfe4f2;
    padding: 0.2em 1em 3px 1em;
    margin-right: 3px;
}
span.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 { margin-bottom: 0.1em; }

span.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,
    h2 {
        font-size        : 120% !important;
        margin-bottom    : 5px !important;
    }
    h3,
    h3 {
        font-size        : 100% !important;
        margin-bottom    : 5px !important;
    }
    #sidebar p,
    #sidebar h2,
    #sidebar h3 {
        margin-left      : -5px !important;
    }
    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            : "]";
    }
    nav#zielgruppen,
    h1 a {
        display           : none;
    }
    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;
    }

    /* 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;
}
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         : none;
	font-size       : 12px;
	line-height     : 1.4em;
	margin          : -3px 0 15px 6px;
	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;
}