/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
    display: block;
}
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
    text-align: center;
}

.csc-header-alignment-right {
    text-align: right;
}

.csc-header-alignment-left {
    text-align: left;
}

div.csc-textpic-responsive, div.csc-textpic-responsive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}

    /* Set padding for tables */
    div.csc-textpic .csc-textpic-imagewrap table {
        border-collapse: collapse;
        border-spacing: 0;
    }

        div.csc-textpic .csc-textpic-imagewrap table tr td {
            padding: 0;
            vertical-align: top;
        }

    /* Settings for figure and figcaption (HTML5) */
    div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
        margin: 0;
        display: table;
    }

/* Captions */
figcaption.csc-textpic-caption {
    display: table-caption;
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
}

div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left;
}

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 1px solid black;
    padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block;
}

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 0;
}

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 10px;
}

    div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
        margin-right: 0;
    }

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

/* Positioning of images: */

/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
    float: right;
    right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    position: relative;
    float: right;
    right: -50%;
}

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
}

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 0;
}

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    padding-left: 40px;
    overflow: auto;
}

/* File Links */
ul.csc-uploads {
    padding: 0;
}

    ul.csc-uploads li {
        list-style: none outside none;
        margin: 1em 0;
    }

    ul.csc-uploads img {
        float: left;
        margin-right: 1em;
        vertical-align: top;
    }

    ul.csc-uploads span {
        display: block;
    }

        ul.csc-uploads span.csc-uploads-fileName {
            text-decoration: underline;
        }

/* Table background colors: */

table.contenttable-color-1 {
    background-color: #EDEBF1;
}

table.contenttable-color-2 {
    background-color: #F5FFAA;
}

table.contenttable-color-240 {
    background-color: black;
}

table.contenttable-color-241 {
    background-color: white;
}

table.contenttable-color-242 {
    background-color: #333333;
}

table.contenttable-color-243 {
    background-color: gray;
}

table.contenttable-color-244 {
    background-color: silver;
}
/* specific page styles for extension "tx_cssstyledcontent" */
.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 310px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 310px;
}
/* default styles for extension "tx_tuwinformations" */

.dumbBoxWrap { /* The div that shows/hides. */
    display: none; /* starts out hidden */
    z-index: 40001; /* High z-index to ensure it appears above all content */
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(/typo3conf/ext/tuw_informations/res/img/transpBlack50.png);
}

.dumbBoxOverlay { /* Shades out background when selector is active */
    position: fixed;
    width: 100%;
    height: 100%;
    <!--
    background-color: black;
    opacity: .5; /* Sets opacity so it's partly transparent */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE transparency */
    filter: alpha(opacity=50); /* More IE transparency */
    -->
    z-index: 40001;
}


.vertical-offset { /* Fixed position to provide the vertical offset */
    position: fixed;
    top: 25%;
    width: 100%;
    z-index: 40002; /* ensures box appears above overlay */
}

.dumbBox { /* The actual box, centered in the fixed-position div */
    width: 105px; /* Whatever width you want the box to be */
    position: relative;
    margin: 0 auto;
    /* Everything below is just visual styling */
    background-color: white;
    padding: 10px;
    border: 1px solid black;
}

.dumbBoxClose {
    position: absolute;
    top: -12px; /* Half the icon's height */
    right: -12px; /* half the icon's width */
    z-index: 50;
}

<!--

#slOverlay div {
    position: relative;
    margin: 100px auto;
    background-color: #fff;
    border: 1px solid #000;
    padding: 15px;
    text-align: center;
}

#slOverlayContent div {
    margin: 0px;
    padding: 1px;
    text-align: left;
    border: 0px;
}
-->
#dumbBoxContent .name {
    font-size: 18px;
    text-align: left;
    color: #069;
    padding: 4px;
}

#dumbBoxContent .data {
    top: 0px;
    height: 120px;
    width: 480px;
}

#dumbBoxContent .Description {
    float: left;
    width: 110px;
    padding: 1px;
}
<!--
#slOverlayContent .Content {
    float: left;
    width: 340px;
}
-->
#dumbBoxContent .clear {
    clear: both;
}
<!--
#closeModal {
    position: relative;
    top: -28px; /* Half the icon's height */
    left: 334px; /* half the icon's width */
    z-index: 50;
}
-->
#dumbBoxContent .URI {
    position: absolute;
    top: 15px;
    left: 460px;
    width: 180px;
    height: 135px;
    text-align: right;
}

    #dumbBoxContent .URI img {
        max-width: 100%;
        max-height: 100%;
    }

#dumbBoxContent .MAP {
    text-align: center;
}

.tx-tuwinformations-stafflist1 .function {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
    margin-top: 10px;
}

.tx-tuwinformations-stafflist1 .status {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
    margin-top: 10px;
}

.tx-tuwinformations-stafflist1 .member {
    margin-left: 10px;
}

.tx-tuwinformations-stafflist1 .info {
    float: left;
    width: 60px;
}

.tx-tuwinformations-stafflist1 .name {
    float: left;
    width: 450px;
}

.tx-tuwinformations-stafflist1 .email {
    float: left;
    width: 60px;
}

.tx-tuwinformations-stafflist1 .webpage {
    float: left;
    width: 80px;
}

.tx-tuwinformations-stafflist1 .phone {
    float: left;
    width: 200px;
}

.tx-tuwinformations-stafflist1 .clear {
    clear: both;
}

.tx-tuwinformations-stafflist1 .detail {
    display: none;
    margin-left: 25px;
    width: 520px;
    border: 1px solid #777777;
    background-color: #eeeeee;
    left: 10px;
    top: 50px;
    border-radius: 10px 10px;
}

.tx-tuwinformations-stafflist2 td {
    border: 1px solid rgb(51, 102, 153);
    padding: 3px;
}

.tx-tuwinformations-stafflist3 .function {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
    margin-top: 10px;
}

.tx-tuwinformations-stafflist3 .status {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
    margin-top: 10px;
}

.tx-tuwinformations-stafflist3 .member {
    margin-left: 10px;
}

.tx-tuwinformations-stafflist3 .info {
    float: left;
    width: 60px;
}

.tx-tuwinformations-stafflist3 .name {
    float: left;
    width: 450px;
}

.tx-tuwinformations-stafflist3 .email {
    float: left;
    width: 60px;
}

.tx-tuwinformations-stafflist3 .webpage {
    float: left;
    width: 80px;
}

.tx-tuwinformations-stafflist3 .phone {
    float: left;
    width: 200px;
}

.tx-tuwinformations-stafflist3 .clear {
    clear: both;
}

.tx-tuwinformations-stafflist3 .detail {
    display: none;
    margin-left: 25px;
    width: 520px;
    border: 1px solid #777777;
    background-color: #eeeeee;
    left: 10px;
    top: 50px;
    border-radius: 10px 10px;
}

.tx-tuwinformations-projectlist1 .project {
    height: 95px;
}

.tx-tuwinformations-projectlist1 .title {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
    margin-top: 10px;
}

.tx-tuwinformations-projectlist1 .fund_ffg {
    background: url(/typo3conf/ext/tuw_informations/res/img/logo_ffg.png) no-repeat center;
    width: 200px;
    height: 93px;
    border: 1px solid #ddd;
    float: right;
}

.tx-tuwinformations-projectlist1 .fund_oeaw {
    background: url(/typo3conf/ext/tuw_informations/res/img/logo_oeaw.png) no-repeat center;
    width: 200px;
    height: 76px;
    border: 1px solid #ddd;
    float: right;
}

.tx-tuwinformations-projectlist1 .fund_fwf {
    background: url(/typo3conf/ext/tuw_informations/res/img/logo_fwf.png) no-repeat center;
    width: 200px;
    height: 50px;
    border: 1px solid #ddd;
    float: right;
}

.tx-tuwinformations-projectlist1 .fund_wwft {
    background: url(/typo3conf/ext/tuw_informations/res/img/logo_wwft.png) no-repeat center;
    width: 200px;
    height: 50px;
    border: 1px solid #ddd;
    float: right;
}

.tx-tuwinformations-projectlist1 .fund_cdg {
    background: url(/typo3conf/ext/tuw_informations/res/img/logo_cdg.png) no-repeat center;
    width: 200px;
    height: 50px;
    border: 1px solid #ddd;
    float: right;
}

.tx-tuwinformations-projectlist1 .fund_glanzstoff {
    background: url(/typo3conf/ext/tuw_informations/res/img/logo_glanzstoff.png) no-repeat center;
    width: 200px;
    height: 44px;
    border: 1px solid #ddd;
    float: right;
}

.tx-tuwinformations-projectlist1 .fund_clear {
    float: clear;
}



.tx-tuwinformations-publicationlist1 .header {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
}

.tx-tuwinformations-publicationlist1 .publication {
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
}

.tx-tuwinformations-staff1 img {
    box-shadow: 3px 3px 4px rgb(153, 153, 153);
    margin-right: 7px;
}

.tx-tuwinformations-staff1 h1 {
    font-size: 120%;
    color: rgb(39, 78, 144);
    font-weight: bold;
}

.tx-tuwinformations-staff1 .image {
    float: left;
    text-align: right;
}

.tx-tuwinformations-staff1 .info {
    padding-left: 20px;
    float: left;
}