

#log {
display:none;
position:fixed;
top:10px;
left:10px;
z-index:2000;
}

body {
-webkit-font-smoothing: subpixel-antialiased; /* apple */
width:100%;
margin:0;
padding:0;
color:#000;
font-weight:400;
background: #FFFFFF;
}

body,input,button {
font-size:14px;
}

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

a img {
border:0;
}


.maincontent {
position:relative;
z-index:800;
}

h3 {
font-size:1.35em;
font-weight:bold;
margin:.5em 0 .2em 0;
}

h4 {
font-size:.8em;
text-transform: uppercase;
font-weight:600;
margin:0;
}

img {
display:block;
}

p {
margin:0 0 .6em;
}
blockquote {
    border: 1px solid #CCCCCC; 
    padding: 1em; 
    margin-left: 0;
    
}
blockquote p {
    margin: 0;
}
/* fonts */

@font-face {
font-family:'icons';
font-weight:normal;
font-style:normal;
src:url('../files/icons/glyphicons_halflingsregular/glyphicons_halflingsregular.eot');
src:url('../files/icons/glyphicons_halflingsregular/glyphicons_halflingsregular.eot#iefix') format('embedded-opentype'),
url('../files/icons/glyphicons_halflingsregular/glyphicons_halflingsregular.woff') format('woff'),
url('../files/icons/glyphicons_halflingsregular/glyphicons_halflingsregular.ttf') format('truetype'),
url('../files/icons/glyphicons_halflingsregular/glyphicons_halflingsregular.svg#glyphicons_halflingsregular') format('svg');
}

[data-dsiconfam='icons']:before ,
[data-dsiconfam='icons'] {
font-family:'icons' !important;
}

[data-ds_icon]:before {
content:attr(data-ds_icon)
}

.small
{
font-size:.85em;
}

/* Menu2 / Reiter */

.ds-menu2,.reiterrow,.mobinav {
position:relative;
background-color:#fff;
z-index:1000;
float: left;
width: 100%;
}

.reiterrow
{
margin: 20px 0 ;
border-top:1px dotted #000;
}

/* mobile navigationssteuerung und allgemeiner background */

.mobinav {
display:none;
}

.breadcrumb li a:before,.suchbutton,.clip,.col.cline a.intern:before,.col.cline a .mehr:before,.medien .mehr:before,.publikation .mehr:before,.fullslider .next span,.fullslider .prev span,.clip.dn,.clip.up
.totop:before,.mobil.changecss:before,.desktop.changecss:after,
.mobitools > div:before,.slidercontent  .next,.slidercontent  .prev,
.sondermeldung .mehr:before, ul.linkliste li:before,.teilerzeile a:before,.bestellformsmall button.xdel,.publikationeinzel .bestelleinzelrow .download:before,.downloadliste .download:before,.publikationeinzel .bestelleinzelrow .bestlink:before,.audiolink
{
background-image:url(pfeilsprite2.png);
background-position: -387px  10px;
background-repeat:no-repeat;
}

/* Navigation und Head */

.ds-menu2 ul ul {
display:block;
}

ul.downloadliste,.reiterrow ul,.ds-menu2 ul, .headnav ul,.footer ul,.publikationen .auswahl,.publikationen .auswahl ul {
list-style:none;
margin:0;
padding:0;
position:relative;
z-index:1000;
}

.headnav ul {
z-index:1200;
display:inline-block;
min-width:400px;
}

.headnav ul ul {
max-width:300px;
display:none;
}

.headnav > ul > li > div {
padding: 5px 0 5px 5px;
float:left;
}

.headnav ul ul li,.publikationen .auswahl ul li {
padding: 5px 10px 5px 15px;
border-bottom:1px dotted #878787;
margin-bottom:-1px;
}

.ds-menu2 .l2,.ds-menu2 .l1 {
display:none;
}

.ds-menu2 > ul > li,.headnav > ul > li,.footer > ul > li,.reiterrow > ul > li {
float:left;
display:block;
position:relative;
cursor:pointer;
}

.ds-menu2  > ul > li > a,.ds-menu2  > ul > li > div,.reiterrow > ul > li > div,.reiterrow > ul > li > a {
display: block;
float: left;
min-height: 2.5em;
padding: 10px;
position: relative;
cursor:pointer;
}

.reiterrow > ul > li > div,.reiterrow > ul > li > a {
min-height: auto;
}
    
.mobil .ds-menu2  > ul > li > a,
.mobil .ds-menu2  > ul > li > div,
.mobil .reiterrow  > ul > li > div{
min-height: 0;
}

.mobil .ds-menu2  > ul > li br,
.mobil .ds-reiterrow  > ul > li br {
display:none;
}

.nojs .ds-menu2 li:hover .l1,.nojs .reiterrow li:hover .l1,.nojs .headnav li:hover .l1 {
display:block;
}

.nojs .ds-menu2 li:hover .l1,.nojs .reiterrow li:hover .l1,.ds-menu2 li.aktiv .l1 {
position: absolute;
left: 0;    
}

.nojs.desktop .ds-menu2 li .l1.right,.nojs.desktop  .reiterrow li .l1.right,.desktop .ds-menu2 li .l1.right {
right: 0;    
left:auto;
}



.ds-menu2 li .l1  {
top: 4.1em;
}

.ds-menu2 .l1 li {
border-bottom:1px dotted #878787;
}

.l1 li:hover > div,.l1 li:hover > a,.headnav .l1 li:hover {
background-color:#878787;
color:#fff;
}

.nojs .ds-menu2 li li:hover .l2,.nojs .headnav li li:hover .l2 {
display:block;
}

.ds-menu2 .l1,.headnav .l1 {
max-width:450px;
min-width:300px;
box-shadow: 2px 2px 6px #666;
background-color:#fff;
background-color:RGBA(255,255,255,.98);
position:absolute;
}

.headnav .l1 {
left:0;
position:absolute;
top:2.5em;
margin-top:0;
}

.ds-menu2 .l1 li.aktiv > a {
color:#fff;
}

.ds-menu2 .l1 li.aktiv > ul > li:first-child,
.nojs .ds-menu2 li:hover .l2  > li:first-child {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab),color-stop(20%,rgba(221,221,221,0))); /* Chrome,Safari4+ */
background:-moz-linear-gradient(top, #ababab 0%, RGBA(221,221,221,0) 5px) no-repeat;
background:-o-linear-gradient(top, #ababab 0%, RGBA(221,221,221,0) 5px) no-repeat;
background:-webkit-linear-gradient(top, #ababab 0%, RGBA(221,221,221,0) 5px) no-repeat;
background:linear-gradient(to bottom, rgba(171,171,171,1) 0%,rgba(221,221,221,0) 5px,rgba(221,221,221,0) 100%);
}

.ds-menu2 .l1 li.aktiv > ul > li:last-child,
.nojs .ds-menu2 li:hover .l2  > li:last-child {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ababab),color-stop(20%,rgba(221,221,221,0))); /* Chrome,Safari4+ */    
background:-webkit-linear-gradient(bottom, #ababab 0%, RGBA(221,221,221,0) 5px) no-repeat;
background:-moz-linear-gradient(bottom, #ababab 0%, RGBA(221,221,221,0) 5px) no-repeat;
background:-o-linear-gradient(bottom, #ababab 0%, RGBA(221,221,221,0) 5px) no-repeat;
background: linear-gradient(to top, rgba(171,171,171,1) 0%,rgba(221,221,221,0) 5px,rgba(221,221,221,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ds-menu2 .l1 div,.ds-menu2 .l1 a {
padding:.5em;
display:block;
cursor:pointer;
}

.ds-menu2 .l1 li.aktiv > div {
color:#000;
/* 
color:#fff;
background-color:#878787;
background-color:#d7d7d7;*/


background-color:#f9f9f9;

margin-top:-1px
}
.ds-menu2 .l1 li.aktivchild > div {
/* background-color:#e6e6e6; */
}


.ds-menu2 .l1 li.aktiv {
padding:0;
border-bottom:0;
}

.ds-menu2 .l1 li:last-child {
border-bottom:0;
}
.ds-menu2 ul ul ul
{
/* background-color:#c8c8c8;*/
}


.ds-menu2.childs1 .lastaktivchild > .aktiv > div 
{
background-color:#d7d7d7;
background-image: linear-gradient(to top, #d7d7d7 0%,  #ededed 80%);

}

.ds-menu2.childs2 .navC9 > .aktiv > div 
{
background-color:#e2e2e2;
background-image: linear-gradient(to top, #e2e2e2 0%,  #f9f9f9 80%);
}



.ds-menu2 ul ul ul.lastaktivchild
{
 background-color:#d2d2d2;
}

.ds-menu2 .navC8 > li > ul
{
 background-color:#dcdcdc;
}

.ds-menu2 .l1 .navC9 .lastaktivchild > .aktiv > div ,.ds-menu2.childs2 .navC9 .lastaktivchild  > .aktiv > div,.ds-menu2.childs3 .navC9 .lastaktivchild  > .aktiv > div
{
background-color:#d7d7d7;
background-image: linear-gradient(to top, #d7d7d7 0%,  #ededed 80%);
}


.ds-menu2 .l1 .navC8 > li > ul > li.aktivchild > div,.ds-menu2.childs3 .navC9 > .aktiv > div
{
background-color:#e2e2e2;
background-image: linear-gradient(to top, #e2e2e2 0%,  #f9f9f9 80%);
}


.ds-menu2 .navC7 > li > ul
{
 background-color:#e7e7e7;
}

.ds-menu2 .l1 .navC7 > li > ul > li.aktivchild > div, .ds-menu2.childs3 .navC8  > .aktiv > div
{
background-color:#ededed;
background-image: linear-gradient(to top, #ededed 0%,  #f9f9f9 80%);
}



.ds-menu2 .navC6
{
background-color:#f3f3f3;
}

.ds-menu2 .l1 .navC6 > li > ul > li.aktivchild > div
{
background-color:#f9f9f9;
}

.ds-menu2 .navC5
{
background-color:#fff;
}

.ds-menu2 .l1 .navC5 > li > ul > li.aktivchild > div
{
background-color:#f9f9f9;
}

.ds-menu2 .navC4
{
background-color:#fff;
}

.ds-menu2 .l1 .navC4 > li > ul > li.aktivchild > div
{
background-color:#f9f9f9;
}

.ds-menu2 .navC3
{
background-color:#fff;
}

.ds-menu2 .l1 .navC3 > li > ul > li.aktivchild > div
{
background-color:#f9f9f9;
}

.ds-menu2 .navC2
{
background-color:#fff;
}

.ds-menu2 .l1 .navC2 > li > ul > li.aktivchild > div
{
background-color:#f9f9f9;
}


.ds-menu2 .navC1
{
background-color:#fff;
}

.ds-menu2 .l1 .navC1 > li > ul > li.aktivchild > div
{
background-color:#f9f9f9;
}



.ds-menu2 ul.lastaktivchild > li > ul {
background-color:#c8c8c8;
/* background-color:RGBA(221,221,221,.85); */
}
.ds-menu2 > ul > li.haschildren li.haschildren li.haschildren > div span:after,
.headnav > ul > li.haschildren > div span:after,.ds-menu2 > ul > li.haschildren > div span:after,.ds-menu2 .l1 > li.haschildren > div span:after,.headnav .back2main:before,.backto .clip:before {
content:'';
width:20px;
height:12px;
/*background-image:url(pfeile2.png);*/
background-position:center -30px;
background-repeat:no-repeat;
}
.ds-menu2 > ul > li.haschildren li.haschildren li.haschildren > div span:after,
.headnav > ul > li.haschildren > div span:after,.ds-menu2 > ul > li.haschildren > div span:after,.ds-menu2 .l1 > li.haschildren > div span:after {
margin-top:.25em;
display: block;
float:right;
}

.desktop .ds-menu2 > ul > li.haschildren li.haschildren li.haschildren > div span:after,
.desktop .ds-menu2 .l1 > li.haschildren > div span:after {
position:absolute;
right:0;
top:5px;
}

.mobil .ds-menu2 > ul > li.haschildren li.haschildren li.haschildren > div span:after,
.mobil .ds-menu2 .l1 > li.haschildren > div span:after {
position:absolute;
right: .5em;
top:5px;
}
.headnav .back2main:before {
    margin-top: .25em;
    display: block;
    float: left;
    background-position: center -118px;
}
.ds-menu2 > ul > li.haschildren li.haschildren li.haschildren > div span,
.ds-menu2 .l1 > li.haschildren > div span
{
width:90%;
display:inline-block;
}
.ds-menu2 > ul > li.haschildren li.haschildren li.haschildren > div span:after,
.ds-menu2 .l1 > li.haschildren > div span:after {
background-position:center -12px;
}
.ds-menu2 > ul > li.haschildren li.haschildren li.haschildren.aktiv > div span:after,
.ds-menu2 .l1 > li.haschildren.aktiv > div span:after {
background-position:center -53px;
}


.headnav,.logorow,.menuerow {
width:100%;
}

.section.headnav
{
position:relative;
}

.headnav, .headnav a, .footer li li a {
color:#878787;
}
.headnav, .footer li li a {
font-size:.85em
}

.headnav {
margin-bottom:0;
}

.headnav li {
padding:5px 0;
position:relative;
}

.logorow .logosmall
{
border-left: 1px dotted #000;
padding: 80px 0 0 30px;
margin: -80px 0 0 30px;
display: inline-block;
}

body.desktop .section.headspec
{
position: relative;
z-index:2500;
background-color:#000000;
margin: 0;
}
    
.headnav li:before,.publikationen .auswahl ul li:before {
width:5px;
height:100%;
content:'';    
display:block;
position:absolute;
left:0;
top:0px;
}


.logorow {
text-align:right;
}

 .logorow.wbreadcrump
 {
 margin-bottom: 10px;
 }

.logorow img {
display:inline-block;
}

.menuerow {
border-top:1px dotted #000;
position:relative;
}

.menuerow.fixed {
border-top: 1px solid #fff;
float:left;
width: 988px;
}

.desktop .menuerow.fixed .ds-menu2:after {
content:'';
bottom:-3px;
border-color: transparent #90908f;
border-style: solid;
border-width:  0 0 3px 4px;
position:absolute;
right:-4px;
z-index:999;
}

.desktop .menuerow.fixed .ds-menu2:before {
content:'';
bottom:-3px;
border-color: transparent #90908f;
border-style: solid;
border-width:  0 4px 3px 0 ;
position:absolute;
left:-4px;
z-index:999;
}

.desktop .menuerow.fixed:before,.desktop .menuerow.fixed:after {
content:'';
bottom:0;
border-color: #fff;
border-style: solid;
border-width:  5px;
position:absolute;
height:200px;
background-color:#fff;
z-index:1001;
}

.desktop .menuerow.fixed:before {
left:-10px;
}

.desktop .menuerow.fixed:after {
right:-10px;
}

.menuerow.fixed .ds-menu2 {
z-index: 999;
}

body.desktop .menuerow.fixed .ds-menu2  .ndslogo{
width:38px;
height:38px;
position:absolute;
top:10px;
right:0;
background:#fff url(../img/nlq_logo.png) no-repeat 2px top;
background-size: auto 100%;
}

.desktop .menuerow.fixed .ds-menu2 {
box-shadow: 0 2px 6px #666;
}

.wrapper {
width: 988px;
margin: 0 auto 0 auto;
padding:0 10px;
}

/* footer */

.footer  {
padding:20px 0 50px 0;
margin-top: 60px;
clear:both;
border-top:1px dotted #878787;
 position: relative;
 z-index: 500;
}

.footer a:hover {
text-decoration:underline;
}

.footer li {
padding-bottom:5px;
}

.footer li a {
color:#878787;
}

.footer > ul > li > a {
min-height:2em;
display:block;
padding-bottom:10px;
}


.footer > ul > li {
width:13%;
padding-right: 1%;
}

.footer > ul > li:last-child {
padding-right: 0;
width:14%;
}

.footer .ndslogo {
float:right;
width:200px;
height:auto;
}

/*  Spalten  */

.col {
float:left;
min-height:40px;
position:relative;
display: inline; /* fix IE6 */
}

.content {
position:relative;
}

.col .content {
margin:10px;
}

.col:first-child { margin-left: 0; }

.complementary .col {
margin: 0 0 20px 20px;
background:#f2f2f2;
}

.seitenende .complementary {
margin-left: 20px;
}

.span4of4 > .content {
margin-left: 15px;
}


.complementary .content {
margin-bottom: 0;
}

.main,.complementary {
float:left;
}

.main .section:after{
content:'';
border-bottom:1px dotted #c6c6c6;
padding-top:20px;
display:block;
}

.main .section.noline:after{
border-bottom:0;
}

.main .section.topline
{
border-top:1px dotted #c6c6c6;
}

.col .dottedborder
{
border:1px dotted #c6c6c6;
}


/* slider */

.fullslider {
overflow:hidden;
width:988px;
height:510px;
}

.fullslider img {
min-height:1px;
width: auto;
width:100%;
height:auto;
}

.fullslider .slide {
position:relative;
display:none;
min-height:10px;
float:left;
}

.fullslider .slide:first-child,
.fullslider.slick-initialized .slide {
display:block;
}
.fullslider .slide .desc {
width:936px;
background-color:#fff;
background-color:RGBA(255,255,255,.9);
position:absolute;
bottom:0;
margin:15px;
padding: 10px 10px 50px 10px;
z-index:600;
}

.fullslider .next,.fullslider .prev {
width:30px;
height:100%;
position:absolute;
top:0;
cursor:pointer;
z-index:600;
}

.fullslider .prev {
left:-3px;
}

.fullslider .next {
background-position:0px;
right:-3px;
z-index:500;
}

.fullslider .next span,.fullslider .prev span {
background-color:#ccc;
background-position:-40px 0;
position: relative;
top: 50%;
width:30px;
height:30px;
display:block;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 0 5px 5px 0 ;
-moz-border-radius: 0 5px 5px 0 ;
border-radius:  0 5px 5px 0 ;
}

.fullslider .next span {
background-position:0px 0 ;
-webkit-border-radius: 5px  0 0 5px ;
-moz-border-radius: 5px  0 0 5px ;
border-radius:  5px  0 0 5px ;
}

.fullslider .next span:after,.fullslider .prev span:before {
content:'';
bottom:-5px;
border-color: transparent #90908f;
border-style: solid;
border-width:  0 0 5px 3px;
position:absolute;
}

.fullslider .next span:after {
right:0;
}

.fullslider .prev span:before {
left:0;
border-color: #90908f transparent ;
border-width:  5px 0 0 3px ;
}

.fullslider .slide .desc h2 {
font-size:1.75em;
margin: 0 0 .2em 0;
}

.galctrl {
position:absolute;
bottom:20px;
z-index:800;
width:100%;
text-align:center;
}

.slidercontent {
background: #f2f2f2;
margin-bottom:20px;
padding-top: 10px;
}

.slidercontent div.wrap {
padding: 0 0 0 15px;
}

.slidercontent > div.wrap:before {
content: '';
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.contentslider {
width:99.5%;
float:left;
margin:10px 0 30px -10px;
overflow:hidden;
}

.contentslider .slide {
border-right: 1px dotted #c6c6c6;
width:242px;
}

.contentslider .slide:last-child {
padding-right:0;
border:0;
}

.contentslider .datum {
display:block;
}

.slidercontent  .next,.slidercontent  .prev {
background-color:#ccc;
background-position:0 0;
bottom:-3px;
display:block;
-webkit-border-radius: 5px 5px 0 0 ;
-moz-border-radius: 5px 5px 0 0 ;
border-radius:  5px 5px 0 0 ;
right:20px;
cursor:pointer;
}

.slidercontent  .prev {
right:60px;
background-position:-40px 0 ;    
}

/*
.galctrl .gpnt {
border-radius: 50%;
border:1px solid #000;
cursor: pointer;
display: inline-block;
height: 11px;
margin: 5px;
width: 11px;
}

.galctrl .gpnt.aktiv {
background-color:#e50046;
}
*/

/* clips */

.clip {
width:30px;
height:30px;
display:block;
position:absolute;
background-color:#ccc;
background-position:100px 0;
cursor:pointer;
}

.clip.top {
-webkit-border-radius: 0 0 5px 5px ;
-moz-border-radius:  0 0 5px 5px ;
border-radius:  0 0 5px 5px ;
top:-3px;
}

.clip.bottom {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius:  5px 5px 0 0;
border-radius:  5px 5px 0 0;
bottom:-3px;
}

.clip.up
{
right:20px;
background-position: -215px 0;
}

.clip.dn
{
right:60px;
background-position: -170px 0;
}

.clip.bottom::after {
content:'';
bottom:0;
right:-4px;
border-color: transparent #90908f;
border-style: solid;
border-width:  0 0 3px 4px;
position:absolute;
}


.clip.top:after {
content:'';
top:0;
right:-4px;
border-color: transparent #90908f;
border-style: solid;
border-width: 3px 0 0 4px;
position:absolute;
}

.clip.close {
background-position: -867px 6px;
}

.clip.foto,.clip.movie {
background-position:-260px  top;
left:10px;
bottom:-3px;
-webkit-border-radius: 5px 5px 0 0 ;
-moz-border-radius: 5px 5px 0 0 ;
border-radius:  5px 5px 0 0 ;
}

.clip.movie {
background-position:-925px  top;
}

.clip.video {
position:absolute;
top:-3px;
background-color:#ccc;
right:20px;
width:auto;
min-width:35px;
line-height:2.1em;
padding: 0 10px 0 20px;
background-image:none;
}

.clip.video.top {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius:  0 0 4px 4px;
border-radius:  0 0 4px 4px;
}

.clip.video::before {
content:'';
left:8px;
width:10px;
height:10px;
top:10px;
position:absolute;
background:url(pfeile2.png) 0 -104px;
}

/*  sections  */

.section {
clear: both;
padding: 0;
margin: 0 0 20px 0;
}

/* Spalten */

.w100 {
width:100%;
}

.w50 {
width:50%;
}

.w33 {
width:33%;
}

.w25 {
width:25%;
}

.lfloat {
float:left;
}

.rfloat {
float:right;
}

/* Bilder */

.img {
position:relative;
}

.img.rfloat {
margin-left:.8em;
}

.img.lfloat {
margin-right:.8em;
}

.img img {
width: auto;
width:100%;
height:auto;
}

.img.w100 img {
margin-bottom:.8em;
}

.complementary .col .img.top
{
margin-top:-10px;
margin-bottom:10px;
}

/*  Gruppierungen  */

.group:before,
.group:after { content:''; display:table; }

.group:after { clear:both;}

.group { zoom:1; /* IE 6/7 */ }

/*  grid  */
.span6of6 {
width: 988px;
}

.span5of6 {
width: 820px;
}

.span4of6 {
width: 652px;
}

.span3of6 {
width: 484px;
}

.span2of6 {
width: 316px;
}

.span1of6 {
width: 148px;
}

.span4of4 {
width: 988px;
}

.span3of4 {
width: 736px;
}

.span2of4 {
width: 484px;
}

.span1of4 {
width: 232px;
}


.main.span4of4 > .span1of4,.main .span3of4 > .span1of4,.span2of4 > .span1of4
{
margin-right:20px;
margin-bottom:20px;
}


.span4of4 > .span1of4:nth-child(4n+0),.span3of4 > .span1of4:nth-child(3n+0),.span2of4 > .span1of4:nth-child(2n+0)
{
margin-right:0;
}

.span4of4 > .span1of4:nth-child(4n+1),.span3of4 > .span1of4:nth-child(3n+1),.span2of4 > .span1of4:nth-child(2n+1)
{
clear:left;
}


/* news */

.col.cline .content {
margin:0 0 0 15px;
}

.col.cline .content h4,.col.cline .content h3 {
line-height:normal;
}

.col.cline:before {
content:'';
width:5px;
height:100%;
position:absolute;
top:0;
left:0;
}

.col.cline a.intern,.col.cline .mehr,.medien .mehr,.publikation .mehr /* ggfs. ueber [href$=".doc"] loesen */ {
font-weight:600;
}

.col.cline a.intern:before,.col.cline a .mehr:before,.medien .mehr:before,.publikation .mehr:before {
content:'';
width:10px;
height:.9em;
background-position:-315px  -6px;
display: inline-block;
}

.medien .mehr
{
color:#878787;
}

.medien .mehr:before
{
background-position:-360px  -.5em;
}

/* presse / veranstaltungen */
.col .datum
{
color:#878787;
}

.col.presse .ort
{
margin-top:.5em;
}


.col.presse strong
{
font-size: 1.5em;
}

.cline .mehr
{

}

/* dropdown / publikationen */

form.publikationen input[name=suchfeld]
{
float:left;
}


.publikationen .auswahl 
{
position:relative;
z-index:2000;
width:300px;
float:left;
margin-bottom:10px;
}
.publikationen .auswahl .aktuell
{
background:#fff url(selectdn.png) right center no-repeat;
padding:5px 20px 5px 15px;
cursor:pointer;
}

.publikationen .auswahl .aktuell span
{
margin-right:20px;
overflow:hidden;
display:block;
}

.publikationen .auswahl ul
{
position:absolute;
display:none;
}

.publikationen .auswahl ul li
{
cursor:pointer;

background:#fff;
background-color:RGBA(255,255,255,.95);
margin-bottom:0;
}

.publikationen li  {
position:relative;
}

.publikation .img
{
width:232px;
height:232px;
margin-bottom:10px;
}

.publikationeinzel .portrait img
{
max-width:230px;
width:auto;
height:325px;
}


.publikationeinzel h2
{
margin-top:0;
}

.publikationeinzel .landscape img
{
width:230px;
height:auto;
}


.publikationeinzel .img
{
margin-bottom:0;
}

.span3of4 > .span1of4.publikationeinzel
{
margin-bottom:0;
}


.publikation .img img,.publikationeinzel .img img
{
border:1px solid #ccc;
}


.publikation .portrait img
{
height:230px;
width:auto;
}


.publikation .landscape img
{
width:230px;
height:auto;
}

.publikationeinzel   .bestelleinzelrow
{
margin-top:2em;
}

.publikationeinzel .bestelleinzelrow .download
{
margin-right:4em;
}

.publikationeinzel .bestelleinzelrow .download:before,.publikationeinzel .bestelleinzelrow .bestlink:before,.downloadliste .download:before
{
content:'';
height:21px;
width:22px;
margin-right:.5em;
display:inline-block;
background-position: -1052px  0px;
position:relative;
top:3px;
}

.publikationeinzel .bestelleinzelrow .bestlink:before
{

background-position: -1093px  0px;
}

@media only screen and (max-width: 768px) {

.publikationeinzel .bestelleinzelrow .bestlink
{
display:block;
margin-top:1em;
}

.publikationen .auswahl 
{
    width: 97%;
    margin-right: 40px;
    }
}

/* misc */

.clear
{
clear:both;
}

.whitebg
{
background-color:#fff;
}

.col .content.banner
    {
    margin: 0;
    }

.col .content.banner a
    {
    display:block;
    }

form.filter input[type=text], form.filter select,.bestellformsmall  input[type=text]
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
padding:4px;
margin-bottom:10px;
}

form.filter input[name=suchfeld]
{
width:20em;
margin-right:40px;
}

form.filter span:last-child input[type=text]
{
margin-right:0;
}

form.filter select,form.publikationen input[name=herausgeber] {
  background:#fff url(selectdn.png) right center no-repeat;
  padding-right:20px;
  margin-right:40px;
}

form.filter span
{
white-space: nowrap;
}


.span4of4 .filter
{
position:relative;
}
.span4of4 .filter .suchen
{
right:-13px;
padding-right:40px;
}

ul.linkliste
{
list-style:none;
margin-left:15px;
padding-left:0;
}

ul.linkliste li
{
margin-bottom:.5em;
position: relative;

}
ul.linkliste li a {
    font-weight: 400;
}

ul.linkliste > li:before
{
content:''; 
width:15px;
height:10px;
background-position:-315px  -10px;
left:-15px;
position:absolute;
top:.3em;
}
ul.linkliste li.title {
    margin-left: -1em;
    margin-top: 1.5em;
    font-weight: 600;
}
ul.linkliste li.title:before {
    content: none;
}
hr.dotted {
border:0;
border-bottom:1px dotted #c6c6c6;
margin:20px 0;
display:block;
}


.layoutchange1 {
font-size: 1em;
}

.layoutchange1 span {
font-size: .85em;
}

.seitenende {
width:100%;
background-color:#878787;
clear:both;
padding:1em 0;
height: 3em;
}

.seitenende .content {
margin:0 auto;
}

.seitenende .content a {
color:#fff;
margin-right:20px;
}

.totop,.changecss {
float:right;
clear:right;
position:relative;
cursor:pointer;
}

.desktop.changecss {
float: none;
}

.totop:before {
float:left;
position:relative;
width:20px;
height:15px;
content:'';
background-position:-220px  -6px;
}

.mobil.changecss {
margin-top:1em;
}

.mobil.changecss:before,
.desktop.changecss:after {
float:left;
position:relative;
content:'';
background-position:-538px  2px ;
width:30px;
height:18px;
}

.desktop.changecss:after {
float:right;
margin-right: 15px;
}

    
.suchbutton {
cursor:pointer;
background-position:-576px 2px;
float:left;
height:15px;
width:20px;
margin-left:15px;
}

.suchbutton.aktiv  {
background-position:-606px 2px;
/* background-color:#e50046; */
}

.suchfeld {
position:relative;
min-width:300px;
}

.suche.input {
box-shadow: 2px 2px 2px #ccc;
display:none;
position:absolute;
top:30px;
padding:10px 0;
height: 2em;  
}

.nojs .suche.input {
max-height: none;
padding:10px 0;
overflow: visible;
}

.suche.input.aktiv {
max-height: 200px;    
overflow: visible;
padding:10px 0;
}

.suche.input input[type=text],.suchemobil.input input[type=text] {
float:left;
padding:2px 5px;
border:1px solid #f2f2f2;
background-color:#f2f2f2;
min-width:300px;
}

.suchemobil button,button.suchen,.suche.input button[type=submit],.teiler button[type=submit],.bestellformsmall button {
border: none;
-webkit-border-radius: 5px  0 0 5px ;
-moz-border-radius: 5px  0 0 5px ;
border-radius:  5px  0 0 5px ;
background:#ccc;
position:relative;
right:-3px;
padding:2px 5px;
margin-left:10px;
float:right
}

.ios button.suchen,.ios .suche.input button[type=submit],.bestellformsmall button
{
right:-6px;
}

.filter .suchen
{
padding: 5px 20px 5px 5px;
}




button.suchen:after ,.suche.input button[type=submit]:after,.teiler button[type=submit]:after,.bestellformsmall button:after {
content:'';
bottom:-5px;
right:0;
border-color: transparent #90908f;
border-style: solid;
border-width:  0 0 5px 3px;
position:absolute;
}

.mobitools, 
.ds-menu2 > ul > li.mobitools,
.ds-menu2 > ul > li.mobil {
display:none;
}

.mobitools > div:before {
float:left;
background-position:-633px top;
position: relative;
width: 30px;
height: 25px;
content:'';
}

.mobitools.aktiv > div:before {
background-position:-678px top;
}

.mobil .ds-menu2 .mobitools {
display:block;
margin-top:50px;
}
.mobil .ds-menu2 .mobil {
    display:block;
}

.nodisplay,
.mobil .ds-menu2  br {
display:none;
}

.complementary a.download,.complementary .email {
display:block;
margin:15px 0 ;
}

.complementary a.download .clip,.complementary .email .clip {
background-position: -712px  4px;
position:relative;
left:-13px;
top:-5px;
float:left;
-webkit-border-radius:  0 5px 5px 0 ;
-moz-border-radius:  0 5px 5px 0 ;
border-radius:  0 5px 5px 0 ;
width:30px;
height:30px;
display:block;
margin-right:-5px;
}

.complementary a .clip:before, .complementary .email .clip:before {
content:'';
bottom:-5px;
left: 0;
border-style: solid;
border-color: #90908f transparent ;
border-width:  5px 0 0 3px ;
position:absolute;
}

.complementary a[href$=".doc"] .clip {
background-position:-749px  4px;    
}

.complementary a[href$=".pdf"] .clip {
background-position:-789px  4px;    
}

.complementary .email .clip {
background-position:-830px  7px;    
}

.ds-menu2 .close {
display:none;
}

.sondermeldung .content {
margin:10px 20px;
}

.sondermeldung h2 {
font-size:2em;
}

.sondermeldung .mehr {
color:#000;
font-size:.5em;
font-weight:normal;
}

.sondermeldung h4 {
color:#000;
}

.sondermeldung .close {
background-color:#ccc;
right:20px;
top: -3px;
}

.sondermeldung .mehr:before {
content:'';
width:15px;
height:10px;
background-position:-315px  -10px;
display: inline-block;
}

.grey {
color:#878787;
}

.bggrey {
    background: #f2f2f2;
    }


/* bestellform */

.bestellformsmall .bestellrow
{
position:relative;
}

.bestellformsmall input[type=text]
{
width:3em;
color:#878787;
}


.bestellformsmall button.xdel
{
background-position: -867px 6px;
    width: 28px;
    height: 28px;
}

.bestellformsmall button
{
right:-13px;
}

.ios .bestellformsmall button
{
right:-16px;
}

.bestellformsmall button.bestell
{
margin-bottom:1em;
padding:5px 20px 5px 5px;
}

.bestellformsmall .bestellrow
{
margin-top:.5em;
}

/* teiler */

.teiler
{
position:absolute;
bottom:60px;
width:100%;
background:#f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:  5px;
box-shadow: 2px 2px 6px #666;
}

.teiler .content
{
padding: 10px 20px 20px 20px;
z-index:400;
}
.teiler .close
{
  right: 20px;
    top: -3px;
    cursor:pointer;
    z-index:500;
}

.teiler input[type=text] {
padding:2px 5px;
border:1px solid #fff;
background-color:#fff;
min-width:260px;
clear:both;
margin-bottom:10px;
}

.teiler label
{
width:260px;
display:inline-block;
}

.teiler label[for=nachricht]
{
width:100%;
display:block;
}

.teiler textarea
{
width:522px;
display:block;
padding:2px 5px;
border:1px solid #fff;
background-color:#fff;
height:120px;
margin: 10px 0;
}


.teiler button[type=submit]
{
position:relative;
right:-23px;
top:-50px;
padding:5px 50px 5px 10px ;
}

.ios .teiler button[type=submit]
{
right:-26px;
}


.teiler:after
{
content:'';
bottom:-30px;
left:50px;
width:40px;
height:30px;
background:url(ecke.png) no-repeat;
position:absolute;

}

.teilerzeile a
{
color: #878787;
}


.teilerzeile
{
position:relative;
margin-bottom:10px;
}

.teilerzeile > a:before
{
background-position:-970px -2px;
content:'';
height:21px;
width:30px;
display:inline-block;
position:relative;
top:.3em;
}

.teilerzeile a.pdf,.teilerzeile a.drucken
{
float:right;
}

.teilerzeile a.pdf:before {
background-position:-789px  0px;    
}

.teilerzeile a.drucken:before {
background-position:-1010px  0px;    
margin-left:20px;
}



.teiler
{
display:none;
}

@media only screen and (max-width: 736px) {
.teiler textarea,.teiler input[type=text]
{
width:96%;
}
.teiler button[type=submit]
{
position:relative;
top:-20px;
}



}

/* backto */

.backtocontainer .clip
{
width:auto;
position: absolute;
bottom: -3px;
background-color: #ccc;
width: auto;
min-width: 35px;
line-height: 2.1em;
padding: 0 10px 0 20px;
background-image:none;
}

.backtocontainer .clip:before
{
    display: block;
    position: absolute;
    left: 5px;
    top:6px;
    background-position:1px -80px;
}



.backtocontainer
{
position:relative;
}


/* social media */
.smline
{
display:block;
width:100%;
margin-top:6px;
}
.smline a
{
display:block;
float:left;
height:24px;
width:24px;
background-image:url(../img/socialmedia.png);
background-repeat:no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:  5px;
margin-right:20px;
}

.smline a.twitter
{
background-position:-43px;
}


.smline a.google
{
background-position:-87px;
}


@media only screen and (min-width: 737px) {
    .complementary .img.w33,.complementary .img.w50,.complementary .img.w25 {
    width:100%;
    }

    .complementary .col .img {
    margin:0 -10px 0 -10px;
    width: 232px;
    }

    .complementary .section .col:last-child {
    margin-bottom:0;
    }
}

@media only screen and (min-width: 1011px) {
}

@media only screen and (max-width: 1010px) and (min-width: 737px) {

    .complementary .section .col:nth-child(3n):before {
    width:232px;
    }

    .complementary .section .col:last-child {
    margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1010px) {
    body.desktop .section.headspec {
        width:100%;
    }
    .footer {
    display:none;
    }

    .fullslider {
    width:736px;
    height:379px;
    }

    .main .section:last-child:after {

    border-bottom:0;
    padding-top:0;
    display:block;
    }

    .complementary .section .col:before {
    content:'';
    border-top:1px dotted #c6c6c6;
    background-color: #fff;
    height:20px;
    display:block;
    width:251px;
    }

    .complementary,.span4of4,.fullslider,.wrapper,.menuerow.fixed {
    width:736px;
    }

.seitenende .complementary {
    margin-left: 0;
}
    .fullslider .slide .desc {
    width:687px;
    z-index:400;
    }

    .complementary .section .col:first-child,.complementary .section .col:nth-child(3n+1) {
    margin-left:0;  
    clear:left;
    }

    .complementary .section {
    margin: 0;
    }

    .complementary .col .content {
    margin-left: 20px;
    }

    .complementary .col .content.banner {
    margin-left: 0;
    }

    .complementary .col .content a.download {
    margin-left: -10px;
    }
    .complementary .col .content .email {
        margin-left: -17px;
    }

    .wrap4of4 .video.top {
    top:-3px;
    }

    .complementary .video.top {
    top:18px;
    }

    .complementary .col .img {
    margin:0 -20px 0 -20px;
    }
    
    
}

/* reset home */

.desktop .ds-menu2 > ul > .home:hover {
background-color:transparent;
padding-top:0;
margin-top:0;
box-shadow: none;
}

.desktop .ds-menu2 > ul > .home:hover::after {
content:'';
display:none;
}


/* override this */
/* hier koennen die verschiedenen Klassen fuer die gewuenschten Farbkombinationen hinterlegt werden */


 .mobil .ds-menu2 > ul > li.aktiv > div, 
.desktop .ds-menu2 > ul > li:hover > a,.desktop .reiterrow > ul > li:hover > a,.reiterrow > ul > li.aktiv > a,.desktop .ds-menu2 > ul > li:hover > div,.desktop .ds-menu2 > ul > li.aktiv > div,.desktop .ds-menu2 > ul > li.leicht a{
color:#fff;
}

.desktop .ds-menu2 > ul > li:hover::after,.desktop .reiterrow > ul > li:hover::after,.desktop .reiterrow > ul > li.aktiv::after,.desktop .ds-menu2 > ul > li.aktiv::after,.desktop .ds-menu2 > ul > li.leicht::after {
content:'';
position:absolute;
top:0;
right:-4px;
/* border-color: transparent #b11233;*/
border-style: solid;
border-width: 3px 0 0 4px;
}

.ds-menu2 .home a {
height:29px;
width:24px;
}



.desktop .ds-menu2 > ul > li.haschildren > div span:after {
background:url(pfeile2.png) center -28px no-repeat;
}

.desktop .ds-menu2 > ul > li.haschildren:hover > div span:after {
background-position: center 0;
}

.desktop .ds-menu2 > ul > li.haschildren.aktiv > div span:after {
background-position:center -42px;
}

.desktop .headnav > ul > li.haschildren.aktiv > div span:after {
background-position:center -42px;
}

.ds-menu2 .haschildren,.ds-menu2 .haschildren li
{
position:relative;
}


/* breadcrumb */
.breadcrumb ul
{
list-style:none;
margin:0;
padding:0;
font-size: .7em;
color: #878787;
text-transform: uppercase;
}
.breadcrumb li ul
{
font-size: 1em;
}
.breadcrumb a
    {
    color: #878787;
text-decoration:none;
}


.breadcrumb li
{
float:left;
display:inline-block;
margin-right:1.6em;
}

.breadcrumb li:hover a
{
color: #000;
}


.breadcrumb li a:before
{
content:'';
width:10px;
height:.9em;
background-position:-1217px -12px;
display: inline-block;
}
.breadcrumb li:hover a:before
{
background-position:-1181px -12px;
}



.breadcrumb li:first-child a:before
{
display:none;
}

.section.breadcrumb
 {
 margin-bottom:5px;
 }



ul.downloadliste li
{
margin-bottom:20px;

}


.audiolink
{
content:'';
height:12px;
width:16px;
margin-right:.25em;
display:inline-block;
background-position: -1138px  -10px;
position:relative;
top:1px;
}



.margt0
{
margin-top:0;
} 


.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.twoimg .w50:nth-child(odd) .img,.twoimg .w50:nth-child(odd) .picinfo
{
margin-right:10px;
}

.twoimg .w50:nth-child(even) .img,.twoimg .w50:nth-child(even) .picinfo
{
margin-left:10px;
}

.main .twoimg:after
{
padding-top:0;
}

.picinfo
{
margin-top:10px;
}

.logoadd
{
float:left;
}

form.suche.input
{
background-color:#fff;
}


.img.w25.lfloat.smll
{
min-height:200px;
height:200px;
background-color:#f4f4f4;
display: table;
max-width: 200px;
  }
.img.w25.lfloat.smll > div
{
display: table-cell;
vertical-align: middle;
}
.img.w25.lfloat.smll img
{
width:auto;
margin-left:auto;
margin-right:auto;
display:block;

}

.lfloat.oneimage
{
margin-right:10px;
}

.rfloat.oneimage
{
margin-left:10px;
}


@media only screen and (max-width: 600px) {

.img.w25.lfloat.smll
{
min-height:100px;
}

}

.ftext a, a.link
{
text-decoration:underline;
color:#5f5e5e;
}
