/* 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; }
/* 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;
        }