body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
@media(max-width:767px){
    #wrapper{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width:995px;
    }
    #header,#footer{
	height:98px;
    }
    #container{
	padding-left: 252px;
	padding-right: 269px;
    }
    #main,#left,#right{
	float:left;
	width:auto;
    }
    #left{
	right: 252px;
	margin-left: -475px;
    }
    #right{
	margin-right: -475px;
    }
}

html {
    overflow-y: scroll;
}

#main {
    width: 474px;
    padding-top: 18px;
}

#header {
    height: 98px;
}

#left {
    padding-top: 8px;
    height: 100% !important;
    padding-left: 20px;
    width: 232px;
}

#dll-logo {
    margin-top: 45px;
    /* width: 193px; */
    height: 100px;
    background: url('../../files/dll/theme/img/dll-logo.svg') no-repeat;
}

a.dll-logo:before {
    content: "";
}

.no-before:before {
    content: "";
}

#left .inside {
    padding-right: 19px;
}

#right {
    padding-top: 8px;
    padding-left: 12px;
    /* background-color: red; */
}

#right .inside {
    padding-left: 20px;
}

.clear {
    clear: both;
}

/*
 Navigation
*/

.mod_navigation {
    line-height: 36px;
    font-size: 15px; font-family: FuturaPTWebDemi;
    font-weight: normal;
    letter-spacing: 0px;
    color: rgb(60, 60, 60);
}

.mod_navigation > ul {
    padding-left: 0;
}

.mod_navigation > ul > li.active:before {
    content: "› ";
}

.mod_navigation > ul > li a:before {
    content: "› ";
}

.mod_navigation > ul > li.active:before {
    color: rgb(60, 170, 50);
}
.mod_navigation > ul > li.active a {
    color: rgb(60, 170, 50);
}

.mod_navigation > ul > li {
    list-style: none;
    color: rgb(60, 60, 60);
}

.mod_navigation > ul > li a {
    color: rgb(60, 60, 60);
}

li.trail {
    color: rgb(60, 170, 50) !important;
}

li.trail:before {
    color: rgb(60, 170, 50) !important;
}

li.trail a {
    color: rgb(60, 170, 50) !important;
}

li .active {
    color: rgb(60, 170, 50);
}

.nav-meta {
    margin-top: 6px;
}

.nav-meta > ul > li {
    list-style: none;
    color: rgb(155, 155, 155);
}

.nav-meta > ul > li a {
    color: rgb(155, 155, 155);
}

/*
 Footer
*/

#footer {
    margin-left: 252px;
}

#footer .mod_navigation {
    color: rgb(156, 156, 156);
    line-height: 24px;
    font-size: 15px;
}

#footer .mod_navigation > ul > li.trail {
    color: rgb(156, 156, 156) !important;
}
#footer .mod_navigation > ul > li.trail a {
    color: rgb(156, 156, 156) !important;
}
#footer .mod_navigation > ul > li .active {
    color: rgb(156, 156, 156) !important;
}
#footer .mod_navigation > ul > li.active::before {
    color: rgb(156, 156, 156) !important;
}
#footer .mod_navigation > ul > li.submenu:before {
    content: "" !important;
}
#footer .mod_navigation > ul > li.first:before {
    content: "" !important;
}
#footer .mod_navigation > ul > li span.first:before {
    content: "" !important;
    color: rgb(156, 156, 156) !important;
}
#footer .mod_navigation > ul > li span.active:before {
    content: "› " !important;
}

#footer li a, #footer li span {
    white-space: nowrap;
}


/*
 Bewerbung allgemein
*/
.application-period {
    padding-top: 10px;
    padding-bottom: 10px;
}

.application-period span {
    font-size: 17px;
    line-height: 24px;
    font-weight: normal;
    font-family: FuturaPTWebBook;
    background-color: rgb(204, 204, 204);
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
}


/*
 Bewerbungsformular
*/

#data-container {
    margin-top: 0px;
}

#captcha-container {
    padding-top: 40px;
}

#captcha-reload {
    margin-top: 20px;
    cursor: pointer;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 24px;
    width: auto;
    display: inline-block;
}

#captcha-reload:hover {
    color: rgb(156, 156, 156);
}

#captcha-submit {
    margin-top: 24px;
}

#submit-container {
    margin-top: 20px;
}

.tf-caption {
    padding-left: 4px;
}

input[type=text], textarea {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    outline: none;
    height: 28px;
    font-size:20px;
    border: 0;
    border-bottom: 1px solid rgb(208, 208, 208);
    font-family: FuturaPTWebBook;
    color: rgb(156, 156, 156);
    margin-top: 6px;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 2px rgba(228, 228, 228, 1);
  padding: 4px 0px 4px 4px;
}

.submit-button {
    background-color: rgb(51, 51, 51);
    text-indent:0px;
    border: none;
    display:inline-block;
    color: rgb(255, 255, 255);
    font-size: 15px; font-family:FuturaPTWebDemi;
    font-weight:normal;
    font-style:normal;
    height:30px;
    line-height:28px;
    width:72px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
}
.submit-button:hover {
    background-color: rgb(204, 204, 204);
    color: rgb(51, 51, 51);
}
.submit-button:active {
	position:relative;
	top:1px;
	left:1px;
}

#submit-container {
    padding-top: 26px;
    height: 60px;
}

.radio {
    cursor: pointer;
}

.w45 {
    float: left;
}
.w35 {
    width: 352px;
    float: left;
}
.w20 {
    width: 234px;
    float: left;
}
.w5 {
    width: 110px;
    float: left;
}
.clr {
    clear: both;
}
.mb20 {
    margin-bottom: 20px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb10 {
    margin-bottom: 10px;
}


/*
 Aktuell (Teaser)
*/

.teaser-container {
    font-size: 26px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    margin-bottom: 35px;
}

.teaser-caption {
    font-weight: normal;
    font-family: FuturaPTWebDemi;
    color: rgb(51, 153, 51);
}

.teaser-content {
    font-weight: normal;
    font-family: FuturaPTWebBook;
    color: rgb(51, 153, 51);
}

.ce_teaser, .ce_teaser span {
    color: rgb(51, 153, 51);
}

.poetikvorlesung, .poetikvorlesung span {
    color: rgb(153, 0, 153);
}

.ce_teaser a:hover span, .ce_hyperlink a:hover span {
/*    text-decoration: underline;*/
    color: rgb(60, 220, 50) !important;
}
.poetikvorlesung a:hover span {
/*    text-decoration: underline;*/
    color: rgb(225, 0, 225) !important;
}


/*
 Intro-Text
*/

.intro {
    font-size: 26px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    margin-bottom: 36px;
    font-weight: normal;
    font-family: FuturaPTWebBook;
}

.intro h1 {
    font-weight: normal;
    font-family: FuturaPTWebDemi;
    display: inline-block !important;
    padding: 0;
    margin: 0;
    padding-top: 1px;
    color: rgb(51, 153, 51);
}

.intro p {
    display: inline !important;
    padding: 0;
    margin: 0;
}


/*
 Bilder
*/

.image_container {
    padding: 0;
    margin: 0;
    padding-bottom: 30px;
    padding-top: 6px;
}


/*
 UI Accordion
*/

.ui-accordion-header {
    font-size: 26px; font-family: FuturaPTWebDemi;
    font-weight: normal;
    line-height: 36px;
    border-bottom: solid 2px #e4e4e4;
    border-top: none;
    padding-top: 18px;
    padding-bottom: 15px;
    padding-left: 24px;
    padding-right: 24px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;

}

.ui-accordion-header:focus, :active {
    outline: none;
}

.ui-accordion-content {
    background-color: rgb(228, 228, 228);
    padding: 0;
    margin: 0;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 16px;
}

.ui-accordion-content p {
    padding-top: 1px;
    /*display: inline-block !important;*/
}

.ui-state-active {
    background-color: rgb(228, 228, 228);
}

.first > .ui-accordion-header {
    margin-top: 9px;
    border-top: solid 2px #e4e4e4;
}

.ui-accordion-header {
    padding-left: 4px !important;
}
.ui-accordion-header-icon {
    width: 19px !important;
    float: left;
    min-height: 42px;
}
.ui-accordion-header-icon:before {
    content: "›";
}
.ui-accordion-header-active .ui-accordion-header-icon:before {
    content: " ";
}


/*
 Listen
*/

.ce_text ul {
    margin-top: 30px;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.ce_text li {
    margin-top: 10px;
}


/*
 Artikel
*/

.ce_text.block {
    margin-bottom: 24px;
}

.ce_teaser.block, .ce_accordion.ce_text.block {
    margin-bottom: 0px;
}

/* Font Futura PT Book: Copyright (c) ParaType, 2011. All rights reserved. */
@font-face {
	font-family: 'FuturaPTWebBook';
	src: url('../../files/dll/theme/fonts/FTN45__W.eot');
	src: local('☺'), url('../../files/dll/theme/fonts/FTN45__W.woff') format('woff'), url('../../files/dll/theme/fonts/FTN45__W.ttf') format('truetype'), url('../../files/dll/theme/fonts/FTN45__W.svg#FuturaPTWeb-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Font Futura PT Demi: Copyright (c) ParaType, 2011. All rights reserved. */
@font-face {
	font-family: 'FuturaPTWebDemi';
	src: url('../../files/dll/theme/fonts/FTN65__W.eot');
	src: local('☺'), url('../../files/dll/theme/fonts/FTN65__W.woff') format('woff'), url('../../files/dll/theme/fonts/FTN65__W.ttf') format('truetype'), url('../../files/dll/theme/fonts/FTN65__W.svg#FuturaPTWeb-Demi') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
    font-family: FuturaPTWebBook, sans-serif;
    font-weight: normal;
    color: rgb(60, 60, 60);
    font-size: 17px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
}

h2, h3 {
    font-family: FuturaPTWebBook, sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
}

h1, h2.dll-persons-caption, .archiv-mitarbeiter h2 {
    font-size: 26px; font-family: FuturaPTWebDemi, sans-serif;
    font-weight: normal;
    padding-top: 1px;
    margin-top: 0;
    line-height: 36px;
    padding-bottom: 0px !important;
}
.archiv-mitarbeiter h2 {
    line-height: 20px;
}

/*h3 {
    font-size: 26px; font-family: FuturaPTWebDemi, sans-serif;
    font-weight: normal;
    padding-top: 1px;
    margin-top: 0;
    line-height: 36px;
    padding-bottom: 0px !important;
}*/

a {
    font-size: 15px; font-family: FuturaPTWebDemi, sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: rgb(60, 60, 60);
}

a:hover {
    color: rgb(156, 156, 156) !important;
}

a:before {
    content: "\203a\00a0";
}

b, strong {
    font-family: FuturaPTWebDemi, sans-serif;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 0;
    margin-bottom: 24px;
    padding-top: 8px;
}

p span[style|=background] {
    background-color: rgb(204, 204, 204) !important;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.ce_text div span[style|=background] {
    background-color: rgb(204, 204, 204) !important;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.ui-accordion-content p span[style|=background] {
    background-color: rgb(255, 255, 255) !important;
}

#footer {
    color: #9c9c9c;
    font-size: 17px;
    line-height: 24px;
    padding-top: 32px;
}

#footer ul.level_1 li:before {
    font-family: FuturaPTWebDemi;
    font-weight: normal;
}

#footer ul.level_2 li:before {
    font-family: FuturaPTWebBook;
    font-weight: normal;
}

#footer ul.level_1 {
    margin:0;
    padding:0;
}

#footer ul.level_2 {
    margin:0;
    padding:0;
}

#footer ul.level_1 li {
    display:inline;
    font-family: FuturaPTWebDemi;
}

#footer ul.level_2 li {
    display:inline;
    font-family: FuturaPTWebBook;
}
        
#footer ul.level_2 {
    display:inline;
}

#footer li a {
    font-family: FuturaPTWebDemi;
    text-decoration:none;
    color: #9c9c9c;
}

#footer ul.level_2 li a {
    font-family: FuturaPTWebBook;
}


.accordion-container {
    margin-top: 28px;
    margin-bottom: 37px;
}

.accordion-container.accordion-detail {
    margin-top: 0px;
}

.accordionButton, .accordionButtonDetail {
    cursor: pointer;
    font-size: 15px; font-family: FuturaPTWebDemi;
    font-weight: normal;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 20px;
    padding-left: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: solid 2px rgb(228, 228, 228);
    
}

.accordionButtonDetail {
    cursor: default;
}

.accordionButton.first, .accordionButtonDetail.first {
    border-top: solid 2px rgb(228, 228, 228);
}

.accordionButton.empty, .accordionButtonDetail.empty {
    cursor: default;
}

.acc-switch, .acc-switchDetail {
    width: 12px;
    height: 23px;
}

.accordionButton table, .accordionButtonDetail table {
    border: 0;
    border-spacing:0;
    border-collapse:collapse;
}

.accordionButton td, .accordionButtonDetail td {
    border: 0;
    vertical-align: top;
}

.acc-btn {
    
}

.accordionButton h2, .accordionButtonDetail h2,
.accordionButton h3, .accordionButtonDetail h3,
.accordionButton h4, .accordionButtonDetail h4 {
    margin: 0;
}

.acc-book {
    font-size: 17px; font-family: FuturaPTWebBook;
    font-weight: normal;
}
	
.accordionContent, .accordionContentDetail {
    background-color: rgb(228, 228, 228);
    font-size: 17px;
    font-family: FuturaPTWebBook;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 0px;
}

.accordionContent.last {
   /* margin-bottom: 20px; */
}

.accordionContent p, .accordionContentDetail p {
    padding-left: 12px;
    padding-right: 24px !important;
    line-height: 36px;
}

td .single {
    width: 0;
}

.accordionContent p.single, .accordionContentDetail p.single {
    padding-left: 0px;
}

.accordionContent h2, .accordionContentDetail h2,
.accordionContent h3, .accordionContentDetail h3,
.accordionContent h4, .accordionContentDetail h4 {
    padding-left: 12px;
    margin: 0;
}

.on {
    background-color: rgb(228, 228, 228);
    margin: 0;
}
	
.over {
}

.img-dll-person {
    float: right;
    width: 114px; 
    height: 156px;
    margin-right: 20px;
    margin-top: 4px;
}

.img-dll-person-kontakt-leer {
    float: right;
    width: 114px; 
    height: 156px;
    margin-right: 20px;
    margin-top: -68px;
}

.accordionButtonInner, .accordionButtonInnerDetail {
    cursor: pointer;
    font-size: 15px; font-family: FuturaPTWebDemi;
    font-weight: normal;
    margin: 0;
    padding-top: 18px;
    padding-left: 12px;
    padding-bottom: 18px;
    border-top: solid 2px white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.accordionButtonInnerDetail {
    cursor: default;
}

.accordionContentInner, .accordionContentInnerDetail {
    background-color: rgb(228, 228, 228);
    font-size: 17px; font-family: FuturaPTWebBook;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 24px;
    padding-left: 12px;
}

.accordionContentInner p, .accordionContentInnerDetail p {
    padding: 0;
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 24px;
}

.accordionContentInner h2, .accordionContentInnerDetail h2,
.accordionContentInner h3, .accordionContentInnerDetail h3,
.accordionContentInner h4, .accordionContentInnerDetail h4 {
    padding: 0;
    margin: 0;
    padding-left: 12px;
}

.accordionButtonInner h2, .accordionButtonInnerDetail h2,
.accordionButtonInner h3, .accordionButtonInnerDetail h3,
.accordionButtonInner h4, .accordionButtonInnerDetail h4 {
    padding: 0;
    margin: 0;
}

.kontakt {
    /* min-height: 170px; */
}

.kontakt-leer {
    height: 140px;
}

.accordion-container h2, .accordion-containerDetail h2,
.accordion-container h3, .accordion-containerDetail h3,
.accordion-container h4, .accordion-containerDetail h4 {
    font-size: 15px; font-family: FuturaPTWebDemi;
    font-weight: normal;

    line-height: 24px;
    width: 450px;
}

.empty-header {
    padding-top: 0;
}

.persons-foto-copyright {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: rgb(156, 156, 156);
    position: absolute;
    left: 340px;
    margin-top: 170px;
}

.img-dll-person a:before, .img-dll-person-kontakt-leer a:before {
    content: "";
}
.img-ph {
    height: 20px;
    width: 20px;
}

.nav-back {
    padding-bottom: 20px;
}
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../../files/dll/theme/img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../../files/dll/theme/img/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../../files/dll/theme/img/select.png) no-repeat;
	overflow: hidden;
}