/*

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] { 
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;
	background-image: url(//www.esaga.uni-due.de/static/layout/image.png);
	background-position: right;
	}
#masthead.specialforstartpage{
	background-image: url(/portal/tools/wechselbild/image_start.php) !important;
	}

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;
	max-width: 50%;
	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;
	}

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: .25em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
	color: #58585a;
	}

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(//www.uni-due.de/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: normal; }

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("//www.uni-due.de/imperia/md/images/cms/external.png");
	padding: 0 2px;
	}
a[href^="http"]:hover:after,	
a[href^="http"]:focus:after {
	content: url("//www.uni-due.de/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("//www.uni-due.de/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("//www.uni-due.de/imperia/md/images/cms/mailto-over.png") no-repeat 2px center #004c93;
	}

.teaser .mehrzu_info {
	padding-right: 4.424778761%;
	padding-left: 4.424778761%;
	}
.mehrzu_info:before { content: "> "; }

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

ul.gallery {
	display: block;
	padding: 0;
	list-style: none;
	}
ul.gallery 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;
    max-width: 100%;
    max-height: 100%;
	}

ul.gallery.flyer li {
	height: auto;
	}
ul.gallery.flyer a { display: block; float: left; min-height: 146px; background: #fff; }
ul.gallery.flyer a:hover,
ul.gallery.flyer a:focus { color: #fff; background: #004c93; }
ul.gallery.flyer figure { width: 104px; height: auto; }
ul.gallery.flyer figure img { width: auto; max-width: 102px; height: 102px; border: 1px solid #a0a0a0; }
ul.gallery.flyer figcaption { padding: 2px; }

#map_canvas { margin-bottom: 10px; }

/* 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;
  background-color: #eeeeee;
	}
	
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;
}

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

/* line 142, ../sass/scratch.scss */
.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; }
/* line 145, ../sass/scratch.scss */
.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(../images/ui/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;
}

/* line 149, ../sass/scratch.scss */
form .field, form legend, form .section {
  background-color: transparent; }
/* line 150, ../sass/scratch.scss */
form .fieldFocused {
  background-color: #e7f3ff; }
/* line 151, ../sass/scratch.scss */
form .fieldHalfLeft {
  padding-right: 2px; }
/* line 152, ../sass/scratch.scss */
form .fieldHalfRight {
  padding-left: 2px; }
/* line 156, ../sass/scratch.scss */
form .complex span {
  width: auto; }

/* line 161, ../sass/scratch.scss */
#opensearch {
  float: right;
  padding: 10px; }

/*- FORMS END -*/


.roundedButton {
  background: #eeeeee;
  background: -moz-linear-gradient(#eeeeee, #ffffff);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#ffffff));
  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: black;
  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: #cccccc;
  background: -moz-linear-gradient(#cccccc, #ffffff);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff));
  -moz-box-shadow: 0 1px 3px #333;
  -webkit-box-shadow: 0 1px 3px #333;
  box-shadow: 0 1px 3px #333;
  text-decoration: none;
  color: #000000;
}

.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;
	}
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;
	}
#ude-logo img {
	width: 100%;
	}

/* 9.NAVIGATION */

nav ul { margin: 0; padding: 0; list-style: none; }
nav a, nav a:visited { 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(//www.uni-due.de/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: 3px 5px;
	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;
	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,
.layout1 section#inhalt article.nopadding,
.layout1 section#inhalt section.nopadding {
	width: 100% !important;
	max-width: 500px;
	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 */


/* 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%;
	}
	
.kein-umfluss { margin-left: 186px; }

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

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

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


ul#skip {
	position: static;
	height: auto;
	width: auto;
}

ul#skip li:nth-child(-n+2) {
	display: none;
	}
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;
	}
	

#breadcrumb { margin-left: 10px; }

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









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







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


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

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


.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(/portal/tools/wechselbild/image.php);background-position:right}.ie7 #masthead.specialforstartpage,.ie8 #masthead.specialforstartpage{background-image:url(/portal/tools/wechselbild/image_start.php) !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}