plugin.tx_tuwinformations {
  _CSS_DEFAULT_STYLE (

.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;
        }
        
  )
}
