/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

@font-face {font-family: 'TheSansUHHRegular';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Regular.woff') format('woff'), url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Regular.svg#TheSansUHHBoldCaps') format('svg'); font-weight: normal!important; font-style: normal;}
@font-face {font-family: 'TheSansUHHRegularCaps';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_TT_Regular_Caps.woff') format('woff'), url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_TT_Regular_Caps.svg#TheSansUHHBoldCaps') format('svg'); font-weight: normal!important; font-style: normal;}
@font-face {font-family: 'TheSansUHHBold';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Bold.woff') format('woff'), url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Bold.svg#TheSansUHHBold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'TheSansUHHBoldItalic';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_BoldItalic.woff') format('woff'), url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_BoldItalic.svg#TheSansUHHBoldItalic') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'TheSansUHHItalic';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_RegularItalic.woff') format('woff'),url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_RegularItalic.svg#TheSansUHHItalic') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'TheSansUHH';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Regular.woff') format('woff'),url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Regular.svg#TheSansUHH') format('svg');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'TheSansUHHBoldCaps';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Bold_Caps.woff') format('woff'), url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_Bold_Caps.svg#TheSansUHHBoldCaps') format('svg'); font-weight: normal!important; font-style: normal;}
@font-face {font-family: 'TheSansUHHSemiLightCaps';src: url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_SemiLight_Caps.woff') format('woff'), url('/onTEAM/admin/onteam/templates/v4/font/TheSansUHH_9/TheSansUHH_SemiLight_Caps.svg#TheSansUHHSemiLightCaps') format('svg'); font-weight: normal!important; font-style: normal;}

@media screen { 

.versteckt {position: absolute; left: -10000px;}
  section#meta{color:#fff;background:#0271bb;font-family: TheSansUHHSemiLightCaps;font-size:16px; position:absolute;top:0;left:0;width:100%;z-index:20;}
    section#meta a {text-decoration: none;}
    section#meta > .breite{display:table;height:100%; width: calc(100% - 40px); margin: auto; padding:0 20px;}
      section#meta > .breite > .links, .v4 header #meta > .breite > .rechts{display:table-cell;vertical-align:middle;}
      section#meta .links .uhh a{white-space:nowrap;font-family: TheSansUHHBoldCaps;line-height:43px!important;font-size:13px!important;}
      section#meta .links .uhh{display:none}
        section#meta ul{margin:0;padding:0;list-style-type:none}
        section#meta > .breite > .rechts>ul{float:right}
          section#meta nav>ul>li{float:left}
          section#meta nav>ul>li.sprache{position:relative;}
          section#meta  nav>ul>li + li:not(.presse){margin-left:21px}
            section#meta nav>ul>li>a,
            section#meta .quick>.ul>.li>a{height:30px;line-height:28px;float:left;display:block;color:#fff;text-decoration:none}
            section#meta nav>ul>li a:hover{text-decoration:underline}
            
            section#meta .quick>a{position:relative;text-align:center}
            section#meta .quick>a:after{overflow:hidden;content:">";margin:0 0 -2px 3px;display:inline-block;transform:rotate(90deg);font-size:18px;height:13px;line-height:11px;width:13px;}
               section#meta .quick .slide{display:none;position:absolute;top:30px;right:0px;left:0;background:#0271bb;z-index:20;padding:0 20px}
                  section#meta .quick .breite{overflow:hidden;margin:20px auto 120px;padding-top:10px;}

                          
                    section#meta .quick .schliessen{text-decoration:none;position:absolute;bottom:20px;right:20px;width:156px;height:34px;font-family: TheSansUHHRegularCaps;padding-left:15px;border:1px solid #fff;line-height:30px;color:#fff;font-size:17px;}
                    section#meta .quick .schliessen:after {float:right; content: "\00D7"; transform: rotate(0); font-size: 26px; margin-right: 8px;}



              section#meta .sprache{border:1px solid transparent;border-width:0 1px}
                section#meta .sprache a{color:#fff;}
                section#meta .sprache>a{color:#fff;display:block;position:relative}
                section#meta .sprache>a{text-align:left !important}
                section#meta .sprache>a:after{overflow:hidden;content:">";margin:0 0 -2px 3px;display:inline-block;transform:rotate(90deg);font-size:18px;height:13px;line-height:11px;width:13px;text-align:center;}
                .sprache section#meta .sprache>a:after{content:"\00D7";transform:rotate(0);font-size:20px;margin-bottom:-3px;margin-left:3px;}

              section#meta .sprachen{font-size:16px;display:none;background:#0271bb;position:absolute;top:30px;left:-15px;padding:10px 45px 20px 15px;border-top:1px solid #0271bb}

                  section#meta .sprachen li{margin:9px 0 }
                  section#meta .sprachen .de,
                  [lang="en"] section#meta .sprachen .en {text-decoration:underline;cursor:default}
              

             
                        
            section#meta .mobilemenu{display:none}


.emil{color: #c40017 !important;cursor:pointer} 
.emil:hover{text-decoration:underline}
 .emil .e{display:none}
  .emil .n:after{content:"@"}
  .emil .a{display:none}

#pfad{display:none}

b,h2,th,strong,h1{font-family: TheSansUHHBold,sans-serif;font-weight: normal;}
/* *{outline:0} */
*:focus{outline:1px dotted #000 !important; outline-offset:-1px}
html,body{font-size:12px;font-family: TheSansUHH, sans-serif;margin:0;padding:0;position:absolute; top:0;left:0;height:100%;width:100%;overflow:hidden;  background-color:white;}
em.em{font-style:normal}
img{border:0}
#uhh-logo{position:absolute; top:60px;left:0px;width:250px; height:100px; overflow:hidden;margin:16px 0 0 16px}
#campus-logo{position:absolute; top:124px;right:16px;width:213px; height:69px; overflow:hidden;text-align:right; font-family: TheSansUHHBold,sans-serif;font-size: 20px;font-weight: normal;}
  #campus-logo a{text-decoration:none; color:#444}
  #campus-logo a:hover{text-decoration:underline;}

.meta{ position:absolute; top:4px; right:16px;font-size: 11px;line-height: 13px;}
.meta a{  color: #4E4E4E;text-decoration: none;}
.meta a:hover,.meta a:focus{  text-decoration:underline}
.meta .sep{margin: -1px 8px 0 8px;}
.meta div{float:left}
.meta .sprachwechsel{ font-family: TheSansUHHBold,sans-serif;font-weight: normal}




#nav0{position:absolute; top:160px;left:0px;bottom:0px; width:330px; background-color:#fff;overflow:hidden; border-right:2px solid #999}
#nav{position:absolute;top:29px;left:0px;bottom:0px;z-index:10;background-color:#fff;overflow:auto; ;}
#suche{position:absolute;top:30px;left:0px;bottom:0px;right:0px;z-index:0;background-color:#f3f3f3;overflow:auto;}
#familie{position:absolute;top:30px;left:0px;bottom:0px;right:0px;z-index:0;background-color:#f3f3f3;overflow:auto;}
#abk{position:absolute;top:30px;left:0px;bottom:0px;right:0px;z-index:0;background-color:#f3f3f3;overflow:auto;}
/*#nav{position:absolute; top:125px;left:0px;bottom:0px; width:300px; background-color:#f3f3f3;overflow:auto; border-right:2px solid #999}*/
#nav0 li{position:relative;background-color:#fff; }
#nav0 a{outline:none;background-image:url(loc.png); background-repeat:no-repeat;font-size:14px;overflow:auto;z-index:1;margin-top:0px;position:relative;color:#000; text-decoration:none;display:block;padding:1px 5px 1px 0; border:1px solid #bbb ; border-width:1px 0 0 0 }
#nav0 span{font-size:12px;overflow:auto;z-index:1;margin-left:4px; margin-top:0px;position:relative;color:#000; display:block;padding:1px 5px 1px 0; border:1px solid #999 ; border-width:1px 0 0 0 }
#nav0 a{padding-top:7px; padding-bottom:7px; }
#nav0 a.b{background-image:none; font-size:14px;}
#nav0 a:focus{ margin-right:1px}/*FF*/
#nav0 a:hover{  z-index:3; color:#0271bb; text-decoration:underline;}
#nav0 a.hier{ z-index:4; border-color:#e2001a;border-color:#fff;border-bottom-width:1px;margin-bottom:-1px; background-color:#666 !important;color:#fff}
#nav0 a.hier:hover{ cursor:default; border-color:#fff;border-bottom-width:1px;margin-bottom:-1px; background-color:#666 !important}
#nav0 a.ordner{padding-right:11px; background-repeat:no-repeat;background-position:right center; cursor:default }
#nav0 a.ordner:hover{background-color:#fff }
#nav0 b.auf + a.ordner{}

#nav0 b{z-index:5;position:absolute; top:11px; left:3px; width:13px; height:13px; cursor:pointer; overflow:hidden; background-image:url(p0.png); background-repeat:no-repeat;}
#nav0 b{display:block}/*IE7*/
#nav0 b:hover{background-image:url(p1.png)}
#nav0 b.auf{ background-image:url(m0.png)}
#nav0 b.auf:hover{background-image:url(m1.png)}

#nav0 ul{list-style-type:none; margin:0; padding:0; position:relative}
#nav0 > ul{border-bottom:1px solid #ccc}
#nav0 *{zoom:1}/*IE7*/
#nav0 ul li a{ padding-left:18px; background-position:4px 11px }
#nav0 ul li li a{ padding-left:32px; background-position:18px 11px; background-color1:#e6e6e6 }
#nav0 ul li li b{left:17px}
#nav0 ul li li li a{ padding-left:46px; background-position:32px 11px; background-color1:#d6d6d6 }
#nav0 ul li li li b{left:31px}
#nav0 ul li li li li a{ padding-left:60px; background-position:46px 11px; background-color1:#c6c6c6 }
#nav0 ul li li li li b{left:45px}
#nav0 ul li li li li li a{ padding-left:74px; background-position:60px 11px; background-color1:#b6b6b6 }
#nav0 ul li li li li li b{left:59px}
#nav0 ul li li li li li li a{ padding-left:88px; background-position:74px 11px; background-color1:#a6a6a6 }
#nav0 ul li li li li li li b{left:73px}
#nav0 ul ul{display:none}

#nav0 ul li b.auf + a{font-family: TheSansUHHBold,sans-serif;font-weight: normal;background-color1:#d0d0d0}
#nav0 ul li li b.auf + a{font-family: TheSansUHHBold,sans-serif;font-weight: normal;;background-color1:#c0c0c0 }
#nav0 ul li li li b.auf + a{font-family: TheSansUHHBold,sans-serif;font-weight: normal;;background-color1:#b0b0b0 }
#nav0 ul li li li li b.auf + a{font-family: TheSansUHHBold,sans-serif;font-weight: normal;;background-color1:#a0a0a0 }


#nav0 #nav1{position:absolute; top:0; left:0; height:55px; right:0;z-index:12; border-bottom:1px solid #f3f3f3 }
  #nav1{border-bottom:1px solid #f3f3f3 ;background-color:#fff}
  #tabs{ height:100%;width:100%; right:0; font-size:11px; display:table;border-collapse:collapse;color:#333;border-top:2px solid #999;font-family:TheSansUHHBoldCaps,sans-serif; font-size:13px; line-height:1.0em;}
  #tabs > div + div{ border-left:1px solid #ddd}
    #navtab,#suchtab, #famtab, #abktab{display:table-cell;  width:32%; text-align:center; vertical-align:top; padding:0 8px;vertical-align:middle}
    #tabs .on{ background-color:#fff;cursor:default; color:#4e4e4e;}
    #tabs .off{ background-color:#4e4e4e; cursor:pointer; color:#fff;}
    #tabs .off:hover{ background-color:#ddd; cursor:pointer; color:#4e4e4e}
    #tabs .off:hover *{ cursor:pointer}
    #tabs .off form{display:none}
    #tabs label{margin-bottom:1px; display:block}
    #navtab form {display:none}
    #navtab span {font-size:12px; max-width:70px;position:relative; margin:0 auto; padding:0;cursor:pointer; border: 1px solid #ccc;border-color:#fff #999 #999 #fff; padding:1px 5px ; background-color:#ddd}
    #navtab span:hover {background-color:#ccc;border-color:#fff #666 #666 #fff;}
    #suche form{position:relative;border:1px solid #666;margin:5px 20px;border-color:#999 #ccc #ccc #999;; background-color:#fff}
    #suche input.text{height:45px;font-family:arial,sans-serif;width:100%; box-sizing:border-box;color:#333;border:0; padding:2px 18px 2px 2px; font-size:12px;display:block; background-color:transparent}
    #suche input.button{height:45px;position:absolute; right:0;top:0; bottom:0;width:19px;border:0; overflow:auto;padding:0; font-size:12px;  background:transparent url(/onTEAM/campus/layout/suchen.png) no-repeat center; cursor:pointer}
    #ergebnis .text{font-size:12px; padding:10px}
    #ergebnis2 li:first-child {background-color:#f3f3f3}
    #ergebnis2 li:first-child span{border-top:0;padding:0px 5px 10px 15px}

#nav,#suche,#familie,#abk{top:56px;}  

#famform{padding:5px 0}
  #famform li{cursor:pointer;margin:4px 0;background-color:transparent;font-size:12.5px}
    #famform li span{padding:0;background-color:white;display:inline-block; position:relative;width:13px; height:13px; background-color:white; border:1px solid #666; cursor:pointer;margin-right:5px;margin-bottom:-2px}
    #famform li:hover span{border-style:dotted}
    #famform li.checked span:before{content:" ";position:absolute; background-image:url(Haekchen-01.png);background-repeat:no-repeat;background-size:100%;width:11px;height:11px;left:1px; top:2px}

div#map{z-index:2;position:absolute; top:160px;right:0px;bottom:243px; left:332px;border-top:2px solid #999;border-bottom:2px solid #999;background-color:#fff;}
div#map.zu{bottom:243px; }
div#map.auf{bottom:8px; }
iframe#campusmap{position:absolute; top:0;left:0;height:100%;width:100%;z-index:1}
div#detail{color:#444}
div#detail #thumbnails{float:left; width:80px; margin-right:15px; font-size:0.1px}
div#detail #thumbnails img{max-width:80px; margin-bottom:1px; cursor:pointer; border:1px solid #999; overflow:hidden; font-size:6px;color:white}
div#detail{position:absolute;right:0px;bottom:0px; left:332px; padding:10px 15px;font-size:13px}
div#detail.zu{height:5px; overflow:hidden}
div#detail.auf{height:240px; overflow:auto}
div#detail #toggle{margin:1px 0; text-align:center;}
div#detail #toggle img{position:relative;margin:0 auto; cursor:pointer}
div#detail #path{font-size:14px; color:#666}
div#detail #link{font-size:14px; float:right; text-align:right; margin-right:-11px}
div#detail #link a{margin-left:10px; cursor:pointer; float:left; border:1px solid #e2001a; padding:1px 5px; margin:0 2px 0 0}
div#detail a{color:#c40017; text-decoration:none}
div#detail a:hover{text-decoration:underline}
div#detail h2{font-size:18px; margin-top:0; margin-bottom:25px;}
div#detail #content > table{margin-bottom:20px;}
div#detail table{border-collapse:collapse; margin-bottom}
div#detail table table{min-width:0}
div#detail table th{padding:0px 15px 0 3px; font-size:14px; text-align:left}
div#detail table td{border:none; padding:0px 15px 0 3px; font-size:14px; line-height:1.3em}
div#detail table table td{border:0; padding:1px 0}
div#detail table table td:first-child{padding-right:5px}
div#detail #feedbackbutton{display:none;cursor:pointer}
.consent div#detail #feedbackbutton{display:block}

#modal{display:none;z-index:100;position:absolute; top:100px;left:0px;bottom:0px; right:0px;background-image:url(modal.png)}
#modal-window{border:1px solid #fff;border-color:#999 #000 #000 #999; -moz-box-shadow:5px 5px 5px #333; position:absolute; top:20px;left:50%;margin-left:-400px;width:798px; background-color:rgba(255,255,255,0.3);bottom:20px;-moz-border-radius:5px;border-radius:5px}
  #modal-window-title{position:absolute; top:5px;left:5px;right:5px;}
    #modal-window-text{font-size:12px;color:rgba(255,255,255,0.9); text-shadow:-1px -1px 0px #333}
    #modal-window-close{position:absolute; top:-13px;width:21px;right:-13px; height:21px;background-image:url(modal-close.png);cursor:pointer}
#modal-window-content{border:1px solid #fff;color:#444; border-color:#333 #ccc #ccc #333;overflow:auto;padding:18px; position:absolute; top:25px;left:5px;right:5px; bottom:5px; background-color:#f3f3f3;}
#modal-window-content a{color:#444;}


#modal #feedback{position:absolute; top:0;left:0px;height:100%;width:100%;}
#modal #linkcodes{position:absolute; top:0;left:0px;height:100%;width:100%;}

#webapp{position:absolute;top:-100%;left:0;width:100%;height:100%;transition:transform  0.5s;z-index:0}
#webapp iframe{position:absolute;top:0;left:0;width:100%;height:100%}


}

/*
@media only screen and (max-width: 768px) { 
  body *{display:none}
  #webapp{top:0;display:block !important;transition:transform 0.5s}
  #webapp iframe{display:block}
}
*/
@media print {
#nav{display:none}
}