/*

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 {
margin-bottom: .75em;
line-height: 1.2; }

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

section#inhalt h2 {
	margin-bottom: .5em;
	font-size: 18px;
	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;
	}

aside[role=complementary] h2,
aside#sidebar h2 {
	margin-bottom: .5em;
	font-size: 14px;
	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;
	}

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

nav#hauptnavigation ul.targets {
  display           : none;
}

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; }
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 {
	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 {
	background: url("/imperia/md/images/cms/mailto-over.png") no-repeat 2px center #004c93;
	}
.mehrzu_info:before { content: "> "; }

.hint p a {
  text-decoration   : none;
}

/* 5.FIGURES & IMAGES */

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

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#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;
/* Von Tobias Berger geaendert 20.4.2012
	min-width: 110px;
	min-height: 110px;
	max-width: 140px;
	max-height: 140px;
	*/
	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: 150px; 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; }

#map_canvas { margin-bottom: 10px; }

section.banners {
   border       : 0;
   margin       : -10px 0 10px 0 !important;
   padding      : 0 !important;
   width        : 100%;
   min-width    : 100%;
   max-width    : 100%;
   clear        : both;
}
section.banners img,
section.banners a img {
   margin       : 10px 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; }

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

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 .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 .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 .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%;
	margin: 3px 0 10px 0;
	background-color: #004c93;
	}
#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;
	line-height: 1;
	}
#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;
	}

footer {
	margin-top: 20px;
	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; }

.layout2 figure {
	float: left;
	width: 34.583333333%;
	max-width: 164px;
	margin: 0 4.166666667% 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;
	}

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

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

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

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 section.highlight1, section#inhalt section.highlight2 {
	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: 40px;
	}
aside[role=complementary] article,
aside[role=complementary] section,
aside#sidebar article,
aside#sidebar section {
	clear: none;
	float: left;
	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: 5px;
	}

/* 2.HEADINGS */

header[role=banner] {
	min-height: 30px;
	padding-top: 10px;
	}

h1#seitentitel {
	margin: 0 10px;
	width: auto;
	}

/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 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 */

aside[role="complementary"], aside#sidebar {
	margin-bottom: 10px;
	}


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

}





/*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: 800px) {
/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
 #breadcrumb {
    display    : none;
 }

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

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

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 figure {
	width: 100%;
	max-width: 400px;
	margin: 0;
	}
section#inhalt section.teaser article figure img {
	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;
	}
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 { margin-left: 186px; }


/* 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; }
  ul.gallery.flickr li:nth-child(6n), ul.gallery.flickr li:nth-child(4n) {
    margin-right: 19px !important; }
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-position:right
}

.ie7 #masthead.specialforstartpage,
.ie8 #masthead.specialforstartpage {
   background-image:url(/imperia/md/images/portal/2011/wolken/wechselgrafik_c.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:400px;
   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%;
	}

/* Styles für DBAdmin, Tobias Berger 3. Mai 2013 */

table.dbadmin {
  border:0px; 
  -moz-box-shadow:4px 4px 6px #909090;
  -webkit-box-shadow: 4px 4px 6px  #909090;
  box-shadow:4px 4px 6px  #909090;
}
table.dbadmin img {
  max-width:none;
}