@charset "utf-8";

/*
Stylesheet Hochschule München

22.09.2016 -- 15:19

Wichtige Farbwerte:

Fakultät 01: #00458C
Fakultät 02: #0099BF
Fakultät 03: #008DD0
Fakultät 04: #00AAB5
Fakultät 05: #0072BC
Fakultät 06: #005BAA
Fakultät 07: #00A0D2
Fakultät 08: #009793
Fakultät 09: #009B71
Fakultät 10: #008E7D
Fakultät 11: #F47920
Fakultät 12: #39B54A
neu seit Mai 2012:
Fakultät 12: #113B46
Fakultät 13: #BD1A8D
Fakultät 14: #A62A57


008E7D
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #464646;
}

ul.sorted-list {
    list-style-type: none;
    padding: 0;
    margin: 5px 0px;
}

ul.sorted-list li {
    background-image: url(/media/_technik/img/_technik_1/bullet-point-ul.jpg);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 12px;
}

ul.sorted-list ul, ol.numbered-list ul {
    margin-left: 20px;
    list-style-type: none;
    padding: 0;
}

ul.sorted-list ol li {
    background-image: none;
    padding-left: 0px;
}

ul.sorted-list li a {
    font-weight: bold;
}

.list-next-to-img {
    width: 218px;
    float: left;
}

ol.numbered-list {
    list-style-position: outside;
    padding-left: 12px !important;
}

ol.numbered-list li {
    text-indent: 0px;
}

ol.numbered-list li a {
    font-weight: bold;
}

* + html ol.numbered-list {
    margin: 5px 0px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a > img {
    border: none;
    text-indent: 0;
}

p > a {
    position: static !important;
    font-weight: bold !important;
}

/* START update 02.06.2009 MR
*  Sorgt dafür, das immer ein abstand zwischen Content und Seitenende vorhanden ist
*/

html {
    padding-bottom: 30px;
    height: 110%;
}

/* END update 02.06.2009 MR */
/* ------------------------------------------------------------------------------------ LINKS ANPASSUNGEN */

a.link-extern, a.link-extern:link, a.link-extern:visited, a.link-extern:active {
    padding-left: 12px;
    background-image: url(/media/_technik/img/_technik_1/icn_link_extern.jpg);
    background-repeat: no-repeat;
    background-position: left 3px;
    font-weight: bold;
    margin-left: 3px;
}

a.link-extern:hover {
    text-decoration: underline;
}

a.link-download, a.link-download:link, a.link-download:visited, a.link-download:active {
    padding-left: 12px;
    background-image: url(/media/_technik/img/_technik_1/icn_link_download.jpg);
    background-repeat: no-repeat;
    background-position: left 3px;
    font-weight: bold;
    margin-left: 3px;
}

a.link-download:hover {
    text-decoration: underline;
}

.linked-image {
    position: static !important;
}

a.teaserlink {
    position: static !important;
    text-indent: 0 !important;
    font-weight: bold;
    padding: 0px !important;
    background-image: none !important;
    margin: 0px !important;
}

a.teaser-linklist {
    position: static !important;
    text-indent: 0 !important;
    font-weight: bold;
    line-height: 16px;
    display: block;
	width: 225px !important;
}

.col-teaser-news a.teaser-linklist {
    width: auto;
    height: auto;
}

a.link-rssfeed {
    display: block;
    position: relative !important;
    width: 195px !important;
    text-indent: 0px !important;
    font-weight: normal;
    padding-left: 30px;
    /*height: auto !important;     damit das RSS-Feed-Icon nicht abgeschnitten wird */
    background-image: url(/media/_technik/img/_technik_1/icn_rssfeed.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    line-height: 16px;
}

a.link-intext, a.link-intext:link, a.link-intext:visited, a.link-intext:active {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0px center;
    font-weight: bold;
    margin-left: 3px;
    line-height: 15px;
    width: 8px;
    height: 15px;
    text-indent: -2000px;
    display: inline-block;
}

a.link-intext:hover {
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------ LISTEN */

/* ------------------------------------------------------------------------------------ WRAPPER */
#wrapper {
    position: relative;
    margin: 20px auto;
    width: 985px;
    margin-top: 5px
}

/* ------------------------------------------------------------------------------------ HEADER */

/* ---------------------- wurde ausgelagert in header.css -------------------------- */

/* ------------------------------------------------------------------------------------ CONTENT */
#content-wrapper {
    width: 985px;
    margin-top: 40px;
}

#content-wrapper:before,
#content-wrapper:after {
    content: " ";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#content-columns {
    width: 985px;
}

#column-left {
    width: 229px;
    float: left;
    margin-right: 27px;
}

#column-right {
    width: 727px;
    float: left;
}

.cols-2 {
    width: 478px;
    float: left;
}

.cols-2 .col-left {
    width: 223px;
}

.cols-2 .col-middle {
    margin-right: 0px;
}

.cols-3 {
    width: 729px;
    float: left;
}

.cols-4 {
    width: 985px;
    margin-bottom: 40px;
}

.col-left-border-bottom {
    position: relative;
    width: 225px;
    height: 90px;
    float: left;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.col-left-border-bottom p {
    line-height: 16px;
}

.col-left-border-bottom a {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 38px;
    height: 33px;
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}

.col-middle-border-bottom {
    position: relative;
    width: 225px;
    height: 90px;
    float: left;
    margin-left: 27px;
    margin-right: 27px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.col-middle-border-bottom p {
    line-height: 16px;
}

.col-middle-border-bottom a {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 38px;
    height: 33px;
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}

.col-right-border-bottom {
    line-height: 16px;
}

.col-right-border-bottom {
    position: relative;
    width: 225px;
    min-height: 90px;
    float: left;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.col-right-border-bottom a {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 38px;
    height: 33px;
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}

.cols-3-border-bottom {
    margin-top: 25px;
    width: 729px;
    float: left;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.col-left {
    position: relative;
    width: 225px;
    float: left;
}

.col-middle {
    position: relative;
    width: 225px;
    float: left;
    margin-left: 27px;
    margin-right: 27px;
}

.col-right {
    position: relative;
    width: 225px;
    float: left;
}

/* TODO 06.03.09 width von 225 geändert auf 223*/
.col-teaser {
    line-height: 16px;
}

.col-teaser dt {
    line-height: 16px;
    margin-bottom: 7px;
}

.col-teaser a {
    position: absolute;
    right: 0px;
    bottom: -20px;
    width: 38px;
    height: 33px;
}

.col-teaser dt a {
    position: static !important;
}

.col-teaser-no-headline {
    margin-top: 25px;
    line-height: 16px;
}

.col-teaser-no-headline dt {
    margin-bottom: 7px;
}

.col-teaser-no-headline a {
    position: absolute;
    right: 0px;
    bottom: -20px;
    width: 38px;
    height: 33px;
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}

.col-teaser-no-headline dt a {
    position: static !important;
}

.col-teaser-no-headline-border dt a {
    position: static !important;
}

.col-teaser-no-headline-border {
    margin-top: 25px;
    line-height: 16px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.col-teaser-no-headline-border dt {
    margin-bottom: 7px;
}

.col-teaser-no-headline-border a {
    position: absolute;
    right: -12px;
    bottom: 0px;
    width: 38px;
    height: 22px;
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}

.col-teaser-news {
    margin-top: 10px;
    line-height: 16px;
    border-bottom: 1px solid #929292;
    padding-bottom: 5px;
}

.col-teaser-news dt {
    margin-bottom: 7px;
}

.col-teaser-news a {
    position: absolute;
    right: -12px;
    bottom: 2px;
    width: 38px;
    height: 33px;
    /*text-indent: -50px; /* hiermit wird der text also aus dem rahmen entfernt, sollte keinen Einfluss haben, da "more" link separaten text-indent hat */
    /* overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}

.cols-2-border-bottom {
    position: relative;
    width: 477px;
    float: left;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 27px;
}

.cols-2-border-bottom p {
    margin: 0;
    padding: 0;
}

.cols-2-no-border {
    position: relative;
    width: 477px;
    float: left;
    padding-bottom: 10px;
    margin-right: 27px;
}

.cols-2-image-with-teaser {
    position: relative;
    width: 477px;
    float: left;
    margin-right: 27px;
    margin-bottom: 15px;
}

/* BILDER MIT BILDUNTERSCHRIFTEN start */
.image-with-subline-left {
    position: relative;
    top: 3px;
    float: left;
    margin: 0px 10px 5px 0px;
    background-color: #E1E1E1;
}

.image-with-subline-left img {
    display: block;
}

.image-with-subline-right {
    position: relative;
    top: 3px;
    float: right;
    margin: 0px 0px 5px 10px;
    background-color: #E1E1E1;
}

.image-subline {
    padding: 5px;
    font-style: italic;
}

.cols-2-image-with-teaser img {
    display: block;
    border-bottom: 1px solid #FFFFFF;
}

/* BILDER MIT BILDUNTERSCHRIFTEN end */

.cols-2-image-with-teaser p {
}

.cols-2-image-with-teaser p .date {
    font-weight: normal;
    color: #898989;
}

.cols-2-image-with-teaser a {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/* ------------------------------------------------------------------------------------ ARROWS */

.more-student,
.more-interested-person,
.more,
.more-contact,
.more-faculty {
    margin: 0 !important;
    padding: 0 !important;
}

.more-student {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_red.gif) !important;
    background-repeat: no-repeat;
    width: 38px;
    height: 33px;
    display: block;
}

.more-interested-person {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_green.gif) !important;
    background-repeat: no-repeat;
    width: 38px;
    height: 33px;
    display: block;
}

.more {
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
    background-image: url(/media/_technik/img/_technik_1/hm_arrow_content_darkgrey.gif) !important;
    background-repeat: no-repeat;
	height: 33px !important;
    display: block;
}

.more-contact {
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
    background-image: url(/media/_technik/img/_technik_1/btn_absenden_contact.jpg) !important;
    background-repeat: no-repeat;
    width: 112px;
    height: 33px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.more-faculty {
    background-image: url(/media/_technik/img/_technik_1/hm_arrow_content_darkgrey.gif) !important;
    background-repeat: no-repeat;
    width: 38px;
    height: 33px;
    display: block;
}

/* START update 02.06.2009 MR */

.more-faculty-one,
.more-faculty-three,
.more-faculty-seven,
.more-faculty-eight,
.more-faculty-nine,
.more-faculty-ten,
.more-faculty-eleven,
.more-faculty-twelve,
.more-faculty-thirteen {
    background-repeat: no-repeat;
    width: 38px;
    height: 33px;
    display: block;
}

.more-faculty-one {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty01.gif) !important;
}

.more-faculty-three {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty03.gif) !important;
}

.more-faculty-seven {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty07.gif) !important;
}

.more-faculty-eight {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty08.gif) !important;
}

.more-faculty-nine {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty09.gif) !important;
}

.more-faculty-ten {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty10.gif) !important;
}

.more-faculty-eleven {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty11.gif) !important;
}

.more-faculty-twelve {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty12.gif) !important;
}

.more-faculty-thirteen {
    background-image: url(/media/_technik/img/_technik_1/hm_arrowbox_faculty13.gif) !important;
}

/* END update 02.06.2009 MR */

/* ------------------------------------------------------------------------------------ LOGIN FORM */

#login-form {
    position: relative;
    width: 225px;
    height: 48px;
}

#login-form ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#login-form ul li {
    margin: 0px;
    padding: 0px;
}

.text {
    width: 175px;
    height: 17px;
    top: 5px;
    border: 1px solid;
    border-color: #898989;
    padding-top: 4px;
    padding-left: 5px;
    margin-bottom: 7px;
}

/* Submit-Box Grau */

.submit {
    position: absolute;
    right: 0px;
    bottom: -20px;
    background: url(/media/_technik/img/_technik_1/hm_arrowbox_grey.gif);
    background-repeat: no-repeat;
    border: 0px;
    width: 38px;
    height: 33px;
}

/* Submit-Box Rot */

.submit-student {
    position: absolute;
    right: 0px;
    bottom: -20px;
    background: url(/media/_technik/img/_technik_1/hm_arrowbox_red.gif);
    background-repeat: no-repeat;
    border: 0px;
    width: 38px;
    height: 33px;
}

.submit-faculty {
    position: absolute;
    right: 0px;
    bottom: -20px;
    background: url(/media/_technik/img/_technik_1/hm_arrowbox_grey.gif);
    background-repeat: no-repeat;
    border: 0px;
    width: 38px;
    height: 33px;
}

/* ------------------------------------------------------------------------------------ OPTIONS */
#options {
    font-weight: bold;
    text-transform: uppercase;
    width: 229px;
}

#options ul {
    list-style-type: none;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

#options ul li {
    position: relative;
    display: block;
    height: 33px;
    margin-bottom: 7px;
}

#options ul li a {
    position: absolute;
    left: 33px;
}

.student {
    color: #d30330;
    border-left: 7px solid;
    border-bottom: 1px solid;
}

.student a {
    color: #d30330;
    text-decoration: none;
}

.interested-person {
    color: #94ad1c;
    border-left: 7px solid;
    border-bottom: 1px solid;
}

.interested-person a {
    color: #94ad1c;
    text-decoration: none;
}

/* Checkbox */

.check {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    left: 9px;
}

/* ------------------------------------------------------------------------------------ CONTENT NAV */

/* Normal */

#content-nav {
    margin-top: 0px;
    line-height: 25px;
}

#content-nav ul {
    list-style-type: none;
    margin-left: 20px;
    padding: 0px;
    position: relative;
}

#content-nav ul li {
    position: static;
}

#content-nav ul li a {
    color: #464646;
    text-decoration: none;
    position: static;
    z-index: 0;
}

#content-nav ul li a:hover,
#content-nav ul li a.selected {
    font-weight: bold;
}

#content-nav span {
    margin-right: 14px;
}

* + html #content-nav {
    margin-top: -23px !important;
}

/* von Sascha */
* html #content-nav {
    margin-top: -23px !important;
}

/* von Sascha */

/* Student */

#content-nav-student {
    margin-top: 0px;
    line-height: 25px;
    border-left: 7px solid;
    border-color: #d30330;
}

#content-nav-student ul {
    list-style-type: none;
    margin-left: 13px;
    padding: 0px;
    position: relative;
    z-index: 100;
}

#content-nav-student ul li {
    position: static;
}

#content-nav-student ul li a {
    color: #464646;
    text-decoration: none;
    position: static;
    z-index: 0
}

#content-nav-student ul li a:hover,
#content-nav-student ul li a.selected {
    font-weight: bold;
    color: #d30330;
}

#content-nav-student span {
    margin-right: 14px;
}

* + html #content-nav-student {
    margin-top: -23px !important;
}

/* von Sascha */
* html #content-nav-student {
    margin-top: -23px !important;
}

/* von Sascha */
/* Studieninteressent */

#content-nav-interested-person {
    margin-top: 0px;
    line-height: 25px;
    border-left: 7px solid;
    border-color: #94ad1c;
}

#content-nav-interested-person ul {
    list-style-type: none;
    margin-left: 13px;
    padding: 0px;
    position: relative;
    z-index: 100;
}

#content-nav-interested-person ul li {
    position: static;
}

#content-nav-interested-person ul li a {
    color: #464646;
    text-decoration: none;
    position: static;
    z-index: 0
}

#content-nav-interested-person ul li a:hover,
#content-nav-interested-person ul li a.selected {
    font-weight: bold;
    color: #94ad1c;
}

#content-nav-interested-person span {
    margin-right: 14px;
    font-weight: normal !important;
}

* + html #content-nav-interested-person {
    margin-top: -23px !important;
}

/* von Sascha */
* html #content-nav-interested-person {
    margin-top: -23px !important;
}

/* von Sascha */

/* Fakult�ten */

#content-nav-faculty {
    margin-top: 0px;
    line-height: 25px;
    border-left: 7px solid;
}

#content-nav-faculty ul {
    list-style-type: none;
    margin-left: 13px;
    padding: 0px;
    position: relative;
}

#content-nav-faculty ul li {
    position: static;
}

#content-nav-faculty ul li a {
    color: #464646;
    text-decoration: none;
    position: static;
    z-index: 0
}

#content-nav-faculty ul li a:hover,
#content-nav-faculty ul li a.selected {
    font-weight: bold;
    color: #94ad1c;
}

#content-nav-faculty span {
    margin-right: 14px;
    font-weight: normal !important;
}

/* ------------------------------------------------------------------------------------ SUB NAV */

.subnav {
    display: none;
    position: absolute;
    /*	top:-50%;*/
    margin-top: -62px; /* height of the subnav-item */
    left: 130px;
    z-index: 1600 !important;
    background: url(/media/_technik/img/_technik_1/hm_subnav_transparent_bg.png);
    padding: 0 7px 7px 0;
}

* + html .subnav {
    margin-top: -43px;
}

* html .subnav {
    margin-top: -43px;
    left: 130px;
    top: auto !important;
}

.subnav span.subnav-icon {
    position: absolute;
    top: 55px;
    left: -7px;
    margin-top: -12px;
    z-index: 200;
    display: block;
    width: 8px;
    height: 13px;
    background: url(/media/_technik/img/_technik_1/hm_subnav_icon~1.png) no-repeat;
}

.subnav ul {
    border: 8px solid #929292;
    width: 204px;
    background-color: #fff;
    padding: 3px 12px !important;
    margin: -7px 0 0 -7px !important;
}

.subnav ul.border-green {
    border-color: #94AD1C;
}

.subnav ul.border-grey {
    border-color: #929292;
}

.subnav ul.border-red {
    border-color: #D30330;
}

.subnav ul li {
    border-bottom: 1px solid #e1e1e1;
    line-height: 22px;
}

/* Reset */

#content-nav-reset {
    margin-top: 15px;
    line-height: 25px;
}

#content-nav-reset ul {
    list-style-type: none;
    margin-left: 20px;
    padding: 0px;
}

#content-nav-reset ul li a {
    color: #464646;
    text-decoration: none;
}

#content-nav-reset span {
    margin-right: 14px;
}

/* ------------------------------------------------------------------------------------ FOOTER */

.related-links {
    position: relative;
    width: 729px;
    height: 18px;
    float: left;
}

.related-links span {
    font-weight: bold;
    margin-left: 22px;
    margin-right: 7px;
}

.related-links ul {
    list-style-type: none;
    margin-top: 7px;
    margin-bottom: 20px;
}

.related-links ul li a {
    text-decoration: none;
    line-height: 18px;
}

.related-links-teaser {
    position: relative;
    width: 225px;
    height: 18px;
    float: left;
}

.related-links-teaser span {
    font-weight: bold;
    margin-left: 22px;
    margin-right: 7px;
}

.related-links-teaser ul {
    list-style-type: none;
    margin-top: 7px;
    margin-bottom: 20px;
}

.related-links-teaser ul li a {
    text-decoration: none;
    line-height: 18px;
}

.icon-calendar {
    position: absolute;
    padding-left: 20px;
    font-weight: bold;
    background-image: url(/media/_technik/img/_technik_1/hm_icon_cal.gif);
    background-repeat: no-repeat;
    background-position: left center;
    left: 0px;
}

.icon-calendar:hover {
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------ NEWS LISTE */

.news-liste {
    position: relative;
    width: 477px;
    padding-bottom: 7px;
    margin-top: 15px;
}

.news-liste a {
    text-decoration: none;
}

.news-liste a:hover {
    text-decoration: underline;
}

.news-image + .news-text {
    margin-left: 150px;
}

.news-text {
    margin-top: 0px;
}

.news-image {
    display: block;
    float: left;
    margin-right: 10px;
}

.news-liste .more {
    position: absolute;
    bottom: 0;
    right: 0;
}

.news-liste .small-red {
    font-weight: normal;
    color: #D30330;
    font-size: 10px;
}

/* ------------------------------------------------------------------------------------ NEWS DETAIL */

.article-head-border-bottom {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    width: 477px;
}

.article-head-border-bottom a {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.article-head a {
    /* interne links bug fix 04.08.2010 */
    font-weight: bold !important;
}

/* ------------------------------------------------------------------------------------ FOOTER CONTENTBEREICH */

.footer-content {
    width: 477px;
    float: left;
    margin-top: 40px;
}

.footer-content-back,
.footer-content-contact,
.footer-content-print,
.footer-content-save,
.footer-content-link,
.footer-content-blank,
.footer-content-back-oneline {
    float: left;
    display: block;
    width: 104px;
    height: 35px;
    padding-left: 40px;
    border-bottom: 1px solid #464646;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.footer-content-back {
    background-image: url(/media/_technik/img/_technik_1/icn_footer_back.gif);
    padding-top: 5px;
}

.footer-content-back-oneline {
    background-image: url(/media/_technik/img/_technik_1/icn_footer_back.gif);
    height: 40px;
    line-height: 40px;
}

.footer-content-contact {
    margin-left: 22px;
    margin-right: 22px;
    background-image: url(/media/_technik/img/_technik_1/icn_footer_email.gif);
    padding-top: 5px;
}

.footer-content-save {
    margin-left: 22px;
    margin-right: 22px;
    background-image: url(/media/_technik/img/_technik_1/icn_footer_save.gif);
    padding-top: 5px;
}

.footer-content-print {
    background-image: url(/media/_technik/img/_technik_1/icn_footer_print.gif);
    height: 40px;
    line-height: 40px;
}

.footer-content-link {
    background-image: url(/media/_technik/img/_technik_1/icn_footer_link.gif);
    height: 40px;
    margin-left: 22px;
    margin-right: 22px;
    line-height: 40px;
}

.footer-content-blank {
    margin-left: 22px;
    margin-right: 22px;
    padding-top: 5px;
    border-bottom: 0px solid #464646;

}

/* ------------------------------------------------------------------------------------ DEFINITIONEN HEADLINES */
.upper,
.upper-underline,
.upper-margin,
.upper-slider,
.normal-margin-bottom,
.headline-teaser {
    font-weight: normal;
}

.normal {
    font-size: 16px;
    color: #464646;
    text-decoration: none;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: normal;
}

.normal-big {
    font-size: 16px;
    color: #464646;
    text-decoration: none;
    margin-bottom: 20px;
    line-height: 20px;
    font-weight: normal;
}

.upper {
    font-size: 16px;
    text-transform: uppercase;
    color: #464646;
    text-decoration: none;
    margin-bottom: 5px;
    line-height: 20px;
}

.upper-underline {
    font-size: 16px;
    text-transform: uppercase;
    color: #464646;
    text-decoration: none;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    line-height: 30px;
}

.upper-slider {
    font-size: 16px;
    text-transform: uppercase;
    color: #464646;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 30px;
}

.upper-margin {
    font-size: 12px;
    text-transform: uppercase;
    color: #464646;
    text-decoration: none;
    margin-bottom: 0px;
    margin-bottom: 10px;
    text-indent: 10px;
}

.normal-margin-bottom {
    font-size: 16px;
    color: #464646;
    text-decoration: none;
    margin-bottom: 20px;
    line-height: 20px;
}

.headline-teaser {
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: bold;
}

.headline-locations {
    font-size: 16px;
    color: #464646;
    text-decoration: none;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: normal;
}

/* ------------------------------------------------------------------------------------ SEITENWEISE NAVI */

.browse-pages {
    position: relative;
    width: 477px;
    min-height: 30px;
    /* float: left; entfernt, da es das anklicken der oberen Navigation bei den Suchergebnisseiten in der Dachmarken Variante verhindert (19.3.09)*/
    margin-bottom: 15px;
}

.pages {
    position: absolute;
    bottom: 12px;
    right: 0px;
}

.pages a {
    margin: 0px 5px;
    color: #898989;
    text-decoration: none;
}

.pages a.active {
    font-weight: bold;
    color: #464646;
}

.form-browse-pages {
}

/* ------------------------------------------------------------------------------------ Filter Listen */
.list-sort {
    position: relative;
    width: 477px;
    height: 40px;
    float: left;
}

.list-sort label {
    margin-top: 10px;
    position: absolute;
    right: 110px;
    line-height: 20px;
}

.list-sort select {
    margin-top: 10px;
    position: absolute;
    right: 0;
    width: 100px;
    height: 20px;
}

/* ------------------------------------------------------------------------------------ Fakultäten Farbbalken */

/* header */

#faculty-color-bar {
    position: absolute;
    top: 230px;
    left: 0px;
    width: 985px;
    height: 38px;
    line-height: 38px;
    color: #FFF;
    font-size: 16px;
    text-indent: 10px;
}

.faculty-color-bar-number {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 37px;
    height: 28px;
    border-left: 1px solid;
    line-height: 28px;
    color: #FFF;
    font-size: 16px;
}

/* overview */

.faculty-overview, .faculty-overview-zweizeilig {
    position: relative;
    width: 477px;
    line-height: 24px;
    margin-bottom: 6px;
    border-bottom: 1px solid #929292;
}

.faculty-overview {
    height: 24px;
}

.faculty-overview-zweizeilig {
    height: 40px;
    line-height: 18px;
}

/* only for faculty 5 */

.faculty-overview .faculty-icon, .faculty-overview-zweizeilig .faculty-icon {
    position: absolute;
    width: 39px;
    height: 13px;
    left: 435px;
}

.faculty-overview-text {
    position: absolute;
    color: #FFF;
    font-weight: bold;
    padding-right: 40px;
}

/* ------------------------------------------------------------------------------------ ANSPRECHPARTNER */

.contact-person-nav {
    width: 477px;
    height: 28px;
    margin-top: 40px;
    background-color: #EEEEEE;
}

.contact-person-nav ul {
    padding: 0;
    margin: 0px 0px 0px 5px;
}

.contact-person-nav li {
    display: block;
    height: 28px;
    width: 18px;
    float: left;
}

.contact-person-nav li a {
    display: block;
    text-align: center;
    width: 18px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #464646;
}

.contact-person-nav li a:hover, .contact-person-nav li a.active {
    background-color: #929292;
    color: #FFF;
}

.contact-person-list {
    position: relative;
    float: left;
    width: 477px;
    height: 106px;
    border-bottom: 1px solid #929292;
    padding-bottom: 8px;
    margin-top: 15px;
}

.contact-person-list img {
    float: left;
}

.contact-person-list a {
    font-weight: bold;
}

.contact-person-name,
.contact-person-contact,
.contact-person-faculty,
.contact-person-profile,
.link-profile {
    position: absolute;
}

.contact-person-name {
    left: 98px;
}

.contact-person-contact {
    left: 98px;
    bottom: 8px;
}

.contact-person-faculty {
    right: 0px;
}

.link-profile {
    background-image: url(/media/_technik/img/_technik_1/icn_profile.jpg);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    text-indent: 17px;
    display: block;
    height: 14px;
    bottom: 8px;
    right: 0px;
    font-weight: bold;
}

/* Verkürzte Ansprechpartnerliste 02.06.2009 */

/* START update 02.06.2009 MR */
.contact-person-list-short {
    position: relative;
    float: left;
    width: 477px;
    height: 35px;
    border-bottom: 1px solid #929292;
    padding-bottom: 8px;
    margin-top: 8px;
}

.contact-person-list-short img {
    float: left;
}

.contact-person-list-short .contact-person-list-short a {
    font-weight: bold;
}

.contact-person-list-short .contact-person-name {
    left: 0px;
    font-weight: bold;
}

.contact-person-list-short .contact-person-contact {
    left: 0px;
    bottom: 8px;
}

.contact-person-list-short .contact-person-faculty {
    right: 0px;
}

/* END update 02.06.2009 MR */

/* Detailseite */

.contact-person-detail-head {
    position: relative;
    height: 177px;
    width: 477px;
    margin-bottom: 40px;
}

.contact-person-detail-faculty,
.contact-person-detail-faculty-icon,
.contact-person-detail-contact,
.contact-person-detail-head .portrait {
    position: absolute;
}

.contact-person-detail-faculty {
    top: 40px;
    left: 125px;
}

.contact-person-detail-faculty-icon {
    top: 0px;
    left: 422px;
}

.contact-person-detail-contact {
    bottom: 0px;
    left: 125px;
}

.contact-person-detail-head .portrait {
    bottom: 0px;
    left: 0px;
}

.contact-person-detail-contact a,
.list-contact-person-detail a {
    font-weight: bold;
}

.list-contact-person-detail {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.list-contact-person-detail li {
    padding-left: 12px;
    background-image: url(/media/_technik/img/_technik_1/bulletpoint_list.jpg);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}

/* ------------------------------------------------------------------------------------ Übersicht Studiengänge */

/**
*		UPDATE
*		Umbau aufgrund geänderter Anforderungen
*		Autor: Mathias Reginka
*		Datum: 15.05.2009
*/

#study-course-overview {
}

#study-course-overview .head {
}

.form-of-study {
    margin-bottom: 20px;
}

.form-of-study label {
    display: block;
    float: left;
    width: 235px;
    height: 20px;
    text-indent: 20px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.fos-full-time {
    background-image: url(/media/_technik/img/_technik_1/icn_fulltime.jpg);
}

.fos-part-time {
    background-image: url(/media/_technik/img/_technik_1/icn_parttime.jpg);
}

.fos-full-part {
    background-image: url(/media/_technik/img/_technik_1/icn_fullpart.jpg);
}

.fos-extra-occupational {
    background-image: url(/media/_technik/img/_technik_1/icn_extraoccupational.jpg);
}

.fos-dual {
    background-image: url(/media/_technik/img/_technik_1/icn_dual.jpg);
}

.study-course-overview-item {
    position: relative;
    border-bottom: 1px solid #929292;
    margin-bottom: 10px;
}

.study-course-overview-item .item-head {
    margin-bottom: 3px;
    color: #898989;
}

.study-course-overview-item .item-head img {
    position: relative;
    top: 1px;
}

.study-course-overview-item .item-body {
    padding-right: 75px;
    position: relative;
    padding-bottom: 5px;
}

.study-course-overview-item span {
    font-size: 12px;
    padding: 0px 30px 3px 0px;
    display: block;
    color: #464646;
}

.item-info-flyer {
    position: absolute;
    bottom: 5px;
    right: 0px;
    font-weight: bold;
}

.study-course-icon-faculty {
    position: absolute;
    width: 39px;
    height: 13px;
    right: 0px;
    top: 0px;
}

/* ------------------------------------------------------------------------------------ STUDIENGANG DETAILSEITE */

/**
*		UPDATE
*		Umbau aufgrund geänderter Anforderungen
*		Autor: Mathias Reginka
*		Datum: 15.05.2009
*/
#study-course-detail {
}

#study-course-detail .border-bottom {
    border-bottom: 1px solid #A2A2A2;
}

#study-course-detail .study-course-detail-head {
    position: relative;
    width: 477px;
    margin-bottom: 25px;
    float: left;
    border-bottom: 1px solid #A2A2A2;
    height: 85px;
}

.study-course-detail-head .study-course-name {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #898989;
    width: 400px;
}

.study-course-detail-head .study-course-name span {
    font-size: 18px;
    padding: 0px 0px 3px 0px;
    display: block;
    color: #464646;
}

.study-course-detail-head .study-course-detail-faculty-icon {
    position: absolute;
    top: 0px;
    left: 422px;
}

.study-course-detail-head .study-course-matriculation {
    position: absolute;
    bottom: 5px;
    left: 0px;
    font-weight: bold;
}

.study-course-detail-head .study-course-info-flyer {
    position: absolute;
    bottom: 5px;
    right: 0px;
    font-weight: bold;
}

#study-course-detail ul {
    margin-bottom: 20px;
    position: relative;
}

#study-course-detail p {
    margin-bottom: 20px;
}

#study-course-detail b {
    display: block;
}

/* START update 02.06.2009 MR */
.scd-head-short {
    position: relative;
    width: 477px;
    margin-bottom: 25px;
    float: left;
    padding-bottom: 3px;
}

.scd-head-short .study-course-name {
    color: #898989;
    width: 400px;
    min-height: 50px;
}

.scd-head-short .study-course-name span {
    font-size: 18px;
    padding: 0px 0px 3px 0px;
    display: block;
    color: #464646;
}

.scd-head-short .study-course-detail-faculty-icon {
    position: absolute;
    top: 0px;
    left: 422px;
}

/* END update 02.06.2009 MR */

/* ------------------------------------------------------------------------------------ STANDORTE DETAILSEITE */

.location-detail-head {
    position: relative;
    width: 477px;
    margin-bottom: 25px;
}

.location-detail-head-toptext {
    width: 477px;
    font-weight: bold;
    margin-bottom: 20px;
}

.location-detail-head-left {
    width: 225px;
    float: left;
}

.location-detail-head-left img {
    margin-bottom: 10px;
}

.location-detail-head-left img + img {
    margin-bottom: 0px;
}

.location-detail-head-right {
    width: 242px;
    float: right;
}

.list-location-detail {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 40px 0px;
}

.list-location-detail li {
    padding-left: 12px;
    background-image: url(/media/_technik/img/_technik_1/bulletpoint_list.jpg);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}

/* ------------------------------------------------------------------------------------ KONTAKTFORMULAR */
/* Updated 11.08.09 MR */

/*  ausgelagert in form.css */

/* ------------------------------------------------------------------------------------ SUCHERGEBNISSEITEN */

.search-list {
    position: relative;
    width: 477px;
    padding-bottom: 7px;
    margin-top: 15px;
}

.search-result {
    margin-top: 0px;
    padding-right: 50px
}

.search-result a {
    font-weight: bold;
}

.search-hits {
    margin: 0px 0px 20px 0px;
}

.search-result span.author {
    display: block;
    color: #898989
}

.nav-search-list {
    padding: 20px 0 6px 0;
    border-bottom: 1px solid
}

.nav-search-list a.back {
    display: block;
    float: left;
    background: #FFFFFF url(/media/_technik/img/_technik_1/arrow_newslist_back.jpg) no-repeat left center;
    padding-left: 20px;
}

.nav-search-list a.new-search {
    display: block;
    float: right;
    background: #FFFFFF url(/media/_technik/img/_technik_1/arrow_newslist_forward.jpg) no-repeat right center;
    padding-right: 20px
}

.include-hm-search {
    width: 477px;
    height: 31px;
    background-color: #EEEEEE;
    margin-bottom: 15px;
    float: left;
}

.include-hm-search input {
    position: relative;
    float: left;
    margin: 0;
    width: 13px;
    height: 13px;
    overflow: hidden;
    top: 9px;
    left: 8px;
}

.include-hm-search label {
    display: block;
    position: relative;
    line-height: 31px;
    font-weight: bold;
    left: 18px;
}

/* ------------------------------------------------------------------------------------ VER�FFENTLICHUNGEN */

.publications-detail {
    position: relative;
    float: left;
    width: 477px;
    border-bottom: 1px solid #929292;
    padding-bottom: 8px;
    margin-top: 15px;
}

.publications-detail img {
    float: left;
    margin-right: 8px;
}

.publications-detail-text {
    position: relative;
}

.publications-detail-wrapper {
    background-color: #343434;
    position: relative;
}

.publications-detail-more {
    width: 322px;
    height: 20px;
    position: absolute;
    float: right;
    text-align: right;
    margin-top: 5px;
    right: 0px;
    bottom: 0px;
}

.publications-detail-prize {
    width: 40px;
    height: 20px;
    position: relative;
    float: left;
    margin-top: 5px;
}

.publications-detail-head {
    /*min-height: 86px; */
    margin-bottom: 10px;
}

.publications-overview {
    position: relative;
    width: 477px;
    line-height: 18px;
    margin-bottom: 6px;
    border-bottom: 1px solid #929292;
    height: 40px;
}

.publications-overview .publications-icon {
    position: absolute;
    width: 39px;
    height: 13px;
    left: 435px;
}

.publications-overview-text {
    position: absolute;
    color: #464646;
}

/* ------------------------------------------------------------------------------------ FAQs */

.faq-questions p {
    margin-bottom: 12px;
    line-height: 16px;
}

.faq-answer {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #909090;
    margin-top: 25px;
}

.faq-answer b {
    display: block;
    margin-bottom: 12px;
}

.link-faq-anchor {
    position: absolute;
    text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
    overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
    background-image: url(/media/_technik/img/_technik_1/arrow_faq_anchor.gif) !important;
    background-repeat: no-repeat;
    width: 9px;
    height: 8px;
    bottom: 5px;
    right: 3px;
    display: block;
}

/* ------------------------------------------------------------------------------------ BILDERGALERIE */

.row-image-gallery {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #C8C8C8;
    text-align: center; /* added AR f. F2*/
}

.row-image-gallery img {
    border: none; /* added AR f. F2*/
    /*margin-right: 24px;
    padding: 0;*/
}

.row-image-gallery a {
    display: -moz-inline-box;
    display: inline-block;
    width: 141px;
    height: 74px;
    text-align: center;
    margin-right: 24px;
    vertical-align: top; /* added AR */
}

.row-image-gallery a span {
    width: 141px;
    height: 74px;
    border: none;
}

.row-image-gallery a.last {
    margin-right: 0px;
    border: none;
}

/* ------------------------------------------------------------------------------------ iFrame */

/* START update 02.06.2009 MR */

iframe {
    border: none;
}

#iframe-legend {
    padding: 5px 0px;
    font-size: 10px;
    color: #929292;
}

/* END update 02.06.2009 MR */

/* ------------------------------------------------------------------------------------ HILFSKLASSEN */

.border-bottom {
    border-bottom: 1px solid;
}

.border-top-lightgrey {
    border-top: 1px solid #929292;
    padding-top: 10px;
}

.border-top-darkgrey {
    border-top: 1px solid #464646;
    padding-top: 10px;
}

.border-bottom-lightgrey {
    border-bottom: 1px solid #929292;
}

.date {
    font-size: 11px;
    font-weight: normal;
    color: #898989;
}

.min-height-startseite {
    height: 218px;
}

.margin-top-fourty {
    margin-top: 25px;
}

.margin-top-thirty {
    margin-top: 30px;
}

.margin-top-twenty {
    margin-top: 20px;
}
.margin-top-ten {
    margin-top: 10px;
}

.margin-bottom-ten {
    margin-bottom: 10px;
}

.margin-ten {
    margin: 10px 0px;
}

.red {
    color: #D30330;
}

.bold {
    font-weight: bold;
}

.no-border {
    border: none !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-headline {
    margin-top: 25px !important;
}

.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.img-in-text-left {
    float: left;
    margin: 0px 10px 10px 0px;
}

.img-in-text-right {
    float: right;
    margin: 0px 0px 10px 10px;
}

.image-with-subline-left a,
.image-with-subline-right a {
    position: static;
    display: inline !important;
    float: none !important;
}

.text-small-grey {
    font-size: 11px;
    font-weight: normal;
    color: #898989;
}

.text-blau-studiengruppen {
    color: #00A0D2;
    line-height: 18px;
}

.faculty-one {
    background-color: #00458C;
}

.faculty-two {
    background-color: #0099BF;
}

.faculty-three {
    background-color: #008DD0;
}

.faculty-four {
    background-color: #00AAB5;
}

.faculty-five {
    background-color: #0072BC;
}

.faculty-six {
    background-color: #005BAA;
}

.faculty-seven {
    background-color: #00A0D2;
}

.faculty-eight {
    background-color: #009793;
}

.faculty-nine {
    background-color: #009B71;
}

.faculty-ten {
    background-color: #008E7D;
}

.faculty-eleven {
    background-color: #F47920;
}

.faculty-twelve {
    background-color: #113B46;
}

.faculty-thirteen {
    background-color: #BD1A8D;
}

.faculty-fourteen {
    background-color: #A62A57;
}

/* START update 02.06.2009 MR */
.biboc {
    color: #0F419E;
}

.bibok {
    color: #FDCB05;
}

.bibop {
    color: #E84802;
}

.bg-biboc {
    background-color: #0F419E;
}

.bg-bibok {
    background-color: #FDCB05;
}

.bg-bibop {
    background-color: #E84802;
}

/* END update 02.06.2009 MR */

.bottomdist {
    padding-bottom: 30px;
}

/* START update 08.07.2009 MR */
/*------------------------------------------------------------------------------------- VERÖFFENTLICHUNGEN */

.vo-liste {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 30px
}

.vo-liste span.author {
    display: block;
    color: #898989
}

.vo-liste strong {
    display: block;
    margin-bottom: 12px
}

.vo-liste .image {
    float: left;
    margin: 0 7px 3px 0;
}

.vo-liste .more {
    position: absolute;
    bottom: 0;
    right: 0;
}

#vo-detail .item {
    padding-bottom: 20px;
}

/* ------------------------------------------------------------------------------------ SUCHFORMULAR */

.freeform {
    position: relative;
    border-bottom: 1px solid;
    float: left;
    width: 477px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.freeform label {
    width: 127px;
    height: 20px;
    text-align: right;
    margin-right: 5px;
    line-height: 20px;
    color: #898989;
    display: block;
    float: left;
}

.freeform input.input-text {
    width: 250px;
    height: 18px;
    border: 1px solid #AAAAAA;
    background-color: #F6F6F6;
    margin-bottom: 7px;
    line-height: 18px;
    text-indent: 3px;
}

.freeform select {
    width: 250px;
    height: 22px;
    border: 1px solid #AAAAAA;
    background-color: #F6F6F6;
    margin-bottom: 7px;
    line-height: 18px;
    text-indent: 3px;

}

.freeform textarea {
    width: 244px;
    height: 90px;
    border: 1px solid #AAAAAA;
    background-color: #F6F6F6;
    margin-bottom: 40px;
    padding: 3px;
    margin-right: 100px;
}

/* only ie7 can read this */

* + html .freeform textarea {
    width: 246px;
}

* + html .freeform select {
    width: 252px;
}

/* END update 08.07.2009 MR */

/* Update MM 15.05.12 new class(es) for social media (icons) */

.social_media_icons {
    margin: 20px;
}

.sm_icon {
    padding-right: 10px;
}

.sm_icon_link {
    cursor: pointer;
}

/* Update MM 15.05.12 */

/* ------------------------------------------------------------------------------------ SPAN CLASS CLEANER */
.cleaner {
    height: 0 !important;
    line-height: 0 !important;
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* -------------------------------------------------------------------------------------- LIGHTBOX OVERLAY */
.lightbox-content {
    display: none;
}

#lightbox-bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

#lightbox {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -248px;
    margin-top: -248px;
    z-index: 200;
    width: 477px;
    height: 477px;
    padding: 20px;
    background-color: #fff;
}

/*
Search Result Styles
---------------------------------------------------------------------------------------------------------------------------------------------*/
.search-list.search-documents {
    border-bottom: 1px solid #898989;
    margin-top: 10px;
    padding-bottom: 15px;
}

.search-list .contact-person-detail-head {
    height: 177px;
    margin-top: 10px;
    position: relative;
    margin-bottom: 15px;
}

.article-head .search-list.search-documents:last-child {
    border-bottom: none;
}

.searchResultForm {
    float: left;
    padding: 0;
    position: relative;
    width: 477px;
    margin-bottom: 35px;
}

.searchResult .form-browse-pages {
    margin-top: 25px;
}

.search-hits span {
    font-weight: bold;
    color: #d30330;
}

.searchResultForm .search-input {
    border: 1px solid #898989;
    height: 26px;
    /*margin-left: 10px;*/
    padding-left: 5px;
    padding-top: 4px;
    /*position: absolute;*/
    top: 5px;
    width: 420px;
    margin-bottom: 10px;
}

.searchResultForm .search-submit {
    background: url(/media/_technik/img/_technik_1/hm_arrowbox_grey.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    float: right;
    height: 33px;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 38px;
}

.searchResultForm .didyoumean {
    font-weight: bold;
}

.searchResult .search-hits {
    border-bottom: 1px solid #464646;
    padding: 5px 0 10px;
}

.searchResult .search-list {
    border-bottom: 1px solid #898989;
    margin-top: 15px;
    padding-bottom: 20px;
}

.searchResult .search-result {
    padding-right: 0px;
}

.searchTabNavigation {
    display: block;
    height: 50px;
    position: relative;
    width: 100%;
}

.searchTabNavigation a {
    height: 24px;
    float: left;
    width: auto;
    padding: 5px 10px;
    background-color: #dadada;
    margin-right: 5px;
    padding: 14px 10px 5px;
    position: relative;
    text-decoration: none;
    font-weight: normal !important;
}

.searchTabNavigation a.active {
    background-color: #f5f5f5;
    font-weight: bold !important;
}

.searchTabNavigation a.active:before {
    background-color: #f5f5f5;
    bottom: 0;
    content: "";
    display: block;
    height: 30px;
    left: 7px;
    position: absolute;
    transform: rotate(45deg);
    width: 30px;
    z-index: -1;
}

/* Autocomplete container*/

.autocomplete {
    border: 1px solid #898989;
    border-top: none;
    background: none repeat scroll 0 0 #fff;
    list-style: outside none none;
    margin-top: 0;
    padding-left: 0;
    position: absolute;
    width: 426px;
    z-index: 1;
    margin-top: -10px;
}

.autocomplete > li {
    padding-left: 5px;
}

.autocomplete > li:hover {
    background: #dadada;
    cursor: pointer;
}

.autocomplete a:hover {
    text-decoration: none;
}

.autocomplete > li > a {
    font-weight: normal !important;
}

.autocomplete a {
    font-size: 14px;
    line-height: 28px;
}

.autocomplete a strong {
    font-size: 14px;
}

/*Filter*/

.search-filter h2 {
    margin-bottom: 15px;
}

.filter-block {
    border-bottom: 1px solid #464646;
    margin-bottom: 15px;
}

.filter-head {
    margin-bottom: 15px;
}

.filter-list {
    list-style: outside none none;
    padding-left: 0;
    margin: 0 0 15px;
}

.filter-dropdown {
    margin-bottom: 15px;
}

.filter-list > li {
    line-height: 25px;
    position: relative;
}

.customSelect {
    background: none repeat scroll 0 0 red;
    height: 18px;
    padding: 10px 9px;
    width: 100%;
}

/*.customSelect option {*/
/*background: red;*/
/*}*/

/*.filter-dropdown.hasCustomSelect option {*/
/*background: none repeat scroll 0 0 #ffff00;*/
/*height: 38px;*/
/*}*/

/*.filter-dropdown.hasCustomSelect option {*/
/*background: green;*/
/*}*/

.filter-dropdown.hasCustomSelect option {
    background: none repeat scroll 0 0 #ffff00;
    border-bottom: 1px solid black;
    height: 20px;
    margin: 0 10px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.filter-dropdown.hasCustomSelect option:hover {
    box-shadow: 0 0 10px 100px #fff inset;
}

.filter-dropdown.hasCustomSelect option:last-child {
    border-bottom: none;
}

/*.customSelectOpen {*/
/*background: pink;*/
/*}*/

/*Drop down Test*/

.filter-block .drop-down {
    margin-bottom: 15px;

}

.drop-down {
    position: relative;
}

.drop-down .selected p {
    background: url() no-repeat scroll right 8px top 10px / 20px auto #fff;
    border: 1px solid #d7d7d7;
    color: #dadada;
    display: block;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 35px;
    text-decoration: none;
}

.drop-down .selected p:hover {
    cursor: pointer;
}

.drop-down .selected p span {
    cursor: pointer;
    display: block;
    padding: 5px;
    color: #464646;
}

.drop-down .option {
    position: relative;
}

.drop-down .options ul {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d7d7d7;
    display: none;
    left: 0;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    top: 23px;
    width: 221px;
    z-index: 1;
    -webkit-box-shadow: 8px 8px 1px -1px rgba(200, 200, 200, 1);
    -moz-box-shadow: 8px 8px 1px -1px rgba(200, 200, 200, 1);
    box-shadow: 8px 8px 1px -1px rgba(200, 200, 200, 1);
}

.drop-down .selected span.value, .drop-down .options span.value {
    display: none;
}

.drop-down .options ul li p {
    color: #464646;
    display: block;
    padding: 10px 5px 6px;
    text-decoration: none;
    margin: 0 35px 0 20px;
    border-bottom: 1px solid #d7d7d7;
}

.drop-down .options ul li:hover {
    cursor: pointer;
}

.drop-down .options ul li:last-child p {
    padding-bottom: 10px;
    border-bottom: none;
}

.drop-down .options ul li p:hover {
    color: #464646;
    /*transition:0.2s ease;*/
    cursor: pointer;
}

.drop-down .options ul li:hover p {
    font-weight: bold;
}

/*filter faculty*/

.filter-faculty {
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
}

.filter-list li label {
    display: block;
}

.filter-list li input {
    vertical-align: top;
    height: 13px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 0;
    width: 13px;
}

.filter-list li span {
    display: inline-block;
    max-width: 155px;
    padding-left: 5px;
}

/*Show more show less*/

.show-more, .show-less {
    margin-bottom: 15px;
    display: block;
}

.more-filter .filter-list,
.more-filter .show-less {
    display: none;
}

.show-more,
.show-less,
.clean-filters {
    padding-left: 25px;
}

/* Image Search*/

#image-search {
    /*background: none repeat scroll 0 0 grey;*/
    max-width: 477px;
    overflow: hidden;
    padding-right: 0;
    position: relative;
}

#image-search .image-item {
    display: inline-block;
    float: left;
    height: 120px;
    margin: 0 5px 5px 0;
    overflow: hidden;
}

.image-item img {
    display: block;
    float: left;
    height: 100%;
    position: relative;
}

.search-result .search-result-flag {
    float: right;
}

.ui-helper-hidden-accessible {
    display: none;
}

.autocomplete {
    border: 1px solid #898989;
    border-top: none;
    background: none repeat scroll 0 0 #fff;
    list-style: outside none none;
    margin-top: 0;
    padding-left: 0;
    position: absolute;
    width: 426px;
    z-index: 1;
    margin-top: -10px;
}

.ui-autocomplete > li,
.autocomplete > li {
    padding-left: 5px;
}

.ui-autocomplete > li:hover,
.autocomplete > li:hover {
    background: #dadada;
    cursor: pointer;
}

.ui-autocomplete a:hover,
.autocomplete a:hover {
    text-decoration: none;
}

.ui-autocomplete > li > a,
.autocomplete > li > a {
    font-weight: normal !important;
}

.ui-autocomplete a,
.autocomplete a {
    font-size: 14px;
    line-height: 28px;
}

.ui-autocomplete a strong,
.autocomplete a strong {
    font-size: 14px;
}

.ui-autocomplete {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #898989 #898989;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    list-style: outside none none;
    margin-top: -10px;
    padding-left: 2px;
    position: absolute;
    z-index: 1;
}

.ui-autocomplete > li, .autocomplete > li {
    padding: 0;
}

.ui-autocomplete > li a, .autocomplete > li a {
    padding-left: 5px;
}

.ui-autocomplete .ui-menu-item .ui-state-focus {
    /* selected <a> */
    background: #00a0d2 none repeat scroll 0 0;
    color: #fff;
    display: block;
}

#ui-id-2.ui-autocomplete {
    width: 416px !important;
}

/*
  helper class
*/

.hidden-query-value, .hidden-page-value {
    display: none;
}

/* Thickbox Styles Desktop */

.privacy-notice h2.upper-underline {
    margin-top: 30px;
}

.privacy-notice p {
    font-size: 12px;
	margin-right:12px;
}

.privacy-notice .button {
  background: #dedede none repeat scroll 0 0;
  border: 0 none;
  color: white;
  cursor: pointer;
  margin-right:20px;
  margin-bottom:15px;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  width: 95px;
  line-height: 28px;
}

.privacy-notice .button-next {
    float: right;
}

#TB_closeWindow {
  margin-left: 15px;
}

/** Overlay */
.TB_closeWindow {
    height: 25px;
    padding: 11px 20px 10px 0;
    float: right;
}
.TB_closeWindow {
    margin-left: 15px;
}
.TB_window a:visited {
    color: #666666;
}
.TB_window a:link {
    color: #666666;
}

.TB_ajaxContent.TB_modal, .TB_modal {
    padding: 15px;
}

.TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

.TB_modal .privacy-notice .button {
    width: auto;
    padding: 0 8px;
}

/* organigramm administration */

.organigramm-administration {
    font-size: 12px;
    line-height: 14px;
    margin: 18px 0;
}

.organigramm-administration .section {
    position: relative;
    margin: 0 0 10px;
}

.view-bp-1 .organigramm-administration .section {
    margin: 0 0 20px;
}

.organigramm-administration .section-header {
    position: relative;
    padding: 0 10px 0 ;
    background: #929292;
}

.view-bp-1 .organigramm-administration .section-header {
    padding: 0 20px 0;
}

.organigramm-administration .section-header h1,
.organigramm-administration .section-header h2,
.organigramm-administration .section-header h3,
.organigramm-administration .section-header h4 {
    color: #ffffff;
}


.organigramm-administration .section-body {
    border: 2px solid #929292;
    padding: 0 0 14px;
}

.view-bp-1 .organigramm-administration .section-body {
    padding: 0 18px 14px;
}

.organigramm-administration .section-body:first-child {
    border-top: 2px;
}
.organigramm-administration .section-body:before {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.organigramm-administration .section-body h3 {
    margin-top: 17px
}

.organigramm-administration .section-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


.organigramm-administration .section-management {
    background-color: #c53049;
}
.organigramm-administration .section-management .section-header {
    background-color: #c53049;
    border-color: #c53049;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #fff;
}

.view-bp-1 .organigramm-administration .section-management .section-header {
    margin-left: 20px;
    margin-right: 20px;
}

.organigramm-administration .section-management .section-body {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.view-bp-1 .organigramm-administration .section-management .section-body {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
}

.organigramm-administration .section-header-icon-expanded {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.organigramm-administration .section-header-icon-collapsed {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

.organigramm-administration .section.open .section-header-icon-expanded {
    display: block;
}

.organigramm-administration .section.open .section-header-icon-collapsed {
    display: none;
}

.view-bp-1 .organigramm-administration .section-header-icon-expanded,
.view-bp-1 .organigramm-administration .section-header-icon-collapsed,
.view-bp-1 .organigramm-administration .section.open .section-header-icon-expanded,
.view-bp-1 .organigramm-administration .section.open .section-header-icon-collapsed {
    display: none;
}

.organigramm-administration .icon-plus {
    background-size: 21px 13px;
    display: block;
    height: 21px;
    width: 21px;
}

.organigramm-administration .icon-plus:before {
    content: "";
    display: block;
    width: 3px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    top: 3px;
    left: 11px;
}

.organigramm-administration .icon-plus:after {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #ffffff;
    position: absolute;
    top: 9px;
    left: 5px;
}

.organigramm-administration .icon-minus {
    background-size: 21px 13px;
    display: block;
    height: 13px;
    width: 21px;
}

.organigramm-administration .icon-minus:before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background:  #ffffff;
    position: absolute;
    top: 9px;
    left: 5px;
}

.organigramm-administration .section-primary {

}

.organigramm-administration .section-primary .section-header {
    background-color: #c52f48;
    color: #ffffff;

}

.organigramm-administration .section-primary .section-body {
    border: 2px solid #c52f48;
}



.organigramm-administration .section-primary .section-header h1,
.organigramm-administration .section-primary .section-header h2,
.organigramm-administration .section-primary .section-header h3,
.organigramm-administration .section-primary .section-header h4 {
    color: #ffffff;
}

.organigramm-administration .section-management h2,
.organigramm-administration .section-management h3,
.organigramm-administration .section-management p {
    color: white;
}

.organigramm-administration .section-header h1,
.organigramm-administration .section-header h2,
.organigramm-administration .section-header h3,
.organigramm-administration .section-header h4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    text-transform: uppercase;

    display: table-cell;
    height: 43px;
    box-sizing: border-box;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 2px;
}



.view-bp-1 .organigramm-administration .row {
    margin: 0 -20px;
}

.view-bp-1 .organigramm-administration .row:after {
    content: " ";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.view-bp-1 .organigramm-administration .col-lg-6 {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    padding: 0 20px;
}
.view-bp-1 .organigramm-administration .col-lg-6:nth-child(2n-1) .section {
   /*padding-right: 15px;*/
    margin-right: -5px;
}
.view-bp-1 .organigramm-administration .col-lg-6:nth-child(2n) .section {
    /*padding-left: 15px;*/
    margin-left: -5px;
}

.organigramm-administration .layout-connection-line {
    display: none;
}

.organigramm-administration .col-lg-6:nth-child(2n-1) .layout-connection-line {
    border-right: 2px solid #929292;
    border-bottom: 2px solid #929292;
    margin-bottom: -2px;
    position: absolute;
    height: 50px;
    width: 10px;
    bottom: 50%;
    left: 100%;
}
.organigramm-administration .col-lg-6:nth-child(2n-1) .section-primary  .layout-connection-line {
    border-color: #c52f48;
}

.organigramm-administration .col-lg-6:nth-child(2n) .layout-connection-line {
    border-left: 2px solid #929292;
    border-bottom: 2px solid #929292;
    margin-bottom: -2px;
    position: absolute;
    height: 50px;
    width: 10px;
    bottom: 50%;
    right: 100%;
}

.organigramm-administration .col-lg-6:nth-child(2n) .section-primary .layout-connection-line {
    border-color: #c52f48;
}

.organigramm-administration .faculty {
    color: #fff;
    padding-left: 8px;
    border-left: 15px solid #000;
    position: relative;
}

.organigramm-administration .faculty-number {
    position: absolute;
    right: 100%;
    padding: 2px 1px;
    color: #fff;
    font-size: 10px;
    top: 0;
}

.organigramm-administration .faculty.faculty-01 {
    border-left-color: #00458C;
}
.organigramm-administration .faculty.faculty-02 {
    border-left-color: #0099BF;
}
.organigramm-administration .faculty.faculty-03 {
    border-left-color: #008DD0;
}
.organigramm-administration .faculty.faculty-04 {
    border-left-color: #00AAB5;
}
.organigramm-administration .faculty.faculty-05 {
    border-left-color: #0072BC;
}
.organigramm-administration .faculty.faculty-06 {
    border-left-color: #005BAA;
}
.organigramm-administration .faculty.faculty-07 {
    border-left-color: #00A0D2;
}
.organigramm-administration .faculty.faculty-08{
    border-left-color: #009793;
}
.organigramm-administration .faculty.faculty-09 {
    border-left-color: #009B71;
}
.organigramm-administration .faculty.faculty-10 {
    border-left-color: #008E7D;
}
.organigramm-administration .faculty.faculty-11 {
    border-left-color: #F47920;
}
.organigramm-administration .faculty.faculty-12 {
    border-left-color: #113B46;
}
.organigramm-administration .faculty.faculty-13 {
    border-left-color: #BD1A8D;
}
.organigramm-administration .faculty.faculty-14 {
    border-left-color: #A62A57;
}

a.orgChartWhite {
	color: #ffffff;
    font-weight: normal !important;
    line-height: 16px;
}

a.orgChartGrey {
	color: #464646;
    font-weight: normal !important;
    line-height: 16px;
}

/** Veranstaltungsliste Intranet (wird jetzt in allen Projekten verwendet) */
.events.news-liste{
	
}

.events.news-liste .date{
	width: 117px
}

.events.news-liste .news-text{
	width: 360px;
}

.events.news-liste .news-list-right{
	width: 80px;
	display:none; /*wenn sichtbar, dann .events.news-liste .news-text width: 320px!*/ 
}

.events.news-liste div{
	float:left;
}
.events.news-liste .cleaner{
	float:none;
}

.more-list{
	width:100%;
	float:none;
	text-align: right;
}

@media only screen and (max-width: 580px){
	.events.news-liste div{
		width: 100% !important;
	}
}