@charset "UTF-8";

/*************************************/
/* reset all browser default styling */
/*************************************/
@import "reset-min.css";
@import "accordion.css";

html {
    overflow-y: scroll;
}

/***************/
/* GRID LAYOUT */
/***************/
div#navigationAids, div#footer h3, div#navigationFirstLevel h2, div#navigationSecondLevel h2 {
    display: none;
}

div#outerWrap {
    width: 960px;
    text-align: center;
    overflow: hidden;
    margin: 10px auto;
    background: #FFF;
    border: 1px solid #ddd
}

div#outerWrap {
    border-radius: 2px;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);
}

div#outerWrap div {
    text-align: left;
}

div#header {
    background: #b7002b;
    height: 110px;
}

div#navigationSecondLevel {
    float: left;
    width: 21%;
}

div#main {
    width: 67.2%;
    float: left;
}

div#secondary {
    width: 32%;
    float: right;
}

div#footer {
    clear: both;
}

body.hideRightColumn div#secondary {
    display: none;
}

body.hideRightColumn div#main {
    width: 68%;
    float: left;
    position: relative;
}

body.hideLeftColumn div#main {
    width: 68% !important;
    float: left;
    position: relative;
}

body.hideLeftColumn div#navigationSecondLevel {
    display: none;
}

body.hideRightAndLeftColumn div#main {
    width: 100%;
}

body.hideRightAndLeftColumn div#secondary, body.hideRightAndLeftColumn div#navigationSecondLevel {
    display: none;
}

body.hideRightAndLeftColumn div#contentWrap, body.hideLeftColumn div#contentWrap {
    background: #fff none;
}


/*******************/
/* GENERAL PADDING */
/*******************/
div#secondayContent, div#navigationContent, div#footer {
    padding: 0;
}

div#mainContent {
    overflow: hidden;
}

div#mainContent .bodytext, .tx-kesearch-pi1, .tx-bewerbungsform, .tx-felogin-pi1 {
    padding: 0 7px 0 20px;
}

div#mainContent DIV.csc-textpic-single-image IMG {
    margin-bottom: 0;
}

/**********************************************************/
/* STYLING AND POSITIONING OF INDIVIDUAL GENERAL ELEMENTS */
/**********************************************************/
body {
    background: transparent /* url(../Images/bg.gif) top left repeat-x; */
}

strong {
    font-weight: bold;
}

div#header {
    background: #3c8dd9; /* url(../Images/header_overlay.png)*/
}

div#contentWrap {
    background: #fff; /* url(../Images/bg_contentWrap.gif) top left repeat-y; */
    overflow: hidden;
    clear: both
}

div#secondary {
    margin-top: 0;
}

div#footer .footerFrame,
div#footer .footerFrame-last {
    float: left;
    width: 200px;
    margin: 0 0 0 20px;
}

div#footer .footerFrame-last {
    width: 410px;
}

div#footer .footerFrame h4 {
    margin: 0 0 1em 0;
}

div#footer #licensebadge {
    margin-top: 3px;
    opacity: 0.3;
}

div#footer_box {
    border: 1px solid #ddd;
    clear: both;
    border-right: 0;
    border-left: 0;
}

div#breadcrumb {
    position: relative;

    margin-right: 10px;
    top: 0;
    margin-bottom: 2px;
    font-size: 90%;
}

div#breadcrumb span {
    font-weight: normal;
    color: #b7002b;
}


/*****************************/
/* LINK COLORS AND TREATMENT */
/*****************************/

a,
a:link,
a:hover,
a:active,
a:focus,
a:visited {
    color: #f39100;
    text-decoration: none;
}

div#footer a:link, div#footer a:visited {
    color: #777;
}

div#topMenu ul li a {
    color: #ddd !important;
    padding: 0.1em 0.5em;
}

div#navigationFirstLevelMenu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
}

div#navigationFirstLevelMenu ul li a.selected, div#navigationFirstLevelMenu ul li a.active {
    background: #353535 url(../Images/active_menu.jpg) !important;
    color: #555;
    display: block;
    font-weight: bold;
}

div#navigationFirstLevelMenu ul li a:hover, div#topMenu ul li a:hover {
    background: url(../Images/navButtonOverlay.png);
}

div#breadcrumb a {
    color: #b7002b;
    margin-right: 4px;
}

div#breadcrumb span {
    margin: 0 4px;
}

div#navigationSecondLevelMenu ul li a {
    color: #353535;
}

div#navigationSecondLevelMenu ul li a:hover {
    color: #3c8dd9;
}

div#header h1 a {
    /* color:#fff; */
    text-decoration: none;
}


/******************/
/* FONT TREATMENT */
/******************/
body {
    font: 70%/1.6em Verdana, Arial, Helvetica, sans-serif !important;
    color: #6e6e6e;
}

.ui-widget-content {
    color: #6e6e6e;
}

div#mainContent {
    /*font-size:105%;*/
    font-size: 1.08em;
    color: #444;
}

h1, h2, h3,
.h1, .h2, .h3 {
    font-weight: bold;
    margin: 0.5em 0 1em 0;
    color: #353535;
}

h1,
.h1 {
    font-size: 120%;
}

div#siteTitle {
    margin-left: 17px;
    margin-top: 7px;
    position: absolute;
    font-style: italic;
}

div.secondaryContentSection h1.csc-header, div.secondaryContentSection h2.csc-header, div.secondaryContentSection h3.csc-header {
    color: #fff;
    background: #aaa;
    padding: 6px 12px;
    margin: 0 0 1em -12px;
    width: 286px;
}

div#secondaryContent .csc-header h1, div#secondaryContent .csc-header h2, div#secondaryContent .csc-header h3 {
    color: #666666;
    background: #aaa;
    padding: 6px 12px;
    margin: 0 0 0 -12px;
    width: 286px;
    text-transform: uppercase;
}

div#secondaryContent, .word2, .word3, .word4, .word5, .word6, .word7, .word8, .word9 {
    color: #eee;
    font-weight: normal;
}

div#secondaryContent p.bodytext {
    margin-bottom: 0.2em;
    margin-top: 0.8em;
}

h2,
.h2 {
    font-size: 130%;
}

.h2 {
    font-weight: normal;
}

div#cboxTitle h2 {
    margin-bottom: 0;
}

h3,
.h3 {
    font-size: 105%;

}

h4,
h5,
.h4,
.h5 {
    font-size: 105%;
}

.csc-frame-frame1 {
    color: #353535;
}

/* p {
  margin-bottom:1em;
  } */
blockquote {
    margin: 1em 0 1em 2em;
    padding-left: 2em;
    border-left: 1px solid #ccc;
}

div#footer {
    color: #646464;
}

div#navigationSecondLevel h2 {
    margin-left: 12px;
    padding-top: 12px;
}


/*************/
/* SEARCHBOX */
/*************/
div#searchBox input.inputText {
    width: 100px;
}

div#searchBox {

    background: url(../Images/bg_searchInput.gif) no-repeat;

}

div#searchBox input#inputText {
    float: left;
    padding: 1px 0 2px 4px;
    margin: 2px 0 0 20px;
    border: 0;
    width: 110px;
    background: none;
    color: #515151;
    outline: none;
}

div#searchBox input.inputButton {
    float: right;
    margin: 3px 4px 0 0;
    cursor: pointer;
}

div#searchBox legend {
    display: none;
}

/********************************/
/* INDEXED_SEARCH - BASIC STYLING */
/********************************/
.tx-indexedsearch .tx-indexedsearch-browsebox li {
    display: inline;
    margin-right: 5px;
}

.tx-indexedsearch-redMarkup {
    font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-title {
    background: #e5e5e5;
    padding: 1px 5px;
}

div.tx-indexedsearch-res dt, div.tx-indexedsearch-res dt {
    float: left;
}

dl.tx-indexedsearch-info {
    font-size: 80%;
    color: #999;
    text-transform: uppercase;
    line-height: 1.4em;
}

dt.item-crdate, dt.item-mtime, dt.item-path {
    font-weight: bold;
}

div.tx-indexedsearch-res {
    margin-bottom: 2em;
}

.tx-indexedsearch td {
    padding: 2px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox {
}

input#tx-indexedsearch-searchbox-sword {
    width: 250px;
}

.tx-indexedsearch select {
    width: 156px;
}

.tx-indexedsearch label {
    display: block;
    margin-top: 1em;
    text-transform: uppercase;
    font-size: 90%;
}

.tx-indexedsearch legend {
    display: none;
}

.tx-indexedsearch-search-submit {
    padding: 1em 0;
}


/***************************/
/* TT_NEWS - BASIC STYLING */
/***************************/

ul.publikation_list li {
    list-style: none;
    padding-bottom: 10px;
    margin: 0;
}

ul.publikation_list, ul.pp_list {
    padding-bottom: 7px;
    padding-top: 5px;
    padding-right: 15px;
}

.publikation_info {
    font-size: 0.786em;
}

.news-latest-item h3, .news-latest-item p, .publikation_list h3 {
    margin-bottom: 0;
    padding-left: 0;
}

.news-list-subheader p {
    display: inline;
}

.news-list-item {
    padding: .4em 0 1em;
    clear: both;
}

.news-list-container img {
    float: left;
    margin: 0 10px 10px 0;
}

.news-single-img {
    float: right;
    margin: 10px 20px 20px;
    border: none;
    width: 160px;
    position: relative;
}

.news-list-category {
    font-size: 90%;
}

.news-single-item h2 {
    color: #b7002b;
    font-weight: bold !important;
    margin-bottom: 15px;
}

.news-single-item {
    background: transparent;
    padding: 5px 25px 15px;
    overflow: auto;
}

.news-single-item p {
    margin-bottom: 0.5em;
}

.news-single-img img {
    float: left;
    margin-right: 5px;
}

.news_icon_pdf {
    position: absolute;
    left: 0;
    top: -10px;
}

.news_author {
    padding-left: 54px;
    margin-bottom: 0;
}

.news_preauthor {
    float: left;
}

.preis {
    margin-top: 10px;
    width: 25em;
}

/************************/
/* THEME COLOR OVERIDES */
/************************/
.themeColorForeground {
    color: #b7002b;
}

.themeColorBackground {
    background-color: #b7002b !important;
}

div#header {
    background-color: #b7002b;
    position: relative;

}

div#navigationFirstLevel {
    background-color: transparent;

}

div#navigationSecondLevelMenu ul li a:hover {
    color: #b7002b;
}

section.textteilen {
    -webkit-column-count: 2;
    -webkit-column-width: 305px;
    -webkit-column-gap: 5px;
    -moz-column-count: 2;
    -moz-column-width: 305px;
    -moz-column-gap: 5px;
}

div#projekt section.textteilen {
    display: block;
    color: #000;
}

div#mainContent ol, div#mainContent h1, h3 {
    padding-left: 20px;
}

div#mainContent h1 {
    padding-top: 10px;
    text-transform: uppercase;
    color: #b7002b;
    margin-bottom: 10px;

}

div#content a {
    color: #f39100;
    text-decoration: none;
}

div#mainContent ul {
    margin-left: 2em;
    margin-bottom: 0;
}

.news-latest-container, .news-latest-item {
    padding-top: 0 !important;
}

.news-latest-container {
    padding-left: 1em;
}

.news-latest-container, .news-latest-item {
    /* font-size: 93%; */
}

.imgleft {
    float: left;
    margin-right: 10px;
}

.imgright, .bildlink img {
    float: right;
}

.textleft {
    margin-bottom: 3px;
    background: #fff;
    display: table;
}

div#gss_kurs ul li {
    list-style: none;
    float: left;
    width: 300px;
    margin: 0 0 15px;
    font-size: 86%;
}

.ggs_kurs_box {
    overflow: hidden;
}

div#gss_kurs p {
    margin-bottom: 0 !important;
}

.imgright, .imageright, .imagemitarbeiter {
    float: right;
}

.imageright {
    margin-right: 20px;
    margin-left: 30px;
}

.mehrtab {
    margin-bottom: 7px;
    padding-left: 20px;
}

.mehrtab, .imageleft, .p20, div#ma {
    padding-left: 20px;
}

* + html #slides_control {
    width: 100px !important
}

.text_accordion {
    padding: 10px 10px 10px 20px;
}

.mehr {
    padding-top: 10px;
    margin-bottom: 0;
}

div#textfooter .csc-default {
    background: transparent;
    border: 0;
}

.imgleft, .imageleft, .maliste {
    float: left;
}

.imageleft {
    padding-right: 20px;
}

.accordionteaser {
    padding-top: 6px;
}

.imgspecials {
    padding-top: 5px;
    padding-right: 3px;
}

.teaserspecials {
    padding-top: 0;
}

h1.specials {
    width: 53%;
}

.containerspecials {
    display: table;
}

.imgevent img {
    box-shadow: none;
    border: none;
}

.imgevent {
    width: 300px;
    height: 140px;
    overflow: hidden;
    display: block;
    margin-bottom: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    border: 2px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
}

#cboxCurrent {
    display: none !important;
}

#cboxTitle {
    font-size: 100%;
}

.imgdescriptions-first, .imgdescription {
    width: 300px;
    font-size: 0.7em;
    line-height: 1.1em;
    margin-bottom: 0;
}

.mitarbeiter, .box_mitarbeiter, div#ma {
    overflow: hidden;
}

.maliste {
    width: 300px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 0;
    list-style: none;
    background: #eaeaea;
}

div#ma ul {
    margin-left: 0
}

.malink {
    margin: 20px;
}

.eventinfos ul {
    margin-top: 0.8em;
}

.eventinfos ul li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0.8em;
}

/* Formular */
.csc-mailform .csc-mailform-field {
    font-size: 0.75em;
    padding-bottom: 5px;
    clear: both;
}

.csc-mailform .field-rueckruf, .csc-mailform .field-referenzliste {
    padding-left: 90px;
}

.csc-mailform .csc-mailform-field label {
    float: left;
    width: 90px;
}

.csc-mailform .field-rueckruf label, .csc-mailform .field-referenzliste label {
    float: none;
    width: 350px;
}

.csc-mailform .csc-mailform-field input, .csc-mailform .csc-mailform-field textarea {
    width: 350px;
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #fff;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
    padding: 1px;
}

.csc-mailform .csc-mailform-field input {
    height: 16px;
}

.csc-mailform .csc-mailform-field input#mailformrueckruf, .csc-mailform .csc-mailform-field input#mailformreferenzliste {
    width: 16px;
    float: left;
    margin-right: 5px;
}

.csc-mailform .csc-mailform-field input#mailformformtype_mail {
    margin-left: 90px;
    width: 100px;
    font-weight: bold;
    color: #666;
    height: 18px;
}

.csc-mailform span.pflicht {
    font-size: 0.7em;
    padding-left: 380px;
    display: block;
    margin-top: -15px;
}

/*end Formular*/
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 2px;
}

.icon_size {
    font-size: 76%;
    position: absolute;
    width: 117px;
    top: -12px;
    right: 0;
}

DIV#secondaryContent .csc-textpic-image {
    padding-top: 5px;
}

DIV#c3046 {
    margin-bottom: 0 !important;
}

.employer_publications {
    max-height: 410px;
    overflow: auto;
}

.tx-indexedsearch {
    margin-left: 20px;
}

#c3971, #c3957, #c3959, #c3961, #c3965, #c4100, #c5775, #c7879, #c7121, #c7120 {
    margin-bottom: 0 !important;
}


#inhalt_events {
    margin-right: 10px;
    margin-bottom: 10px;
}

.vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs blockquote p, .vco-storyjs .twitter blockquote p {
    font-family: verdana, serif !important;
}

.itemimg {
    position: absolute;
    left: -9999px;
}

.eventsright {
    background: #f2f2f2 url(../Images/bg_listevents.gif) no-repeat;
    float: right;
    height: 82px;
    width: 300px;
    padding-left: 35px;
    padding-top: 10px;
    padding-right: 10px;
}

.eventsleft {
    padding-top: 10px;
}

.events_arrow {
    background: url(../Images/events_arrow.gif) no-repeat left top 1px;
    padding-left: 11px;
}

.listevents {
    max-height: 9rem;
}

.linktoevent {
    margin-top: 25px;
}

.eventcontact span {
    display: block;
}

.eventdownloads,
.eventinfos {
    margin-top: 0.8em;
    margin-bottom: 0;
}

.eventdownloads li {
    list-style: none;
    margin-left: 0;
}

.tx-ttnews-authors {
    margin-top: 28px;
    display: table;
    border-spacing: 3px;
    width: 100%;
}

.tx-ttnews-authors h3 {
    padding-left: 0;
    margin-top: 0;
    font-size: 100%;
    font-weight: bold;
    height: 40px;
}

.tx-ttnews-authors h4 {
    font-weight: bold;
    font-size: 100%;
}

.tx-ttnews-authors .authors {
    border: 1px solid #dddddd;
    color: #2b2b2b;
    background: #fafafa -moz-linear-gradient(top left, #FFFFFF 0%, #F3F4F5 100%) repeat scroll 0 0;

    padding: 10px 10px 0 12px;
    width: 50%;
    float: none;
    display: table-cell;
    vertical-align: top;
}

.tx-ttnews-authors .experts {
    border: 1px solid #dddddd;
    color: #2b2b2b;
    background: #fafafa -moz-linear-gradient(top left, #FFFFFF 0%, #F3F4F5 100%) repeat scroll 0 0;

    padding: 10px 10px 0 12px;
    width: 50%;
    float: none;
    display: table-cell;
    vertical-align: top;
}

.tx-ttnews-authors .authors .leftcolumn {
    float: left;
}

.tx-ttnews-authors .authors .rightcolumn {
    width: 80px;
    float: right;
    margin-right: 0;
    margin-bottom: 8px;
}

.floatfix {
    clear: both;
}

#accordion h3.ui-accordion-header a {
    color: #555;
}

#accordion h3.ui-accordion-header-active a {
    color: #fff;
}

#projekt,
#accordion .inhalt.events {
    padding-top: 8px;
}

div#mainContent .accordionteaser .csc-default {
    background: none;
    border: 0;
}

div#mainContent .publikation_list .publikation_info p {
    display: inline;
    padding: 0;
}

.cc-floating.cc-window {
    border: 1px solid #000;
    max-width: 30em;
}

.cc-floating.cc-window p {
    margin-bottom: 1em;
}