@charset "utf-8";

/* COLORS ******************************* */
.bg-white {background-color:#ffffff;}
.bg-black {background-color:#000000;}
.bg-blue {background-color:#2797d2;}
.bg-darkblue {background-color:#014380;}
.bg-lightblue {background-color:#e5f0f7;}
.bg-grey {background-color:#f3f3f1;}
.bg-coolgrey {background-color:#e7edef;}
.bg-coolgrey-light {background-color:#ecf0f1;}
.bg-warmgrey {background-color:#ededeb;}
.bg-beige {background-color:#f2f2ed;}

.border-grey {border-color:#e7edef !important;}

/* CONTENT ******************************* */
#content .section {padding:40px 0 60px;}
#content .bg-white .section {padding:60px 0 52px;}
#content .section [class*=grid] + [class*=grid][class*=border] {border-left:1px solid; margin-left:7px;}

#content .section h1 {margin:0 0 .8em; color:#444; font-size:2.9em; font-family:'Gentium Book Basic',serif; line-height:1.22em; text-transform:none; letter-spacing:0;}
#content .section h1 a {color:#444; text-decoration:none;}
#content .section ul, #content .section ol {margin:0 0 1em 2em;}
#content .section ul li {list-style-type:circle;}
#content .section ol li {list-style-type:decimal;}

#content .card h1 {margin:.2em 0 0; font-size:2.0em; text-transform:uppercase; letter-spacing:1px;}
#content .card .grid_separator {height:4em;}

#content .intro .section {padding:40px 0 30px;}

#content main {font-size:1.15em; line-height:2.1em;}
#content main.grid_35 {column-count:2; -webkit-column-count:2; -moz-column-count:2; column-gap:84px; -webkit-column-gap:84px; -moz-column-gap:84px;} /* IE gte 10, gap = grid_3 */
#content main h2, #content main h3, #content main h4 {font-family:'Gentium Book Basic',serif;}
#content main h2 {margin:3em 17px 1em; font-size:1.8em; !important; font-weight:normal; line-height:1.4em;}
#content main h3 {margin:3em 17px 1.6em; font-size:1.4em !important; font-weight:bold; line-height:1.6em;}
#content main > h2:first-child, #content main > h3:first-child {margin-top: 1.2em;}
#content .htmlwrap > h2:first-child, #content .htmlwrap > h3:first-child {margin-top: 1.2em;} /* old pages */
#content main img {margin:1em 0 0; max-width:100%; height:auto;}
#content main figcaption {margin:0 0 2em; border-bottom:1px solid #ececea;}
#content main table {width:100%; margin-bottom:1em; margin-top:2em;}
#content main table {border-top:1px solid #e7e7e7}
#content main table[border] tr {border-bottom:1px solid #e7e7e7}
#content main th {font-weight:normal;}
#content main td {background:none;}
#content main table tr {border-bottom:1px solid #e7e7e7}
#content main table td {padding:0.25em 0;}
#content main table td ~ td {padding-left:2em;}
#content main table td.right {text-align:right;}

/* inline-image legacy */
#content main table.inline_image {margin: 3em 0;}
#content main table.inline_image, #content main table.inline_image tr {border:none !important;}
#content main table.inline_image tr {margin: 0;}
#content main table.inline_image td {padding: 0 !important;}
#content main table.inline_image img {margin-left: 0 !important;}
#content main td.wikitabelletext div.caption {padding-bottom: 10px; font-size:11px; line-height: 22px; color:#999; border-bottom:1px solid #ececea;}

/* ELEMENTS (also used in old pages) **** */
.listview {line-height:1.7em;}
.listview h2 {margin-bottom:1em; font-size:1.9em; font-family:'Gentium Book Basic',serif; line-height:1.4em;}
.listview h2.longtext {font-size:1.6em; margin-bottom:1.4em;}
.listview h3 {font-size:1.3em; font-family:'Gentium Book Basic',serif; margin-bottom:0.05em;}
.listview h3 ~ h3 {padding-top:0.75em;}
.listview h4 {font-size:1.25em; line-height:1.6em; margin-top:-1.1em;}
.listview h4.grey {color:#888;}
.listview h4.big {font-size:1.5em;}
.listview p {margin:0;}
.listview p a {color:#333;}
.listview p.topic {font-size:.85em; line-height:1.6em; text-transform:uppercase; margin-bottom:0.15em;}
.listview p.subtitle {}
.listview p.context {font-size:.9em; color:#999;}
.listview p.context a {color:#999; text-decoration:underline;}
.listview p.context a, .listview p.context span {text-transform:uppercase;}
.listview a.readmore {color:#295f98;}

p.readmore {margin:0 auto; font-size:1.1em; text-align:center; line-height:3.1em; width:100% !important;}
* + p.readmore {margin-top:50px;} /* nur wenn Elemente davor liegen */
p.readmore a {margin:0 auto; width:200px; display:block; color:#FFF; text-transform:uppercase; background:#2797d2; transition:background-color 500ms ease-out 0s; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s;}
p.readmore.bg-white a {color:#2797d2; background:#FFF; border:1px solid #e7edef;}
p.readmore a:hover {text-decoration:none; background:#004381;}
p.readmore.bg-white a:hover {background:#FFF;}
p.readmore .fa {margin-left:.5em;}

p.button {margin:2em 0; font-size:1.1em; line-height:3.1em;}
p.button .fa {margin-right:.5em;}
p.button a {display:inline-block; padding:0 1em; color:#FFF; text-transform:uppercase; background:#2797d2; transition:background-color 500ms ease-out 0s; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s;}
p.button a:hover {text-decoration:none; background:#004381;}
p.button.small {font-size:0.9em; line-height:2.2em;}
p.button.small a {padding:0 1.5em;}

p.metainfo, .listview p.metainfo {font-size:.8em !important; color:#aaaaa5;}
p.metainfo a, .listview p.metainfo a {color:#666; display:inline;}

img.portrait {border-radius:100%;} /* rundes Portraitbild */

/* CARDS ******************************* */
#content .publications {background-image:url('/img/2013/section-publications-bg.jpg'); background-position:center bottom; background-repeat:no-repeat;}
#content .publications .publication article:first-child {margin-top:0;}
#content .publications .publication article {margin-top:3em; clear:both; overflow:hidden;}
#content .publications .publication article div {padding:28px 20px; margin-left:100px; min-height:60px; background:rgba(255,255,255,0.8);}
#content .publications .publication article p.teaser {float:left;}
#content .publications .top-publication {}
#content .publications .top-publication article {padding:28px 20px; background:rgba(255,255,255,0.8); min-height:370px;}
#content .publications .top-publication article p.teaser {float:left; width:130px;}
#content .publications .top-publication article p.teaser img {margin-bottom:1.75em; border:1px solid #e3e3e4;}
#content .publications .top-publication article p.topic {margin-left:160px; margin-bottom:2.7em; color:#999;}
#content .publications .top-publication article h2 {margin-left:160px; margin-top:.25em;}
#content .publications .top-publication article h2.longtext {margin-top:-0.25em; margin-bottom:0.9em;}
#content .publications .top-publication article h3 ~ h3 {padding-top:1.35em;}
#content .publications .top-publication article h4 {margin-left:160px; margin-bottom:1.7em;}

#content .events {background-image:url('/img/2013/section-events-bg.jpg'); background-position:center top; background-repeat:no-repeat;}
#content .events article p.calendar {width:7.2em;}
#content .events article p.topic {color:#999;}
#content .events .event article:first-child {margin-top:0;}
#content .events .event article {margin-top:3em; clear:both;}
#content .events .event article div {padding:20px; margin-left:80px; background:rgba(255,255,255,0.8);}
#content .events .event article p.calendar {float:left;}
#content .events .top-event {}
#content .events .top-event article {padding:40px; background:rgba(255,255,255,0.8);}
#content .events .top-event article p.teaser {margin-bottom:1.75em;}
#content .events .top-event article p.calendar {float:left;}
#content .events .top-event article p.topic {margin-left:90px;}
#content .events .top-event article h2 {margin-left:90px; margin-top:0; margin-bottom:0;}
#content .events .top-event article h2.longtext {margin-top:-0.25em; margin-bottom:0.9em;}
#content .events .top-event article h3 {margin-left:90px;}
#content .events .top-event article p.subtitle {margin-left:90px;}
#content .events .top-event article:after {content:'\00a0'; clear:both; visibility:hidden; display:block; height:0; overflow:hidden;}

#content .promotion {text-align:center; font-size:0; margin-bottom:-4px;} /* font-size und negativer margin um den Leerraum zwischen ELementen zu unterdrücken */
#content .promotion .section div {display:inline-block;margin-left:8px; margin-right:7px; font-size:12px; max-width:181px; vertical-align:top;} /* font-size zurücksetzen */
#content .promotion h3 {padding-top:.6em; font-style:italic; text-align:center; border-top:1px solid #cad5d7;}
#content .promotion p {margin-bottom:1em;}

#content .advertisement .section {padding:65px 0 70px;}
#content .advertisement div {width:728px; margin:0 auto; text-transform:uppercase; font-size:.8em; color:#666;}
#content .advertisement div img {display:block; margin:0 auto;}

#content .finds {background-position:center top; background-repeat:no-repeat;}
#content .finds .section {padding:110px 0 80px;}
#content .finds article {padding:28px 40px; background:rgba(255,255,255,0.8); min-height:310px;}
body.ie8 #content .finds article  {background:transparent url('/img/2013/white-bg.png') left top repeat;}
#content .finds article h2 {margin:.4em 0 1em; font-size:2em; color:#444; text-transform:uppercase; font-family:'Gentium Book Basic',serif; letter-spacing:1px;}
#content .finds article h2 + p {line-height:1.7em;}

#content .contents {}
#content .contents p.teaser {float:left; margin-top:0.25em; margin-right:1em;}

#content .tags {text-align:center;}
#content .tags header h1 {text-align:center; font-size:1.33em; font-family:'Gentium Book Basic',serif; font-weight:bold; letter-spacing:1px;}
#content .tags p {line-height:3.4em;}
#content .tags a {display:inline-block; box-sizing:border-box; margin:0 0.1em; padding:0 1.3em; border-radius:1.3em; border:1px solid #e7edef; line-height:2.5em; text-decoration:none; text-transform:uppercase; font-size:0.9em; white-space:nowrap; background:#ffffff;}
#content .tags a:hover {background:#f7f7f7;}

#content .more header h1 {text-align:center; font-size:1.33em; font-family:'Gentium Book Basic',serif; font-weight:bold; letter-spacing:1px;}
#content .more p:first-child {margin-bottom:1em;}

#content .news article p.topic {}
#content .news article h3 {font-size:1.5em; margin-bottom:0;}
#content .news article p {font-size:1em;}
#content .news article p:first-child {margin-bottom:1em;}
#content .news article img {display:block;}

#content .obituary {height:782px; overflow:hidden; color:#fff;}
#content .obituary article {text-align:center; padding:160px 40px 28px 40px;}
#content .obituary article h1 {text-transform:none; font-size:3.6em; color:#fff;}
#content .obituary article h2 {font-family:'Gentium Book Basic',serif; font-size:2.75em; margin-top:0.3em;}
#content .obituary article p {text-align:left;}
#content .obituary article p span:first-child {text-transform:uppercase;}
#content .obituary article p.button {float:left;}
#content .obituary article p.button + p.button {padding-left:1.6em;}
#content .obituary article p.button a {color:#333; background:#fff;}


/* HEADER ******************************* */
.search {}
.search input {float:left;}
.search input[type=text] {padding-left:0; width:160px; color:#888;}
.search input[type=submit] {padding:0; width:3em; background:#FFF url('/img/2013/iconset.png') 0 -215px no-repeat; text-indent:-1000px;}

.icons a {margin-left:.25em; display:inline-block; width:34px; height:34px; background:#2797d2 url('/img/2013/iconset.png') 50px -285px no-repeat; text-indent:1000px; overflow:hidden; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s;}
.icons a:hover {background-color:#004381;}
.icons a.rss {float:right; background-position:0 -285px;}
.icons a.facebook {background-position:-35px -285px;}
.icons a.twitter {background-position:-70px -285px;}
.icons a.youtube {background-position:-105px -285px;}

#header {position:absolute; top:0; left:0; width:100%; min-width:995px;}
#header .centerContainer {overflow:hidden;} /* to ensure that searchfield is not breaking to new line */
#header .centerContainer {border:none;}
#header .metamenu {font-size:.9em; color:#e7e5e2; text-align:right; height:35px; line-height:34px;}
#header .metamenu ul li {display:inline;}
#header .metamenu ul li a {color:rgb(35,141,203)}
#header .metamenu ul li ~ li::before {content:" | "; color:#e7e5e2; padding:0 .5em;}
#header .logo {}
#header .logo a {display:block; width:120px; height:55px; background:transparent url('/img/2013/iconset.png') 0 0 no-repeat; text-indent:-1000px; overflow:hidden;}
#header .icons {padding-top:20px; text-align:right;}

#navigation {margin-top:22px; width:110%; height:35px; line-height:35px; text-transform:uppercase; overflow:hidden; display:block;}
#navigation ul {float:left;}
#navigation ul li {float:left; border-right:1px solid #FFF;}
#navigation ul li:first-child a {padding:0 0 0 55px; float:left; width:35px; background:#2797d2 url('/img/2013/iconset.png') 50px -180px no-repeat; text-indent:1000px; overflow:hidden;}
#navigation ul li a {padding:0 2.5em; float:left; font-size:0.9em; color:#FFF; text-decoration:none; background:#2797d2;}
#navigation ul li a:hover, #navigation ul li a.active {background-color:#004381;}

#navigation input {background-color:transparent; color:#FFF;}
#navigation .search {float:left; background:transparent; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s; overflow:hidden;}
#navigation .search:hover {background:#004381;}
#navigation .search input[type=text] {width:200px;}
#navigation .search input[type=submit] {background-position:0 -250px;}

/* BRANDS ******************************* */
html.subbrand #position {padding-top:257px;}
html.subbrand #position.navigation {padding-top:293px;}

html.subbrand #header {height:auto;}
html.subbrand #header .centerContainer {}
html.subbrand #header .logo {position:absolute; top:0; left:auto;}
html.subbrand #header .logo a {width:190px; height:35px; background:transparent url('/img/2013/iconset.png') 0 -110px no-repeat; text-indent:-1000px; overflow:hidden;}

html.subbrand #header .visual {height:222px; color:#004381; background-position:right bottom; background-repeat:no-repeat;}
html.subbrand #header .visual.white, html.subbrand #header .visual.white a {color:#FFF;text-shadow: 0 0 5px rgba(0,0,0, 0.5);}
html.subbrand #header .visual.black, html.subbrand #header .visual.black a {color:#333;}
html.subbrand #header .visual div {margin-left:46px; float:left;}
html.subbrand #header .visual h2 {margin:1.6em 0 0.2em; font-size:3.6em; font-family:'Gentium Book Basic',serif;}
html.subbrand #header .visual h3 {text-transform:uppercase; text-align:right; letter-spacing:.1em;}
html.subbrand #header .visual h2.single {margin-top:2.05em;}

html.subbrand #navigation {margin-top:1px;}

#content .detailview img {border: 1px solid #E3E3E4;} /* Cover */
#content .detailview img.portrait {border-radius:100%; border: none;} /* Portrait */
#content .detailview p.context {color:#999; font-size:0.9em;}
#content .detailview p.context a {color:#999; text-transform:uppercase; text-decoration:underline; white-space:nowrap;}
#content .detailview p.context span {text-transform:uppercase; white-space:nowrap;} /* Autoren */
#content .detailview header p.topic {margin-right:0; color:#999999; text-transform:uppercase;}
#content .detailview header p.topic a {color:#999999;}
#content .detailview header h1 {margin:0 0 0.6em; font-size:2.9em; text-transform:none; letter-spacing:0;}
#content .detailview header p.topic + h1 {margin-top:.45em;}
#content .detailview header p.subtitle {margin:-0.8em 0 1em; font-size:1.45em; font-family:'Gentium Book Basic',serif; line-height: 1.4em;}
#content .detailview header p.context {margin:0; font-size:1em;}
#content .detailview header p {margin-right:6em; font-size: 1em; font-family:Verdana,Helvetica,sans-serif;}
#content .detailview header p.button {margin-right:2em; font-size:1em; float: left;}
#content .detailview header p.button a {padding:0 1.7em;}
#content .detailview header p.button a .fa {padding-right:.4em; font-size:1.2em;}
#content .detailview p.calendar {font-size:1.6em; width:7.8em;}
#content .detailview p.calendar span.top {line-height: 1.9em; font-weight: normal;}
#content .detailview p.calendar span.main {margin:.85em 0 0;}
#content .detailview p.calendar span.bottom {font-size: 0.8em; line-height:4.7em; text-transform: uppercase;}
#content .detailview p.teaser {font-size:1.5em; line-height:1.85em; margin-top:2.35em; margin-bottom:0; }
/* Version Gentium: #content .detailview p.teaser {font-size:1.835em; line-height:1.55em; font-family:'Gentium Book Basic',serif; margin-top:2.35em; margin-bottom:0;} */
#content .detailview p.teaser.storytext {font-size:1.6em;} /* remove? */
#content .detailview p + p.teaser {margin-top:.6em;} /* mit Sprachauswahl */
#content .detailview h2 {margin-bottom:1em; color:#444;}
#content .detailview article {margin-bottom:2em;}
#content .detailview h3 {}

#content .alphabeticalview {padding-top:30px; padding-bottom:50px; text-align:center; overflow:hidden;} /* overflow wegen dem negativen Margin von .alphabet */
#content .alphabeticalview .index {color:#ADACAA; font-size:1.75em; line-height:1em; font-family:'Gentium Book Basic',serif;}
#content .alphabeticalview .index.top {background:transparent url('/img/2013/iconset.png') 0 -430px repeat-x;}
#content .alphabeticalview .index.bottom {background:transparent url('/img/2013/iconset.png') 0 -478px repeat-x;}
#content .alphabeticalview .index a, #content .alphabeticalview .index span {float:left; width:27px; margin:-7px 5px;}
#content .alphabeticalview .index.top a, #content .alphabeticalview .index.top span {padding:20px 0 25px 0;}
#content .alphabeticalview .index.bottom a, #content .alphabeticalview .index.bottom span {padding:25px 0 20px 0;}
#content .alphabeticalview .index a.active {color:#444; font-size:1.7em;}
#content .alphabeticalview .index.top a.active {background:transparent url('/img/2013/iconset.png') center -485px no-repeat;}
#content .alphabeticalview .index.bottom a.active {background:transparent url('/img/2013/iconset.png') center -550px no-repeat;}
#content .alphabeticalview .alphabet {padding:27px 0 37px; margin:0 -25.5px} /* Leerraum zwischen Elementen (-4px) und margin des ersten und letzten Elementes je Zeile umgehen */
#content .alphabeticalview article {width:207px; display:inline-block; position:relative; margin:1.8em 21.5px 1.2em; height:15.5em; overflow:hidden; text-align:center;}
#content .alphabeticalview article h3 {overflow:hidden; text-overflow:ellipsis; max-height:2.5em; margin-top:.7em; font-size: 1.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

#content .worldwide .map {margin-top:2em;}
#content .worldwide .locations {margin-top:2em; text-transform:uppercase; line-height:2em;}

#content .imprint {color: #444}
#content .imprint b, #content .imprint strong {text-transform:uppercase;}
#content .imprint .person img {float:left; margin:0.25em 15px 0 0; max-width:69px;}
#content .imprint .person img + span {display:block; margin-left:84px;}
#content .imprint .person img + span:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#content .imprint .person a {color:#444;}
#content .imprint p {font-size:.85em;}
#content .imprint p ~ p.person {margin-top:3em}
#content .imprint .right ~ div[class*=grid] {margin-top:3em;} /* Informationen ab der zweiten Zeile */

#content .medianews article p.topic {position:absolute; top:0; left:588px; color:#999999;}
#content .medianews article p.topic a {color:#999999;}

#content .slideshow blockquote {font-family:'Gentium Book Basic',serif; font-size:2em; text-align:center;}
#content .slideshow blockquote small.author {font-family:Verdana,Helvetica,sans-serif; font-size:.8em;}

#content .kasmap {background:#999999; height:400px;}

/* SLIDESHOW ******************************* */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none !important;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.slides,.flex-control-nav,.flex-direction-nav{list-style:none outside none;margin:0;padding:0;}
.flexslider > .slides{margin:0 !important;} /* Slider mit nur einem Slide */
.flex-control-nav,.flex-direction-nav{display:none;} /* wird nach dem Laden eingeblendet */
.flexslider .slides {zoom: 1;}

.flexslider {margin:0 auto; position:relative; width:100%; max-width:1055px; padding:0 !important;}
.flexslider header {position:absolute; top:40px; left:37.5px; z-index:1;}
.flexslider header h1 {color:#FFF !important; text-shadow: 0 0 5px #333;}
.flexslider header h1 a {color: #fff !important;}

.flexslider .slides > li {display:none; position:relative; float:left; width:100%; background-repeat:no-repeat; background-position:left center; list-style-type:none !important;}
.flexslider .slides > li > [class*=grid] {z-index:1;}
.flexslider .slides > li > [class*=grid]:first-child {margin-left:45px;}
.flexslider .slides > li > [class*=grid]:last-child {margin-right:0;}
.flexslider .slides img {display:block; max-width:100%; max-height:100%;}
.flexslider .slides span > div:first-child {padding:15px 0;}

/* Zitate */
.flexslider .slides blockquote {text-align:center; display:table-cell; vertical-align:middle;}
.flexslider .slides blockquote p {font:2.6em/1.4em 'Gentium Book Basic',serif; margin-bottom:.5em;}
.flexslider .slides blockquote p.longtext {font-size:1.6em; line-height: 1.6em;}
.flexslider .slides blockquote small.author {display:block; font-size:1.1em;}
.flexslider .slides .grid_20 blockquote {width:545px;}
.flexslider .slides .grid_29 blockquote {width:797px;}

/* Artikel */
.flexslider .slides div p.topic {margin:2.5em 0;}
.flexslider .slides div h2 {font-family:'Gentium Book Basic',serif; font-size:3.6em; line-height: 1.2em; margin-bottom:.6em;}
.flexslider .slides div h2.longtext {font-size:1.85em; margin-bottom:1.2em;}

/* Person */
.quotation .flexslider .slides span div {padding: 40px 0 100px 0;}
.quotation .flexslider .slides span img {margin-top:70px;}
.quotation .flexslider .slides span p {font-family:"Gentium Book Basic",serif; font-size:1.8em; line-height:1.33em;}
.quotation .flexslider .slides span p:first-child {padding-top:75px; background:url('/img/2013/bg-blockquote.gif') left 20px no-repeat;}
.quotation .flexslider .slides span p.author {margin-top:1.5em;}
.quotation .flexslider .slides span p.context {font-size:1em; font-family:inherit; text-transform:uppercase;}
.quotation .flexslider .slides span p.button {margin-bottom:0; font-size:1.1em; line-height:3.1em; font-family:inherit; text-transform:uppercase;}
.quotation .flexslider .slides span p.button a {padding:0 2em;}

/* Medien */
.media .flexslider .slides > li > span > div[style]:first-child {padding:15px 15px 15px 30px; background:rgba(255,255,255,0.8); width:752px;}
body.ie8 .media .flexslider .slides > li > span > div[style]:first-child {background:transparent url('/img/2013/white-bg.png') left top repeat;}
.media .flexslider .slides div p.topic {margin:2em 0;}
.media .flexslider .slides > li div.canvas {display:block; padding:0;}
.media .flexslider .slides > li > span p a {color:#4674A3;}
.media .flexslider .slides > li p.readmore {opacity:0.8; filter:alpha(opacity=80); width:100%;}
.media .flexslider .slides > li.video {padding:150px 0; height:290px;}
.media .flexslider .slides > li.video div.canvas {width:445px; height:255px; float:right; margin:0 0 0 30px; background:#B2B2B2;}
.media .flexslider .slides > li.audio {padding:200px 0; height:190px;}
.media .flexslider .slides > li.audio div.canvas {width:104px; height:104px; float:left; margin:40px 30px 10px 25px; background:transparent url('/img/2013/sound360-bg.png') center center no-repeat !important;}
.media .flexslider .slides > li.audio h2 {margin-bottom:0; margin-right:30px; float:left; width:260px;}
.media .flexslider .slides > li.audio p.topic {margin-top:1.2em;}
.media .flexslider .slides > li.audio p ~ p {float:left; width:280px; margin-top:.3em;}
.media .flexslider .slides > li:not([style*=background]) {padding:60px 0; height:290px;} /* ohne Hintergrundbild */
.media .flexslider .slides > li.no-background {padding:60px 0; height:290px;} /* IE8: ohne Hintergrundbild */
.media .flexslider .slides > li div.cover {position:absolute; top:0; left:0; width:100%; background:rgba(255,255,255,0.18); z-index:0;}
body.ie8 .media .flexslider .slides > li div.cover {background:transparent url('/img/2013/cover-bg.png') left top repeat;}
.media .flexslider .slides > li.image {padding:70px 0 0; height:auto;}
.media .flexslider .slides > li.image > span {text-align:center;}
.media .flexslider .slides > li.image > span > div[style]:first-child {padding:0 30px; background:none; width:auto; max-width:752px; display:inline-block; position:relative;}
body.ie8 .media .flexslider .slides > li.image > span > div[style]:first-child {background:none;}
.media .flexslider .slides > li.image > span > div > img {max-height:560px;}
.media .flexslider .slides > li p.description {display:table; margin:0 45px; text-align:center; height:90px;}
.media .flexslider .slides > li p.description span {display:table-cell; vertical-align:middle;}
.media .flexslider .flex-viewport .slides > li.image p.description {padding-bottom:90px;} /* "padding-bottom" muss zur automatische Berechnung der Höhe um "padding-top" des li-Elementes ergänzt werden (box-modell) */
.media .flexslider .slides > li.image p.description {padding-bottom:10px;} /* "padding-bottom" bei nur einem Element (flexslider wird nicht initiiert und .flex-viewport nicht gesetzt) */
.media .flexslider .slides > li a.zoom {position:absolute; top:0; right:30px; width:50px; height:50px; line-height:50px; color:white; text-align:center; background:rgba(51,51,51,0.7); cursor:pointer;}
body.ie8 .media .flexslider .slides > li a.zoom {background:transparent url('/img/2013/black-bg.png') left top repeat;}

.flex-pauseplay span{text-transform:capitalize;}
.slides:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
* html .slides{height:1%;}
.flex-viewport{max-height:2000px;overflow:hidden;}

.flex-direction-nav li{list-style-type:none !important;}
.flex-direction-nav a{position:absolute; top:50%; z-index:10; display:block; width:55px; height:55px; margin-top:-27.5px; background:transparent url('/img/2013/iconset.png') 0 -320px no-repeat; text-indent:-1000px; overflow:hidden;}
.flex-direction-nav .flex-next{right:45px; background-position:-55px -320px;}
.flex-direction-nav .flex-prev{left:45px; background-position:0 -320px;}
.flex-direction-nav .flex-disabled{opacity:0.5; filter:alpha(opacity=50); cursor:not-allowed;}
html[xmlns] .slides,.no-js .slides > li:first-child{display:block;}

.flex-control-nav {position:absolute; left:50%; top:27px;}
.flex-control-nav li {float:left; list-style-type:none !important;}
.flex-control-nav li a {cursor:pointer; display:block; width:15px; height:15px; text-indent:-100px; overflow:hidden; background:transparent url('/img/2013/iconset.png') -220px -320px no-repeat;}
.flex-control-nav li a.flex-active {background-position:-232px -320px;}

.overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100;}
body.ie8 .overlay {background:transparent url('/img/2013/black-bg.png') left top repeat;}
.overlay .close {position:fixed; margin-top:35px; top:0; right:60px; width:30px; height:30px; cursor:pointer; background:transparent url('/img/2013/iconset.png') -220px -345px no-repeat; z-index:102;}
.overlay .overlay-flexslider {position:absolute; top:0; left:0; width:100%; z-index:101;}
.overlay .flex-control-nav, .overlay .flex-direction-nav{display:block;}
.overlay .flex-direction-nav .flex-next{position:fixed; right:45px; background-position:-165px -320px;}
.overlay .flex-direction-nav .flex-prev{position:fixed; left:45px; background-position:-110px -320px;}
.overlay .flexslider {color:white; text-align:center; max-width:none;}
.overlay .flexslider .slides > li a.zoom {display:none;}
.overlay .flexslider .slides span > div:first-child {margin: 0 120px;}
.overlay .flexslider .slides > li.image {padding:75px 0 40px; height:auto;}
.overlay .flexslider .slides > li.image img {margin:0 auto;}
.overlay .flexslider .slides > li.image p.description {margin: 0 120px;}
.overlay .flex-control-nav li a {background-position:-220px -332px;}
.overlay .flex-control-nav li a.flex-active {background-position:-232px -332px;}

/* AUDIO SOUNDMANAGER ******************************* */
.ui360,.sm2-360ui{position:relative;width:130px;height:130px;top:-13px; left:-13px;}
.sm2-360ui{position:relative;float:left;display:inline;}
.ui360,.ui360 *{vertical-align:middle;}
.sm2-360ui.sm2_playing,.sm2-360ui.sm2_paused{z-index:10;}
.ui360 a{float:left;display:inline;position:relative;color:#000;text-decoration:none;left:3px;top:18px;text-indent:50px;}
.ui360 a.sm2_link{text-indent:0;}
.ui360 a,.ui360 a:hover,.ui360 a:focus{margin-left:-2px;margin-top:-2px;padding:2px;}
.ui360 a:hover,.ui360 a:focus{background:#eee;border-radius:3px;outline:none;}
.ui360 .sm2-canvas{position:absolute;left:0;top:0;}
.ui360 .sm2-timing{position:absolute;display:block;left:0;top:0;width:100%;height:100%;font-family:Arial, sans-serif;font-size:13px;font-weight:bold;color:#333;text-align:center;line-height:130px;margin:0;}
.ui360 .sm2-timing.alignTweak{text-indent:1px;}
.ui360 .sm2-cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);}
.ui360 .sm2-360data{display:inline-block;font-family:helvetica;}
.ui360 .sm2_link{display:none;}
.ui360 .sm2-360btn{position:absolute;display:block;top:50%;left:50%;width:35px;height:35px;margin-left:-17.5px;margin-top:-17.5px;cursor:pointer;z-index:3;}
.sm2-inline-block .ui360 .sm2-360btn,.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{width:35px;height:35px;margin-left:-17.5px;margin-top:-17.5px;}
.ui360 .sm2-360ui.sm2_playing .sm2-cover,.ui360 .sm2-360ui.sm2_paused .sm2-cover{display:block;}
.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background:transparent url('/img/2013/iconset.png') no-repeat 0 -375px; cursor:pointer;}
.ui360 .sm2-360btn-default:hover,.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover{background-position:-70px -375px;}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,.ui360 .sm2-360btn-playing:hover{background-position:-105px -375px;}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover{background-position:-105px -1000px;}
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover{background:transparent url('/img/2013/ui360_loading.gif') no-repeat 50% 50%;visibility:visible;}
.sm2-inline-list .ui360,.sm2-inline-block .ui360{position:relative;display:inline-block;float:left;_display:inline;margin-bottom:-15px;}
.sm2-inline-list .ui360{margin-right:-2px;}
.sm2-inline-block .ui360{margin-right:8px;}
ul.ui360playlist{list-style-type:none;}
ul.ui360playlist,ul.ui360playlist li{margin:0;padding:0;}
div.ui360 a span.metadata,div.ui360 a span.metadata *{vertical-align:baseline;}
.ui360 .sm2-360ui.sm2_playing .sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing{visibility:visible;}
.ui360 .sm2-360ui.sm2_buffering .sm2-timing,.ui360 .sm2-360ui .sm2-timing,.ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing,.ui360 .sm2-360ui.sm2_paused .sm2-timing{visibility:hidden;}
.sm2-inline-list .ui360 a,div.ui360 div.metadata{display:none;}

/* MEDIA QUERIES **************************** */
@media screen and (max-width:1015px) {
	html.subbrand #header .visual div {margin-left:15px;}
}

@media screen and (max-width:1055px) {
	.flexslider .slides > li {background-position: -30px center;} 
	.flexslider .slides > li > [class*=grid]:first-child {margin-left:15px;}
	.flexslider .slides > li > [class*=grid]:last-child {margin-right:0;}
	.flex-direction-nav .flex-next {right:15px;}
	.flex-direction-nav .flex-prev {left:15px;}
}