@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a { background: transparent; }

a:active, a:hover { outline: 0; }

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; }

svg:not(:root) { overflow: hidden; }

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* FancyBox - jQuery Plugin Simple and fancy lightbox alternative  Examples and documentation at: http://fancybox.net  Copyright (c) 2008 - 2010 Janis Skarnelis  Version: 1.3.1 (05/03/2010) Requires: jQuery v1.3+  Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html */
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

* html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; }

#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("../Images/fancybox/fancybox.png"); }

#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }

* html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; }

#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }

#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; }

#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }

#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }

#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; }

#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }

#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }

#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }

#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }

#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Roboto, Arial; font-size: 12px; z-index: 1102; }

.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }

.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }

.fancybox-title-over { color: #FFF; text-align: left; }

#fancybox-title-over { padding: 10px; background-image: url("../Images/fancybox/fancy_title_over.png"); display: block; }

#fancybox-title-wrap { display: inline-block; }

#fancybox-title-wrap span { height: 32px; float: left; }

#fancybox-title-left { padding-left: 15px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -90px; background-repeat: no-repeat; }

#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url("../Images/fancybox/fancybox-x.png"); background-position: 0px -40px; color: #FFF; }

#fancybox-title-right { padding-left: 15px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -55px -90px; background-repeat: no-repeat; }

#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url("../Images/fancybox/blank.gif"); z-index: 1102; display: none; }

#fancybox-left { left: 0px; }

#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

#fancybox-left-ico { background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -30px; }

#fancybox-right-ico { background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }

#fancybox-left:hover span { left: 20px; }

#fancybox-right:hover span { left: auto; right: 20px; }

.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url("../Images/fancybox/fancybox-x.png"); }

#fancy-bg-ne { top: -20px; right: -20px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -162px; }

#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url("../Images/fancybox/fancybox-y.png"); background-position: -20px 0px; }

#fancy-bg-se { bottom: -20px; right: -20px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -182px; }

#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url("../Images/fancybox/fancybox-x.png"); background-position: 0px -20px; }

#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -142px; }

#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url("../Images/fancybox/fancybox-y.png"); }

#fancy-bg-nw { top: -20px; left: -20px; background-image: url("../Images/fancybox/fancybox.png"); background-position: -40px -122px; }

/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_loading.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }

.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_title_left.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_title_main.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }

.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { background: #3e3641 url(../Images/background.jpg) center top no-repeat; color: #363636; font-family: Roboto, Arial, Verdana, sans-serif; font-size: 15px; line-height: 1.6; }
body.contentonly { background: none; }

#wrapper { margin: 0 auto 30px auto; width: 890px; padding: 0 10px 10px; overflow: hidden; *zoom: 1; }
.contentonly #wrapper { width: auto; }

header { display: block; position: relative; z-index: 10; height: 140px; }
.start header { height: 190px; }

header #kopf { background: transparent url(../Images/header_kopf.png) no-repeat left top; width: 480px; height: 190px; position: absolute; left: 280px; top: 0px; }

* html header #kopf { background-image: url(../Images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/header_kopf.png'); }

header h1 { height: 35px; overflow: hidden; background: transparent url(../Images/brand_start_de.png) left top no-repeat; float: left; width: 282px; margin: 60px 0 0 15px; text-indent: -9999px; cursor: pointer; }
.start header h1 { height: 76px; }

* html header h1 { background-image: url(../Images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/brand_start_de.png'); }

.en header h1 { background: transparent url(../Images/brand_start_en.png) left top no-repeat; }

* html body.en header h1 { background-image: url(../Images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/brand_start_en.png'); }

.sujet { position: absolute; margin-top: 5px; cursor: pointer; z-index: 20; }
.sujet img { width: 198px; height: 198px; }

.start .sujet img { width: 247px; height: 247px; }

a#bmwfw { background: transparent url(../Images/bmbwf_logo_de.png) right top no-repeat; width: 82px; height: 35px; float: right; margin-top: 24px; display: block; text-indent: -9999px; cursor: pointer; }

* html a#bmwfw { background-image: url(../Images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Images/bmwf_logo.png'); }

#menubox { background: #181818; border: 1px solid #1c181d; height: 66px; margin-bottom: 10px; z-index: 10; -moz-box-shadow: #29242b 2px 5px 10px; -webkit-box-shadow: #29242b 2px 5px 10px; box-shadow: #29242b 2px 5px 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#29242b', Direction=145, Strength=5); overflow: hidden; *zoom: 1; position: relative; }

* html #menubox { margin-bottom: 0; }

* + html #menubox { margin-bottom: 0; }

#menu, #newsletterButton, #language_switch, #search { line-height: 33px; }

#newsletterButton { position: absolute; bottom: 0; right: 183px; margin-top: 1px; }

#menu { float: right; display: block; }

#menu ul { list-style: none; height: 33px; margin: 0; }

#menu ul li { float: left; background: transparent url(../Images/bg_nav_li.png) no-repeat right top; padding: 0 1px 0 0; line-height: 33px; }

#menu ul li:last-child { background: none; }

#menu ul li a { display: block; color: #fff; text-decoration: none; overflow: hidden; padding: 0 15px; text-transform: uppercase; font-size: 15px; font-family: Roboto, Arial, Verdana, sans-serif; letter-spacing: -0.2px; /* position relative notwendig für IE8 Hover Effekt und IE6 Klickfläche */ position: relative; }

#menu ul li a:hover, #menu ul li.active a, #menu ul li.current a { background: url(../Images/bg_menubox.png) repeat-x left bottom; }

#language_switch { position: absolute; bottom: 0; right: 135px; width: 5%; text-align: center; }

#search { position: absolute; bottom: 0; right: 0; height: 33px; width: 135px; }

#search input { position: absolute; background: #575259; border: 1px solid #4c444e; font-family: Roboto, Arial, Verdana; font-size: 11px; color: #FFF; width: 107px; height: 15px; top: 4px; left: 0; padding: 4px 3px 3px 3px; }

#search input.send { background: #4c444e url(../Images/suche_button.jpg) center center no-repeat; width: 18px; left: 114px; height: 24px; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; }

* html #search input.send { line-height: 1px; }

* + html #search input.send { line-height: 1px; }

#frame { background-color: #fff; border: 1px solid #000; -moz-box-shadow: #29242b 5px 5px 10px; -webkit-box-shadow: #29242b 5px 5px 10px; box-shadow: #29242b 5px 5px 10px; min-height: 400px; }

#logo { float: right; width: 130px; position: relative; bottom: 65px; right: 30px; }

/* Nur für IE8 notwendig, da sonst unterhalb des Footers ein weißer Bereich angezeigt wird */
#logo img { position: absolute; top: 0; left: 0; }

#content { margin: 0px; padding: 0px; overflow: hidden; *zoom: 1; }
#content #submenu, #content #main { float: left; margin-top: 10px; }

#main { width: 490px; padding-bottom: 100px; overflow: hidden; *zoom: 1; }
#main.mainAllWidth { width: 100%; }
#main.map { width: 640px; }
body.main580 #main, #main.fotosVideos { width: 580px; }
body.main640 #main { width: 640px; }
body.main668 #main { width: 668px; }
#main .left, #main .right { float: left; }
#main .right h3 { margin-top: 10px; }

footer { display: block; background-color: #b0abb2; color: #000; text-align: left; padding: 15px; font-size: 11px; font-family: Roboto, Arial, Verdana; line-height: 17px; }

footer p { margin: 0; }

footer a { color: #000; }

footer a:hover { color: #000; text-decoration: none; }

footer p a img { vertical-align: -4px; }

#print-message { margin-top: 20px; text-align: center; display: none; }

.clearfix { overflow: hidden; *zoom: 1; }

.boxshadow-workaround { background: red; position: absolute; z-index: 100; width: 5px; height: 5px; }
.boxshadow-workaround.right { background: url(../Images/boxshadow-workaround-right.png) top right repeat-y; }
.boxshadow-workaround.bottom { background: url(../Images/boxshadow-workaround-bottom.png) bottom left repeat-x; }

.columns-50-50:before, .columns-25-75:before, .columns-33-66:before, .columns-75-25:before, .columns-66-33:before, .columns-page-ausschreibung:before { content: ''; display: table; box-sizing: border-box; }
.columns-50-50:after, .columns-25-75:after, .columns-33-66:after, .columns-75-25:after, .columns-66-33:after, .columns-page-ausschreibung:after { content: ''; display: table; box-sizing: border-box; clear: both; }
.columns-50-50 > .column, .columns-25-75 > .column, .columns-33-66 > .column, .columns-75-25 > .column, .columns-66-33 > .column, .columns-page-ausschreibung > .column { float: left; }

.columns-50-50 > div:first-child { width: 50%; }
.columns-50-50 > div:first-child + div { width: 50%; }

.columns-25-75 > div:first-child { width: 25%; }
.columns-25-75 > div:first-child + div { width: 75%; }

.columns-33-66 > div:first-child { width: 33.5%; }
.columns-33-66 > div:first-child + div { width: 66.4%; }

.columns-75-25 > div:first-child { width: 75%; }
.columns-75-25 > div:first-child + div { width: 25%; }

.columns-66-33 > div:first-child { width: 66.4%; }
.columns-66-33 > div:first-child + div { width: 33.5%; }

.columns-page-ausschreibung > div:first-child { width: 490px; margin-right: 13px; }
.columns-page-ausschreibung > div:first-child + div { width: 165px; }

.pluginOnly { padding: 0 10px; }

.cookie-notice { padding: 2em 1.8em; bottom: 0; left: 0; right: 0; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.8); align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; z-index: 9999; position: fixed; overflow: hidden; box-sizing: border-box; font-size: 16px; line-height: 1.5em; opacity: 1; transition: opacity 1s ease; outline: 0; }
.cookie-notice .cc-message { flex: 1; }
.cookie-notice .cc-link { color: #999; color: #fff; text-decoration: underline; padding: 0; opacity: 1; }
.cookie-notice .cc-link:hover { color: gray; text-decoration: none; }
.cookie-notice .fa-info-circle { margin-right: 3px; }
.cookie-notice .fa-info-circle svg { width: 15px; height: 16px; fill: #999; position: relative; top: 2px; }
.cookie-notice .cc-compliance { margin-left: 10px; display: flex; align-items: center; align-content: space-between; color: #fff; font-size: 16px; line-height: 1.5em; }
.cookie-notice .cc-compliance .cc-btn { min-width: 140px; flex: 1; color: #ffffff; background-color: #004A60; border-color: transparent; display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; cursor: pointer; text-decoration: none; outline: none !important; }
.cookie-notice .cc-compliance .cc-btn:hover, .cookie-notice .cc-compliance .cc-btn:focus { color: #e6e6e6; background-color: #007cb0; }

#content #submenu ul li a.naturwissenschaften { background-image: url(../Images/subnav_naturwissenschaften.png); }
#content #submenu ul li a.technik { background-image: url(../Images/subnav_technik.png); }
#content #submenu ul li a.informatik { background-image: url(../Images/subnav_informatik.png); }
#content #submenu ul li a.medizin-und-gesundheit { background-image: url(../Images/subnav_medizin.png); }
#content #submenu ul li a.sozialwissenschaften { background-image: url(../Images/subnav_sozialwissenschaften.png); }
#content #submenu ul li a.geisteswissenschaften { background-image: url(../Images/subnav_geisteswissenschaften.png); }
#content #submenu ul li a.lehr-lernforschung { background-image: url(../Images/subnav_lehr-lernforschung.png); }

#content #submenu { display: block; margin-left: 10px; width: 200px; }
#content #submenu ul { list-style: none; width: 173px; margin: 0 0 1.3em 0; padding: 0; }
#content #submenu ul li { background: #d5e5ea; margin: 2px 0 0 0; }
#content #submenu ul li a, #content #submenu ul li span { background-position: 4% center; background-repeat: no-repeat; display: block; text-decoration: none; color: #38303b; padding: 2px 0 3px 15px; /* Damit Hover im IE8 passt - siehe Hauptnavigation */ position: relative; }
#content #submenu ul li.current a, #content #submenu ul li a:hover, #content #submenu ul li.active a { background: transparent url(../Images/subnav_curr_bg.png) no-repeat; color: #fff; }
#content #submenu ul li a.map { margin-top: 25px; padding: 5px 0; width: 173px; background: #dff3fa url(../Images/subnav_map_bg.png) no-repeat; text-align: center; line-height: 16px; height: auto; }
#content #submenu ul li a.map:hover { background: #40bde1 url(../Images/subnav_map_curr_bg.png) no-repeat; }
#content #submenu ul li.current a.map { background: #40bde1 url(../Images/subnav_map_curr_bg.png) no-repeat; color: #fff; }
#content #submenu ul.level2 li a { background: none; color: #38303b; }
#content #submenu ul li a.naturwissenschaften { background: url(../Images/subnav_naturwissenschaften.png) 6px 4px no-repeat; }
#content #submenu ul li a.technik { background: url(../Images/subnav_technik.png) 6px 4px no-repeat; }
#content #submenu ul li a.informatik { background: url(../Images/subnav_informatik.png) 6px 4px no-repeat; }
#content #submenu ul li a.medizin-und-gesundheit { background: url(../Images/subnav_medizin.png) 6px 4px no-repeat; }
#content #submenu ul li a.sozialwissenschaften { background: url(../Images/subnav_sozialwissenschaften.png) 6px 4px no-repeat; }
#content #submenu ul li a.geisteswissenschaftenDe { background: url(../Images/subnav_geisteswissenschaften.png) 6px 4px no-repeat; }
#content #submenu ul li a.geisteswissenschaftenEn { background: url(../Images/subnav_geisteswissenschaften_en.png) 6px 4px no-repeat; }
#content #submenu ul li a.lehr-lernforschungDe { background: url(../Images/subnav_lehr-lernforschung.png) 6px 4px no-repeat; }
#content #submenu ul li a.lehr-lernforschungEn { background: url(../Images/subnav_lehr-lernforschung_en.png) 6px 4px no-repeat; }
#content #submenu ul li a.map strong { display: block; font-size: 13px; margin: 0 0 80px 0; }
#content #submenu ul li.back { background: #fff url(../Images/back_bg.png) top left no-repeat; margin-bottom: 50px; }
#content #submenu span.inactive { color: #9b9a9a; background: #ededed; }
#content #submenu ul li ul { margin-bottom: 0; }
#content #submenu ul li ul li { padding-left: 15px; width: 158px; border-top: 2px solid #fff; }
#content #submenu ul li ul li a, #content #submenu ul li ul li a span { width: auto; font-size: 11px; padding-left: 23px; }
#content #submenu ul li ul li.current a, #content #submenu ul li ul li a:hover { background: transparent url(../Images/subnav_li_curr.png) 6px 4px no-repeat !important; color: #38303b; }
#content #submenu ul li ul li.current a { font-weight: bold; }
#content .media-icons { margin-left: 15px; }
#content .media-icons img { margin-right: 3px; }
#content #notice { margin: 10px 0 20px 15px !important; background: none !important; }
#content #notice a { display: inline !important; text-decoration: underline; font-weight: bold; background: none !important; padding: 0 !important; margin: 0 !important; }
#content #notice a:hover { color: #000 !important; }

#content #submenu ul li a.map { background-position: left top; }

#content #submenu ul li a.map strong { margin: 0 0 64px 0; }

li.na a, #content h2.na { background-image: url(../Images/subnav_naturwissenschaften_big.png); }

li.te a, #content h2.te { background-image: url(../Images/subnav_technik_big.png); }

li.in a, #content h2.in { background-image: url(../Images/subnav_informatik_big.png); }

li.me a, #content h2.me { background-image: url(../Images/subnav_medizin_big.png); }

li.so a, #content h2.so { background-image: url(../Images/subnav_sozialwissenschaften_big.png); }

li.ge a, #content h2.ge { background-image: url(../Images/subnav_geisteswissenschaften_big.png); }

li.le a, #content h2.le { background-image: url(../Images/subnav_lehr-lernforschung_big.png); }

li.tl a, #content h2.tl { background-image: url(../Images/subnav_lehr-lernforschung_big_en.png); }

li.hu a, #content h2.hu { background-image: url(../Images/subnav_geisteswissenschaften_big_en.png); }

b { font-weight: bold; }

p { margin: 0; }

th { text-align: left; }

dd { margin: 0; }

figure { margin: 0; }

fieldset { border: none; padding: 0; margin: 0; }

ul, ol { padding: 0; }

#content .right { float: right; }
#content .infobox { width: 165px; margin-right: 10px; margin-top: 60px; }
#content h1 { font-size: 36px; line-height: 1.2; }
#content h2 { margin: 0 0 0.75em 0; color: #0082A2; font-size: 24px; line-height: 1.6; font-weight: 700; }
#content h2.narrow { margin-bottom: 0; line-height: 1.0; /* Zusätzliches Padding, damit die obere Kante gleich zu normaler h2 ist */ padding-top: 10px; }
#content h2 + div.vevent h3 { margin-top: 0 !important; }
#content h3 { font-size: 18px; font-weight: 700; line-height: 1.6; margin: 40px 0 10px 0; }
#content h3.noTopMargin { margin-top: 0; }
#content h4 { font-size: 18px; line-height: 1.6; font-weight: 400; margin: 0; }
#content h5 { color: #0082A2; font-size: 16px; line-height: 1.6; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; }
#content h6 { font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }
#content p, #content ul, #content ol, #content table, #content dl { margin-bottom: 1.5em; }
#content ul, #content ol { margin: 0 0 0 20px; }
#content ul li, #content ol li { margin-bottom: 0.5em; }
#content ul { list-style: disc; }
#content ul a:link, #content ul a:active, #content ul a:visited { color: #363636; text-decoration: underline; }
#content ul a:hover { text-decoration: none; }
#content ul.files { list-style: none; margin-left: 15px; }
#content .files ul { list-style: none; margin-left: 15px; }
#content a, #content a:link, #content a:active, #content a:visited { color: #004A60; text-decoration: none; }
#content a:hover, #content a:focus { color: #0082A2; text-decoration: underline; }
#content .listPlain { list-style: none; margin-left: 0; }
#content ul.gradient { list-style: none; margin-left: 0; margin-top: 20px; }
#content ul.gradient li { background: #DFF3FA url("../Images/list_bg.png") repeat-x left top; border: 1px solid #9FDEF0; line-height: 14px; margin-bottom: 10px; padding: 10px; overflow: hidden; *zoom: 1; }
#content ul.gradient li img { float: left; margin-right: 10px; }
#content ul.gradient li a { font-weight: bold; text-decoration: none !important; color: #2f80a1 !important; display: block; padding: 0 0 4px; }
#content ul.gradient li p { color: #515050; margin: 0 0 0 37px; }
#content ul.gradient li > b { margin: 0 0 0 37px; display: block; }
#content ul.gradient li:hover { border: 1px solid #3EADDA; }
#content .blueBox { background: #DFF3FA url("../Images/list_bg.png") repeat-x left top; border: 1px solid #9FDEF0; line-height: 14px; margin-bottom: 10px; padding: 10px; overflow: hidden; *zoom: 1; }
#content .blueBox img { float: left; margin-right: 10px; }
#content .blueBox a { font-weight: bold; text-decoration: none !important; color: #2f80a1 !important; display: block; padding: 0 0 4px; }
#content .blueBox p { color: #515050; margin: 0 0 0 37px; float: left; }
#content .blueBox:hover { border: 1px solid #3EADDA; }
#content ul#news.gradient li img { width: 26px; height: 31px; }
#content ul#publications.gradient li a { background-position: right top; background-repeat: no-repeat; padding-right: 30px; }
#content ul#publications.gradient li .description img { float: none; margin: 0; vertical-align: -4px; }
#content ul#publications.gradient li .description span { padding-left: 20px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
#content ul#publications.gradient li .project a { background: none; display: inline; color: #363636 !important; font-weight: normal; padding-right: 0; }
#content ul#projects.gradient li img { width: 60px; height: 60px; }
#content ul#projects.gradient li a { background-position: 100% 5px; background-repeat: no-repeat; background-color: transparent; padding-right: 20px; line-height: 18px; }
#content ul#projects.gradient li p { font-size: 11px; margin-right: 40px; margin-left: 70px; }
#content ul#projects.gradient li.na { border-color: #e0e694; }
#content ul#projects.gradient li.te { border-color: #d5d7df; }
#content ul#projects.gradient li.in { border-color: #c3f4f1; }
#content ul#projects.gradient li.me { border-color: #e1ccde; }
#content ul#projects.gradient li.so { border-color: #f1d48e; }
#content ul#projects.gradient li.ge { border-color: #fae579; }
#content ul#projects.gradient li.le { border-color: #c1d1e5; }
#content ul#galeries.gradient li a { font-size: 12px; line-height: 20px; }
#content ul#galeries.gradient li p { margin-left: 100px; }
#content .grouped-by-project h3 { min-height: 60px; vertical-align: bottom; margin-bottom: 0; }
#content .last { margin-bottom: 0; }
#content .hint { color: #0082A2; font-weight: bold; }
#content small { font-size: smaller; }
#content strong { font-weight: bold; }
#content sup, #content sub { line-height: 10px; font-size: smaller; }
#content sup { vertical-align: super; }
#content sub { vertical-align: sub; }
#content th, #content td { padding: 4px 10px 4px 0; }
#content th { font-weight: bold; border-bottom: 2px solid #ddd; }
#content td { vertical-align: top; border-bottom: 1px solid #ddd; }
#content .contact-oead td { border: none; }
#content .contact-oead td, #content .contact-oead img { vertical-align: middle; }
#content .imagespacer { padding: 1.5em 0; }
#content .imagespacer div div, #content .imagespacer figure { display: inline; }
#content .imagespacer small { text-align: center; display: block; }
#content .imagespacer img { padding: 0 14px 0 0; }
#content .imagespacer + div h3 { margin-top: 1.5em; }
#content .event h3 { margin: 20px 0 10px 0; line-height: 18px; width: 420px; }
#content .event .description, #content .event .infos { float: left; }
#content .event .description { width: 400px; margin-right: 20px; }
#content .event .description p { width: 300px; }
#content .event .infos { width: 200px; }
#content .event .infos ul { list-style: none; margin-bottom: 0.4em; }
#content .event .infos ul li { padding: 2px; }
#content .event .infos ul li.past { color: #666; }
#content .event .infos ul li.future { color: #0082A2; font-weight: bold; }
#content hr.event { border-top: 1px solid #9ED6EC; border-bottom: 0; border-right: 0; border-left: 0; width: 580px; margin-right: 73px; height: 1px; }
#content .more, #content .moreEvent { margin-top: -15px; }
#content .more > p, #content .moreEvent { color: #3E3641; cursor: pointer; margin-bottom: 10px; text-decoration: underline; }
#content .more > p:hover, #content .moreEvent:hover { text-decoration: none; }
#content .newsletterRegistrationForm input, #content .newsletterRegistrationForm select { margin: 2px 0 7px 0; }
#content .newsletterRegistrationForm fieldset input { width: 293px; }
#content .newsletterRegistrationForm fieldset .checkbox-field { width: 299px; border: 1px solid #74c4e4; padding: 2px; box-sizing: border-box; background: #fff; display: flex; }
#content .newsletterRegistrationForm fieldset .checkbox-field input { width: auto; margin: 3px 5px 0 3px; }
#content .newsletterRegistrationForm fieldset .checkbox-field input[type=checkbox] { box-sizing: border-box; display: block; width: 15px; height: 15px; }
#content .newsletterRegistrationForm fieldset input[id$="-titel"] { width: 210px; }
#content .newsletterRegistrationForm fieldset .anrede { float: left; margin-right: 3px; }
#content .newsletterRegistrationForm fieldset .vorname { clear: left; }
#content .newsletterRegistrationForm fieldset select { width: 80px; }
#content .newsletterRegistrationForm fieldset select[id$="-funktion"] { width: 299px; background: #fff; }
#content .newsletterRegistrationForm .fehler { color: #ed1c24; padding: 5px 0 0 0; margin: 0; }
#content .newsletterRegistrationForm .fehler img { margin: 0; padding: 0; float: none; }
#content .newsletterRegistrationForm input.button { float: right; font-size: 13px; border: 1px #3eadda solid; margin-top: -22px; color: #FFF; background: #3eadda url(../Images/button_bg.png) repeat-x left top; }
#content #advanced_search, #content .newsletterRegistrationForm { padding: 10px; margin: 0 0 18px 0; border: 1px solid #74c4e4; background: #dff3fa url(../Images/list_bg.png) repeat-x left top; position: relative; }
#content #advanced_search select, #content #advanced_search .text input, #content .newsletterRegistrationForm fieldset input, #content .newsletterRegistrationForm fieldset select { border: 1px solid #74c4e4; padding: 2px; font-size: 12px; color: #515050; }
#content #advanced_search select option, #content .newsletterRegistrationForm fieldset select option { background-color: #3eadda; color: #fff; }
#content #advanced_search .text input { background: #FFF url(../Images/projektsuche_button.jpg) no-repeat left center; padding-left: 16px; width: 293px; margin: 0 0 10px 0; }
#content #advanced_search .categories input, #content .newsletterRegistrationForm input.button { float: right; border: 1px #3eadda solid; color: #FFF; background: #3eadda url(../Images/button_bg.png) repeat-x left top; }
#content #advanced_search_results { margin-top: 17px; }
#content .switchToNormalSearch { position: absolute; bottom: -20px; right: 0; font-size: 11px; }
#content a.switchToNormalSearch { color: #656464; }
#content #projectsearch { width: 160px; text-align: right; float: right; }
#content #projectsearch input { margin: 0; font-size: 11px; color: #515050; width: 135px; height: 12px; border: 1px solid #78c5e5; padding: 4px 2px; float: left; }
#content #projectsearch input.button { float: left; background: #FFF url(../Images/projektsuche_button.jpg) 100% 100% no-repeat; height: 22px; width: 16px; display: block; text-indent: -9999px; line-height: 20px; }
#content #projectsearch a.smalllink { font-size: 11px; color: #656464; }
#content .filter { font-size: 12px; }
#content .filter a { border: 1px solid #78c5e5; padding: 2px 4px; margin: 0 3px 0 0; text-decoration: none; color: #78c5e5; font-weight: bold; }
#content .filter a:hover, #content .filter a.active { background-color: #3eadda; border-color: #3eadda; color: #fff; }
#content .no-margin * { margin-bottom: 0; }
#content .no-marginTop *, #content .event h3.no-marginTop { margin-top: 0; }
#content .downloadList ol { list-style-type: lower-alpha; }
#content .downloadList li, #content .downloadList p { margin-bottom: 0; }

.grayBottomBorder { border-bottom: 1px solid #ddd; }

.pdf, .doc, .ppt, .xls, .www, .wwwList li { background-repeat: no-repeat; background-position: 0 1px; padding-left: 20px; margin-bottom: 9px; }
#content .pdf p, #content .doc p, #content .ppt p, #content .xls p, #content .www p, #content .wwwList li p, .wwwList #content li p { margin: 0; }

.pdf { background-image: url(../Images/pdf.gif); }

.doc { background-image: url(../Images/doc.gif); }

.ppt { background-image: url(../Images/ppt.png); }

.xls { background-image: url(../Images/xls.png); }

.www, .wwwList li { background-image: url(../Images/www.gif); }

#content .lowerAlpha ol { list-style-type: lower-alpha; margin: 0 0 1.5em 24px; }

.indentation15px { padding-left: 15px; }

#content .aufbau, #content .na, #content .so, #content .ge, #content .hu, #content .in, #content .le, #content .tl, #content .me, #content .te { padding: 0 0 0 22px; background-repeat: no-repeat; background-position: left top; margin-bottom: 20px; }

#content .aufbau { padding: 0; }
#content .na { background-image: url(../Images/subnav_naturwissenschaften_big.png); }
#content .so { background-image: url(../Images/subnav_sozialwissenschaften_big.png); }
#content .ge { background-image: url(../Images/subnav_geisteswissenschaften_big.png); }
#content .hu { background-image: url(../Images/subnav_geisteswissenschaften_big_en.png); }
#content .in { background-image: url(../Images/subnav_informatik_big.png); }
#content .le { background-image: url(../Images/subnav_lehr-lernforschung_big.png); }
#content .tl { background-image: url(../Images/subnav_lehr-lernforschung_big_en.png); }
#content .me { background-image: url(../Images/subnav_medizin_big.png); }
#content .te { background-image: url(../Images/subnav_technik_big.png); }
#content .listedProjectTitle { margin-top: 20px; line-height: 1.2; }
#content .listedProjectTitle a { color: #2F80A1; text-decoration: none; }
#content .listedProjectSubtitle { line-height: 1.2; margin: 3px 0 0 0; }
#content ul.documents.gradient, #content ul.videos.gradient { margin-top: 10px; }
#content ul.documents.gradient li p.date, #content ul.videos.gradient li p.date { padding-left: 40px; margin-top: 5px; }

#content .newsletterRegistrationForm fieldset input.error { border: #dd4444 2px solid; }

#newsletterEditForm { padding: 10px; border: 1px solid #74c4e4; background: #dff3fa url(../Images/list_bg.png) repeat-x left top; }
#newsletterEditForm input.button { float: right; border: 1px #3eadda solid; color: #FFF; background: #3eadda url(../Images/button_bg.png) repeat-x left top; }
#newsletterEditForm input[type="email"] { padding: 0 5px; width: 250px; }

.yscColumnLeft, .tcsColumnLeft, .csaColumnLeft { width: 114px; margin-right: 16px; float: left; margin-bottom: 15px; }

.yscColumnLeft { background: url(../Images/yscLogo.png); height: 81px; }

.tcsColumnLeft { background: url(../Images/tcsLogo.png); height: 93px; }

.csaColumnLeft { background: url(../Images/csaLogo.jpg); height: 84px; }

.yscColumnRight, .tcsColumnRight, .csaColumnRight { flaot: left; padding-left: 130px; color: #0082A2; margin-bottom: 15px; }
#content .yscColumnRight a, #content .tcsColumnRight a, #content .csaColumnRight a { color: #0082A2; }

#content div.ysBlue { color: #0082A2; }
#content div.ysBlue a { color: #0082A2; }

#main.projectShow { width: 660px; }

body.project #content aside { float: right; width: 218px; display: block; /* Soll unterhalb von erster Zeile der h2 beginnen, also padding-top = line-height von h2 */ padding-top: 25px; }
body.project #content aside h4 { color: #2F80A1; font-weight: bold; font-size: 14px; margin-top: 5px; }
body.project #content aside h5 { font-size: 12px; font-weight: bold; color: #363636; margin: 10px 0 3px 0; }
body.project #content aside ul { margin-bottom: 15px; padding-right: 10px; list-style-type: none; }
body.project #content aside ul li { list-style-image: url(../Images/detail_icon.png); padding: 0px; margin: 0; font-size: 11px; }
body.project #content h2 { background-color: transparent; background-repeat: no-repeat; background-position: 0px 4px; padding-left: 25px; color: #3EADDA; font-size: 20px; letter-spacing: 0; line-height: 25px; width: 370px; /* Bei normalen Überschriften 0.75em, hier jedoch 40px */ margin-bottom: 40px; }
body.project #content aside, body.project #content h2 { margin-top: 30px; }
body.project #content p.sponsor { clear: left; padding-top: 10px; }
body.project #content p.sponsor span.title { font-weight: bold; }
body.project #content p.sponsor img { float: left; margin-right: 5px; }
body.project #content div.abstract { width: 350px; }
body.project #content div.abstract h4 { font-size: 12px; }
body.project #content h3.teaser { font-size: 14px; line-height: 18px; font-family: Roboto, Georgia; color: #363636; margin: 20px 0; font-weight: bold; letter-spacing: none; width: 390px; }

.w33 { float: left; width: 30%; margin-right: 3%; }

.w25 { float: left; width: 25%; }

#map { width: 100%; height: 500px; }

#legend { height: 25px; line-height: 25px; text-align: right; background-color: #eee; }

#filter { padding: 12px 10px 10px 10px; margin-bottom: 20px; background: url("../Images/list_bg.png") repeat-x scroll left top #DFF3FA; border: 1px solid #9FDEF0; }
#filter input { float: left; position: relative; top: 2px; }
#filter label { margin-left: 20px; display: block; }
#filter p { margin-bottom: -1px; }

#filter1, #filter2, #filter3 { width: 150px; float: left; }

#filter1, #filter2 { margin-right: 18px; }

#filter4 { float: right; }
#filter4 label { margin-left: 0; }

#schultypen { margin-left: 20px; }

#project-listings div h4 { margin-top: 0; background: transparent none no-repeat left top; color: #2F80A1; border-bottom: 2px solid #ccc; line-height: 18px; }

#project-listings div h4 a { text-decoration: none; color: #2F80A1; padding: 0 0 0 12px; background: url("../Images/triangle-right.png") left 2px no-repeat; }

#project-listings div h4 a.open { background-image: url("../Images/triangle-down.png"); }

#project-listings div a:hover { text-decoration: underline; }

#project-listings ul { margin: 0; padding: 0; list-style: none; }

#project-listings li { margin: 0 !important; padding: 3px 0; border-bottom: 1px solid #ddd; cursor: pointer; font-size: 11px; line-height: 13px; }

#project-listings li:hover { color: #2F80A1; text-decoration: underline; }

#project-listings .list-toggle-info { font-style: italic; color: #999; text-decoration: none; cursor: pointer; }

.terms-of-use-link { /* Sonst sind die (c) Kartendaten breiter als die Map */ display: none; }

#main .marker p.first { margin-top: 0; }

#main .marker h3 { margin-top: 0; margin-bottom: 1.5em; }

#main .marker a { color: #2F80A1; }

#main .marker a:hover { text-decoration: none; }

body.start #main { padding-bottom: 70px; }
body.start #main section { margin-top: 30px; float: left; }
body.start #main section.left { width: 388px; margin-left: 40px; margin-right: 35px; }
body.start #main section.right { width: 350px; margin-right: 30px; margin-left: 35px; margin-top: 30px; }
body.start #main .blueBox { margin-bottom: 0; padding: 0; border: 0; background: none; }
body.start #main .blueBox > .neos-contentcollection { padding: 5px; margin-bottom: 5px; border: 1px solid #9FDEF0; background: #DFF3FA url("../Images/list_bg.png") repeat-x left top; overflow: hidden; }
body.start #main .blueBox > .neos-contentcollection h3 { margin: 0; }
body.start #main .blueBox > .neos-contentcollection p { margin: 5px 0; }
body.start #main .blueBox > .neos-contentcollection p a { color: #474747 !important; text-decoration: underline !important; font-weight: normal; }
body.start #main #featured_project dd a { overflow: hidden; display: block; width: 350px; max-height: 230px; }
body.start #main #featured_project dt { padding: 5px; border: 1px solid #9FDEF0; background: #DFF3FA url("../Images/list_bg.png") repeat-x left top; }
body.start #main #featured_project h3 { margin: 0; text-transform: uppercase; }
body.start #main #featured_project p { margin: 5px 0; }

body.start footer { padding-left: 40px; }

.ngaida-spafrontend-footeroeadline > div { float: left; margin-right: 7px; }

.footerLastLinesText1 { float: left; }

.footerLastLinesText2 { clear: left; margin-top: -4px; }
.footerLastLinesText2 > div { float: left; }
.footerLastLinesText2 img { position: relative; top: 1px; }

.tabSwitch { float: left; border: 1px solid #ccc; position: relative; top: 1px; z-index: 10; margin-left: 20px; padding: 5px 10px 3px 10px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px; border-radius: 6px 6px 0 0; font-weight: bold; color: #2f80a1; }
.tabSwitch:hover:not(.active) { cursor: pointer; background: #2f80a1; color: #fff; }
.tabSwitch.active { border-bottom-color: #fff; }

#navBottomLine { width: 100%; clear: left; border-top: 1px solid #ccc; z-index: 0; }

/*# sourceMappingURL=Style.css.map */