/** * global terminal css */ body.head-img-215 #terminal-wrap { padding-top: 129px; } /** * terminal global layout for navigation, header, footer */ #terminal-wrap { position: relative; } #terminal-img { position: absolute; top: 0px; left: 0px; } #terminal { padding: 0px 0 14px 0; position: relative; /*background: url('../img/terminal/foot.png') bottom left no-repeat;*/ } #terminal div.terminal-section { height: 349px; } #terminal-head { height:86px; background: url('../img/terminal/terminal-top-navi-bg.png') 122px top no-repeat; clear:both;overflow: hidden;} #terminal-head form { width: 185px; height: 30px; position: absolute; top: 3px; right: 8px; } #terminal-head input.submit { display: none; } #terminal-main { padding: 0px; margin-left:10px; background: url('../img/terminal/back.png') 0 0 repeat-y; width:980px;position:relative;} #terminal-navigation-main { margin-left:70px; padding: 22px 0 7px 0px; display:block; overflow:hidden;} #terminal-navigation-main ul { list-style-type: none; } #terminal-navigation-main li { margin-right: 5px; float: left; } #terminal-navigation-main li.rd { margin-left: 25px; } #terminal li.button01, #terminal li.button02 { padding-right: 3px; } #terminal li.button01 a, #terminal li.button02 a { padding: 0px 5px 0px 8px; line-height: 30px; font-size: 1.2em; color: #000; display: block; text-transform: uppercase; } #terminal li.button01.active { padding-right: 3px; background: transparent url(../img/terminal/top-navi-active-end.png) right top no-repeat; } #terminal li.button01.active a { color:#fff; background: transparent url(../img/terminal/top-navi-active.png) left top no-repeat; } #terminal li.button02.active { background: transparent url(../img/terminal/top-navi-02-active-end.png) right 24px no-repeat; } #terminal li.button02.active a { height: 31px; display: block; background: transparent url(../img/terminal/top-navi-02-active.png) 0px 24px no-repeat; } #terminal-subnavigation { clear:both; position: relative; z-index: 20; width:790px; left:74px;} #terminal-subnavigation ul { list-style-type: none; position: relative; padding-top: 4px;clear:both;list-style-type:none;overflow:hidden; } #terminal-subnavigation li { margin-right: 8px; padding: 0px 1px 0px 1px; font-size: 1.1em; float: left; display:inline-block;height: auto;} #terminal-subnavigation li.active { height: auto; } #terminal-subnavigation a { font-size:13px;padding: 2px 5px; color: #FFF; display: inline-block; } #terminal-subnavigation li.active a { color: #000; background-color: #fff;height: auto; background-image: none; } #terminal-subnavigation li.to-right { margin-right: 200px; float: right; } div#terminal-title { position:absolute; right:7px; top: 63px; z-index:20; color: #fff; background: #373534; font-size: 16px; text-align: center; padding: 10px 10px 10px 25px; } /** * Terminal-Start */ div.terminal-content { width: 798px; float: right; position: relative; } #terminal-start {position:relative; } #features-ajax-content {float:right;width:798px;position: relative;} #terminal-main div.navigation { float:left;line-height:16px; padding-top:8px;width:158px; } #terminal-main div.navigation ul { margin-left: 10px; list-style-type: none; } #terminal-main div.navigation ul ul { margin: 5px 0px 5px 20px; display: none; } #terminal-main div.navigation li { padding-right:3px; } #terminal-main div.navigation li a { width: 148px; font-size: 13px; color: #000; display: block; } #terminal-main div.navigation li li a { width: 128px; } #terminal-main div.navigation li span.black-bg { padding: 5px 5px 0px 5px; display: block; } #terminal-main div.navigation li.active a.black-bg, #terminal-main div.navigation li.active li.active a.black-bg { color: #FFF; background: url('../img/terminal/nav-button-black-top.png') top no-repeat; } #terminal-main div.navigation li.active span.black-bg, #terminal-main div.navigation li.active li.active span.black-bg { padding-top: 0px; background: url('../img/terminal/nav-button-black-bottom.png') bottom no-repeat; } #terminal-main div.navigation li.active li a.black-bg { color: #000; background: none; } #terminal-main div.navigation li.active li span.black-bg { background: none; } #terminal-main div.navigation li.active li.active a.black-bg { background: url('../img/terminal/nav-button-black-top-small.png') top no-repeat; } #terminal-main div.navigation li.active li.active span.black-bg { background: url('../img/terminal/nav-button-black-bottom-small.png') bottom no-repeat; } #terminal-main div.navigation li.active ul { display: block; margin-top: 3px; } /*#terminal-main div.navigation li a { height:20px; display: block; color: #000; font-size:13px; padding-left: 5px; line-height: 20px;} #terminal-main div.navigation li.active { background: url(../img/terminal/nav-button-black-end.png) top right no-repeat; } #terminal-main div.navigation li.active a, #terminal-main div.navigation li.active li.active a {color: #fff;background: transparent url(../img/terminal/nav-button-black.png) left top no-repeat;height: 20px; } #terminal-main div.navigation li.active li a { background: none; color: #000; } #terminal-main div.navigation li.active ul { display: block; }*/ #terminal-main div.navigation ul.first { } #terminal-main div.navigation ul.second { margin-top: 10px; font-size: 1.2em; } #terminal-main div.navigation ul.second li { margin-top: 5px; padding-left: 3px; font-size: 1.2em; } #terminal-main div.navigation ul.second li a { padding-left:18px; background: url("../img/general/more-black.png") left no-repeat !important; } /* edit, 14.09.12 */ #terminal div.navigation div.paging { margin: 0px 0px 0px 10px; } #terminal div.navigation div.paging-outer { width:160px; height: 250px; overflow: hidden; position: relative; border-bottom: 1px solid #000; } #terminal div.navigation div.paging-inner { position: relative; } #terminal div.navigation div.paging-inner li { height: 25px; line-height: 25px; } #terminal div.navigation div.paging ul { margin-left: 0px; list-style-type: none; } #terminal div.navigation div.paging-controls { position: relative; top: 3px; left: 90px; } #terminal div.navigation div.paging-controls a { width: 15px; height: 15px; text-indent: -20000px; position: relative; } #terminal div.navigation div.paging-controls li.up a { background: url('../img/terminal/paging-up.png') center no-repeat; top: 1px; } #terminal div.navigation div.paging-controls li.down a { background: url('../img/terminal/paging-down.png') center no-repeat; } #terminal div.navigation div.paging-controls li { padding: 0px; width: 15px; float: left; } #terminal div.navigation div.paging-controls li.center { width: 40px; text-align: center; background: none; } #terminal div.navigation div.paging-controls li.center a { width: 40px; text-indent: 0px; font-size: 13px !important; } /* pre-edit #terminal div.navigation div.paging { margin: 10px 0px 0px 10px; } #terminal div.navigation div.paging-outer { width:160px; height: 250px; overflow: hidden; position: relative; background: url(../img/terminal/navigation-list-box-small.png) top no-repeat; } #terminal div.navigation div.paging-inner li { height: 25px; line-height: 25px; } #terminal div.navigation div.paging ul { margin-left: 0px; list-style-type: none; } #terminal div.navigation div.paging a { padding-left: 16px; } #terminal div.navigation div.paging-controls { position: relative; top: 10px; left: 50px; } #terminal div.navigation div.paging-controls a { padding: 0px; font-size: 11px !important; line-height: 18px; display: inline; width: auto; } #terminal div.navigation div.paging-controls li { padding: 0px; height: 18px; float: left; } #terminal div.navigation div.paging-controls li.center { width: 20px; text-align: center; background: url(../img/terminal/standort_institute_nav_center.png) center no-repeat; }*/ #terminal-main div.navigation div.list-navi { margin: 10px 0px 0px 10px; background: transparent } #terminal-main div.navigation div.list-navi ul { margin-left: 0px; padding-left:5px;position:relative;top:0px;} #terminal-main div.navigation div.list-navi li a {padding-left:16px;} #terminal-main div.navigation div.list-navi li {margin-bottom:5px;} #terminal-main div.navigation .page-navigation {list-style: none;text-align: center;padding-left:45px;margin-top:5px;} #terminal-main div.navigation .page-navigation li{float:left;padding-right:0px;} #terminal-main div.navigation .page-navigation li.up {background: transparent url(../img/terminal/standort_institute_nav_up.png) left top no-repeat; width:19px; height:18px;} #terminal-main div.navigation .page-navigation li.down {background: transparent url(../img/terminal/standort_institute_nav_down.png) left top no-repeat; width:19px; height:18px;} #terminal-main div.navigation .page-navigation li.center {line-height:15px;background: transparent url(../img/terminal/standort_institute_nav_center.png) left top no-repeat; width:19px; height:18px;padding-top:1px;} #terminal-main div.navigation .page-navigation li a {display:block;height:20px;width:20px;} /** * Terminal-Start Features */ #terminal div.top-feature-container {height:339px;width: 598px; float: left;overflow: hidden; } #terminal div.top-feature { background: transparent; color: #FFF; font-size: 1.1em; position: absolute; top: 0px; left: 0px; } #terminal div.top-feature.active { z-index: 20; } #terminal div.top-feature h2 { padding: 0px; font-size: 1.2em; } #terminal div.top-feature h3 { padding: 0px; font-size: 1.2em; font-weight:normal;} #terminal div.top-feature p { padding: 0px; } #terminal div.top-feature a.more { color:#fff; } div.top-feature .navigation {list-style: none;position:absolute;top:210px;left:190px;overflow: hidden;width:580px;} div.top-feature .navigation li {display:block;float:left;margin-right: 1px;} div.top-feature .navigation li.displaytext {background: transparent url(../img/terminal/galerie_player_center.png) left top no-repeat; width:56px;height:23px;text-align: center;color:#000;font-size:12px;padding-top:6px;} div.top-feature-gallery .navigation { width: 200px; left: 430px; top: 242px;} div.top-feature-gallery .overlay-box { bottom: 0; } #terminal div.features { width: 200px; overflow: hidden; float: right; height: 339px; background: #292929; } #terminal div.features div.features-padding { padding: 0px 5px 2px 5px; } #terminal div.features h3 { margin: 0px !important; } #terminal div.features ul { list-style-type: none; float: left; } #terminal div.features li { height: 111px; position: relative; display: block; float: left; clear: left; } #terminal div.features li.active { display: none !important; } #terminal div.features li span { width: 191px; height: 40px; display: block; position: absolute; bottom: 0px; left: 0px; background: url(../img/terminal/feature_list_bg.png); } #terminal div.features li span h3 { padding: 6px 3px 0px 3px; color: #FFF; line-height: 1.3em; font-size: 1em;} #terminal div.features li span h3 { text-overflow: ellipsis; display: block; overflow: hidden; word-wrap: break-word; } #terminal div.features li span span.info {background: transparent none;padding:0px;top:0px;height:auto;} #terminal div.features li a { padding-top: 3px; display: block; } #terminal div.features a.link01 { margin: 10px; } #terminal div.features img { display: block; } /** * Terminal-Start footer */ div.terminal-foot {} div.terminal-foot div.padding { padding: 10px 0px; padding-left:5px; height: 36px; overflow: hidden; } div.terminal-foot ul { list-style-type: none; position:relative; bottom: -18px;} div.terminal-foot li { margin-right: 10px; float: left; font-size: 1.1em; } div.terminal-foot a { padding-left: 16px; display: block; color: #000; background: url('../img/terminal/foot-link.png') 0px 3px no-repeat; } div.terminal-foot div.twitter { width: 335px; height: 37px; float:right; margin-right:10px; background: url('../img/terminal/twitter.png') no-repeat; } div.terminal-foot div.twitter * { } div.terminal-foot div.twitter p.tweet { width: 193px; float: right; margin-top: 4px; overflow: hidden;position:relative; } div.terminal-foot div.twitter p.tweet span { white-space: nowrap; position: relative;left:0px; } div.terminal-foot div.twitter p.account { padding: 5px 0px 0px 45px; color: #FFF; font-size: .9em; } div.terminal-foot div.twitter p.info { padding: 0px 0px 0px 45px; color: #666; font-size: .9em; line-height: 1.8em; } div.big-media-img-container div.overlay-box { bottom: 0px; } div.big-media-img-container.movie div.overlay-box { bottom: 32px; } /** * overlay box for movies or images */ .overlay-box {position:absolute; bottom: 32px; left:0; color: #FFF; } .overlay-box .overlay-top {background: transparent url(../img/terminal/galerie_player_overlay.png) left top no-repeat;padding:10px;width:580px;height:36px;overflow:hidden;} .overlay-box .overlay-top .left {width:450px;} .overlay-box .overlay-top .right { width:105px; } .overlay-box .overlay-top .right ul {list-style:none;} .overlay-box .overlay-top .right ul li {margin-bottom:10px;} .overlay-box .overlay-top .right ul li a {color:#fff;padding-left:16px;} .overlay-box .overlay-top .right ul li a.download {background: transparent url(../img/general/download_white.png) left 2px no-repeat; } .overlay-box .overlay-top .right ul li a.more {background: transparent url(../img/general/more-white.png) left 2px no-repeat; } #terminal-start div.top-feature .overlay-box .overlay-top .left h3 {font-size: 1.1em;margin-bottom:5px;} .overlay-box .overlay-top .left a {font-weight: bold;color:#fff;} .overlay-box .overlay-top .left a:VISITED {color:#aaa;} .overlay-box .overlay-top .left a:hover {color:#000;background-color: #fff;} div.overlay-box div.overlay-top a.link-gallery { padding-right: 18px; display: block; text-align: right; background: url('../img/general/icon-gallery-inv.png') right 1px no-repeat; } /** * terminal institute css */ div.institute-terminal-box {height:339px;float:left;width:780px;} #terminal-institute div.institute-list-box { padding-top: 10px; } #terminal-institute div.paging { width: 226px; float: left; background: url('../img/terminal/institute-list-bg.png') 0px 0px no-repeat; } #terminal-institute div.paging-outer { height: 265px; } #terminal-institute div.paging-outer-padding { padding: 15px 0px 15px 15px; } #terminal-institute div.paging-controls { left: 89px; } #institute-content { width: 550px; float: left; } #institute-content-padding { padding: 0px 0px 0px 20px; } #institute-content h3 { margin-bottom: 15px; font-size: 14px; } #institute-content p { margin-bottom: 15px; } #institute-content ul.links { list-style-type: none; } #institute-content ul.links li { margin-bottom: 5px; } .institute-content {display:block;width:400px;margin-left:30px;float:left;} .institute-content .standort {display:block;margin-top:15px;} .institute-content h3 {font-size:14px;} .institute-content .department {display:block;margin-top:15px;margin-bottom:15px;} .institute-content .lastArticle .lastArticleText {display:block;} .institute-content .lastArticle .more {background: transparent none; font-weight: bold;} .institute-content ul.links {list-style: none;margin-top:10px;} .institute-content ul.links li {margin-bottom:5px;} /** * terminal standort css */ #terminal .standorte-wrapper {float:left;width:598px;height:339px; position: relative;} #terminal .standorte-wrapper-large {width:798px;} #terminal .standorte-wrapper .standort-box {margin:5px 10px;padding:35px 5px 20px;width:224px;height:292px;overflow: hidden;} #terminal .standorte-wrapper .standort-box .navigation {clear:both;overflow:hidden;list-style:none; margin-left:4px;width:214px;height:20px;background: transparent url(../img/terminal/standort_navi_bg_act_left.png) left top no-repeat;} #terminal .standorte-wrapper .standort-box .navigation.no-departments { background: url(../img/terminal/standort_navi_bg_act_left-no-departments.png) left top no-repeat; } #terminal .standorte-wrapper .standort-box .navigation.no-departments li.last { display: none; } #terminal .standorte-wrapper .standort-box .single-navigation {background: transparent url(../img/terminal/standort_navi_bg_act_single.png) left top no-repeat;} #terminal .standorte-wrapper .standort-box .navigation-right {background: transparent url(../img/terminal/standort_navi_bg_act_right.png) left top no-repeat;} #terminal .standorte-wrapper .standort-box .navigation li {display:inline-block;width:100px;padding-left:5px;padding-top:2px;float:left;} #terminal .standorte-wrapper .standort-box .navigation li.last {text-align: right;padding-left:0px;padding-right:5px;} #terminal .standorte-wrapper .standort-box .navigation li a {color:#fff;} #terminal .standorte-wrapper .standort-box .navigation li.last a {color:#000;} #terminal .standorte-wrapper .standort-box .navigation-right li a {color:#000;} #terminal .standorte-wrapper .standort-box .navigation-right li.last a {color:#fff;} #terminal .standorte-wrapper .standort-box-content {padding: 15px;} #terminal .standorte-wrapper .standort-box-content h3 {margin-bottom:15px;font-size:12px;} #terminal .standorte-wrapper .standort-box-content p {margin-bottom:15px;} #terminal .standorte-wrapper .standort-box-content p.standort a { color: #000; font-size: 1.1em; font-weight: bold; } #terminal .standorte-wrapper .standort-box-content .more-infos {list-style: none} #terminal .standorte-wrapper .standort-box-content .more-infos li {display:inline;padding-right:10px;} #terminal .standorte-wrapper .standort-box-content .more-infos a.button {color:#000;background: transparent url(../img/general/link_button_white_right.png) right top no-repeat;padding-right:10px;display:inline-block;} #terminal .standorte-wrapper .standort-box-content .more-infos a.button span {background: transparent url(../img/general/link_button_white_left.png) left top no-repeat;padding-left:10px;height:19px;padding-top:2px;display:inline-block;} #terminal .standorte-wrapper .standort-box-content .more-infos a.more {background: transparent url(../img/general/more-black.png) left 2px no-repeat; padding-left:15px;color:#000;} #terminal div.standort-map { width: 254px; height: 332px; position: relative; top: 8px; right: 30px; background: url("../img/terminal/terminal-standorte-germany.png") top left no-repeat; } #terminal div.standort-map ul { list-style-type: none; } #terminal div.standort-map li { line-height: 22px; position: absolute; } #terminal div.standort-map li span { padding: 0px 5px 0px 6px; display: block; } #terminal div.standort-map li a { padding-left: 13px; color: #000; display: block; background: url('../img/terminal/terminal-standorte-point.png') left no-repeat; } #terminal div.standort-map li.right { line-height: 22px; position: absolute; } #terminal div.standort-map li.right span { padding: 0px 5px 0px 6px; display: block; } #terminal div.standort-map li.right a { padding-right: 13px; color: #000; display: block; background: url('../img/terminal/terminal-standorte-point.png') right no-repeat; } #terminal div.standort-map li a:hover { font-weight: bold; } #terminal div.standort-map li.active { padding-right: 3px; background: url('../img/terminal/terminal-standorte-point-right.png') right no-repeat; } #terminal div.standort-map li.active span { background: url('../img/terminal/terminal-standorte-point-left.png') left no-repeat; } #terminal div.standort-map li.active a { font-weight: bold; color: #FFF; } /** * here is define the position of the dlr places on the map */ #standort-koeln { left: 37px; top: 148px; } #standort-neustreliz { left: 186px; top: 63px;} #standort-hamburg { left: 105px; top: 57px; } #standort-bremen { left: 73px; top: 77px;} #standort-trauen { left: 117px; top: 91px;} #standort-berlin { left: 192px; top: 102px;} #standort-braunschweig { left: 120px; top: 116px;} #standort-goettingen { left: 104px; top: 138px;} #standort-bonn { left: 35px; top: 165px; } #standort-lamplodshausen { left: 99px; top: 224px; } #standort-stuttgart { left: 85px; top: 246px; } #standort-oberpfaffenhofen { left: 156px; top: 260px; } #standort-weilhelm { left: 149px; top: 279px; } #standort-stade { left: 39px; top: 54px; } #standort-augsburg { left: 59px; top: 269px; } #terminal .standort-box-institute { position: relative; overflow: hidden; } #terminal .standort-box-institute .institute-wrapper {width:219px; height:258px; background: transparent url(../img/terminal/standort_box_institute_bg.png) left top no-repeat;margin-top:5px;overflow: hidden;position: relative; } #terminal .standort-box-institute .institute-wrapper .institute-content {height:240px;width:205px;margin:10px;overflow:hidden;margin-bottom:0px;} #terminal .standort-box-institute .institute-wrapper .institute-content .institute-content-inner {position:relative;top:0px;} #terminal .standort-box-institute .institute-wrapper .institute-content .institute-content-page {height:245px;} #terminal .standort-box-institute .institute-wrapper .institute-content a {color:#000;display:block;margin-bottom:5px;font-size:11px;} #terminal .standort-box-institute .page-navigation, .web-public .web-public-content .page-navigation {list-style: none;text-align: center;padding-left:70px;margin-top:10px;clear:both; overflow: hidden;} #terminal .standort-box-institute .page-navigation li, .web-public .web-public-content .page-navigation li {float:left;} #terminal .standort-box-institute .page-navigation li.up, .web-public .web-public-content .page-navigation li.up a {background: transparent url(../img/terminal/standort_institute_nav_up.png) left top no-repeat; width:19px; height:18px;} #terminal .standort-box-institute .page-navigation li.down, .web-public .web-public-content .page-navigation li.down a {background: transparent url(../img/terminal/standort_institute_nav_down.png) left top no-repeat; width:19px; height:18px;} #terminal .standort-box-institute .page-navigation li.center, .web-public .web-public-content .page-navigation li.center {background: transparent url(../img/terminal/standort_institute_nav_center.png) left top no-repeat; width:19px; height:18px;padding-top:1px;} #terminal .standort-box-institute .page-navigation li a, .web-public .web-public-content .page-navigation li a {display:block;height:20px;width:20px;} #terminal div.standort-box-institute { margin-top: 5px; height: 320px; } #terminal div.standort-box-institute div.paging { background: url('../img/terminal/standort_box_institute_bg.png') 0px 0px no-repeat; } #terminal div.standort-box-institute div.paging div.paging-outer-padding { padding: 5px 10px 5px 10px; } #terminal div.standort-box-institute div.paging div.paging-outer { height: 250px; } #terminal div.standort-box-institute div.paging-inner li a { display: block; padding: 3px 0px 3px 0px; } #terminal div.standort-box-institute div.paging-controls { top: 4px; left: 80px; } #standort-detail-content {color:#fff;background: transparent url(../img/terminal/standort-detail-box.png) no-repeat left top;width:210px;height:258px;float:left;margin-top:45px;margin-right: 8px;} #standort-detail-content p {margin:20px 10px 10px;} #standort-detail-content img {margin-top:10px;margin-left:10px;} #standort-detail-content h3 {margin-left:10px;margin-top:10px;} #standort-form {float:left;width:310px;margin-top:45px;} #standort-form .field {clear:both;overflow: hidden;margin-bottom:10px;} #standort-form .field input {width:235px;height:20px;float:left;background: transparent url(../img/general/input_field_long.png) left top no-repeat;border:0px;} #standort-form .field label {width:65px;display:block;float:left;} #standort-form textarea {background: #dddee0 url(../img/general/textarea_normal.png) no-repeat left top; height:132px; width:235px;border:0px;} #standort-form .field .button {border:0px; background: transparent url(../img/general/link_button_white_left.png) no-repeat left 1px;vertical-align: middle; text-align: center;overflow: visible;} #standort-form .field .button span {display:block;background: transparent url(../img/general/link_button_white_right.png) no-repeat right top;padding-left:10px;height:21px;line-height:21px;padding-right:10px;} #standort-form .fieldButton {margin-left:65px;padding-top:0px;} /** * Terminal-News (Newsskimmer) */ #terminal-news { display: none; } .terminal-news h3 { margin-bottom: 15px; font-size: 1em; } .terminal-news span.date { font-weight: bold; font-size: .9em; } .terminal-news img.float-right { margin: 0px 0px 0px 5px; } .terminal-news div.terminal-content { margin: 0px; height: 339px; } .terminal-news div.terminal-content-outer-wrap { padding: 8px; background: #FFF; float: right; } .terminal-news div.terminal-content-wrap { width: 782px; height: 309px; overflow: hidden; position: relative;} .terminal-news div.terminal-content-inner { width:3000px; position: relative; } div.terminal-news div.terminal-news-skimmer { padding: 0px; background: #FFF; float: right; } div.terminal-news div.terminal-news-skimmer-outer { width: 798px; height: 325px; overflow: hidden; position: relative; } div.terminal-news div.terminal-news-skimmer-inner { width:3000px; position: relative; } div.terminal-news div.terminal-news-site { width: 799px !important; float: left; } div.terminal-news div.terminal-news-col { border-top: 1px solid #AAA; } div.terminal-news div.terminal-news-col.col1 { border-top: 0px; } div.terminal-news div.terminal-news { width: 197px; float: left; } div.terminal-news div.terminal-news.two-rows { width: 394px; } div.terminal-news div.terminal-news a { display: block; height: 150px; overflow: hidden; } div.terminal-news div.terminal-news div.padding { padding:0px 5px; } div.terminal-news div.terminal-news-col.col1 div.padding { padding-top: 0px; } div.terminal-news div.terminal-news div.terminal-news-wrap { height: 148px; border-left: 1px solid #AAA; margin:5px 0px;} div.terminal-news div.terminal-news.news1 div.terminal-news-wrap { border-left: 0px; } div.terminal-paging { width: 200px; height: 24px; position: absolute; right: 0px; bottom: -9px; z-index: 30 !important; background: #2e2d2d; font-size: 13px; } div.terminal-paging ul { list-style-type: none; } div.terminal-paging li { float: left; color: #FFF; } div.terminal-paging li.left { background-image: url('../img/terminal/terminal-paging-left.png'); } div.terminal-paging li.center { width: 150px; line-height: 24px; text-align: center; } div.terminal-paging li.right { float: right; background-image: url('../img/terminal/terminal-paging-right.png'); } div.terminal-paging li.left, div.terminal-paging li.right { background-position: center; background-repeat: no-repeat; } div.terminal-paging li.left a, div.terminal-paging li.right a { width: 24px; height: 24px; text-indent: -20000px; display: block; } #terminal-news div.terminal-foot div.links ul { list-style-type: none; } #terminal-news div.terminal-foot div.links li { margin-right: 10px; float: left; } #terminal-news div.terminal-foot div.links a.link01 { line-height: 20px; font-size: 1.1em; } #terminal-news div.terminal-foot .links li.button01.active {background:url(../img/terminal/top-navi-active-end.png) no-repeat right top transparent;} #terminal-news div.terminal-foot .links li.button01.active a {background:url(../img/terminal/top-navigation-active.png) no-repeat left top transparent;} #terminal-news div.terminal-foot .links li.button01 a {padding-top:0px;line-height:20px;font-size:11px;height:20px;} #terminal-news div.terminal-foot .links li.button01 {padding-top:0px;height:20px;} /** * Terminal Search */ #terminal div.search { position: absolute; bottom: -47px; right: 5px; z-index: 20; } #terminal div.search form { } #terminal div.search fieldset { border: 0px; } #terminal div.search input.field { padding-left:3px;width: 160px; height: 20px; line-height: 20px; background: url('../img/terminal/search.png') no-repeat; border: 0px; float: left; } #terminal div.search input.button { width: 21px; height: 20px; background: url('../img/terminal/search-black.png') no-repeat; border: 0px; float: right; } #terminal div.search input.submit { display: none; } /** * terminal media: webcast css */ #terminal div.media-right { float: right; } #terminal-media { display: none; } .webcast-content { float: right; position: relative; z-index: 11; } .webcast-content .big-media-img { width: 597px; height: 339px; position: relative; overflow: hidden; float: left;} .webcast-content .big-media-img img { vertical-align: middle; display: block; } .webcast-content .big-media-img .gallery-api { position: absolute; right: 10px; bottom: 58px; } .webcast-content .big-media-img .gallery-api li { float: left; list-style: none; margin-left: 1px; } .webcast-content .big-media-img .gallery-api a { display: inline-block; height: 29px; line-height: 29px; } .webcast-content .big-media-img .gallery-api a.first { width: 49px; } .webcast-content .big-media-img .gallery-api a.next { width: 49px; } .webcast-content .big-media-img .gallery-api a.label { padding: 0 15px; background: url(../img/terminal/white_opa_repeat.png) 0 0 repeat-x; } .webcast-content .big-media-img .gallery-api a.last { width: 47px; } .webcast-content .big-media-img .gallery-api a.zoom { width: 33px; background: url(../img/terminal/white_opa_zoom.png) 0 0 no-repeat; } .webcast-content div.media-box { width: 201px; height: 339px; float: left; position: relative; overflow: hidden; background-color: #282828 ; } .webcast-content div.media-box div.media-box-padding { padding: 0px 4px 0px 4px; } .webcast-content div.media-box .media-box-container { padding: 0px 0px 0px 0px; height: 336px; } .webcast-content div.media-box li { margin-bottom: 4px; width: 169px; height: 95px; position: relative; } .webcast-content div.media-box li a { display: block; color: #FFF; font-weight: bold; line-height: 1.3em; } .webcast-content div.media-box li a span.background { width: 100%; height: 39px; position: absolute; bottom: 0px; left: 0px; z-index: 20; background: url("../img/terminal/feature_list_bg.png"); } .webcast-content div.media-box li a span.background span { padding: 6px 0px 0px 3px; display: block; } .webcast-content div.media-box li a img { position: absolute; top: 0px; } .webcast-content .mCustomScrollBox .mCSB_scrollTools { width: 5px; } .webcast-content .mCustomScrollBox .mCSB_container { margin-right: 10px; } /** * terminal media: publication css */ div.webcast-content-public { margin-bottom: 10px; width: 798px; height: 325px; font-size: 1.1em; background: #FFF; } div.publications { padding: 0px 10px; width: 30000px; position: relative; } div.publications-wrap { width: 798px; overflow: hidden; position: relative; } div.publications-magazine { display: none; } div.publications-magazine.publications-1 { display: block; } div.publication { margin-right: 10px; padding: 10px 0px 0px; width: 389px; height: 320px; border-right: 1px solid #AAA; float: left; position: relative; } div.publication h3 { font-size: 1.7em; line-height: 1.2em; font-weight: normal; } div.publication h4 { margin-bottom: 10px; font-size: 1.2em; font-weight: normal; } div.publication p { margin: 0px 0px 15px 0px; font-size: 1.2em; } div.publication ul { list-style-type: none; } div.publication ul.links { position: absolute; bottom: 168px; } div.publication img.magazine { position: absolute; bottom: 14px; left: 0px; border: 1px solid #000; } div.publication div.index { width: 218px; position: absolute; top: 10px; right: 0px; } div.publications div.index li { padding: 0px 0px 23px 0px; line-height: 1.4em; font-size:11px;} div.publications div.index-outer { width: 218px; height: 261px; overflow: hidden; position: relative; background: url('../img/terminal/publication-index-bg.png') repeat-x; } div.publications div.index-inner { padding: 10px; position: relative; } div.publication div.index-controls { position: relative; left: 145px; float: left; } div.publication div.index-controls ul { position: relative; top: 4px; left: 4px; } div.publication div.index-controls li { float: left; line-height: 1em; } div.publication div.index-controls li.center { width: 30px; line-height: 18px; text-align: center; font-size: 12px; color: #aeaaa8; } div.publication div.index-controls a { width: 15px; height: 15px; display: block; text-indent: -20000px; } div.publication div.index-controls li.up a { background: url('../img/terminal/paging-grey-up.png') center no-repeat; } div.publication div.index-controls li.down a { background: url('../img/terminal/paging-grey-down.png') center no-repeat; } div.publication-order { width: 388px; height: 323px; display: none; background: url('../img/terminal/publication-overlay.png') no-repeat; position: absolute; top: -9px; left: -7px; z-index: 20; } div.publication-order-padding { padding: 15px; position: relative; } div.publication-order p.close { position: absolute; top: 12px; right: 12px; } div.publication-order p.order { position: absolute; top: 12px; right: 50px; } div.publication-order fieldset { padding: 0px 0px 0px 30px; } div.publication-order label { width: 70px; float: left; position: relative; top: 4px; } div.publication-order div.input-padding { width: 235px; height: 20px; background: url('../img/terminal/publication-textarea.png') top left no-repeat; float: left; } div.publication-order div.input-padding.textarea { height: 95px; } div.publication-order div.input-padding input { width: 100%; border: 0px; background: none; position: relative; left: 5px; top: 4px; } div.publication-order div.input-padding textarea { width: 100%; height: 90px; border: 0px; background: none; position: relative; left: 5px; top: 4px; } div.publication-order div.form-row { padding-top: 10px; clear: left; } div.publication-order div.form-row.padding { padding-left: 70px; } div.publication-order a.button { padding-right: 3px; float: left; background: url('../img/terminal/publication-button-right.png') right no-repeat; } div.publication-order a.button span { padding: 0px 10px 0px 13px; color: #000; height: 21px; line-height: 21px; display: block; background: url('../img/terminal/publication-button-left.png') left no-repeat; } div.publications-pager { width: 200px; height: 24px; position: absolute; right: 0px; bottom: -24px; z-index: 30 !important; background: #2e2d2d; font-size: 13px; } div.publications-pager ul { list-style-type: none; } div.publications-pager li { line-height: 21px; float: left; text-align: center; color: #FFF; } div.publications-pager li a { padding-top: 2px; color: #FFF; position: relative; z-index: 100; display: block; text-indent: -20000px; } div.publications-pager li.left { cursor: pointer; background: url('../img/terminal/terminal-paging-left.png') 10px 5px no-repeat; } div.publications-pager li.left a { width: 35px; text-align: left; } div.publications-pager li.center { padding-top: 2px; width: 130px; } div.publications-pager li.right { width: 35px; cursor: pointer; background: url('../img/terminal/terminal-paging-right.png') 13px 5px no-repeat; } div.publications-pager li.right a { } .webcast-navigation { padding: 13px 0px 10px 0px; position: relative; } .webcast-navigation ul.clear { display: inline-block; list-style: none; padding-left: 10px; } .webcast-navigation li { float: left; margin-right: 12px; } .webcast-navigation li a { font-size: 12px; display: inline-block; height: 20px; line-height: 20px; color: #000; } .webcast-navigation li a.more {background:transparent url("../img/terminal/foot-link.png") no-repeat scroll left 4px;padding-left:20px;} .webcast-navigation li.active { padding-right: 3px; background: url(../img/terminal/top-navigation-active-right.png) 100% 0 no-repeat; margin-right: 6px; } .webcast-navigation li.active a { color: #fff; padding: 0 3px 0 6px; background: url(../img/terminal/top-navigation-active.png) 0 0 repeat-x; } .webcast-search { float: right; display: inline-block; padding-right: 10px; } .webcast-search .text-field { background:url(../img/general/input_field_long.png) 0 0 no-repeat; border:0 none;float:left;height:20px; width: 153px; font-size: 12px; font-family: Arial; padding: 0 6px; line-height: 20px; } .webcast-search .search-btn { border: 0; width: 20px; height: 20px; background: url(../img/terminal/icon_search_button.gif) 0 0 no-repeat; margin-left: 5px; } #terminal-main .webcast-content div.navigation { margin-right: 10px; } .web-public { float: right; width: 800px; } .web-public .web-media { width: 220px; float: right; overflow: hidden;} .web-public .web-media .web-media-container { overflow: hidden;height:336px;width:220px;} .web-public .web-media .item { display:block;height: 112px; overflow: hidden; background-color: #282828; color: #fff; opacity: 0.75; filter:(opacity=75); } .web-public .web-media .item.active { opacity: 1; filter:(opacity=100); } .web-public .web-media .item span { display: inline-block; width: 200px; position: relative; bottom:40px; height:30px;padding:5px; background: url("../img/terminal/feature_list_bg.png") no-repeat left top transparent;} .web-public .web-public-content { width: 270px; margin:18px 22px 17px; float: right; } .web-public .web-public-content h2 { padding-left: 4px; font-size: 13px; font-weight: 100; padding-bottom: 8px; } .web-public .web-public-content .web-public-wrapper { background:transparent url(../img/terminal/publication_list_bg.png) no-repeat left top; position: relative; height: 251px; overflow: hidden; } .web-public .web-public-content .web-public-wrapper .items { position: absolute; left: 0; top: 0; } .web-public .web-public-content .web-public-wrapper .item { height: 245px; padding: 2px 4px; } .web-public .web-public-content .web-public-wrapper .item p { line-height: 16px; margin-bottom: 8px; font-size: 12px; } .web-public .web-public-content .page-navigation { padding-left: 100px; } .web-public .web-navigaiton { display: inline-block; float: left; margin: 18px 0 0 10px; font-weight: 100; } .web-public .web-navigaiton h2 { font-size: 18px; margin-bottom: 4px; } .web-public .web-navigaiton h3 { font-size: 14px; margin-bottom: 20px; } .web-public .web-navigaiton ul.clear a { font-size: 12px; display: inline-block; line-height: 24px; color: #000; } .web-public .web-navigaiton a.link01 { margin-bottom: 5px; } .dlrInfo { position:absolute;bottom:50px;left:10px; } /** * terminal formular css */ .contact-form {float:left;width:520px;margin-left:10px;padding-top:10px;height:329px;} .contact-form h2 {margin-bottom:25px;font-size:17px;} .contact-form .field {clear:both;overflow: hidden;margin-bottom:10px;} .contact-form .field label {width:75px;display: inline-block;float:left;} .contact-form .field input {width:235px;height:20px;line-height: 20px;float:left;background: transparent url(../img/general/input_field_long.png) left top no-repeat;border:0px;} .contact-form .field textarea {margin-left:2px;width:391px;height:105px;float:left;background: #dddee0 url(../img/general/textarea_big.png) left top no-repeat;border:0px;} .contact-form .field input.selectbox {width:393px;height:21px; line-height: 21px;background:url(../img/general/selectbox-long.png) no-repeat left top transparent;} .pressekontakt-form .field input.selectbox {width:350px;background:url(../img/general/selectbox-middle.png) no-repeat left top transparent;} .contact-form .field div.selectbox-wrapper {z-index: 99; height: 120px; left:85px;margin-top:21px;} .contact-form .field .button {border:0px; background: transparent url(../img/general/link_button_white_left.png) no-repeat left 1px;vertical-align: middle; text-align: center;overflow:visible;} .contact-form .field .button span {display:block;background: transparent url(../img/general/link_button_white_right.png) no-repeat right top;padding-left:10px;height:21px;line-height:21px;padding-right:10px;} .contact-form .fieldButton {margin-left:78px;} .contact-content { margin-top: 25px; width: 235px; float:left; position: relative; top: 30px; left: 40px; font-size: 1.1em; } .contact-content h3 { margin-bottom: 20px; position: relative; left: -68px; } .contact-content p { margin: 15px 0px 0px 0px; } .contact-content a { color: #000; } /** * newsletter formular css */ .newsletter-content { width: 798px; height: 339px; float: right; } .newsletter-content h2 { margin: 10px 0px 25px 0px; font-size: 1.6em; font-weight: normal; } .newsletter-content div.checkboxes { padding-left: 75px; } .newsletter-content form {} .newsletter-content .field {clear:both;overflow: hidden;margin-bottom:10px;} .newsletter-content .field input {width:235px;height:20px;line-height: 20px;float:left;background: transparent url(../img/general/input_field_long.png) left top no-repeat;border:0px;} .newsletter-content .field label {width:75px;display:block;float:left;} .newsletter-content .field .button {border:0px; background: transparent url(../img/general/link_button_white_left.png) 0px 1px no-repeat; vertical-align: middle; text-align: center; } .newsletter-content .field .button span {display:block;background: transparent url(../img/general/link_button_white_right.png) right no-repeat;padding-left:10px;height:21px;line-height:21px;padding-right:10px;} .newsletter-content .fieldButton {margin-left:75px;padding-top:30px;} .newsletter-content .checkboxField {float:left;width:120px;margin-top:30px;} .newsletter-content .checkboxField a {display:block;color:#000;background: transparent url(../img/general/white_checkbox.png) left 100% no-repeat;padding-left:20px;line-height:20px;padding-left:20px;padding-top:5px} .newsletter-content .checkboxField a.checked {background: transparent url(../img/general/white_checkbox_active.png) left 100% no-repeat;;} /** * terminal pressebox css */ #terminal-press { display: none; } #terminal-press div.terminal-content { margin: 0px; height: 339px; } #terminal-press div.terminal-content.contact { width: 799px; display: none; font-size: 1.1em; float: right; } #terminal-press div.contact-form { padding-top: 30px; width: 450px; } #terminal-press div.contact-form textarea { width: 350px; } #terminal-press div.terminal-content form { margin-top: 20px; float: left; } #terminal-press div.terminal-content form label { width: 70px; float: left; position: relative; top: 4px; } #terminal-press div.terminal-content form div.input-padding { width: 235px; height: 20px; background: url('../img/terminal/publication-textarea.png') top left no-repeat; float: left; } #terminal-press div.terminal-content form div.input-padding.textarea { width: 304px; height: 145px; background: url('../img/terminal/publication-textarea-big.png') top left no-repeat; } #terminal-press div.terminal-content form div.input-padding input { width: 99%; border: 0px; background: none; position: relative; left: 5px; top: 4px; } #terminal-press div.terminal-content form div.input-padding textarea { width: 99%; height: 90px; border: 0px; background: none; position: relative; left: 5px; top: 4px; } #terminal-press div.terminal-content form div.form-row { padding-top: 10px; clear: left; } #terminal-press div.terminal-content form div.form-row.padding { padding-left: 70px; } #terminal-press div.terminal-content form a.button { padding-right: 3px; float: left; background: url('../img/terminal/publication-button-right.png') right no-repeat; } #terminal-press div.terminal-content form a.button span { padding: 0px 10px 0px 13px; color: #000; height: 21px; line-height: 21px; display: block; background: url('../img/terminal/publication-button-left.png') left no-repeat; } #terminal-press div.terminal-content.contact div.contact-frame { padding-top: 50px; width: 327px; float: right; font-size: 1.1em; } #terminal-press div.terminal-content.contact div.contact-frame h3 { margin-bottom: 10px; width: 231px; height: 62px; display: block; text-indent: -10000px; background: url('../img/terminal/logo-kontakt.png') no-repeat; } #terminal-press div.terminal-content.contact div.contact-frame p { padding: 0px 0px 10px 67px; } /** * terminal calendar css */ .calendar-wrapper h2 {margin-top:25px;margin-left:15px;font-weight: normal;} .calendar-wrapper p {margin-left:15px;} .calendar-wrapper .calendar-content {float:left;width:530px;margin-right:10px;} .calendar-wrapper .calendar {margin-top:55px;margin-left:10px;width:525px;height:220px;position: relative;} .ui-datepicker-header { bottom: 0; } .calendar-wrapper .calendar #calendar-form {height:220px;width:525px;overflow: hidden;background: transparent url(../img/terminal/calendar_bg.png) no-repeat left top;} .calendar-wrapper #calendar-list {float:right;width:258px;height:340px;} .calendar-wrapper #calendar-list .calender-prev-header {position:absolute;width:229px;height:28px;line-height:28px;color:#fff;font-size:12px;font-weight: bold;padding-left:10px;background: transparent url(../img/terminal/calendar_preview_header_bg_dark.png) no-repeat left top;} .calendar-wrapper #calendar-list .calendar-list-container {width:258px;overflow: hidden;height:340px;margin-top:28px;} .calendar-wrapper #calendar-list .item {color:#fff;background: transparent url(../img/terminal/calendar_preview_bg_light.png) no-repeat top left;height:103px;width:219px;padding:10px;} .calendar-wrapper #calendar-list .item.odd {background: transparent url(../img/terminal/calendar_preview_bg_dark.png) no-repeat top left;} .calendar-wrapper #calendar-list .item p {margin:0px;margin-top:10px;} .calendar-wrapper #calendar-list .item a {color:#fff;font-weight: bold;} .calendar-wrapper .calendar .ui-datepicker-calendar tbody td {padding-bottom: 3px;} .calendar-wrapper .calendar .ui-datepicker-calendar tbody td.hasMultiEntries {background: transparent url(../img/terminal/calendar_multi_entries.png) no-repeat 3px bottom;} .calendar-wrapper .calendar .ui-datepicker-calendar tbody td.hasTwoEntries {background: transparent url(../img/terminal/calendar_two_entries.png) no-repeat 3px bottom;} .calendar-wrapper .calendar .ui-datepicker-calendar tbody td.hasOneEntries {background: transparent url(../img/terminal/calendar_one_entries.png) no-repeat 3px bottom;} /** * terminal search result css */ .search-result-content {height:390px;} .search-result-content .jScrollPaneContainer {float:right;} .search-result-content .navigation h3 {margin-left:10px;} .search-result-content .navigation h2 {margin-left:10px;margin-bottom:15px;} .search-result-content .navigation p {margin-left:10px;} .result-wrapper-container {overflow: hidden;float:left;height:335px;width:798px;} .result-wrapper-container .item {clear:both;margin-top:15px;} .result-wrapper-container .item a {display:block;color:#1f2375;} #terminal-start ul.terminal-archiveLink {clear:both; text-align:left;padding-top:15px;background:url("../img/general/more-black.png") no-repeat scroll left 20px transparent !important;padding-left:15px;} #presse-ansprechpartner div.paging { background: url('../img/terminal/standort_box_institute_bg.png') 0px 0px no-repeat; } #presse-ansprechpartner div.paging-outer-padding { padding: 8px 0px 8px 12px; } #presse-ansprechpartner div.paging-outer { height: 245px; } #presse-ansprechpartner p.bold { font-weight: bold; } #presse-ansprechpartner div.paging-controls { left: 85px; } /** ===== about us ===== */ #terminal-about-us { width: 100%; height: 100%; position: relative; background-position: right bottom; background-repeat: no-repeat; } #terminal-about-us.lang-de { background-image: url('../img/terminal/about-us-de.png'); } #terminal-about-us.lang-en { background-image: url('../img/terminal/about-us-en.png'); } #terminal-about-us-content { width: 569px; height: 349px; position: absolute; left: 202px; top: 0px; } #terminal-about-us-content div.box-padding { padding: 20px 0; } #terminal-about-us-content div.row { margin-right: 30px; width: 250px; float: left; } /* fonts & texts */ #terminal-about-us-content h2 { margin-bottom: 10px; font-family: Arial, sans-serif; font-weight: normal; font-size: 21px; } #terminal-about-us-content p, #terminal-about-us-content li { margin-bottom: 1em; font-size: 12px; } #terminal-about-us-submenu { width: 228px; height: 349px; border-left: 1px solid #000; position: absolute; right: 0px; top: 0px; } #terminal-about-us-submenu div.paging-outer-padding { padding: 10px 10px 0; } #terminal-about-us-submenu div.paging-outer { height: 260px; } #terminal-about-us-submenu div.paging-outer li { display: block; clear: left; } #terminal-about-us-submenu div.paging-outer li a { padding-bottom: 5px; display: block; } #terminal-about-us-submenu div.paging-controls { padding: 5px 10px 0; border-top: 1px solid #000; } #terminal-about-us-submenu div.paging-controls ul{ float: right; } #terminal-about-us-submenu div.paging-controls li.up a, #terminal-about-us-submenu div.paging-controls li.down a { width: 15px; height: 15px; display: block; text-indent: -2000px; background-repeat: no-repeat; background-position: center; } #terminal-about-us-submenu div.paging-controls li.up a { background-image: url('../img/terminal/paging-up.png'); } #terminal-about-us-submenu div.paging-controls li.down a { background-image: url('../img/terminal/paging-down.png'); } #terminal-about-us-submenu div.paging-controls li.center { width: 30px; display: block; background: none; } /* fonts & texts */ #terminal-about-us-submenu h2 { padding: 12px; font-family: Arial, sans-serif; font-weight: normal; font-size: 15px; display: block; border-bottom: 1px solid #000; } #terminal-about-us-submenu li { font-size: 12px; }