/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */ .unsichtbar {display:none !important} tr.unsichtbar td {display:none} tr.unsichtbar th {display:none} .versteckt {position:absolute; left:-10000px} @font-face {font-family: 'TheSansUHHBold';src: url('../font/TheSansUHH_9/TheSansUHH_Bold.eot'); src: url('../font/TheSansUHH_9/TheSansUHH_Bold.eot?#iefix') format('embedded-opentype'), url('../font/TheSansUHH_9/TheSansUHH_Bold.woff') format('woff'),url('../font/TheSansUHH_9/TheSansUHH_Bold.ttf') format('truetype'), url('../font/TheSansUHH_9/TheSansUHH_Bold.svg#TheSansUHHBold') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'TheSansUHHBoldItalic';src: url('../font/TheSansUHH_9/TheSansUHH_BoldItalic.eot');src: url('../font/TheSansUHH_9/TheSansUHH_BoldItalic.eot?#iefix') format('embedded-opentype'), url('../font/TheSansUHH_9/TheSansUHH_BoldItalic.woff') format('woff'),url('../font/TheSansUHH_9/TheSansUHH_BoldItalic.ttf') format('truetype'), url('../font/TheSansUHH_9/TheSansUHH_BoldItalic.svg#TheSansUHHBoldItalic') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'TheSansUHHItalic';src: url('../font/TheSansUHH_9/TheSansUHH_RegularItalic.eot');src: url('../font/TheSansUHH_9/TheSansUHH_RegularItalic.eot?#iefix') format('embedded-opentype'),url('../font/TheSansUHH_9/TheSansUHH_RegularItalic.woff') format('woff'),url('../font/TheSansUHH_9/TheSansUHH_RegularItalic.ttf') format('truetype'),url('../font/TheSansUHH_9/TheSansUHH_RegularItalic.svg#TheSansUHHItalic') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'TheSansUHH';src: url('../font/TheSansUHH_9/TheSansUHH_Regular.eot');src: url('../font/TheSansUHH_9/TheSansUHH_Regular.eot?#iefix') format('embedded-opentype'),url('../font/TheSansUHH_9/TheSansUHH_Regular.woff') format('woff'),url('../font/TheSansUHH_9/TheSansUHH_Regular.ttf') format('truetype'),url('../font/TheSansUHH_9/TheSansUHH_Regular.svg#TheSansUHH') format('svg');font-weight: normal;font-style: normal;} body {background-color: #FAF9F9;font-family: TheSansUHH, sans-serif; color:#4E4E4E;overflow-y:scroll} body {-moz-hyphens:auto; -webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} html, body {margin:0; padding:0;z-index:1 !important} *{box-sizing:border-box} h1{clear:left;line-height:1.25em} h1,h2,h3,h4,h5{font-family: TheSansUHHBold,sans-serif; font-weight: normal;} img {border:0} em, i{font-family: TheSansUHHItalic,sans-serif; font-style:normal;} em.em{font-family: TheSansUHH,sans-serif; font-style:normal;} .em a span.a:after{content:"@"} strong,b,th,#kopf .sprachwechsel{font-family: TheSansUHHBold,sans-serif;font-weight: normal;} a.mehr{text-decoration:none; color: #c40017;white-space:nowrap } a.mehr:hover{text-decoration:underline !important } em.em a, i a.em{font-style:normal } h1 em, h2 em, h3 em, h4 em, h5 em, em h1, em h2, em h3, em h4, em h5{font-family: TheSansUHHBoldItalic; font-weight: normal;font-style: normal;} strong em, b em, strong i, b i,em strong, em b, i strong, i b{font-family: TheSansUHHBoldItalic; font-weight: normal;font-style: normal;} figure{} figure img{max-width:100%;height:auto !important} figure.rechts{float:right;margin:0.5em 0 0.5em 1em;max-width:65%;} figure.links{float:left;margin:0.4em 1em 0.5em 0.5em;max-width:65%;} figure.mitte{display:table;margin:1em auto;max-width:100%; position:relative;overflow:hidden} .s figure.mitte{display:block;} figure figcaption{font-size:11px} form.standard{border:0; border-collapse:collapse} form.standard div.optional{display:none; margin-left:20px} form.standard div.optional label{position:relative} form.standard div.optional label:before{content:"\21B3"; font-size:16px; position:absolute; left:-11px; top:-4px} form.standard fieldset{border:0; padding:0; margin:1em 0} form.standard fieldset > p{margin:0 0 1em 0} form.standard legend {padding:0;margin:0 0 0.4em 0; font-size:14px;} form.standard div.table{display:table; width:100%;} form.standard div.table.border{display:table; width:100%; } form.standard div.row{display:table-row} form.standard div.cell{display:table-cell; padding:10px;vertical-align:top; border:1px solid #ddd} form.standard div.cell w50{width:50%} form.standard div.label.cell{width:161px; border-right:1px solid #ddd} form.standard div.label sup{position:absolute; margin-left:3px;font-family: TheSansUHHBold,sans-serif; font-weight: normal;font-size:14px} form.standard div.label span{display:block} form.standard div.input{} form.standard div.input input[type="radio"]{margin-right:5px} form.standard div.input input[type="text"]{width:100%;} form.standard div.input input[type="text"][size]{width:auto} form.standard div.input textarea{width:98.5%;height:80px; overflow:auto;resize:vertical;} form.standard textarea,form.standard select,form.standard input {font-family: TheSansUHH, sans-serif;font-size:12px} form.standard div.button div.cell:first-child{border-right:0} form.standard div.button div.input{border-left:0;text-align:right} form.standard .radiogroup{} form.standard .invalid{border:2px solid red;border-radius:3px} form.standard .radiogroup.invalid{border:2px solid red !important;border-radius:3px !important} form.standard .sep{border-top:1px solid #ddd;margin-top:12px; padding-top:12px} form.standard .space{margin-bottom:6px} /* a {color:#4e4e4e;text-decoration:none} a1 {color:#4e4e4e;text-decoration:none;border-bottom:2px dotted #999} a:hover{color:#c40017} */ a {color:#c40017;text-decoration:none} a:not([href]),a:not([href]):hover {color:#4E4E4E;text-decoration:none;} a:hover{text-decoration:underline;} hr {border:0;border-top:1px solid #ddd} div.abc{font-size:0.1px;margin-bottom:15px;font-family: TheSansUHHBold,sans-serif; font-weight: normal;} div.abc a{font-size:13px;padding: 0px 3px;margin-right:4px;text-transform:uppercase;color:#4e4e4e !important} div.abc a:hover{color:#c40017 !important;border:1px dotted #c40017;padding:0 2px; text-decoration:none} div.abc span{font-size:13px;margin-right:4px;text-transform:uppercase;color:#ccc !important;padding: 0px 3px} div.abc a[href="#"]{white-space:nowrap;position:relative;top:-1px;text-transform:none;color:#fff !important; background-color:#666; line-height:12px;height:12px; border-radius:3px;font-size:10px;margin:0px 4px 0 5px;padding: 0 6px;border:0} div.abc a[href="#"]:hover{color:#fff !important; background-color:#c40017;padding: 0 6px;} div.abc a.an {color: rgb(196, 0, 23);padding: 0px 1px;border: 1px solid rgb(196, 0, 23);} .rund{border-radius:2px;overflow:hidden} table.rund{overflow:visible} .rund-l{border-radius:2px 0 0 2px} .rund-r{border-radius:0 2px 2px 0} .rund-o{border-radius:2px 2px 0 0} .rund-u{border-radius:0 0 2px 2px} .rand{border:1px solid #efefef} .fakultaet .spalte.links .rand{border:1px solid #ddd} .subnav.rand,.kontakt.rand{border:1px solid #e0e0e0;} .grau{background-color:#f3f3f3} .schatten{box-shadow:0px 0px 2px #eee} #seite{background-color: #fff;position: relative;width:100%;min-width:768px;max-width:998px; margin:auto; padding:25px 20px 20px 20px;z-index:10} #kopf{height:90px; position:relative} #logo{float:left;} #sublogo a:hover{ text-decoration:underline !important} #kopf #tools{ float:right;font-size: 11px;line-height: 13px; margin-top:48px} #kopf .meta{ position:absolute; top:-15px; right:0;font-size: 11px;line-height: 13px;margin-top:5px} .fakultaet #kopf .meta{ top:8px; right:20px} #inhalt #tools{ float:right;font-size: 11px;line-height: 13px; margin-top:15px; width:246px} #tools a, #kopf .meta a{ color: #4E4E4E;text-decoration: none;} #tools a:hover,#tools a:focus,#kopf .meta a:hover,#kopf .meta a:focus{ text-decoration:underline} #tools .menu{ float:right;margin-bottom:9px} #tools .menu .sep, #kopf .meta .sep{margin: -1px 8px 0 8px;} #tools .menu div, #kopf .meta div{float:left} #tools .suche{ float:right;width:247px;text-align:right;clear:right} #tools form{ margin-top:0px; white-space:nowrap} #tools form input.text{float:left;height: 22px;width: 222px; background-color: #f9f9f9 ;border: 1px solid #ddd; color: #4E4E4E; font-family: TheSansUHH,sans-serif; font-size: 11px;margin: 0 2px 0 0; padding: 4px 5px;border-radius:2px} /* !!! */ #tools form input.button{color:transparent;position:relative; border: 0 none;cursor: pointer;margin: 0;padding: 0;border-radius:2px; -moz-hyphens:none; -webkit-hyphens:none;hyphens:none; overflow-y:scroll} #nav{ position:relative;z-index:100;height: 34px;margin: 0 -1px 10px;clear:both; } #nav ul{ margin:0; padding:0; list-style-type:none;font-size: 0px;} #nav ul.menu > li{ float:left; width:16.6666666666%; margin-left:0px;padding:0 1px} #nav ul.menu > li > a { font-family: TheSansUHHBold,sans-serif;border-radius:2px; display: block; font-size: 14px; height: 33px; line-height: 32px; overflow: hidden; padding: 0 5px; text-align: center; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; } .subsite #nav ul.menu > li > a,.standard #nav ul.menu > li > a { text-shadow: 1px 1px 1px #777;color: #fff; border-color: #9E9FA0 #7E7F80 #646464 #7E7F80;background-color: rgb(142, 143, 144); background-image: -webkit-linear-gradient(270deg,rgb(177,178,180) 0%,rgb(115,115,115) 100%); background-image: linear-gradient(180deg,rgb(177,178,180) 0%,rgb(115,115,115) 100%); } .fakultaet #nav ul.menu > li > a { text-shadow: 1px 1px 1px #fff;color: #444; border-color: transparent; border-color: rgba(255,255,255,0);background-color: rgb(229, 231, 233); background-image: -webkit-linear-gradient(270deg,rgb(249,250,250) 0%,rgb(202,213,219) 100%); background-image: linear-gradient(180deg,rgb(249,250,250) 0%,rgb(202,213,219) 100%); } .home #nav ul.menu > li > a,.uh #nav ul.menu > li > a { text-shadow: 1px 1px 1px #fff; color: #444; border-color: transparent; border-color: rgba(255,255,255,0); background-color: rgb(222, 222, 222); background-image: -webkit-linear-gradient(270deg,rgb(249,249,249) 10%,rgb(244,244,244) 25%,rgb(222,222,222) 50%,rgb(199,199,199) 80%,rgb(188,188,188) 100%); background-image: linear-gradient(180deg,rgb(249,249,249) 10%,rgb(244,244,244) 25%,rgb(222,222,222) 50%,rgb(199,199,199) 80%,rgb(188,188,188) 100%) } #nav ul.menu a.zulang {text-align:left} #nav ul.menu a.zulang span{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:196px;padding-right:5px; height: 33px; line-height: 30px; background:#D81B1B url(../img/buttons/zulang.png) repeat-x;position:absolute; border-radius:3px ; border-top:1px solid #CF2F19; border-right:1px solid #CB2819; border-bottom:1px solid #B50116 } .mouse #nav ul.menu > li:hover > a,#nav ul.menu > li > a:focus,#nav ul.menu > li > a.focus{text-shadow: none;color:#fff; border-color: #CF2F19 #C21818 #B50116 #C21818;background-color: rgb(216, 27, 27); background-image: -webkit-linear-gradient(270deg,rgb(229, 51, 28) 0%,rgb(201,2,25) 100%); background-image: linear-gradient(180deg,rgb(229, 51, 28) 0%,rgb(201,2,25) 100%);} #nav ul.menu > li > a.hier,#nav ul.menu > li > a.aktiv,#nav ul.menu > li > a.focusin {text-shadow: none;color:#fff; border-color: #CF2F19 #C21818 #B50116 #C21818;background-color: rgb(216, 27, 27); background-image: -webkit-linear-gradient(270deg,rgb(229, 51, 28) 0%,rgb(201,2,25) 100%); background-image: linear-gradient(180deg,rgb(229, 51, 28) 0%,rgb(201,2,25) 100%);cursor:default; } #nav #flyout{ display:none } #nav .flyout{ display:none; position: absolute;top:34px;left:0px; background:#FAF9F9 ;width:100%; padding:2px 1px 29px 1px !important; } #nav .flyout:after{content:" "; display:block;position:absolute;bottom:0;left:1px;right:1px;height:29px; background:#FAF9F9 url(../img/menu/mainMenuBottomBar.gif) repeat-x bottom;} #nav .flyout .x {font-size:12px; position:absolute; bottom:35px;right:10px;width:auto;height:auto; } #nav .flyout .x a{padding-right:18px;color: #4E4E4E; display:block; background-image:url(../img/buttons/x.jpg); background-repeat:no-repeat; background-position:right top} #nav .flyout .x a:focus,#nav .flyout .x a:hover{text-decoration:underline} #nav .flyout div.bilder{float:left; width:16.5%} #nav .flyout div.bilder div{background-position:center center; background-repeat:no-repeat; height:0; margin-bottom:2px;padding-top: 100%;width: 100%;} #nav .flyout table{width:83.3333333333%;border:0 none; border-collapse: collapse; margin:16px 0 0 2px } #nav .flyout table td{ vertical-align:top;padding:0 8px; max-width:29.3%; } /* !!! */ #nav .flyout table td + td{ border-left: 1px dotted #888888} #nav .flyout table td:last-child{padding-bottom:25px} #nav .flyout a{color:#4E4E4E; text-decoration: none} #nav .flyout a:hover,#nav .flyout a:focus{ text-decoration:underline} #nav .flyout li{clear:left} #nav .flyout ul a{float:left;background: url(../img/buttons/rot_navi.png) no-repeat scroll 0 4px transparent;font-family: TheSansUHHBold,sans-serif;font-size: 12px; line-height: 15px; padding: 2px 0 2px 16px;} #nav .flyout ul ul a{float:left;background: url(../img/menu/level-2.gif) no-repeat scroll 16px 4px transparent;font-family: TheSansUHH,sans-serif;font-size: 11px;padding: 2px 0 2px 23px;} #nav .menu_1{display:none;border-bottom:4px solid #888;border-left:1px solid #ddd;border-right:1px solid #ddd;font-size:11px; position:absolute; width:210px;z-index:200 } /* !!! */ #nav .menu_1.r{margin-left:209px; } #nav .menu_1 a{background: url(../img/buttons/rot_navi.png) no-repeat 9px 9px ;display:block;color:#4e4e4e; text-decoration:none; padding:9px 5px 6px 26px;border-top:1px solid #fff;border-right:1px solid #fff; border-bottom:1px solid #ddd;border-left:1px solid #fff; background-color:#f9f9f9} #nav .menu_1 a:hover,#nav .menu_1 a:focus{background-color:#e9e9e9} #nav .menu_1 li:last-child a{border-bottom:0} #nav .menu li:nth-child(6) .menu_1{right:0} #pfad{color: #4E4E4E; font-size: 10px;min-height:30px; margin-right:250px;line-height:14px } .standard #pfad{ margin-right:0px } #pfad span.text {margin-right:5px;position:absolute; left:-10000px} #pfad a {float:left;color: #4E4E4E;font-family: TheSansUHHBold,sans-serif;text-decoration: none} #pfad a:hover,#pfad a:focus{ text-decoration:underline} #pfad span{float:left;} #pfad span.sep {background-image: url("../img/buttons/arrow_right.png"); background-position: left center;background-repeat: no-repeat;margin: 0 5px;overflow: hidden;text-align:center; color:transparent; width:13px;} #pfad .paththispage{line-height:13px} #inhalt .oben {position:relative; min-height:70px;overflow:hidden} body.start #inhalt .oben {overflow:inherit} .standard #inhalt .oben, .hsb #inhalt .oben {min-height:0 !important} .standard.h1 #inhalt .oben {min-height:70px !important} #sponsors{font-size:10px;margin:15px 0 0 15px} #sponsors a{margin:0 5px; color:#666} .redButton { border: 1px solid #CE2D19 ; border-color: #CE2D19 #C52118 #BA1126 #C72317; border-radius: 2px; background-color: #C90219; color: #fff; padding: 0 15px; font-family: TheSansUHHBold, sans-serif; font-size: 12px; line-height: 22px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background-image: -webkit-linear-gradient(270deg, #E5331C 0%, #C90219 100%); background-image: linear-gradient(180deg, #E5331C 0%, #C90219 100%); } a.redButton { color: #fff !important; padding: 1px 15px;white-space:nowrap;display:inline-block } a.redButton:hover {text-decoration:none !important} #skyscraper{position:fixed; left:50%; margin-left:510px; top:10px; z-index:1;width:160px;height:600px;overflow:hidden} body.home > .autoscalewrapper,body.home > iframe{position:absolute; left:-1000px; width:1px;height:1px} .autoscaleprobe{display:block;height:0;overflow:hidden;} .autoscaleprobe:after{content:"-"} /*@media only screen and (max-width: 1360px) { .home#i1,.home-marketing#i1{padding-right:160px} .home#i1 #skyscraper,.home-marketing#i1 #skyscraper{margin-left:430px} } @media only screen and (max-width: 1170px) { .home#i1 #seite,.home-marketing#i1 #seite{ margin-left:0;} .home#i1 #skyscraper,.home-marketing#i1 #skyscraper{margin-left:0; left:1008px} }*/ .home-marketing #skyscraper a{position:absolute;top:0;left:0;z-index:10 } .home-marketing #skyscraper a + a{margin-left:200px;z-index:0 } .home-marketing #skyscraper img{width:160px;height:600px } /* breiter Skyscraper #skyscraper{position:fixed; left:50%; margin-left:510px; top:10px; z-index:1;width:200px;height:600px;overflow:hidden} @media only screen and (max-width: 1440px) { .home#i1,.home-marketing#i1{padding-right:200px} .home#i1 #skyscraper,.home-marketing#i1 #skyscraper{margin-left:410px} } @media only screen and (max-width: 1250px) { .home#i1 #seite,.home-marketing#i1 #seite{width:958px; margin-left:0;} .home#i1 #skyscraper,.home-marketing#i1 #skyscraper{position:absolute;margin-left:0; left:1008px} } .home-marketing #skyscraper a{position:absolute;top:0;left:0;z-index:10 } .home-marketing #skyscraper a + a{margin-left:200px;z-index:0 } .home-marketing #skyscraper img{width:160px;height:600px } */ html.js .emil{cursor:pointer} html.js .emil:hover{text-decoration:underline} html.js .emil .e{display:none} .emil .n:after{content:"@"} .emil.link .n:after{content:""} .emil .a{display:none} .emil.link .a{display:inline} /******************** INHALT ********************/ #inhalt{font-size:12px } .standard #inhalt{margin-left:10px } .box{position:relative;clear:both ;} .box:after{content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; visibility:hidden } .spalten:after{content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; visibility:hidden } .spalte.links {position:relative} .spalte.links h1, h1{margin:0 0 12px 0;font-size: 20px} .spalte.links h2 {font-size: 15px; line-height: 20px;margin: 0 0 10px 0;padding:0;} .spalte.links h2.titel {font-size: 15px; line-height: 20px;margin: 8px 0 4px 0;padding:0 0 4px 0;border-bottom: 1px solid #DDDDDD;} .spalte.links h3 {font-size: 13px; line-height: 18px;margin: 12px 0 8px 0;padding:0} .spalte.links h4 {font-size: 12px; margin: 12px 0 8px 0;padding:0} .spalte.links h5 {font-size: 12px; margin: 12px 0 8px 0;padding:0} .spalte.links .fotolinks + h3 {margin-top:15px} .spalte.links img.rechts{float:right; margin:0px 0 10px 10px} .spalte.links ol{list-style-type:decimal } .spalte.links ol ol{list-style-type:decimal } .spalte.links ul{list-style-type:none } .spalte.links ul.nobullets{padding-left:0 } ul.nobullets > li:before{content:none !important} .spalte.links ul li{position:relative } .spalte.links ul > li:before{content:' '; background:#e3001b; position:absolute; width:6px;overflow:hidden; height:6px;top:6px; left:-14px} .spalte.links ul ul > li:before{content:' '; background:#e3001b; position:absolute; width:4px;overflow:hidden; height:4px;top:7px; left:-13px;border-radius:2px} .social_share_privacy_area li:before, .studiengang .liste li:before, .organigramm li:before,#sitemap li:before,.tabs li:before,.teaser-2-col li:before,.teaser-3-col li:before,.tab-container .inhalt li:before,table.service ul li:before,ul.schwerpunkteliste li:before,.sprechzeiten ul li:before,.import.einmaleins ul li:before, .nachrichten.uebersicht .meldung .text li:before{content:none !important} .sprechzeiten ul,ul.schwerpunkteliste{list-style-type:disc !important} #i1343765231 .spalte.links{padding:0;width:66%} #organigramm {position:relative;width:630px;min-height:800px} html[lang="en"] #organigramm {min-height:850px} .praesidium {position:absolute; top:0;left:0; width:630px; height:80px; border:1px solid #999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .organigramm{width:630px;position:relative; line-height:1em; height:570px;} .organigramm, .organigramm ul{margin:0;padding:0;list-style-type:none} .organigramm a {;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .o-I a, .o-II a, .o-III a, .o-ref a, .o-stab a{display:block; color:#4e4e4e; height:100%} .o-I a:hover, .o-II a:hover, .o-III a:hover{text-decoration:none; } .o-I a:focus, .o-II a:focus, .o-III a:focus{text-decoration:none; outline:none } .o-ref a:focus, .o-ref a:hover{ text-decoration:none;outline:none } .o-stab,.o-box,.o-abt .o-abt ul li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; text-align:center; background-color:#fff} .o-I{top:0;left:0;width:100%; line-height:30px; height:32px; position:absolute;text-align:left;text-indent:18px} html[lang="en"] .o-I{text-indent:22px} .o-II{top:45px;width:23.5%; line-height:40px;height:42px; position:absolute;font-family: TheSansUHHBold,sans-serif; font-weight: normal;} .o-vp1 .o-II{left:0;} .o-vp2 .o-II{left:25.5%} .o-vp3 .o-II{left:51%} .o-k .o-II{left:76.5%} .o-p .o-I a, .o-p .o-III a, .o-p .o-ref a{border:1px solid #e19c99} .o-vp1 .o-II a, .o-vp1 .o-III a, .o-vp1 .o-ref a{border:1px solid #cc96ca} .o-vp2 .o-II a, .o-vp2 .o-III a, .o-vp2 .o-ref a{border:1px solid #e2c500} .o-vp3 .o-II a, .o-vp3 .o-III a, .o-vp3 .o-ref a{border:1px solid #7ba482} .o-k .o-II a, .o-k .o-III a, .o-k .o-ref a{border:1px solid #7a91c2} .o-stab.o-p a{border:1px solid #e19c99} .o-stab.o-vp1 a{border:1px solid #cc96ca} .o-stab.o-vp2 a{border:1px solid #e2c500} .o-stab.o-vp3 a{border:1px solid #7ba482} .o-stab.o-k a{border:1px solid #7a91c2} .o-stab.o-vp1.o-k a{border:1px solid #cc96ca;box-shadow:0 0 0 1px #fff inset, 0 0 0 2px #7a91c2 inset} .o-stab.o-p.o-k a{border:1px solid #e19c99;box-shadow:0 0 0 1px #fff inset, 0 0 0 2px #7a91c2 inset} .organigramm > li > div.o-box a{border-width:0;padding:1px} .organigramm > li > div.o-box a:hover, .organigramm > li > div.o-box a:focus{border-width:1px;padding:0;text-decoration:none !important} .organigramm > li.o-p > div.o-box a:hover,.organigramm > li.o-p > div.o-box a:focus, .organigramm > li.o-p .o-abt .o-box a:hover,.organigramm > li.o-p .o-abt .o-box a:focus, .organigramm > li.o-p .o-ref a:hover,.organigramm > li.o-p .o-ref a:focus ,.organigramm > li.o-p .o-stab a:hover,.organigramm > li.o-p .o-stab a:focus {background-color:rgba(225,156,153,0.15)} .organigramm > li.o-vp1 > div.o-box a:hover,.organigramm > li.o-vp1 > div.o-box a:focus, .organigramm > li.o-vp1 .o-abt .o-box a:hover,.organigramm > li.o-vp1 .o-abt .o-box a:focus, .organigramm > li.o-vp1 .o-ref a:hover,.organigramm > li.o-vp1 .o-ref a:focus ,.organigramm > li.o-vp1 .o-stab a:hover,.organigramm > li.o-vp1 .o-stab a:focus {background-color:rgba(204,150,202,0.15)} .organigramm > li.o-vp2 > div.o-box a:hover,.organigramm > li.o-vp2 > div.o-box a:focus, .organigramm > li.o-vp2 .o-abt .o-box a:hover,.organigramm > li.o-vp2 .o-abt .o-box a:focus, .organigramm > li.o-vp2 .o-ref a:hover,.organigramm > li.o-vp2 .o-ref a:focus ,.organigramm > li.o-vp2 .o-stab a:hover,.organigramm > li.o-vp2 .o-stab a:focus {background-color:rgba(226,197,0,0.15)} .organigramm > li.o-vp3 > div.o-box a:hover,.organigramm > li.o-vp3 > div.o-box a:focus, .organigramm > li.o-vp3 .o-abt .o-box a:hover,.organigramm > li.o-vp3 .o-abt .o-box a:focus, .organigramm > li.o-vp3 .o-ref a:hover,.organigramm > li.o-vp3 .o-ref a:focus ,.organigramm > li.o-vp3 .o-stab a:hover,.organigramm > li.o-vp3 .o-stab a:focus {background-color:rgba(123,164,130,0.15)} .organigramm > li.o-k > div.o-box a:hover,.organigramm > li.o-k > div.o-box a:focus, .organigramm > li.o-k .o-abt .o-box a:hover,.organigramm > li.o-k .o-abt .o-box a:focus, .organigramm > li.o-k .o-ref a:hover,.organigramm > li.o-k .o-ref a:focus ,.organigramm > li.o-k .o-stab a:hover,.organigramm > li.o-k .o-stab a:focus {background-color:rgba(122,145,194,0.15)} .organigramm a:hover{text-decoration:none !important} .o-I,.o-II{line-height:30px;height:auto} .o-I{width:23.5%} .organigramm > li.o-p > div.o-box {margin:4px 0 0 4px} .organigramm > li.o-vp1 > div.o-box {margin:-1px 0 0 4px} .organigramm > li.o-vp2 > div.o-box {margin:-1px 0 0 2px} .organigramm > li.o-vp3 > div.o-box {margin:-1px 0 0 -2px} .organigramm > li.o-k > div.o-box {margin:-1px 0 0 -4px} .organigramm > li:hover .o-stab, .organigramm > li:focus .o-stab {z-index:1} .o-abt{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute !important;top:93px} .o-stab{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute !important;top:93px} .stab .o-abt{top:173px} .stab .o-stab{top:93px} .a9 .o-abt, .a9 .o-stab{width:10.66666%} .a9 .o-abt.o-1, .a9 .o-stab.o-1 {left:0%} .a9 .o-abt.o-2, .a9 .o-stab.o-2 {left:10.666%; margin-left:0.5%} .a9 .o-abt.o-3, .a9 .o-stab.o-3 {left:21.3332%; margin-left:1%} .a9 .o-abt.o-4, .a9 .o-stab.o-4 {left:31.9998%; margin-left:1.5%} .a9 .o-abt.o-5, .a9 .o-stab.o-5 {left:42.6664%; margin-left:2%} .a9 .o-abt.o-6, .a9 .o-stab.o-6 {left:53.333%; margin-left:2.5%} .a9 .o-abt.o-7, .a9 .o-stab.o-7 {left:63.9996%; margin-left:3%} .a9 .o-abt.o-8, .a9 .o-stab.o-8 {left:74.6662%; margin-left:3.5%} .a9 .o-abt.o-9, .a9 .o-stab.o-9 {left:85.3328%; margin-left:4%} .a8 .o-abt, .a8 .o-stab{width:12.055%} .a8 .o-abt.o-1, .a8 .o-stab.o-1{left:0%} .a8 .o-abt.o-2, .a8 .o-stab.o-2{left:12.055%; margin-left:0.5%} .a8 .o-abt.o-3, .a8 .o-stab.o-3{left:24.11%; margin-left:1%} .a8 .o-abt.o-4, .a8 .o-stab.o-4{left:36.165%; margin-left:1.5%} .a8 .o-abt.o-5, .a8 .o-stab.o-5{left:48.22%; margin-left:2%} .a8 .o-abt.o-6, .a8 .o-stab.o-6{left:60.275%; margin-left:2.5%} .a8 .o-abt.o-7, .a8 .o-stab.o-7{left:72.33%; margin-left:3%} .a8 .o-abt.o-8, .a8 .o-stab.o-8{left:84.385%; margin-left:3.5%} .a8 .o-abt.o-9, .a8 .o-stab.o-9{left:96.44%; margin-left:4%} .o-III,.o-s{ height:74px; overflow:hidden} .o-III a,.o-s a{ padding:5px 1px;} .o-III strong,.o-s strong{ font-size:10px} .o-III div,.o-s div{ font-size:9px; margin-top:3px} .o-abt .o-ref{background-color:#fff;margin-top:2px; text-align:center; overflow:hidden; height:68px; } .o-abt ul{margin-top:10px} .o-ref strong{ font-size:10px} .o-ref a{ padding:5px 0px} .o-ref div{ font-size:9px; margin-top:3px} .o-ref.o-1{} .o-ref.o-2{ height:75px} html[lang="en"] .o-ref.o-2{ height:88px} .o-ref.o-3{ height:89px} html[lang="en"] .o-ref.o-3{ height:91px} .o-ref.o-4{height:85px} html[lang="en"] .o-ref.o-4{ height:87px} .o-ref.o-5{height:75px } html[lang="en"] .o-ref.o-5{ height:87px} .spalte.links > p:first-child {margin-top:0} .spalte.links table {border-collapse:collapse;width:100%;margin-bottom:15px} .spalte.links table th,.spalte.links table td {padding:8px;border:1px solid #ddd;} .spalte.links table th,.spalte.links table td {} table#programm,table.programm{ border-collapse:collapse; overflow:visible;border:0 !important} table#programm th,table.programm th {padding:4px 26px !important;background: none repeat scroll 0 0 #f3f3f3 !important;border:0 !important;} table.programm th:first-child {width:13% !important} table#programm td,table.programm td {padding:26px !important;border:0 !important;} table#programm tr:hover td,table.programm tr:hover td{background-color:#f6f6f6 !important} table.programm h3{margin-top:0 !important} table.programm td.td-3{padding:26px 0 !important } table.programm td.td-3 div.td-3{float:left;width:33.3333333333%; padding:0 26px;} @media only screen and (max-width: 700px) { table.programm td.td-3 div.td-3{float:none;width:auto;} } .spalte.links table.gstl_0 td {padding:0;border:0} .spalte.links table.grafik td a {display:block;background-image: url("../img/buttons/dart-round-gr.gif");background-position: 0 center; background-repeat: no-repeat; color: #4E4E4E;padding-left: 13px; text-decoration: none;font-size: 11px;} .spalte.links table td a:hover {color: #c40017; text-decoration: underline;} table.noborder td, table.noborder th{border:0 !important;padding:4px !important} table[border="0"], table[border="0"] th, table[border="0"] td{border-width:0 !important} #inhalt table td {vertical-align:top} #inhalt table td.gross {font-size:20px;color: #E2001A ;font-family: TheSansUHHBold,sans-serif; font-weight: normal } table + .box{margin-top:19px !important} table h1{width:auto !important} .mitarbeiterinnen table a{background-image: none !important;padding:0 !important} table.service{width:100%;border-collapse:collapse;border-collapse:collapse;border-spacing:5px; border-radius:5px} table.service td{vertical-align:top;padding:12px 3px !important;border-top:1px solid #ddd; border-width:1px 0 0 0 !important} table.service tr:first-child td{border-top:0} table.service tr td:first-child b, table.service tr td:first-child strong{background-image: url(../img/icons/quadratgrau.gif);background-position:0px 5px;background-repeat: no-repeat; padding-left: 15px;} table.service tr td:first-child, table.service tr td:first-child + td {padding-right:10px} table.service td ul{vertical-align:top;margin:0 0 -2px 0} table.service ul{ line-height: normal;font-size: 12px;list-style-type: none; margin: 0 0 0 14px; padding:0} table.service ul ul{margin-left:14px} table.service ul li{ margin: 0 0 2px 0 !important;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 5px; background-repeat: no-repeat; padding-left: 15px;;} table.service a{ color: #4E4E4E; text-decoration: none;padding-left:0 !important} table.service a {display:inline;background-image: none !important; text-decoration: none;font-size: 12px;} table.service a:hover,.uh .spalte.links ul a:focus{ color: #c40017;} table.streifen tr:nth-of-type(even) td {background-color:#f3f3f3} table.markiert tr td {background-color:#feffec !important} table tr td.markiert, table tr th.markiert {background-color:#feffec !important} table tr td.frei, table tr th.frei {background-color:#ffe8e8 !important} .spalte.links table.matrix{border:0;border-collapse:collapse;width:603px;border-spacing:0} .spalte.links table.matrix th,.spalte.links table.matrix td{font-family: TheSansUHHBold,sans-serif;font-weight: normal;padding:0;border:0} .spalte.links table.matrix th + th{width:109px; height:49px} .spalte.links table.matrix td + td{width:109px; height:55px} .spalte.links table.matrix th div{margin:0 2px;border:1px solid #888; width:103px;height:43px; line-height:45px;font-size:15px; color:#fff;background:#ABAAAA ; border-radius:3px;text-align:center; text-shadow:1px 1px 1px #666} .spalte.links table.matrix td div{height:51px;width:105px; background-color:#EFF8FF;font-size:14px; white-space:nowrap;padding:0 2px} .spalte.links table.matrix td:first-child div{text-shadow:1px 1px 1px #fff;height:49px;padding-left:8px;line-height:49px;border:1px solid #ddd; border-width:1px 0 1px 1px; border-radius: 3px 0 0 3px;width:auto; } .spalte.links table.matrix td:last-child div{padding:0 0 0 2px; border-radius:0 5px 5px 0 } .spalte.links table.matrix td a{display:block;width:105px; height:51px;padding:0;margin:0;background:#eee url(../img/buttons/matrix-a.png); background-position:0 -51px !important; border-radius:3px} .spalte.links table.matrix tr:nth-child(2) td:nth-child(2) a{background:#eee url(../img/buttons/matrix-a-cursor.png)} .spalte.links table.matrix td a:hover{background-position:0 0 !important} .spalte.links table.matrix2{border:0;border-collapse:separate;width:100%;border-spacing:4px 4px; width:-moz-calc(100% + 8px);width:-webkit-calc(100% + 8px);width:calc(100% + 8px);margin:0; margin: -moz-calc(0% - 4px); margin: -webkit-calc(0% - 4px); margin: calc(0% - 4px)} .spalte.links table.matrix2 th, .spalte.links table.matrix2 td{border:0;border-radius:3px} .spalte.links table.matrix2 thead th { background-color: #E3001B; color: #fff; text-transform:uppercase;width:25%;font-family: TheSansUHHBold,sans-serif; font-weight: normal } .spalte.links table.matrix2 tbody th {font-family: TheSansUHHBold,sans-serif; font-weight: normal; text-align:left;background-color: #FAF8F9;vertical-align:top} .spalte.links table.matrix2 td { background-color: #e9e9e9;vertical-align:top} .spalte.links table.matrix2 a {color: #4e4e4e; text-decoration: none; } .spalte.links table.matrix2 a:hover {color: #4e4e4e; text-decoration: underline; } .gruen{background: #CF6} .gelb{background: #FF9} .rot{background: #Fcc } table.todo th, table.todo td{border:1px solid #666 !important;padding:1px 3px !important; color:#222 !important } table.todo th{ -moz-hyphens:none; -webkit-hyphens:none;hyphens:none; } table.todo p{margin-top:0 } table.todo p:last-child{margin-bottom:0 } .table{display:table; width:100%} .table .col{display:table-cell;vertical-align:top} .table.dreispaltig .col{width:33.33%} .veranstaltungen{} .veranstaltungen .monat{} .veranstaltungen h2.monatsname{background-color:#f0f0f0; margin:0 0 15px 0; padding:4px 16px; font-size:14px} .veranstaltungen .veranstaltung{margin-bottom:25px; padding-bottom:25px; border-bottom: 1px solid #e4e4e4} .veranstaltungen .veranstaltung:last-child{ border-bottom:0; margin-bottom:0} .veranstaltungen .monat:last-child .veranstaltung:last-child{ padding-bottom:0} .veranstaltungen .veranstaltung h3.titel{} .veranstaltungen .veranstaltung .zeit{font-family: TheSansUHHBold,sans-serif; font-weight: normal} .veranstaltungen .veranstaltung .inhalt{margin:15px 0; overflow:hidden;} .veranstaltungen .veranstaltung .inhalt .foto{float:left; width:185px; min-height:100px;overflow:hidden; margin:4px 20px 20px 0; background:#f0f0f0} .veranstaltungen .veranstaltung .inhalt .text{} .veranstaltungen .veranstaltung .zeit2{font-family: TheSansUHHBold,sans-serif; font-weight: normal} .veranstaltungen .veranstaltung .ort{font-family: TheSansUHHBold,sans-serif; font-weight: normal} .veranstaltung .ort a img {position: relative;} .veranstaltung .ort a img {position: absolute;margin-left: 10px;} .veranstaltungen .veranstaltung .kontakt{margin-top:15px} .veranstaltungen .veranstaltung .web{} .veranstaltungen .veranstaltung .pdf{} .veranstaltungen a{color:#c40017} .veranstaltungen a:hover{;text-decoration:underline} .veranstaltungen *:empty{display:none} .veranstaltungen br:empty{display:inline} .veranstaltungen iframe:empty{display:block !important} .veranstaltungen img{display:inline !important} .mitarbeiterinnen{} .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste{display:none} .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste table{width:100%} .mitarbeiterinnen .liste table th{ border-width:1px 0 0 0;padding:5px 4px 5px 0} .mitarbeiterinnen .liste table td{ border-width:1px 0 0 0;padding:5px 4px 5px 0} .mitarbeiterinnen .liste table td.name{ max-width:100px} .mitarbeiterinnen .liste table td.telefon{ max-width:100px} .mitarbeiterinnen .liste table tr:first-child td{ border-width:0px 0 0 0} .mitarbeiterinnen .liste table a{ color: #c40017; text-decoration: none} .mitarbeiterinnen .liste table a:hover, .mitarbeiterinnen .liste table a:focus{ color: #c40017; text-decoration: underline} .mitarbeiterinnen #liste0{display:none} .mitarbeiterinnen #organisatorisch1{display:none} .mitarbeiterinnen .kopf{display:none;font-size: 13px;margin: 0px 0 20px;padding: 6px 0 5px 0;overflow:visible !important;} html.js.css .mitarbeiterinnen .kopf{display:block} .mitarbeiterinnen .kopf .titel{margin-left:10px;float:left; width:110px;} .mitarbeiterinnen .kopf .alphabet {font-size: 0.1px;line-height:1.5;font-family: TheSansUHHBold,sans-serif; font-weight: normal} .mitarbeiterinnen .kopf .alphabet a{;font-size: 13px;text-transform:uppercase; color:#4e4e4e;padding:0 3px;margin-right:4px} .mitarbeiterinnen .kopf .alphabet a:hover{ color:#c40017;border:1px dotted #c40017;padding:0 2px; text-decoration:none} .mitarbeiterinnen .kopf .alphabet a.an {color:#c40017;padding:0 1px; border:1px solid #c40017} .mitarbeiterinnen .kopf .alphabet a.an:hover {text-decoration:none} .mitarbeiterinnen .kopf .alphabet a.an:focus {outline:0} .mitarbeiterinnen .kopf span{text-transform:uppercase; color:#e0e0e0} .mitarbeiterinnen .kopf .alphabet {margin-bottom:6px;} .mitarbeiterinnen .kopf .alphabet .alle {text-transform: capitalize;cursor:pointer; white-space:nowrap;background-color: #666; border: 0 none; border-radius: 3px; color: #fff !important; font-size: 10px; height: 12px; line-height: 12px; margin: 0 4px 0 5px; padding: 0 6px; position: relative; top: -1px;} .mitarbeiterinnen .kopf .alphabet .alle:hover {border: 0 none; border-radius: 3px; color: #fff !important; padding: 0 6px; } .mitarbeiterinnen .kopf .alphabet span{font-size: 13px;padding:0 3px; border-radius:2px;margin-right:4px} .mitarbeiterinnen .kopf .filter {font-size: 6px;overflow:hidden} .mitarbeiterinnen .orglinks {display:none} .mitarbeiterinnen .kopf .filter div {display:inline-block;vertical-align:middle; margin-right:12px;} .mitarbeiterinnen .kopf .filter div:last-child {margin-right:0;} .mitarbeiterinnen .kopf .filter select {font-size:11px; max-width:220px;} .fakultaet .mitarbeiterinnen .kopf .filter select { max-width:200px} .mitarbeiterinnen .kopf .filter img {cursor:pointer} .mitarbeiterinnen .kopf .sortiere{float:left; width:167px;background-image: url("../img/buttons/bottom.gif"); background-position: left center;background-repeat: no-repeat;padding-left: 19px;} .mitarbeiterinnen .kopf .liste{cursor: pointer;float:left; width:80px;background-image: url("../img/buttons/bottom.gif"); background-position: left center;background-repeat: no-repeat;padding-left: 19px;} .mitarbeiterinnen .kopf .sortiere b{cursor: pointer} .mitarbeiterinnen .kopf .typ{font-size:0px; margin-bottom:-1px; white-space:nowrap} .mitarbeiterinnen .ordner{} .mitarbeiterinnen .organisationseinheit{clear:both;display:block;border-bottom: 1px solid #ddd;font-size: 14px !important;line-height: 20px !important;padding: 5px 10px 3px 10px !important;margin:0 !important} .mitarbeiterinnen .suborganisationseinheit{clear:both;display:block;border-bottom: 1px solid #ddd;font-size: 13px !important;line-height: 18px !important;padding: 5px 10px 3px 10px !important;margin:0 !important} .mitarbeiterinnen .mitarbeiterin{clear:both;margin: 10px 0 25px 1.8%;} .mitarbeiterinnen .mitarbeiterin:after{content:" "; display:table; clear:both;height:0} .mitarbeiterinnen .mitarbeiterin a{color:#c40017;text-decoration: none} .mitarbeiterinnen .mitarbeiterin a:hover,.mitarbeiterinnen .mitarbeiterin a:focus{;text-decoration: underline} .mitarbeiterinnen .mitarbeiterin .foto{float:left;margin: 5px 3.6% 0 0;width:16%;min-height:70px; overflow:hidden; background-color:#eee} .mitarbeiterinnen .mitarbeiterin .foto img{width:100%; font-size:6px;float:left} .mitarbeiterinnen .mitarbeiterin .daten{float:left; line-height:19px;margin: 0 3.6% 0 0; width: 36.6%;overflow:hidden} .mitarbeiterinnen .mitarbeiterin.keinschwerpunkt .daten{width: 80.4%;margin:0} .mitarbeiterinnen .mitarbeiterin .daten .name{} .mitarbeiterinnen .mitarbeiterin .daten .name h4{margin:0; display:inline} .mitarbeiterinnen .mitarbeiterin .daten .name .vorname{display:inline} .mitarbeiterinnen .mitarbeiterin .daten .name .nachname{} .mitarbeiterinnen .mitarbeiterin .daten .name .lz{} .mitarbeiterinnen .mitarbeiterin .daten .funktion{font-family: TheSansUHHItalic,sans-serif} .mitarbeiterinnen .mitarbeiterin .daten .raum{} .mitarbeiterinnen .mitarbeiterin .daten .strasse{} .mitarbeiterinnen .mitarbeiterin .daten .ort{} .mitarbeiterinnen .mitarbeiterin .daten .sprechzeiten{margin-top:3px} .mitarbeiterinnen .mitarbeiterin .daten .sprechzeiten.schaltbar .titel {margin-bottom: 0;} .mitarbeiterinnen .mitarbeiterin .daten .sprechzeiten .titel{border-bottom:0 !important} .mitarbeiterinnen .mitarbeiterin .daten .sprechzeiten ul{list-style-type:none;margin:0;padding:0} .mitarbeiterinnen .mitarbeiterin .schwerpunkte{float:left;margin: 0 0px 0 0;width: 40.2%; line-height:19px !important} .mitarbeiterinnen .mitarbeiterin .schwerpunkte .titel{padding-left:0; background:none;cursor:default;border-bottom:0;margin:0} .mitarbeiterinnen .mitarbeiterin .schwerpunkte .titel:after{content:"\00a0";display:block;font-weight:normal; margin-bottom:2px} .mitarbeiterinnen .mitarbeiterin .schwerpunkte.auf .titel{background:none;} .mitarbeiterinnen .mitarbeiterin .schwerpunkte .titel a{cursor:default} .mitarbeiterinnen .mitarbeiterin .schwerpunkteliste{margin:0; padding-left:14px;display:block !important} .mitarbeiterinnen .mitarbeiterin .schwerpunkte ul.liste{margin:0; padding:0;list-style-type: none; margin-bottom: 10px; margin-top: 0;} .mitarbeiterinnen .mitarbeiterin .schwerpunkte ul.liste li{background-image: url("../img/global/dart-round-gr-list-2.gif"); background-repeat: no-repeat; line-height: 19px; margin: 0 0 2px; padding-left: 8px;} span.ka:before{content:"a"} span.kb:before{content:"b"} span.kc:before{content:"c"} span.kd:before{content:"d"} span.ke:before{content:"e"} span.kf:before{content:"f"} span.kg:before{content:"g"} span.kh:before{content:"h"} span.ki:before{content:"i"} span.kj:before{content:"j"} span.kk:before{content:"k"} span.kl:before{content:"l"} span.km:before{content:"m"} span.kn:before{content:"n"} span.ko:before{content:"o"} span.kp:before{content:"p"} span.kq:before{content:"q"} span.kr:before{content:"r"} span.ks:before{content:"s"} span.kt:before{content:"t"} span.ku:before{content:"u"} span.kv:before{content:"v"} span.kw:before{content:"w"} span.kx:before{content:"x"} span.ky:before{content:"y"} span.kz:before{content:"z"} .formular .FEHLER .hinweis:after { content: 'Bitte Pflichtfelder ausfüllen!'; font-weight: bold; color: red; display: block } .formular .stern { color: red } .formular form { display: table; border-collapse: collapse } .formular .text .input > span,.formular .textarea .input > span, .formular .select .input > span { border: 1px solid #000; display: inline-block; position: relative } .formular .fehler.text .input > span,.formular .fehler.textarea .input > span,.formular .fehler.select .input > span { border: 1px solid red; } .formular .feld { display: table-row } .formular .label { padding: 5px; display: table-cell; border: 1px solid #999; vertical-align:top } .formular .pflicht .label label:after { content: '*'; color: red; margin-left: 2px } .formular .fehler .label label { color: red } .formular .input { padding: 5px; display: table-cell; border: 1px solid #999 } .formular input, .formular select, .formular textarea { margin: 0; outline: 0; border: 0 } .formular select option:first-child { display: none } .formular .fehler select, .formular .fehler select option:first-child { color: red } .formular .fehler select option { color: black } .formular .pflicht.text.fehler .input > span:after { border-color: red; color: red; content: 'Bitte ausfüllen'; position: absolute; left: 0 } .formular .pflicht.textarea.fehler .input > span:after { border-color: red; color: red; content: 'Bitte ausfüllen'; position: absolute; left: 0 } .formular .pflicht.radio.fehler .input > span:before { color: red; content: 'Bitte wählen Sie';display:block; margin-bottom:3px } .formular .radio .input span{ display:block } .formular .radio input{ float:left;clear:left } .formular .radio .input label{ float:left; margin:-2px 0 0 7px; max-width:90% } .formular .pflicht.radio.fehler .input input{ box-shadow:0 0 0 1px red } .formular .input1 {padding: 5px; display: table-cell; border: 1px solid #999 } .pager{position:absolute; top:12px;text-transform: capitalize; font-size:11px} .volle-breite .pager{ top:2px;} .hsb .pager{ top:38px;} .pager.prev{left:0} .pager.prev:before{content:"<";display:inline-block;top:1px;position:relative;margin:0 5px 0 0;overflow:hidden;width: 0px;height: 0px;border-style: solid;border-width: 4px 4px 4px 0;border-color: transparent #c40101 transparent; -webkit-transform:rotate(360deg)} .pager.next{right:40px} .volle-breite .pager.next{right:0px} .pager.next:after{content:">";;display:inline-block;top:1px;position:relative;margin:0 0 0 5px;overflow:hidden;width: 0px;height: 0px;border-style: solid;border-width: 4px 0 4px 4px;border-color: transparent #c40101 transparent; -webkit-transform:rotate(360deg)} /* Veranstaltungen - Eingabeformular */ #veranstaltungsformular{ background-color:#f0f0f0;border:1px solid #ddd; border-color:#ccc #666 #666 #ccc;padding:15px; max-width:1100px; font-size:0.85em} #veranstaltungsformular .form {position:relative; display:block} #veranstaltungsformular fieldset {border:1px solid #999; padding:10px} #veranstaltungsformular legend { font-weight:bold; font-size:1.15em} #veranstaltungsformular .eingabe {float:left;width:73.5%} #veranstaltungsformular .eingabe fieldset {border:1px solid #999; padding:10px} #veranstaltungsformular .eingabe div{padding:5px 0; clear:left;} #veranstaltungsformular .eingabe label{float:left;width:11em;} #veranstaltungsformular .eingabe .veranstaltung{margin-bottom:15px} #veranstaltungsformular .eingabe .veranstalter{margin-bottom:15px} #veranstaltungsformular .eingabe input.text{width:70%} #veranstaltungsformular .eingabe .hinweis{margin-left:11em;padding:0 20px 5px 0; font-style:italic} #veranstaltungsformular .eingabe textarea{width:70%; height:6em} #veranstaltungsformular .eingabe strong{border-bottom:1px dotted #999; display:block} #veranstaltungsformular .ausgabe {float:right;width:25%;} #veranstaltungsformular .ausgabe fieldset {border:1px solid #999; padding:10px 5px} #veranstaltungsformular .ausgabe div{clear:both; padding:2px 0px} #veranstaltungsformular .ausgabe div.trenner{border-top:1px dotted #999; margin-top:2px; padding-top:4px} #veranstaltungsformular .ausgabe input{float:left;padding:0; margin:1px 3px 0 0} #veranstaltungsformular .ausgabe label{position:relative;display:block; overflow:auto} #veranstaltungsformular .absenden {padding-top:20px;clear:both; text-align:center} #veranstaltungsformular .absenden input{font-size:1.1em} /******************** Unitag ********************/ #unitag select {border:0;background: #f3f3f3; height:32px; display:block; width:60%; font-family: TheSansUHHBold,sans-serif; margin-bottom:20px} .m #unitag select {width:100%;} .s #unitag select {width:100%;} #unitag option {background: #f3f3f3; height:32px; line-height:32px; display:block; font-family: TheSansUHH,sans-serif;} .m #unitag option {width:100%;} .s #unitag option {width:100%;} #unitagsuche {border:0;background: #f3f3f3; height:32px; min-width:55.6%; font-family: TheSansUHHBold,sans-serif; margin-bottom:20px} .m #unitagsuche {width:89%;} .s #unitagsuche {width:84%;} #unitag h2 {font-size:12px} #unitag button{height:32px; font-family: TheSansUHHBold,sans-serif;} #unitagveranstaltungen {border:0 !important; margin-top:40px} #unitagveranstaltungen th{background: #f3f3f3; line-height:24px} #unitagveranstaltungen th, #unitagveranstaltungen td{border-width: 0 0 1px 0} #unitagveranstaltungen th {border-left: 1px solid #fff} #unitagveranstaltungen td .titel {font-family: TheSansUHHBold,sans-serif;} #unitagveranstaltungen td.zeiten div{font-family: TheSansUHHBold,sans-serif; text-align:center} #unitagveranstaltungen td.unitagauswahl {display:none;background-repeat:no-repeat;background-position:center 20px;background-size:18px;background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cpath%20d%3D%22M16%206.204l-5.528-0.803-2.472-5.009-2.472%205.009-5.528%200.803%204%203.899-0.944%205.505%204.944-2.599%204.944%202.599-0.944-5.505%204-3.899z%22%20fill%3D%22%23ddd%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");} #unitagveranstaltungen .selected td.unitagauswahl {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cpath%20d%3D%22M16%206.204l-5.528-0.803-2.472-5.009-2.472%205.009-5.528%200.803%204%203.899-0.944%205.505%204.944-2.599%204.944%202.599-0.944-5.505%204-3.899z%22%20fill%3D%22%23e2001a%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");} #unitag #toggleSelectedButton {border:0;width:189px;height:33px;cursor:pointer; background-image: url("../img/buttons/StudienplanAnzeigen.png");} #unitag #toggleSelectedButton.enabled {background-image: url("../img/buttons/AlleVeranstaltungen.png");} #unitagveranstaltungen td.ort a {line-height: 20px; padding-right:22px;background-repeat:no-repeat; background-position:right center; background-size:16px 20px;background-image: url("/onTEAM/admin/onteam/templates/v3/img/socialshareprivacy/mapPin.png");} #unitagveranstaltungen .unitagauswahl {display:none;} #unitagveranstaltungen.login .unitagauswahl {display:table-cell;} #unitagveranstaltungen .abteilung {display:none;} #Veranstalter1 {padding-left:0; margin-top:0} #Veranstalter1 li:before{content:"" !important; background:none} .l #unitag p{width:60%} .unitaglogin{display:none;width:100% !important;} .unitaglogin .titel {border-bottom:0 !important;} .unitaglogin .redButton {cursor:pointer} .unitaglogout{background-color:#f7f7f7;padding:12px 15px 12px 13px; display:none;width:100% !important;} .s .unitaglogout{background-color:#fff;border:none !important;} .s .unitaglogin input{font-size:15.5px;} .unitaglogout .redButton {font-size: 10px; cursor:pointer} .unitaglogout span {text-transform:uppercase; float:left; margin-top:4px} #toggleSelectedButton{} .l #i1415019513 .spalte.links .standard p {width:90%} /******************** RECHTS ********************/ /* Kalender */ /* DIV .kalender {} .kalender > .titel{padding: 6px 15px 0 15px;font-size: 14px; height: 23px;border-bottom: 1px solid #ddd; } .kalender .woche {position:relative; height:40px; margin-left: 15px} .kalender .tag {position:absolute; width:39px; height:39px; line-height:39px; font-size:13px; background-color:#EBEBEB; text-align:center;border:0} .kalender .tag.leer { background-color:transparent; } .kalender .markiert {background-color:#D9D9D9 !important;cursor:pointer} .kalender .titelzeile > .tag {font-family: TheSansUHHBold,sans-serif; font-weight: normal; background-color:#fff} .kalender .monatsnav {float: right; margin-top: 1px; font-size:11px;} .kalender .monatsnav a{display:block} .kalender .monatsnav img{margin:7px 2px} .kalender .monatsnav .vormonat {float: left;} .kalender .monatsnav #monat {float: left; padding:2px 6px 0 6px} .kalender .monatsnav .folgemonat {float: left;} .kalender .t1 {left:0px} .kalender .t2 {left:40px} .kalender .t3 {left:80px} .kalender .t4 {left:120px} .kalender .t5 {left:160px} .kalender .t6 {left:200px} .kalender .t0 {left:240px} .kalender #liste {padding: 6px 16px;} .kalender #liste .titel {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; padding: 15px 0 1px} .kalender #liste .text {font-size: 11px;} .kalender #liste a.mehr{text-decoration:none; color: #c40017 } .kalender .uebersicht {border-top: 1px solid #ddd; margin: 12px 16px; padding: 8px 0 0 0} .kalender ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0; padding:0} .kalender li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .kalender ul a{ color: #4E4E4E; text-decoration: none} .kalender ul a:hover,.kalender ul a:focus{ color: #c40017;} */ .kalender2 {background-color:#fff} .kalender2 a{color:#4e4e4e} .kalender2 a:hover{color:#c40017; text-decoration:none} .kalender2 > .titel{margin:0;padding: 5px 5px 6px 15px;font-size: 14px; border: 1px solid #ddd;border-color:#fff #fff #ddd #fff;background:#f7f7f7;overflow:hidden } /* !!! */ .kalender2 .monatsnav {visibility:hidden;float: right; margin-top: 1px; font-size:11px;} html.js .kalender2 .monatsnav {visibility:visible} .kalender2 .monatsnav a{display:block;font-size:13px;cursor:pointer} .kalender2 .monatsnav .vormonat {float: left;} .kalender2 .monatsnav .monat {float: left; padding:2px 4px 0 4px;cursor:cell} .kalender2 .monatsnav .folgemonat {float: left;} .kalender2 #kalendermonat {border-collapse:collapse; margin-left:4.9%;width:91.2%} .kalender2 #kalendermonat .woche {} .kalender2 #kalendermonat .tag {padding:0;width:13.3%; height:39px; line-height:39px; font-size:13px; background-color:#EBEBEB; text-align:center;border:1px solid #fff} .kalender2 #kalendermonat .tag.leer { background-color:transparent; } .kalender2 #kalendermonat .markiert {background-color:#D9D9D9 !important;cursor:pointer} .kalender2 #kalendermonat .titelzeile > .tag {font-family: TheSansUHHBold,sans-serif; font-weight: normal; background-color:#fff} .kalender2 .liste{list-style-type: none; margin: 0px; padding:16px; max-height:300px;overflow:auto} html.js .kalender2 .liste{ margin: 5px 16px 2px 16px; padding:0;max-height:none;overflow:hidden;clear:both} .kalender2 .liste li{ margin: 14px 0;overflow:hidden} .kalender2 .datum{float:left;border:1px solid #ddd;width:40px; text-align:center;border-radius:2px;margin-right:10px } /* !!! */ .kalender2 .datum .monat{display:block;font-family: TheSansUHHBold,sans-serif; font-weight: normal;border-radius:2px 2px 0 0;border-bottom:1px solid #ddd;color:#fff; font-size:10px ;background-color:#e2001a;padding:1px 0 0 0;line-height:13px;} .kalender2 .datum .tag{display:block;font-family: TheSansUHHBold,sans-serif; font-weight: normal;color:#777; font-size:18px;background-color:#f3f3f3;text-shadow:1px 1px #fff } .kalender2 .inhalt{overflow:hidden } .kalender2 .inhalt .titel {display:block;color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 12px; margin:-3px 0 0 0} .kalender2 .inhalt .titel a{text-decoration:none} .kalender2 .inhalt .titel a:hover{text-decoration:underline} .kalender2 .inhalt .text {font-size: 11px;} .kalender2 .inhalt a.mehr{text-decoration:none; color: #c40017 ;margin-left:3px} .kalender2 a.rss {position:absolute;width:16px; height:16px;right:15px; bottom:12px;background-image: url(../img/icons/rss.gif);overflow:hidden;text-indent:36px;} .kalender2 .uebersicht {border-top: 1px solid #ddd; margin: 0 16px; padding: 6px 0 8px 0} .kalender2 .uebersicht a{ color: #4E4E4E; text-decoration: none;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 4px; background-repeat: no-repeat; padding-left: 12px} .kalender2 .uebersicht a:hover{ color: #c40017;text-decoration: underline} .subnav {overflow:visible !important;position:relative;} .subnav:empty {display:none} .subnav .titel {border-radius: 2px 2px 0 0;box-sizing:content-box;background-color: #A4A5A6;min-height: 10px;color: #FFFFFF;position:relative; width:100%;top:-1px; left:-1px; border-top:1px solid #A4A5A6; border-right:1px solid #A4A5A6; border-left:1px solid #A4A5A6; } .subnav .titel strong a{background-image:none;background-color: #A4A5A6;color: #FFFFFF;border:0px;text-shadow: 1px 1px 1px #777777; display:block;font-size: 14px; padding: 4px 10px 5px 13px; font-weight: normal;line-height: 20px;} .subnav #subnav{margin-top:-1px} .subnav.ohnetitel #subnav{margin-top:0px} .subnav ul{list-style-type:none; margin:0; padding:0} .subnav li{} .subnav li ul{padding:4px 0;background-color: #f9f9f9} .subnav li ul ul{padding:0;} .subnav li:hover{} .subnav a{background-image:url(../img/buttons/dart-bl-right.gif); background-repeat:no-repeat;background-color: #F3F3F3;color: #4E4E4E;display: block;text-decoration: none;padding:6px 6px 6px 13px;border:1px solid #fff;border-color: #fff #fff #D4D4D4 #fff;} .subnav ul a:hover,.subnav ul a:focus{background-color: #e3e3e3;border-color: #eee #eee #D4D4D4 #eee;} .subnav a.hier{font-family: TheSansUHHBold,sans-serif; font-weight: normal;} .subnav a.hier:hover{} .subnav a.zu{background-image:url(../img/buttons/dart-bl-right.gif)} .subnav a.auf,.subnav li.auf > a{background-image:url(../img/buttons/dart-bl-down.gif);} .subnav .intern a,.subnav .extern a ,.subnav .subextern > a {background-image:url(../img/buttons/SubNavi_Dreieck_weiss.png);} .subnav li.auf li a{background-color: #f9f9f9} .subnav li.aktiv > a{background-color: #e3e3e3} .subnav li a{padding:6px 6px 6px 25px; background-position:13px 10px} .subnav li li a{padding:2px 6px 2px 35px; background-position:23px 6px; border-width:0 !important} /* .subnav li li:first-child a{padding-top:6px; background-position:23px 9px;} .subnav li li:last-child a{padding-bottom:6px}*/ .subnav li a.auf,.subnav li.auf > a{background-position:13px 12px} .subnav li li a.auf,.subnav li li.auf > a{background-position:23px 8px} .subnav li li li a.auf,.subnav li li li.auf > a{background-position:33px 8px} .subnav li li li li a.auf,.subnav li li li li.auf > a{background-position:43px 8px} .subnav li:last-child a{border-bottom-color:#fff} .subnav li li li a{padding:2px 6px 2px 45px; background-position:33px 6px; border-width:0} .subnav li li li li a{padding:2px 6px 2px 55px; background-position:43px 6px; border-width:0} .subnav li li li li li a{padding:2px 6px 2px 65px; background-position:53px 6px; border-width:0} .subnav li > ul{border:1px solid #d4d4d4; border-color:#fff #fff #d4d4d4 #fff } .subnav li li > ul{border:0 } .subnav li li a.auf{border-bottom-width:0px !important} .subnav li li li:last-child a{border-bottom-width:0px !important} .subnav li li a:hover{text-decoration:underline} ul.download{list-style-type: none; margin: 0; padding:0} ul.download li{ margin: 0 0 2px 0;min-height:60px;background-image: url(../img/buttons/download.gif);background-repeat: no-repeat; padding-left: 66px;;} /******************** UNTEN ********************/ #seiteninfo {clear:both; border-top: 1px solid #ddd; padding: 9px 0 8px 15px; overflow:hidden;font-size: 11px;margin:30px 0 0 0} #seiteninfo a{ color: #4E4E4E;text-decoration: none;} #seiteninfo a:hover,#seiteninfo a:focus{text-decoration:underline} #seiteninfo .sep{margin: 0px 5px;} #seiteninfo .info{ float:left} .konferenz .meta .login{display:none} .konferenz #seiteninfo{padding:30px 0 10px 0} .konferenz #seiteninfo{padding:30px 0 10px 0} .konferenz #seiteninfo .info{ float:none; text-align:center; font-size:12px; line-height:22px} .konferenz #seiteninfo .info .phone{display:inline-block; padding-left:20px; padding-right:26px; background-image:url(../img/icons/phone.png);background-position:left center;background-repeat:no-repeat} .konferenz #seiteninfo .info .fax{display:inline-block; padding-left:20px; padding-right:26px; background-image:url(../img/icons/fax.png);background-position:left center;background-repeat:no-repeat} .konferenz #seiteninfo .info .email{display:inline-block; padding-left:20px; background-image:url(../img/icons/mail.png);background-position:left center;background-repeat:no-repeat} #seiteninfo a.print{background-image: url(../img/buttons/print.png);background-position: 0 0px; background-repeat: no-repeat;padding-left: 20px;float:left;min-height:16px} #seiteninfo a.feedback{background-image: url(../img/buttons/dart-round-gr.gif);background-position: 0 3px; background-repeat: no-repeat;padding-left: 12px; font-family: TheSansUHHBold,sans-serif; font-weight: normal;} #seiteninfo a.impressum{background-image: url(../img/buttons/dart-round-gr.gif);background-position: 0 3px; background-repeat: no-repeat;padding-left: 12px; font-family: TheSansUHHBold,sans-serif; font-weight: normal;} #seiteninfo .blaettern{ float:right} #seiteninfo .blaettern div{ float:left} #seiteninfo .blaettern a.top{background-image:url(../img/buttons/top.gif);background-position: right center; background-repeat: no-repeat;padding-right: 16px} #seiteninfo .blaettern a.previous{background-image:url(../img/buttons/previous.gif);background-position: right center; background-repeat: no-repeat;padding-right: 16px} #seiteninfo .blaettern a.next{background-image:url(../img/buttons/next.gif);background-position: right center; background-repeat: no-repeat;padding-right: 16px} #seite #fuss{padding:40px 15px 0 15px; font-size:11px; position:relative;min-height:276px} /* !!! */ #fuss strong.uhh{font-size:11px;display:block;position:absolute; top:15px;left:15px;letter-spacing:3px} #fuss iframe{width:928px; margin-left:-1px;height:156px} #fuss ul{ font-size:11px ;list-style-type:none; margin:0;padding:0; float:left; width:20%} #fuss ul + ul { } #fuss a { color:#4E4E4E; text-decoration:none; padding:4px 0 3px 0; display:inline-block} #fuss a:hover,#fuss a:focus{ text-decoration:underline} #fuss a.icon{background-position:left; background-repeat:no-repeat; padding:6px 0 5px 26px} #fuss a.facebook{background-image:url(../img/icons/facebook.gif)} #fuss a.twitter{background-image:url(../img/icons/twitter.gif)} #fuss a.youtube{background-image:url(../img/icons/youtube.gif)} #fuss a.rss{background-image:url(../img/icons/rss.gif)} #fuss a.podcast{background-image:url(../img/icons/podcast.gif)} #fuss a.blog{background-image:url(../img/icons/blog.gif)} #fuss a.lecture2go{background-image:url(../img/icons/lecture2go.gif)} #fuss a.uhh-app{background-image:url(../img/icons/uhh-app.png)} #fuss a.platzhalter{background-image:url(../img/icons/platzhalter.gif)} #fuss .copyright{position:absolute;left:15px;bottom:19px} #fuss .audit{width:45px;height:45px;bottom: 15px;position: absolute;right: 14px} #fuss .audit a{width:45px;height:45px;position: absolute; padding:0} .konferenz #seite #fuss{padding:20px 0px;min-height:30px;margin-top:15px} #fuss ul.menu{width:100%} #fuss ul.menu > li{float:left; width:16.6666666%;padding:0 25px} #fuss ul.menu > li > a{font-family: TheSansUHHBold,sans-serif;border-bottom:1px solid #ddd;display:block;padding-bottom:4px;margin-bottom:4px} /******************** SLIDER ********************/ .fakslider {overflow:hidden;position:relative; margin:0px 0 20px 0;clear:both; height:auto !important} /*Welcome Bild C*/ .fakslider .nav{border:0px outset; overflow:hidden; position:absolute;bottom:7px; left:653px;z-index:10; white-space:nowrap; width:300px;} .fakslider .nav ul{list-style-type:none; margin:0; padding:0;} .fakslider .nav ul li{display:inline} .fakslider .nav ul a{float:left; margin-right:5px;cursor:pointer} .fakslider .nav ul img{width:24px; height:24px;border:3px solid #999} .fakslider .activeSlide img{border:3px solid #c40017 !important} .fakslider a.prev,.fakslider a.next {float:left; width:10px; height:30px;cursor:pointer;} .fakslider a.prev{background-image:url(../img/buttons/dart-gr-left.gif);margin-right:5px} .fakslider a.next{background-image:url(../img/buttons/dart-gr-right.gif)} .fakslider .slides{overflow:hidden;background-color:#fff;margin:0; padding:0; list-style-type:none; z-index:5;width:100% !important} .fakslider .slide{overflow:hidden;width:100% !important;} .fakslider .slide + .slide{display:none } .fakslider .slide .bild{float:left; width:66.5%; overflow:hidden; background-position:center center; border-radius:4px 0 0 4px ; border-right:1px solid #ddd;position:relative} .fakslider .slide .bild img{float:left;width:100%; } .fakslider .slide .text{background:#fff;float:left; font-size: 12px; line-height: 16px; margin: 11px 0 0 2.6%; min-height: 230px; padding: 0 0 40px; width: 30.9%;} .fakslider .slide .text b {display:block;font-family: TheSansUHHBold,sans-serif;font-weight: normal;margin-bottom: 0px;} .fakslider .slide .text b span{font-family: TheSansUHH,sans-serif;color: #777777;} .fakslider .slide .text b a{color: #c40017;text-decoration:none} .fakslider .slide .text b a.rss {margin-left:5px} .fakslider .slide .text b a.rss img { position: relative;top: 1px;} .fakslider .slide .text strong{color: #4E4E4E;display:block;padding-bottom:6px; font-size: 20px; font-weight: normal; line-height: 24px;} .fakslider .slide .text .inhalt ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0; padding:0} .fakslider .slide .text .inhalt li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .fakslider .slide .text .inhalt li a{ color: #4E4E4E; text-decoration: none} .fakslider .slide .text .inhalt li a:hover{ color: #c40017;} .fakslider .mehr{ color: #c40017 ;text-decoration: none} .fakslider .mehr:hover,.fakslider .mehr:focus{ color: #4E4E4E} .fakslider .weitere { bottom: 5px; position: absolute;right: 10px; z-index: 50;} .fakslider .weitere a {background-image: url("../img/buttons/dart-round-gr.gif");background-position: 0 3px; background-repeat: no-repeat; color: #4E4E4E;padding-left: 13px; text-decoration: none;font-size: 11px;} .fakslider .buttons{border-radius:5px;position:absolute; left:69%; bottom:13px; width:73px; height:25px; z-index:1000} .fakslider .rsBullets{position:absolute; left:69%; bottom:11px; z-index:1000; padding-left:80px} .fakslider .rsBullet{box-shadow:0 0 1px rgba(222,255,255,0.5);border:1px solid #999;cursor:pointer; width:8px; height:8px; display:inline-block; vertical-align:top; background:#fff;background:#999;border-radius:8px;margin:0 3px} .fakslider .rsBullet.rsNavSelected{background:#E1011B;border-color:#E1011B} .fakslider[data-length="1"] .buttons{display:none} .fakslider .buttons a{background-position:center center;float:left; color:transparent; overflow:hidden;text-align:center ;line-height:25px;font-size:14px} .fakslider .buttons a:focus{outline:1px dotted #e4e4e4} .fakslider .buttons .pause,.fakslider .buttons .start{width:25px; height:25px;} .fakslider .buttons .pause{background-image:url(../img/buttons/pause-2.png)} .fakslider .buttons .start{background-image:url(../img/buttons/start-2.png)} .fakslider .buttons .back,.fakslider .buttons .next{width:24px; height:25px;} .fakslider .buttons .back{background-image:url(../img/buttons/back-2.png)} .fakslider .buttons .next{background-image:url(../img/buttons/next-2.png)} .fakslider .buttons .bullets{position:absolute; left: 83px;top:10px; min-width:120px} .fakslider .buttons .bullets ul{margin:0; padding:0; list-style-type:none} .fakslider .buttons .bullets ul li{float:left} .fakslider .buttons .bullets ul li a{float:left;padding:1px; margin-right:1px; width:9px; height:9px; background:transparent url(../img/buttons/punkt-grau.png) center no-repeat} .fakslider .buttons .bullets ul li.activeSlide a{background:transparent url(../img/buttons/punkt-rot.png) center no-repeat} .fakslider .buttons .back:focus,.fakslider .buttons .next:focus{border:1px dotted #c40017} .fakslider .buttons .pause:focus,.fakslider .buttons .start:focus{border:1px dotted #c40017;} .fakslider .slide .bild .bildnachweis{white-space: nowrap; font-size: 10px; text-align: right; position: absolute; left: 100%; bottom: 0; background: #fff; background: rgba(255,255,255,0.85); padding: 2px 5px; color: #666; -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left;transform-origin: bottom left; } .slider.typ3{position:relative; margin:0} .slider.typ3 .nav{position:absolute; top:0;left:0; width:100%;height:100%} .slider.typ3 a.prev,.slider.typ3 a.next {background-position:center center;position:absolute;top:50%; margin-top:-15px;width:10px; text-align:center; color:transparent;line-height:30px; height:30px;cursor:pointer;z-index:100} .slider.typ3 a.prev:focus,.slider.typ3 a.next:focus {width:8px; height:28px;border:1px dotted #c40017} .slider.typ3 a.prev{background-image:url(../img/buttons/dart-gr-left.gif); left:20px} .slider.typ3 a.next{background-image:url(../img/buttons/dart-gr-right.gif); right:20px} .slider.typ3 .slides{ position:relative; min-height:30px; z-index:5} .slider.typ3 .slides{margin:0; padding:0; list-style-type:none} .slider.typ3 .slide{margin:0; padding:0; list-style-type:none;} .slider.typ3 .slide + .slide{display:none } .slider.medien{position:relative; margin:0px 0 10px 0; z-index:10} .slider.medien .nav{position:relative; width:284px;} .slider.medien a.prev,.slider.medien a.next {position:absolute;top:8px; width:10px; height:30px;cursor:pointer;z-index:100} .slider.medien a.prev{background-image:url(../img/buttons/dart-gr-left.gif); left:0px} .slider.medien a.next{background-image:url(../img/buttons/dart-gr-right.gif); right:0px} .slider.medien .nav ul{list-style-type:none; padding:0 5px; margin-left:10px !important; margin-right:10px !important; padding:0;height:56px;border-bottom:1px solid #ddd} .slider.medien .nav ul li{display:inline} .slider.medien .nav ul a{float:left; margin-right:5px;cursor:pointer} .slider.medien .nav ul img{width:54px;height:40px;border:3px solid #fff} .slider.medien .activeSlide img{border:3px solid #c40017 !important} .slider a.prev{overflow:hidden;color:transparent;} .slider a.next{overflow:hidden;color:transparent;} /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /******************** HOME ********************/ body.home #nav{margin-bottom: 31px;} #home-newsrot .tabs{margin-bottom:-2px;padding-bottom:1px;color: #4E4E4E;font-size: 14px;line-height:32px;font-family: TheSansUHHBold,sans-serif;position:relative;float:left;height:33px;z-index:2;border:1px solid #DCE6EC; border-width:1px 0 0 1px; overflow:hidden} #home-newsrot .tab.links {box-shadow:5px 0 0px #666;width:270px;padding-left: 49px;border-right:1px solid #DCE6EC; background-position:291px 12px;} #home-newsrot .tab.mitte {width:287px;padding-left: 27px;border-right:1px solid #DCE6EC; background-position:286px 12px;} #home-newsrot .tab {padding-bottom:1px; position:relative;background-color:#E8EEF1;z-index:1;background-image:url(../img/buttons/dart-bl-right.gif); background-repeat:no-repeat} #home-newsrot .tab.on {z-index:2; background-color:#F7F9FA;z-index:1;background-image:url(../img/buttons/dart-bl-down.gif);} #home-newsrot .sections{border:1px solid #DCE6EC;position:relative;height:175px; background-color:#F7F9FA;z-index:1; clear:left} #home-newsrot .section{height:175px} #home-newsrot .slides{height:175px;margin:1px 39px 0 49px;} #home-newsrot .slide .item {float:left; margin:20px 0 10px 0; height:145px; padding:0;line-height: 16px;} #home-newsrot .slide .item.links {width:260px; padding: 0 10px 0 0px;} #home-newsrot .slide .item.mitte {width:258px; padding:0 28px; border-left:1px solid #DCE6EC; border-right:1px solid #DCE6EC} #home-newsrot .slide .item.rechts {width:260px; padding-left:20px;padding-right:0px; overflow:hidden; font-size:11px;} #home-newsrot .slide .item div.titel{font-size:14px; margin-bottom:15px} #home-newsrot .slide .item div.links{float:left; margin-right:15px; width:80px; text-align:center} #home-newsrot .slide .item div.links .tag{color: #666;font-size:10px} #home-newsrot .slide .item div.links .datum{color: #c40017;font-size:15px;margin:3px 0; font-family: TheSansUHHBold,sans-serif; font-weight: normal;} #home-newsrot .slide .item div.links .uhrzeit{color: #333;font-size:10px} #home-newsrot .slide .item div.links .ort{display:none} #home-newsrot .slide .item div.rechts{font-size:11px;overflow: hidden} #home-newsrot .slide .item div.rechts .mehr{ color: #c40017 ;text-decoration: none} #veranstaltungen-meldungen {position:relative;overflow:hidden; margin:22px 0 12px 10px;padding-bottom:25px} #veranstaltungen {float: right;width:35%} #veranstaltungen > .titel{font-size: 20px; margin: 0 0 10px 9%} #veranstaltungen .liste{list-style-type: none; margin: 0; padding:6px 0 0 9%; border-left:1px solid #ddd} /* !!! */ #veranstaltungen .liste li + li{ margin-top: 18px} #veranstaltungen .datum{float:left;border:1px solid #ddd;width:40px; text-align:center;border-radius:2px;margin-right:20px } /* !!! */ #veranstaltungen .datum .monat{display:block;font-family: TheSansUHHBold,sans-serif; font-weight: normal;;border-radius:2px 2px 0 0;border-bottom:1px solid #ddd;color:#fff; font-size:10px ;background-color:#e2001a;padding:0;line-height:14px} #veranstaltungen .datum .tag{display:block;font-family: TheSansUHHBold,sans-serif; font-weight: normal;color:#777; font-size:18px;background-color:#f3f3f3;text-shadow:1px 1px #fff } #veranstaltungen .inhalt{overflow:hidden } #veranstaltungen .inhalt .titel {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 12px; margin-top:-3px;display:block} #veranstaltungen .inhalt .titel a{color: #4E4E4E;text-decoration:none} #veranstaltungen .inhalt .titel a:hover{color: #c40017; text-decoration:underline} #veranstaltungen .inhalt .text {font-size: 12px;margin-top:3px} #veranstaltungen .uebersicht {position:absolute;right:0;bottom:0px} #veranstaltungen .uebersicht a{ color: #4E4E4E; text-decoration: none;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 4px; background-repeat: no-repeat; padding-left: 12px} #veranstaltungen .uebersicht a:hover{color: #c40017; text-decoration:underline} #i1 #meldungen { float: left; width: 62%} #meldungen {} #meldungen > .titel{font-size: 20px; height: 23px;margin:0} #meldungen .liste{list-style-type: none; margin: 0; padding:4px 0 0 0} #meldungen .liste li{ margin: 12px 0} #meldungen .liste li + li{ margin-top: 18px} /* #meldungen .bild{float:left;width:127px;height:80px;margin-right:28px; margin-top:3px }*/ #meldungen .bild{position:relative;float:left;width:94px;height:60px;line-height:54px;margin-right:15px; margin-top:9px;overflow:hidden } #meldungen .bild img{position:relative;top:30px;margin-top:-50%;width:100%;height:auto } #meldungen .inhalt{overflow:hidden} #meldungen .inhalt .datum {display:inline;} #meldungen .inhalt .titel {display:inline;color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 12px} #meldungen .inhalt .titel a{color: #4E4E4E;text-decoration:none} #meldungen .inhalt .titel a:hover{color: #c40017; text-decoration:underline} #meldungen .inhalt .text {font-size: 12px;margin-top:6px;} #meldungen .inhalt .text p{padding-right:5px; display:inline} #meldungen .uebersicht {position:absolute;left:0px;bottom:0px; text-transform:capitalize} #meldungen .uebersicht a{ color: #4E4E4E; text-decoration: none;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 4px; background-repeat: no-repeat; padding-left: 12px} #meldungen .uebersicht a:hover{color: #c40017; text-decoration:underline} #home-logos{ height:98px; margin-bottom:10px; border:1px solid #ddd} /* !!! */ #home-logos .slides{height:96px;margin:0 34px;width:888px} #home-logos .slide .item {float:left; width:222px; text-align:center } /******************** UH ********************/ .uh #pfad{margin-bottom:0px} .uh #inhalt{margin:0 0 0 10px; } .uh #nav .flyout{ padding:2px 0 89px 0; } .uh .linie1{ position:relative; margin:25px auto; height: 7px; border-bottom: 1px solid #ddd; width: 500px; } .uh .spalte.links{float:left; width:64.35%;line-height:1.5em;padding:0 40px 20px 0px;margin:0;} .uh.volle-breite .spalte.links{float:none; width:auto;line-height:1.5em;padding:0 0px 20px 0px} .uh .spalte.links .fotolinks {position:relative;width:110.5%;left:0px;} .uh.volle-breite .spalte.links .fotolinks {width:100%;} .uh .spalte.links .fotolinks img{width:100%;} /* .uh .spalte.links{float:left; width:602px;width:580px; margin: 0 29px 0 0;padding-bottom:10px ;line-height:1.5em} */ .uh .spalte.links .box{margin:0 0 19px 0 } .uh .spalte.rechts{float:right; margin-top:0px;width:32.7%;padding-bottom:19px} .uh .spalte.rechts .box{margin:0 0 15px 0 } .uh .spalte.rechts .subnav.box{margin:0 0 19px 0 } .uh .spalte.links p{ line-height: 1.5em; margin:0 0 13px 0} .uh .spalte.links .schaltbar p{ line-height: 1.5em; margin:13px 0 13px 0} .uh .spalte.links ul.grafik{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0 0 0 14px; padding:0} .uh .spalte.links ul.grafik ul{margin-left:14px} .uh .spalte.links ul.grafik li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .uh .spalte.links ul a{ color: #c40017; text-decoration: none} .uh .spalte.links ul a:hover,.uh .spalte.links ul a:focus{ text-decoration: underline } .uh .spalte.links ul li{background-image: none; padding-left: 0px;} .uh .spalte.links > h2{background-image: none; padding-left: 0px;} /******************** SUBSITES ********************/ .subsite #sublogo{position:absolute; bottom:17px; right:0px; font-size:20px;font-family: TheSansUHHBold,sans-serif;font-weight: normal;} .subsite #sublogo a{text-decoration:none; color:#444;float:right} .subsite #sublogo a img{max-height:65px;width:auto !important;float:right} .subsite .oben .fotolinks{padding:0px;margin-bottom:21px;clear:both} .subsite .inhalt .rund{border-radius:4px} .subsite #inhalt{margin:0 0 0 10px ; clear:left} .subsite h1{ width:61.2%} .subsite #StudiengangDetails h1{ width:100%} .subsite .copytext h1{ width:auto} .subsite .spalte.links{float:left; width:66.5%; margin: 0 0 0 0;padding-bottom:10px;line-height:1.5em} .subsite.inhalt .spalte.links{width:64.35%; padding:0 4.22% 20px 0px;margin:0;} .subsite.inhalt.volle-breite .spalte.links{width:auto; float:none;padding:0 0px 20px 0px} .subsite.inhalt .spalte.links .fotolinks {position:relative;width:110.5%;left:0px;} .subsite.inhalt.volle-breite .spalte.links .fotolinks {width:100%;} .subsite.inhalt .spalte.links .fotolinks img{width:100%;} /* .subsite.inhalt .spalte.links{width:580px;line-height:1.5em;}*/ .subsite .spalte.links .box{margin:0 0 19px 0 } .subsite .spalte.rechts{float:right; width:32.7%;padding-bottom:19px } .subsite .spalte.rechts .box{margin:0 0 10px 0 } /******************** FAKULTAETEN ********************/ body.fakultaet { background-color: #FFFFFF;} .fakultaet #seite{background-color: #f4f9fc;} .fakultaet #kopf{background-color:#fff; margin: -23px -20px 0 -20px; padding: 23px 20px 0 20px; height:113px} .fakultaet #sublogo{position:absolute; bottom:17px; right:20px; font-size:20px;font-family: TheSansUHHBold,sans-serif;font-weight: normal;} .fakultaet #sublogo a{text-decoration:none; color:#444;float:right} .fakultaet #sublogo a img{max-height:65px;width:auto !important;float:right} .fakultaet #inhalt{margin:0 0 0 10px ; clear:left} .fakultaet #tools form input.text{background-color: #fff} .fakultaet .spalte.links{float:left; width:66.5%; margin: 0 0 0 0;padding-bottom:10px;line-height:1.5em;overflow:hidden} .fakultaet.inhalt .spalte.links{width:66.5%;line-height:1.5em;padding: 0 4.4% 0 2.2%;margin:0 0 20px 0;background-color: #fff; border: 1px solid #ddd;border-radius: 2px 2px 0 0;} .fakultaet.inhalt.breit .spalte.links{width:auto; float:none;margin:0} #weg .fakultaet.inhalt .spalte.links section > *{margin:0 4.22% 0 20px} .fakultaet.inhalt .spalte.links section > *:first-child{margin-top:15px} .fakultaet.inhalt .spalte.links section > *:last-child{margin-bottom:15px} .fakultaet.inhalt .spalte.links .fotolinks {position:relative;left:-3.6%;width:111.2%;border-radius: 2px 2px 0 0;margin:0 !important} .fakultaet.inhalt .spalte.links .fotolinks img{width:100%;border-radius: 2px 2px 0 0;} .fakultaet .spalte.links .box{margin:0 0 19px 0 } .fakultaet .spalte.rechts{float:right; width:32.7%;padding-bottom:19px } .fakultaet .spalte.rechts .box{margin:0 0 10px 0 } .veranstaltungen{margin-top:20px} /******************** PORTALE ********************/ .portal h1{margin:0 0 12px 0;padding:0; font-size:20px} /*.portal .rund{border-radius:4px} .portal #inhalt .rand{border:1px solid #ddd;}*/ .portal #inhalt{margin:0 0 0 10px } .portal #nav .flyout{ padding:2px 0 89px 0; } .portal .spalte.links{float:left; width:66.55; margin: 0 0 0;padding-bottom:10px } .portal .spalte.links .box{margin:0 0 19px 0 } .portal .spalte.rechts{float:right; width:32.7%;padding-bottom:19px } .portal .spalte.rechts .box{margin:0 0 10px 0 } /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /*royalSlider*/ #inhalt .royalSlider {width:100%; user-select:none;overflow:hidden;} .royalSlider .rsArrow,.royalSlider .rsNav{z-index:100} #inhalt .rsOverflow,#inhalt .rsSlide,#inhalt .rsBullets { background: transparent } .rsOverflow { transition-duration: 200ms !important } /* #inhalt .rsOverflow{ width:100% !important; background: transparent !important } #inhalt .rsSlide{ width:100% !important; background: transparent !important } #inhalt .rsBullets{background-color:transparent !important;bottom:-9px !important } #inhalt .royalSlider .slide { border-radius:none;width:100%;height:100%; background:#fff;} #onTEAMcontent .royalSlider .slide {width:100%;border:1px solid #000; margin:1px 0} .royalSlider .foto { float:left;width:318px;overflow:hidden; background:#fff; border-radius:2px 0 0 2px;padding:0} .royalSlider .text { float:right;width:215px; background:#fff; border-radius: 0 2px 2px 0;padding:15px 20px 15px 15px} .royalSlider .text > *{ margin-top:0} .royalSlider .text *:last-child{ margin-bottom:0} .rsArrow{width:15px !important} .rsArrowIcn{width:15px !important; background-color:rgb(70,70,70) !important; background-color:rgba(0,0,0,0.70) !important;color:transparent !important;text-align:center} .rsArrow:hover .rsArrowIcn{ background-color:rgb(20,20,20) !important; background-color:rgba(0,0,0,0.9) !important} .rsArrowRight{right:2px !important} .rsArrowLeft{left:2px !important} .rsArrowRight .rsArrowIcn{margin-left:-8px !important; background-position: -73px -64px !important} .rsArrowLeft .rsArrowIcn{margin-left:-8px !important; background-position: -72px -32px !important} */ .simpleSlider {background:#fff !important} .simpleSlider .rsOverflow{background: transparent !important } .simpleSlider .rsSlide{background: transparent !important} .simpleSlider .rsBullets{display:none} .simpleSlider .slide {background:#fff} .simpleSlider .foto { float:left;width:56.2%;overflow:hidden; background:#fff; border-radius:2px 0 0 2px;padding:0} .simpleSlider .foto img{ float:left} .simpleSlider .text { float:right;width:43.8%; background:#fff; border-radius: 0 2px 2px 0;padding:15px 20px 15px 15px} .simpleSlider .text > *{ margin-top:0} .simpleSlider .text *:last-child{ margin-bottom:0} .simpleSlider .rsArrow{width:15px !important;} .simpleSlider .rsArrowIcn{width:15px !important; background-color:rgb(70,70,70) !important; background-color:rgba(0,0,0,0.70) !important;color:transparent !important;text-align:center} .simpleSlider .rsArrow:hover .rsArrowIcn{ background-color:rgb(20,20,20) !important; background-color:rgba(0,0,0,0.9) !important} .simpleSlider .rsArrowRight{right:2px !important} .simpleSlider .rsArrowLeft{left:2px !important} .simpleSlider .rsArrowRight .rsArrowIcn{margin-left:-8px !important; background-position: -73px -64px !important} .simpleSlider .rsArrowLeft .rsArrowIcn{margin-left:-8px !important; background-position: -72px -32px !important} #home-news.royalSlider{position:relative;height:auto; margin:0px 0 10px 0; z-index:10;clear:both; padding-top:31.3%} #home-news.royalSlider .slides{margin:0; padding:0; list-style-type:none; z-index:5;position:absolute;top:0;right:0;bottom:0;left:0} #home-news.royalSlider .slide{overflow:hidden; } #home-news.royalSlider .slide + .slide{display:none } #home-news.royalSlider .slide .bild{float:left; width:100%; background-position:center center; } #home-news.royalSlider .slide .bild .bildnachweis{position:absolute;bottom:0;right:0;background-color:#fff;background-color:rgba(255,255,255,0.9);font-size:9px;padding:0 3px} #home-news.royalSlider .slide .bild img{width:100%;float:left;height:31.3%} #home-news.royalSlider .slide .text-hintergrund{background-color: #FFFFFF;height: 200px;opacity: 0.9; position: absolute;right: 40px; top: 20px;width: 300px;z-index: 1;} #home-news.royalSlider .slide.keintext .text-hintergrund{display:none} #home-news.royalSlider .slide .text{float:left;font-size: 12px; height: 160px;line-height: 17px;position: absolute;right: 60px;top: 33px;width: 260px;z-index: 2;padding:0;background:none} #home-news.royalSlider .slide .text h2{margin:0} #home-news.royalSlider .slide .text p{margin:0 0 0.25em 0} #home-news.royalSlider .slide.keintext .text{display:none} #home-news.royalSlider .slide .text h2 .sup {color: #4e4e4e;font-size: 12px;line-height: 20px;display:block} #home-news.royalSlider .slide .text h2 .sup br{display:none} #home-news.royalSlider .slide.aktuell .text h2 .sup {} #home-news.royalSlider .slide.veranstaltung .text h2 .sup {} #home-news.royalSlider .slide .text b span{font-family: TheSansUHH,sans-serif;} #home-news.royalSlider .slide .text h2 .main{color: #4E4E4E;padding-bottom:6px; font-size: 20px; line-height: 24px;display:block} #home-news.royalSlider .slide.foto .text{display:none} #home-news.royalSlider .slide .text .inhalt{} #home-news.royalSlider .slide .text .inhalt .mehr{} #home-news.royalSlider .slide .text .inhalt .mehr.typ2{display:inline} #home-news.royalSlider .slide .text .inhalt .mehr a{ text-decoration:none; white-space:nowrap} #home-news.royalSlider .slide .text .inhalt .mehr.typ1 a{color: #c40017 !important;} #home-news.royalSlider .slide .text .inhalt .mehr.typ2 a{ color: #c40017 !important;} #home-news.royalSlider .slide .text .inhalt .mehr a:hover, #home-news.royalSlider .slide .text .inhalt .mehr a:focus{text-decoration:underline} #home-news.royalSlider .buttons{border-radius:5px;position:absolute; right:25px; bottom:20px; width:82px; height:27px; background-color:#ddd; z-index:10} #home-news.royalSlider .buttons a{background-position:center center;float:left; color:transparent; overflow:hidden;font-size:14px; text-align:center;line-height:27px} #home-news.royalSlider .buttons .pause,#home-news.royalSlider .buttons .start{width:28px; height:27px; margin:0 1px} #home-news.royalSlider .buttons .pause:focus,#home-news.royalSlider .buttons .start:focus{border:1px dotted #c40017} #home-news.royalSlider .buttons .pause{background-image:url(../img/buttons/pause.png)} #home-news.royalSlider .buttons .start{background-image:url(../img/buttons/start.png)} #home-news.royalSlider .buttons .back,#home-news.royalSlider .buttons .next{width:26px; height:27px;} #home-news.royalSlider .buttons .back:focus,#home-news.royalSlider .buttons .next:focus{border:1px dotted #c40017} #home-news.royalSlider .buttons .back{background-image:url(../img/buttons/back.png)} #home-news.royalSlider .buttons .next{background-image:url(../img/buttons/next.png)} #home-news.royalSlider .rsBullets{position:absolute;bottom:8px; left:0; right:0;font-size:1px;text-align:center} #home-news.royalSlider .rsBullet{box-shadow:0 0 1px rgba(222,255,255,0.5);border:1px solid #ccc;cursor:pointer; width:12px; height:12px; display:inline-block; vertical-align:top; background:#fff;background:rgba(255,255,255,0.8);border-radius:8px;margin:0 5px} #home-news.royalSlider .rsBullet.rsNavSelected{background:#E1011B;border-color:#E1011B} #home-news.royalSlider #schalter{display:inline-block;width:12px; height:12px;margin:0 5px} #home-news.royalSlider #schalter.start{background-image: url(../img/buttons/slider-start.png);} #home-news.royalSlider #schalter.pause{background-image: url(../img/buttons/slider-stop.png);} #home-news.royalSlider1 .rsBullet{box-shadow:nobe;border:0; width:8px; height:8px;} #home-news.royalSlider .rsArrow{position:absolute;top:50%;width:18px;height:0;margin-top:-13px;padding-top:26px;overflow:hidden} #home-news.royalSlider .rsArrowRight{right:8px; background-image:url(../img/resp/slider-right.png)} #home-news.royalSlider .rsArrowLeft{left:8px; background-image:url(../img/resp/slider-left.png)} #bildgalerie{overflow:hidden;text-align:center} #bildgalerie .rsDefault .rsOverflow, #bildgalerie .rsDefault .rsSlide, #bildgalerie .rsDefault .rsVideoFrameHolder, #bildgalerie .rsDefault .rsThumbs { background: transparent} #bildgalerie .galerieContainer {display:inline-block;vertical-align:top; margin-left:16px; width:670px;text-align:left;} #bildgalerie .titel {line-height:30px; font-size:13px;margin-top:6px} #bildgalerie .titel span,#bildgalerie .titel h2 {font-weight:bold;text-transform:uppercase; font-size: 13px; line-height: 30px;display:inline} #bildgalerie .galerie{margin-top:30px} #bildgalerie .galerie .slide{background:#f3f3f3 !important} #bildgalerie .galerie .slide .imgtable{display:table;width:100%;} #bildgalerie .galerie .slide .imgcell{height1:508px;display:table-cell;vertical-align:middle;text-align:center} #bildgalerie .galerie .slide .imgcontainer{display:inline-block} #bildgalerie .galerie .slide .imgcontainer img{margin:0 !important; width:100%} #bildgalerie .galerie .slide .numerierung{float:left;font-size:10px;line-height:1.25em} #bildgalerie .galerie .slide .copyright{float:right;font-size:10px;line-height:1.25em} #bildgalerie .galerie .slide .bildunterschrift{margin-top:16px;margin-bottom:16px;font-size:12px} #bildgalerie .galerie .slide .bildunterschrift .headline{margin-bottom:3px;font-size:12px} #bildgalerie .linie {height:646px;display:inline-block;visibility:hidden;vertical-align:top; width:0;border-left:1px solid #ddd;border-right:1px solid #fff; margin: 0 15px} #bildgalerie .galeriethumbs {background:#f3f3f3;height:420px !important; width:210px !important} #bildgalerie .sliderContainer {display:inline-block;vertical-align:top; height:520px !important; width:210px !important; overflow:visible} #bildgalerie .sliderContainer .thumbup img{cursor:pointer;margin-left:5px} #bildgalerie .sliderContainer .thumbdown img{cursor:pointer;margin-left:5px} #bildgalerie .galeriethumbs .slide {width:210px !important; height:420px !important;background:#f3f3f3 !important} #bildgalerie .galeriethumbs .slide a:focus img{outline:1px dotted #444; } #bildgalerie .galeriethumbs .slide img{float:left;padding:2px;margin:3px} #bildgalerie .galeriethumbs .slide img.an{outline:2px solid #999} #bildgalerie .galeriethumbs .rsSlide {height:420px !important} #bildgalerie .galeriethumbs .rsOverflow {height:420px !important} #bildgalerie .rsArrow{width:49px !important; border-radius: 2px;} #bildgalerie .rsArrowIcn{width:49px !important; height:48px !important; color:transparent;line-height:48px; text-align:center; font-size:20px} #bildgalerie .rsArrowLeft .rsArrowIcn{border-radius:0 !important;background-image:url(../img/buttons/pfeil_links.png); background-position: center center !important;margin-left:-25px !important; top:240px !important} #bildgalerie .rsArrowRight .rsArrowIcn{border-radius:0 !important;background-image:url(../img/buttons/pfeil_rechts.png); background-position: center center !important; margin-left:-25px !important; top:240px !important} .links #bildgalerie{padding:0 15px 10px 15px} .links #bildgalerie .galerieContainer {margin-left:0px; width:100%;border-right:0px;} .links #bildgalerie .titel {line-height:30px; font-size:13px;margin:6px 0;text-align:left } .links #bildgalerie .rsArrowRight{right:0px !important} .links #bildgalerie .rsArrowLeft{left:0px !important} .links #bildgalerie .galerie {width:100% !important;height:auto !important; } .links #bildgalerie .galerie .slide .imgtable{display:block} .links #bildgalerie .galerie .slide .imgcell{height:auto;display:block;} .links #bildgalerie .rsArrowIcn{top:40% !important; margin-top:-25px;} .links #bildgalerie .galerie .slide .bildunterschrift{margin:10px 0 8px 0} #bildgalerie .sliderinhaltContainer {height:98px !important; width:100% !important; overflow:visible} #bildgalerie.ausblenden .sliderinhaltContainer {display:none} #bildgalerie .sliderinhaltContainer .thumbup {float:left;height:84px !important; width:35px !important;} #bildgalerie .sliderinhaltContainer .thumbdown {float:left;height:84px !important; width:35px !important;} #bildgalerie .galeriethumbsinhalt {float:left;height:102px !important; width:calc(100% - 70px) !important; padding:9px 0} #bildgalerie .galeriethumbsinhalt .slide {background-color:#f3f3f3} #bildgalerie .galeriethumbsinhalt .slide a:focus img{outline:1px dotted #444; } #bildgalerie .galeriethumbsinhalt .slide img{float:left;padding:2px;margin:1%;width:18%} #bildgalerie .galeriethumbsinhalt .slide img.an{outline:2px solid #999} #bildgalerie .galeriethumbsinhalt .rsArrow{display:none !important} #bildgalerie .galeriethumbsinhalt .rsArrowIcn{display:none} .galerieuebersicht {width:630px;padding:30px 0 40px 0;clear:left} .galerieuebersicht h2 {font-size:13px;line-height:28px;text-transform:uppercase;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .galerieuebersicht .zeile {clear:left} .galerieuebersicht .zeile+.zeile {border-bottom:0px;border-top:1px solid #ddd} .galerieuebersicht .zeile .spalte {float:left;width:315px;padding:12px 0;cursor:pointer} .galerieuebersicht .zeile .spalte img {float:left;margin-right:18px} .galerieuebersicht .zeile .spalte .name {font-weight:bold;cursor:pointer} /*Sortierbare Tabellen*/ TABLE.sort a {} TABLE.sort a.down {text-decoration: underline} TABLE.sort a.up {text-decoration: overline} TABLE.sort a.none {text-decoration: none} table.sort {hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;border-collapse:collapse;border:1px solid #ddd !important;width:620px} table.sort th{background:#ccc;padding:0 2px;border:1px solid #666;text-align:left;height:20px} table.sort td{background:#fff;padding:4px 8px;border:1px solid #666;text-align:left;height:20px} table.sort tbody tr.aus ,table.sort tr.aus td{display:none; border:0} table.sort{ border-collapse:collapse; overflow:visible} table.sort th{background: #ccc;cursor:pointer;padding:4px 8px !important;white-space:nowrap; border:1px solid #ddd; border-width:1px 1px} table.sort th{ background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); background: linear-gradient(top, #ffffff 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#cccccc",GradientType=0 ); } table.sort th:before{content:"\25BE"; float:right;opacity:0.4;position:relative;left:6px} table.sort th:hover{background: #ddd;} table.sort th:hover{cursor:pointer;padding:0 8px !important;white-space:nowrap} table.sort th.sort:before{content:"\25B4"; float:right;opacity:1;position:relative;left:6px} table.sort th.reverse:before{content:"\25BE"; float:right;opacity:1;position:relative;left:6px} table.sort td,#formulargruppe td{border:1px solid #ddd; border-width:1px} table.sort td.sort{background: #f3f3f3;} table.sort tr:hover td{background-color:#f6f6f6} table.sort tr:hover td.sort{background-color:#eee !important} /*Pressemitteilungen*/ h3.pm{font-size:12px !important;font-family: TheSansUHH, sans-serif;margin-top:0px !important} table.pm + h3.pm{margin-top:12px !important} table.pm{} table.pm td{vertical-align:top} table.pm td.datum{font-family: TheSansUHHBold,sans-serif; font-weight: normal;white-space:nowrap;width:102px} .presseteaser{float:left; width:207px; margin:0 10px 10px 0} .presseteaser .bild{text-align:center;} .presseteaser .unterschrift {font-size:11px; margin-top:10px} .presseteaser .unterschrift p{margin:0} .pressemitteilungen .copytext{margin-top:-50px} .pressemitteilungen .copytext > ul{overflow:auto;} .pressemitteilungen .copytext .social{margin:5px 0;clear:left;} .pressemitteilungen .copytext .social ul{margin:17px 0 15px 0 !important;} .pressemitteilungen .copytext .datum{margin-bottom:8px;clear:left;margin-top:10px} .pressemitteilungen .copytext h1 .sup{font-size:15px;margin-bottom:8px;display:block} .pressemitteilungen .copytext h1 br{display:none;} .pressemitteilungen .copytext h1 .main{display:block} .pressemitteilungen .copytext h1 .sub{font-size:14px;margin-top:8px;display:block} .pressemitteilungen p.pdf img{float:left;margin-right:20px} /*Inputfragmente*/ .bild1.inputfragment{} .bild1.inputfragment.links {float:left; margin:0 10px 10px 0} .bild1.inputfragment.rechts {float:right; margin:0 0 10px 10px} .bild1.inputfragment .quer {width:200px;height:130px} .bild1.inputfragment .hoch {width:160px;height:200px;} /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /******************** INPUTELEMENTE ********************/ .spalte.rechts .lageplan{padding:1px} .spalte.rechts .lageplan iframe{float:left;width:100%;height:220px} .fakultaet.start .standardinhalt{ background-color: #FFFFFF;padding: 12px 16px;margin: 0 0 19px 0;border: 1px solid #ddd;box-shadow: 0 0 2px #eee; border-radius: 2px; overflow: hidden;} .fakultaet.start .fotolinks + .standardinhalt{ margin-top:19px} #inhalt .oben .foto{margin-bottom:22px; position:relative} #inhalt .oben .foto .text{background-color:#fff; background-color:rgba(255,255,255,0.88);position:absolute; top: 56px; left:22px; min-width:323px; max-width:345px;padding:23px 25px} /* !!! */ #inhalt .oben .foto .text strong{color:#E2001A;text-transform:uppercase; font-size:30px;line-height:1.06em} #inhalt .oben .foto .text div{ font-size:18px;line-height:1.25em; margin-top:3px} #inhalt .oben .foto img{float:left; width:100%} #inhalt .oben .foto .bildnachweis{white-space: nowrap; font-size: 10px; text-align: right; position: absolute; left: 100%; bottom: 0; background: #fff; background: rgba(255,255,255,0.85); padding: 2px 5px; color: #666; -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left;transform-origin: bottom left; } #inhalt .oben .fotokonferenz{margin-bottom:22px; position:relative} #inhalt .oben .fotokonferenz .text{position:absolute; top: 20px; left:10px;} #inhalt .oben .fotokonferenz .text strong{font-size:36px;line-height:1.18em} #inhalt .oben .fotokonferenz .text div { font-size:30px;line-height:1.25em; margin-top:16px; margin-bottom:-4px} #inhalt .oben .fotokonferenz .button a { display:inline-block;border: 1px solid #CE2D19 ; border-color: #CE2D19 #C52118 #BA1126 #C72317; border-radius: 2px; background-color: #C90219; color: #fff; padding: 0 38px; font-family: TheSansUHHBold, sans-serif; text-transform:uppercase; font-size: 16px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background-image: -webkit-linear-gradient(270deg, #E5331C 0%, #C90219 100%); background-image: linear-gradient(180deg, #E5331C 0%, #C90219 100%); } #inhalt .oben .fotokonferenz img{float:left;width:100%} #inhalt .oben .fotokonferenz .bildnachweis{white-space: nowrap; font-size: 10px; text-align: right; position: absolute; left: 100%; bottom: 0; background: #fff; background: rgba(255,255,255,0.85); padding: 2px 5px; color: #666; -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left;transform-origin: bottom left; } #inhalt .oben .fotokonferenzII{margin-top:37px;clear:both;margin-bottom:22px; position:relative} #inhalt .oben h1 .fotokonferenzII{margin-top:0} #inhalt .oben .fotokonferenzII .text{background-color:#fff; background-color:rgba(255,255,255,0.88);position:absolute; top: 56px; left:22px; min-width:323px;padding:10px} /* !!! */ #inhalt .oben .fotokonferenzII .text h1{font-size:34px;line-height:1.18em;width:auto;margin-bottom:0} #inhalt .oben .fotokonferenzII .text strong{font-size:34px;line-height:1.18em} #inhalt .oben .fotokonferenzII .text div { font-size:24px;line-height:1.25em; margin-top:6px; margin-bottom:-4px} #inhalt .oben .fotokonferenzII .text div.datum { margin-top:26px; } #inhalt .oben .fotokonferenzII img{float:left;width:100%} #inhalt .oben .fotokonferenzII .bildnachweis{white-space: nowrap; font-size: 10px; text-align: right; position: absolute; left: 100%; bottom: 0; background: #fff; background: rgba(255,255,255,0.85); padding: 2px 5px; color: #666; -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left;transform-origin: bottom left; } /*Home Dreifachteaser*/ .home-teaser-3-col{border-top:1px solid #ddd; margin:25px 0 35px 0;padding:20px 0 0 0;overflow:hidden} .home-teaser-3-col .col{float:left;width:265px;margin-left:0} .home-teaser-3-col .col + .col{margin-left:81px} .home-teaser-3-col .col .titel{font-size:20px; margin:0 0 10px 0} .home-teaser-3-col .col .bild{width:265px; height:112px; overflow:hidden; background:#eee; margin-bottom:20px} /*XV Aufklappbares Contentelement*/ .js .links .alles.auf{clear:both;float:left;color:#444; border:1px solid #d4d4d4;padding:1px 7px 1px 5px; margin:10px 0;text-decoration:none} .js .links .alles.auf:before{float:left;margin:8px 4px 0 0;content:" ";width: 0;height: 0;border-style: solid;border-width: 4px 3.5px 0 3.5px;border-color: #787878 transparent transparent transparent;} .js .links .alles.zu{clear:both;float:left;color:#444; border:1px solid #d4d4d4;padding:1px 7px 1px 5px; margin:10px 0;text-decoration:none} .js .links .alles.zu:before{float:left;margin:8px 4px 0 0;content:" ";width: 0;height: 0;border-style: solid;border-width: 0 3.5px 4px 3.5px;border-color: transparent transparent #787878 ;} .js .links .schaltbar{} .js .links .schaltbar .inhalt,.js .links .schaltbar .subinhalt{position:relative; overflow:auto} .js .schaltbar > .titel{border-bottom:1px solid #ddd} .schaltbar.auf > .titel{border-bottom:1px solid #ddd} .js .schaltbar .titel a.tt, .js .schaltbar div.titel a.tt:hover, .js .schaltbar div.titel a.tt:focus {color:#4e4e4e !important; text-decoration:none !important} .schaltbar h2.titel,.schaltbar h3.titel, .schaltbar h4.titel, .schaltbar div.titel {cursor:pointer;background-image: url(../img/buttons/bottom.gif); background-position: 0 8px; background-repeat: no-repeat; padding-left: 18px;} .schaltbar h2.titel{background-position: 0 10px} .schaltbar h3.titel{background-position: 0 8px;font-size: 14px;line-height: 20px;margin:0; padding: 4px 0 4px 16px;} .schaltbar h3.titel + .inhalt{margin-top:15px} .schaltbar h4.titel{background-position: 0 3px;font-size: 13px;line-height: 18px;margin:0 0 15px 0; padding-left: 16px} .schaltbar div.titel{background-position: 0 3px;font-size: 12px;line-height: 18px;margin:0 0 15px 0; padding-left: 16px} .js .schaltbar.auf > .titel {background-image: url(../img/buttons/top.gif);background-repeat: no-repeat;} .js .schaltbar > .inhalt, .schaltbar > .subinhalt {display:none} .js .schaltbar.auf > .inhalt, .schaltbar.auf > .subinhalt {display:block} .js .links .schaltbar .inhalt, .links .schaltbar .subinhalt{padding:0px 0 3px 17px} .js .links .schaltbar .inhalt div:first-child, .links .schaltbar .subinhalt div:first-child{padding-top:0;margin-top:0;} .js .links .schaltbar .inhalt p:first-child, .links .schaltbar .subinhalt p:first-child{padding-top:0;margin-top:0;} .js .links .schaltbar .inhalt ul:first-child, .links .schaltbar .subinhalt ul:first-child{padding-top:0;margin-top:0;} .js .links .schaltbar .inhalt ol:first-child, .links .schaltbar .subinhalt ol:first-child{padding-top:0;margin-top:0;} .js .links .schaltbar .inhalt h3:first-child, .links .schaltbar .subinhalt h3:first-child{padding-top:0;margin-top:0;} .js .links .schaltbar .inhalt h4:first-child, .links .schaltbar .subinhalt h4:first-child{padding-top:0;margin-top:0;} .js .links .schaltbar .inhalt .row h4, .links .schaltbar .subinhalt .row h4{margin-top:10px} .js .links .schaltbar .inhalt .row:first-child h4, .links .schaltbar .subinhalt .row:first-child h4{margin-top:0} .js .links .schaltbar .inhalt table, .links .schaltbar .subinhalt table{margin:8px 0 15px 0} /* .js .subbox{margin:20px 0 0 0}*/ /*Inhaltsblock grau 2spaltig schaltbar*/ .inhaltsblock h3.titel{margin:0; padding-left: 0;background-position: 0 3px;font-size: 13px;line-height: 18px} .inhaltsblock.schaltbar h3.titel{margin:0; padding-left: 16px;background-position: 0 7px;} .hinweis { background-color:#fffff5;padding:12px 16px} /* VI Hinweis-Box */ .hinweis .titel{font-size:15px !important;margin: 0 0 4px 0 !important} .hinweis .untertitel{font-family: TheSansUHHBold,sans-serif;font-weight: normal;font-size:12px;margin: 0 0 4px 0} .hinweis .text{font-size:12px;margin: 0} .hinweis .text p{margin:0 0 4px 0} .textbox { background-color:#fff;padding:12px 16px} /* TextBox */ .textbox.breit { width:110.5%} /* TextBox */ /* !!! */ .fakultaet.inhalt .textbox.breit { width:auto !important} /* TextBox */ .textbox h3.titel{font-size:15px !important;margin: 0 0 4px 0 !important} .textbox .untertitel{font-family: TheSansUHHBold,sans-serif;font-weight: normal;font-size:12px;margin: 0 0 4px 0} .textbox .text{font-size:12px;margin: 0} .textbox .text p{margin:0 0 4px 0} .bildtextbox { background-color:#fff;padding:12px 16px} /* BildTextBox */ .bildtextbox li:before{} .bildtextbox h3.titel{font-size:15px !important;margin: 0 0 4px 0 !important} .bildtextbox .bild{float:left; margin:4px 20px 12px 0; font-size:0; line-height:0;width: 186px} .bildtextbox .text{font-size:12px;margin: 0} .bildtextbox .text p{margin:0 0 4px 0} /* .bildtextbox ul li{display:inline} .bildtextbox ul li:after{content:""; display:block} .bildtextbox ul{display:inline; padding:0} .bildtextbox ul ul{display:block; margin-left:20px} .bildtextbox ul a:before{content:' '; background:#e3001b; position:absolute; width:6px;overflow:hidden; height:6px;top:6px; left:-14px} .bildtextbox ul ul a:before{content:' '; background:#e3001b; position:absolute; width:4px;overflow:hidden; height:4px;top:7px; left:-13px;border-radius:2px} */ .teasereinfachbox { background-color:#fff;padding:12px 16px} /* BildTextBox */ .teasereinfachbox li:before{} .teasereinfachbox h3.titel{font-size:15px !important;margin: -3px 0 4px 0 !important; line-height:20px !important;} .teasereinfachbox .bild{float:left; margin:0px 20px 10px 0; font-size:0; line-height:0;width: 200px;max-width:40%} .teasereinfachbox .bild img{width:100%} .teasereinfachbox .text{font-size:12px;margin: 0} .teasereinfachbox .text p{margin:0 0 4px 0} .teasereinfachbox ul{list-style-type:none; display:inline; margin-top:4px} .teasereinfachbox li a{ margin: 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 4px; background-repeat: no-repeat; padding-left: 13px;;} .teasereinfachbox li:before{width:0px !important} .fotolinks img{float:left; max-width:100%} .fotolinks .bildnachweis{clear:left;text-align:right;font-size:9px;padding-right:10px;min-height:18px} .fotolinks + p:empty{display:none} .bild-box-container{overflow:hidden} /* XVI Bild-Box */ .bild-box{float:right; overflow:hidden;margin:0 0 20px 20px} .bild-box.quer{width:230px} .bild-box.hoch{width:140px} .bild-box.quer img{width:230px} .bild-box.hoch img{width:140px} .bild-box div{font-size:10px;margin-top:8px} .inhalt .teaser-2-col.breit { width:110.5% !important;} .fakultaet.inhalt .teaser-2-col.breit { width:100% !important} .teaser-2-col .col{ background-color:#fff} /* III Doppelteaser */ .teaser-2-col.breit .col{ min-width:49.5%;width:49.5%;} /* !!! */ .teaser-2-col.breit .bild {width:89.68%; overflow:hidden; margin:20px auto 0 auto} .teaser-2-col.breit .bild img{width:100%;float:left;} .teaser-2-col.schmal .col{ min-width:49.5%;width:49.5%;} .teaser-2-col.schmal .bild {width:88.6%; overflow:hidden; margin:20px auto 0 auto} .teaser-2-col.schmal .bild img{width:100%;float:left;} .teaser-2-col .col.sep{min-width:1% !important;width:1% !important; background-color:transparent;} .teaser-2-col .kopf {padding:10px 16px; overflow:hidden; color:#4e4e4e} .teaser-2-col .kopf h4,.teaser-2-col .kopf h3{color:#4E4E4E; font-size: 13px;margin:0; display:inline} .teaser-2-col .col .kopf + .bild {margin-top:0px} .teaser-2-col .inhalt {width:auto;padding:5px 16px 16px 16px; overflow:hidden} .teaser-2-col .titel {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 13px !important; font-weight: normal; line-height: 20px;min-height:4px; margin:0 !important} .teaser-2-col .text {margin:3px 0 5px 0} .teaser-2-col p{ margin: 0; } .teaser-2-col ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0.5em 0 0 0; padding:0} .teaser-2-col li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .teaser-2-col ul a{ color: #4E4E4E; text-decoration: none} .teaser-2-col ul a:hover{ color: #c40017;text-decoration: underline;} .teaser-2-col a.mehr{ } .teaser-2-col p:empty{display:none} .teaser-2-col div div:empty{display:none; } .teaser-3-col {} /* IV Dreifachteaser */ .subsite .teaser-3-col .col, .fakultaet .teaser-3-col .col{ min-width:32.4%;width:32.4%; background-color:#fff;position:relative} /* !!! */ .subsite .teaser-3-col .col.sep, .fakultaet .teaser-3-col .col.sep{min-width:1.4%;width:1.4%; background-color:transparent} .subsite .teaser-3-col .kopf , .fakultaet .teaser-3-col .kopf {padding:10px 16px; overflow:hidden; color:#4e4e4e} .subsite .teaser-3-col .kopf h3, .fakultaet .teaser-3-col .kopf h3,.subsite .teaser-3-col .kopf h4, .fakultaet .teaser-3-col .kopf h4{color:#4E4E4E; font-size: 13px; margin:0; display:inline} .subsite .teaser-3-col .bild , .fakultaet .teaser-3-col .bild { overflow:hidden; margin:20px 17px 0 17px} .subsite .teaser-3-col .bild img, .fakultaet .teaser-3-col .bild img{width:100%;float:left;} .subsite .teaser-3-col .inhalt , .fakultaet .teaser-3-col .inhalt {padding:5px 16px 16px 16px; overflow:hidden} .subsite .teaser-3-col .col .kopf + .bild , .fakultaet .teaser-3-col .col .kopf + .bild { margin-top:0} .subsite .teaser-3-col .titel , .fakultaet .teaser-3-col .titel {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 13px !important; margin:0 !important;; font-weight: normal; line-height: 20px;min-height:4px} .subsite .teaser-3-col .text , .fakultaet .teaser-3-col .text {margin:3px 0 5px 0} .subsite .teaser-3-col p, .fakultaet .teaser-3-col p{ margin: 0; } .subsite .teaser-3-col ul, .fakultaet .teaser-3-col ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 8px 0 0 0; padding:0} .subsite .teaser-3-col ul + ul, .fakultaet .teaser-3-col ul + ul{ margin: 0px 0 0 0} .subsite .teaser-3-col li, .fakultaet .teaser-3-col li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .subsite .teaser-3-col ul a, .fakultaet .teaser-3-col ul a{ color: #4E4E4E; text-decoration: none} .subsite .teaser-3-col ul a:hover, .fakultaet .teaser-3-col ul a:hover{text-decoration: underline; color: #c40017;} .subsite .teaser-3-col a.mehr, .fakultaet .teaser-3-col a.mehr{ } .subsite.inhalt .teaser-3-col .col, .fakultaet.inhalt .teaser-3-col .col{ width:32.67%;min-width:32.67%} .subsite.inhalt .teaser-3-col .col.sep, .fakultaet.inhalt .teaser-3-col .col.sep{width:1%;min-width:1%; background-color:transparent} .subsite.inhalt .teaser-3-col .kopf , .fakultaet.inhalt .teaser-3-col .kopf {padding:10px 8px;} .subsite.inhalt .teaser-3-col .bild , .fakultaet.inhalt .teaser-3-col .bild { overflow:hidden; margin:20px 8px 0 8px} .subsite.inhalt .teaser-3-col .inhalt , .fakultaet.inhalt .teaser-3-col .inhalt {padding:5px 8px 16px 8px} .subsite .teaser-3-col p:empty, .fakultaet .teaser-3-col p:empty{display:none} .subsite .teaser-3-col div div:empty, .fakultaet .teaser-3-col div div:empty{display:none} .portal .teaser-3-col{ margin-left:16px !important;margin-right:16px !important} /* IVa Dreifachteaser Portal*/ .portal .teaser-3-col .col1{width:180px} .portal .teaser-3-col .col2{width:180px;padding:0 14px; border:1px solid #ddd; border-width: 0 1px} .portal .teaser-3-col .col3{width:180px} .portal .teaser-3-col .col.sep1{width:14px} .portal .teaser-3-col .col.sep2{width:14px} .portal .teaser-3-col .kopf {width:170px;padding:10px 16px; overflow:hidden; color:#777} .portal .teaser-3-col .kopf b{color:#4E4E4E} .portal .teaser-3-col .bild {width:180px; height:105px;overflow:hidden} .portal .teaser-3-col .bild img{width:180px; } .portal .teaser-3-col .inhalt {padding:5px 0 10px 0; overflow:hidden} .portal .teaser-3-col .titel {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 14px; font-weight: normal; line-height: 20px;min-height:4px} .portal .teaser-3-col .text {margin:3px 0 5px 0} .portal .teaser-3-col p{ margin: 0; display:inline} .portal .teaser-3-col ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0; padding:0} .portal .teaser-3-col li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .portal .teaser-3-col ul a{ color: #4E4E4E; text-decoration: none} .portal .teaser-3-col ul a:hover{text-decoration: underline; color: #c40017;} .portal .teaser-3-col a.mehr{} .teaser-1 > .titel{padding: 6px 15px 0 15px;font-size: 14px; height: 30px;border-bottom: 1px solid #ddd; } /* !!! */ .teaser-1 .inhalt{font-size: 12px;line-height: 16px;padding:12px 0 13px 15px;overflow:hidden; } .teaser-1 .links{float:left; margin: 3px 30px 0 0; width: 180px } .teaser-1 .mitte{float:left; margin: 0 20px 0 0; width: 185px; min-height:120px} .teaser-1 ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0; padding:0} .teaser-1 li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .teaser-1 ul a{ color: #4E4E4E; text-decoration: none} .teaser-1 ul a:hover,.teaser-1 ul a:focus{ text-decoration: underline;color: #c40017;} .teaser-1 .rechts {float:left; width: 185px; min-height:120px } .teaser-1 .inhalt .titel {position:absolute; top:6px;font-size: 14px; height: 23px } .teaser-1 .links .titel { left:15px; } .teaser-1 .mitte .titel { left:225px; } .teaser-1 .rechts .titel { left:430px; } .teaser-1 .linie-2 .mitte{ padding-right:10px; width:175px } .teaser-1 .linie-2 .linie-2 {position:absolute; top:41px; bottom:12px; width:1px; left:410px; border-left:1px solid #c8c8c8;} .teaser-1a > .titel{position:absolute;padding: 12px 15px 0 15px;font-size: 14px; height: 41px;} /* !!! */ .teaser-1a .inhalt{position:relative;font-size: 12px;line-height: 16px;padding:0 12px 13px 15px;overflow:hidden; } .teaser-1a .inhalt .links, .teaser-1a .inhalt .mitte, .teaser-1a .inhalt .rechts {position:relative;padding:42px 0 0 0; } .teaser-1a .links{float:left; margin: 0 30px 0 0; width: 180px } .teaser-1a .mitte{float:left; margin: 0 20px 0 0; width: 185px;} .teaser-1a ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0; padding:0} .teaser-1a li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .teaser-1a ul a{ color: #4E4E4E; text-decoration: none} .teaser-1a ul a:hover,.teaser-1a ul a:focus{text-decoration: underline; color: #c40017;} .teaser-1a .rechts {float:left; margin: 0 0 0 0; width: 185px;} .teaser-1a .inhalt .titel {position:absolute; top:6px;font-size: 14px; height: 23px } .teaser-1a .links .titel { left:15px; } .teaser-1a .mitte .titel { left:225px; } .teaser-1a .rechts .titel { left:0px; top:13px} .teaser-1a .linie-2 .mitte{padding-right:10px; width:175px } .teaser-1a .linie-2 .linie-2 {position:absolute; top:0px; bottom:0px; width:1px; left:410px; border-left:1px solid #c8c8c8;} .teaser-3 .col{} .teaser-3 .titel{border-bottom:1px solid #ddd;padding:5px 16px 4px 16px} .teaser-3 .titel strong{font-size: 14px;} .teaser-3 .titel b{font-size: 10px;} .teaser-3 .inhalt{padding:0 16px } .teaser-3 .inhalt{margin:10px 0 } .teaser-3 .col + .col .inhalt{border-left:1px solid #ddd } .teaser-3 .inhalt{position:relative;font-size: 12px;line-height: 16px;padding:0 16px ;overflow:hidden; } .teaser-3 .inhalt .links{float: left;margin:0 10px 0 0; width: 99px;} .teaser-3 .inhalt .rechts{float: left; line-height: 16px; width: 173px; margin: 0;} .teaser-3 b{line-height: 20px; font-size: 14px} .teaser-3 ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 3px 0 0 0; padding:0} .teaser-3 li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .teaser-3 li.rss{ margin: 0 0 2px 0;background-image: url(../img/social/icon-rss-12.gif);background-position:0 1px; background-repeat: no-repeat; padding-left: 15px} .teaser-3 ul a{ color: #4E4E4E; text-decoration: none} .teaser-3 ul a:hover,.teaser-3 ul a:focus{text-decoration: underline; color: #c40017;} .teaser-3 form{ margin:7px 0 10px 0} .teaser-3 input{ height: 13px; margin-bottom: 10px; width: 270px; background-color: #FAF9F9; border: 1px solid #DCDCDC; color: #4E4E4E; font-family: TheSansUHH,sans-serif; font-size: 11px; line-height: 13px; margin: 0; padding: 6px 5px;} .teaser-3a{background-color:#fff} .teaser-3a .col{padding:0 16px} .teaser-3a .col + .col{border-left:1px solid #ddd } .teaser-3a .titel{padding: 12px 0 0 0; height: 41px;} /* !!! */ .teaser-3a .titel strong{font-size: 14px;} .teaser-3a .titel strong.b{font-size: 10px;} .teaser-3a .inhalt{position:relative;font-size: 12px;line-height: 16px;padding:0 0 13px 0;overflow:hidden; } .teaser-3a .inhalt p:first-child{margin-top:0;} .teaser-3a .inhalt .links{float: left;margin:0 10px 0 0; width: 99px;} .teaser-3a .inhalt .rechts{float: left; line-height: 16px; width: 173px; margin: 0;} .teaser-3a b{line-height: 20px; font-size: 14px} .teaser-3a ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 4px 0 0 0; padding:0} .teaser-3a li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .teaser-3a li.rss{ margin: 0 0 2px 0;background-image: url(../img/social/icon-rss-12.gif);background-position:0 1px; background-repeat: no-repeat; padding-left: 15px} .teaser-3a ul a{ color: #4E4E4E; text-decoration: none} .teaser-3a ul a:hover,.teaser-3a ul a:focus{text-decoration: underline; color: #c40017;} .teaser-3a form{ margin:7px 0 10px 0} .teaser-3a input{ height: 13px; margin-bottom: 10px; width: 270px; background-color: #FAF9F9; border: 1px solid #DCDCDC; color: #4E4E4E; font-family: TheSansUHH,sans-serif; font-size: 11px; line-height: 13px; margin: 0; padding: 6px 5px;} .teaser-4{background-color:#fff } .teaser-4 > .titel{padding: 6px 15px 5px 13px !important;font-size: 13px; border-bottom: 1px solid #ddd;margin:0 } /* !!! */ .teaser-4.schaltbar > .titel{padding: 6px 15px 5px 29px !important;background-position:13px 8px !important;margin:0 !important; border-bottom-width:0 } .teaser-4.schaltbar.auf > .titel{border-bottom-width:1px } .teaser-4 .inhalt{font-size: 12px;line-height: 16px;padding:12px 15px 13px 15px;overflow:hidden; } .teaser-4 .inhalt > *:first-child{margin-top:0} .teaser-4 ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0; padding:0} .teaser-4 li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .teaser-4 ol li{ background-image:none; padding-left: 0;} .teaser-4 ul a{ color: #4E4E4E; text-decoration: none} .teaser-4 ul a:hover,.teaser-4 ul a:focus{ color: #c40017;text-decoration:underline} .teaser-3b{background-color:#fff;padding: 10px 0 15px 0} .teaser-3b .col{padding:0 16px} .teaser-3b .col + .col{border-left:1px solid #ddd } .teaser-3b.keine .col + .col{border-left:0} .teaser-3b .rubrik{padding: 5px 0 8px 0;} .teaser-3b .rubrik strong{font-size: 14px;} .teaser-3b .titel{padding: 2px 0 0 0; height: 31px;} /* !!! */ .teaser-3b .titel strong{font-size: 14px;} .teaser-3b .titel strong.b{font-size: 10px;} .teaser-3b .bild{margin-bottom:5px;text-align:center} .teaser-3b img{width:100%;max-width:284px} .teaser-3b .text{line-height:1.5em;} .teaser-3b .text p:first-child{margin-top:3px;} .teaser-3b ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 4px 0 0 0; padding:0} .teaser-3b li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .teaser-3b li.rss{ margin: 0 0 2px 0;background-image: url(../img/social/icon-rss-12.gif);background-position:0 1px; background-repeat: no-repeat; padding-left: 15px} .teaser-3b ul a{ color: #4E4E4E; text-decoration: none} .teaser-3b ul a:hover,.teaser-3a ul a:focus{text-decoration: underline; color: #c40017;} .spalte.rechts .formular{background-color:#f7f7f7; text-transform:uppercase;padding: 6px 15px 0 13px !important; font-size: 10px; } .spalte.rechts .formular > .titel{font-size: 13px;height: 23px;margin-bottom:2px} .spalte.rechts .formular form{display:block} .spalte.rechts .formular input{border:1px solid #efefef; margin-bottom:6px; height:28px; width:99%} .spalte.rechts .formular div{position:relative} .spalte.rechts .formular .submit{text-align:right;} .spalte.rechts .formular .redButton{font-size: 10px !important; margin-bottom:20px; margin-top:4px; height:24px; width:auto} .spalte.rechts .multibanner .titel{padding: 6px 15px 0 13px !important;font-size: 13px;height: 23px;margin:0;} .spalte.rechts .multibanner .logo{border-top:1px solid #efefef; padding:20px 0} .logo{ padding: 0 0 25px 0px; text-align: center} .logo img{max-width:100%} .links.zweispaltig{margin:33px 0; padding:9px 15px} .links.zweispaltig .titel{border:0 !important; float: left; width: 190px;} .links.zweispaltig .inhalt{ float: left; width: 380px} .links.zweispaltig .inhalt .spalte{ float: left; width: 190px} .links.einspaltig{margin:33px 0; padding:9px 15px} .links.einspaltig .titel{border:0 !important;} .links.einspaltig .inhalt{} .tabber {margin:0 0 10px 0} .tabs {margin:0; padding:0; list-style-type:none;overflow:hidden} .tab {float:left;cursor:pointer} .tab + .tab {display:none;border:0} .tab.on {border:0px solid red; cursor:default} .tab:hover {} .tab.on:hover {} .sections {} .section {} .section + .section {display:none} .js .tab-box{ position: relative;padding-top:1px } .js .tab-box .DT { border-radius: 3px 3px 0 0; background: #fff; top: 0; left: 0; position: absolute; z-index: 1; } .js .tab-box .DD {overflow:visible !important; margin-top:0px;border-radius: 0 3px 3px 3px; background: #fff; left: 0; width: 100%; height: 10px; position: absolute; z-index: 2 ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .js .tab-box .dl { position: relative; overflow: hidden; margin: 0; z-index: 3 } .js .tab-box .dt { float: left; ;position:relative;z-index: 3;border:1px solid #fff;border-color:#fff #ddd #ddd #fff; } .js .tab-box .dt.first { border-radius: 3px 0 0 0; margin-left:1px; } .js .tab-box .dt.last { border-radius: 0 3px 0 0;border-color:#fff #fff #ddd #fff } .js .tab-box .dt.active { border-bottom-color:#fff;border-bottom-width:2px; z-index: 4;} .js .tab-box .dt > * { font-size:12px; margin:0; line-height:inherit } .js .tab-box .dt a {color:#444; line-height:20px;height:30px; padding:5px 40px;outline:0; display: block; text-overflow: ellipsis; white-space: nowrap; width:100%; overflow:hidden; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ececec 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#ececec 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#ececec 100%); background: linear-gradient(top, #f5f5f5 0%,#ececec 100%); } .js .tab-box .dt a:hover {text-decoration:none;background:#fff} .js .tab-box .dt.active a{ border-bottom-color:#fff; z-index: 1; background: #f3f3f3 ; background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3 ), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#fff 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#fff 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#fff 100%); background: linear-gradient(top, #f3f3f3 0%,#fff 100%); } .js .tab-box .dt.active a:hover{ cursor:default} .js .tab-box .dd { position: absolute; top: 0px; left: 0; margin: -1px 0 0 0; display: none; padding: 0; z-index: 5;overflow:hidden;box-sizing:content-box } .js .tab-box .dd.padding {padding: 14px 2.2%} .js .volle-breite .tab-box .dd {width:97%;} .js .volle-breite .tab-box .dd.padding {padding: 14px 1.5%} .js .tab-box.standard { } .js .tab-box.standard .dd {padding: 22px 16px;box-sizing:border-box;width:100% } .js .tab-box.standard .dd .col{float:left;overflow:hidden;margin-top:0px} .js .tab-box.standard .dd .col > .inhalt:first-child > *{margin-top:0;} .js .tab-box.standard .dd .spalte1{width:18%;} .js .tab-box.standard .dd .spalte{width:74%;margin-left:4%} .js .tab-box.standard .dd .spalte1 img{width:100%} .js .tab-box.standard .dd .spalte2{width:36.5%;margin-left:4%} .js .tab-box.standard .dd .spalte3{width:36.5%;margin-left:4%} .js .tab-box.standard .dd.keinbild .spalte{width:100%;margin-left:0px} .js .tab-box.standard .dd.keinbild .spalte2{width:50%;margin-left:0px} .js .tab-box.standard .dd.keinbild .spalte3{width:47%;margin-left:3%} .js .tab-box.standard .dd .titel{margin:0; font-size:12px} .js .tab-box.standard .dd a{color:#c40017;text-decoration:none} .js .tab-box.standard .dd a:hover{text-decoration: underline;color:#c40017} .js .tab-box.standard .dd ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 4px 0 0 0; padding:0} .js .tab-box.standard .dd li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .js .tab-box.nachrichten{} .js .tab-box.nachrichten .dl{margin:0;padding:0;overflow:hidden;} .js .tab-box.nachrichten .dd{margin:0 16px 16px 16px} .js .tab-box.nachrichten .dd > .liste{list-style-type: none; margin: 0; padding:0} .js .tab-box.nachrichten .dd > .liste > li {border-bottom:1px solid #ddd;padding-bottom:20px;margin-top:20px;overflow:hidden; } .js .tab-box.nachrichten .dd > .liste > li:last-child {} .js .tab-box.nachrichten .liste .inhalt{overflow:hidden} .js .tab-box.nachrichten .liste .inhalt .datum {} .js .tab-box.nachrichten .bild{float:left;width:108px;height:88px;margin-right:28px; margin-top:3px;overflow:hidden } .js .tab-box.nachrichten .bild img{width:100%;height:100% } .js .tab-box.nachrichten .liste .inhalt .rubrik {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 12px} .js .tab-box.nachrichten .liste .inhalt .titel {margin:3px 0; padding:0;color: #4E4E4E; font-size: 12px} .js .tab-box.nachrichten .liste .inhalt .titel a{color: #4E4E4E;text-decoration:none} .js .tab-box.nachrichten .liste .inhalt .titel a:hover{text-decoration: underline;color: #c40017} .js .tab-box.nachrichten .liste .inhalt .text {font-size: 12px;} .js .tab-box.nachrichten .liste .inhalt .text p{ margin: 0} .js .tab-box.nachrichten .liste .inhalt .text ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 4px 0 0 0; padding:0} .js .tab-box.nachrichten .liste .inhalt .text li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .js .tab-box.nachrichten .inhalt a{color:#c40017;text-decoration:none} .js .tab-box.nachrichten .inhalt a:hover{color:#c40017} .js .tab-box.nachrichten a.weitere{color:#444;float:right; margin:8px 0 12px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 5px; background-repeat: no-repeat; padding-left: 15px} .js .tab-box.nachrichten a.weitere:hover{color:#c40017;} .js .tab-box.nachrichten a.rss{cursor:pointer !important;right:15px; top:9px;background-image: url(../img/icons/rss-12.gif) !important;width:12px;padding:0; height:12px;overflow:hidden;text-indent:36px;position:absolute} .js .tab-box.nachrichten a.rss:focus{outline:1px dotted #999} .nachrichten.uebersicht {background-color:#fff;border-top:1px solid #ddd;margin-bottom:22px; overflow:hidden} .fakultaet.start .nachrichten.uebersicht {padding:6px 16px; border:1px solid #ddd} .fakultaet.inhalt .nachrichten.uebersicht {border-top:0px;} h1 .rss {margin-left:10px} .nachrichten.uebersicht .meldung{border-bottom:1px solid #ddd;padding-bottom:20px;margin-top:17px;overflow:hidden;} .nachrichten.uebersicht .meldung .datum {} .nachrichten.uebersicht .meldung .rubrik {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif;} .nachrichten.uebersicht .meldung .titel {border-bottom:0 !important ;margin:3px 0; padding:0;color: #4E4E4E; font-size: 13px;} .nachrichten.uebersicht .meldung .titel a{color: #4E4E4E;text-decoration:none} .nachrichten.uebersicht .meldung .titel a:hover{text-decoration: underline;color: #c40017} .nachrichten.uebersicht .meldung .text {font-size: 12px;} .nachrichten.uebersicht .meldung .text p{margin:0} .nachrichten.uebersicht .meldung .text ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 4px 0 0 0; padding:0} .nachrichten.uebersicht .meldung .text li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .nachrichten.uebersicht .meldung .bild{float:left;width:140px;height:96px;line-height:96px;margin-right:22px; margin-top:3px;overflow:hidden } .nachrichten.uebersicht .meldung .bild img{position:relative;top:48px;margin-top:-50%;width:100%;height:auto } .nachrichten.uebersicht a.weitere{color:#4E4E4E;float:right; margin-top:8px;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 5px; background-repeat: no-repeat; padding-left: 15px} .nachrichten.uebersicht a.weitere:hover{text-decoration: underline;color: #c40017} .nachrichten.auswahl {background-color:#fff} .nachrichten.auswahl > .titel{ position:relative;margin:6px 16px 0px 16px !important;padding:0 0 5px 0 !important; border-bottom:1px solid #ddd;} .nachrichten.auswahl > .titel a.rss {position:relative; top:3px;left:8px} .nachrichten.auswahl .inhalt{ position:relative;padding:0 16px 8px 16px;overflow:hidden} .nachrichten.auswahl .inhalt > ul{list-style-type: none; margin: 0; padding:0} .nachrichten.auswahl .inhalt > ul > li{border-bottom:1px solid #ddd;padding-bottom:20px;margin-top:17px;overflow:hidden;} .nachrichten.auswahl .inhalt .bild{position:relative;float:left;width:94px;height:60px;line-height:54px;margin-right:22px; margin-top:3px;overflow:hidden } .nachrichten.auswahl .inhalt .bild img{position:relative;top:30px;margin-top:-50%;width:100%;height:auto } .nachrichten.auswahl .inhalt .datum {} .nachrichten.auswahl .inhalt .rubrik {color: #4E4E4E; font-family: TheSansUHHBold,sans-serif; font-size: 12px} .nachrichten.auswahl .inhalt .titel {margin:3px 0; padding:0;color: #4E4E4E; font-size: 12px} .nachrichten.auswahl .inhalt .titel a{color: #4E4E4E;text-decoration:none} .nachrichten.auswahl .inhalt .titel a:hover{text-decoration: underline;color: #c40017} .nachrichten.auswahl .inhalt .text {font-size: 12px;} .nachrichten.auswahl .inhalt .text p{margin:0} .nachrichten.auswahl .inhalt .text ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 4px 0 0 0; padding:0} .nachrichten.auswahl .inhalt .text li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px} .nachrichten.auswahl a.weitere{color:#4E4E4E;float:right; margin-top:8px;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 5px; background-repeat: no-repeat; padding-left: 15px} .nachrichten.auswahl a.weitere:hover{text-decoration: underline;color: #c40017} .nachrichten.teaser {background-color:#fff} .nachrichten.teaser > .titel{ position:relative; border-bottom:1px solid #ddd; padding:0 0 7px 0 !important; margin:7px 16px 0px 16px !important} .nachrichten.teaser > .titel a.rss {position:relative; top:3px;left:8px} .nachrichten.teaser .inhalt{ position:relative;padding:0 16px 8px 16px;overflow:hidden} .nachrichten.teaser .meldung { position:relative; border-bottom:1px solid #ddd; margin:14px 0 7px 0; padding:0 0 14px 0} .nachrichten.teaser .meldung .rubrik {color: #4E4E4E; font-size: 12px; font-family: TheSansUHHBold,sans-serif;} .nachrichten.teaser .meldung .titel {margin:3px 0; padding:0;color: #4E4E4E; font-size: 12px} .nachrichten.teaser .meldung .titel a{color: #4E4E4E;text-decoration:none} .nachrichten.teaser .meldung .titel a:hover{text-decoration: underline;color: #c40017} .nachrichten.teaser .meldung .text {font-size: 12px;} .nachrichten.teaser .meldung .text p{margin:0} .nachrichten.teaser a.weitere{ color:#4E4E4E;float:right; background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 5px; background-repeat: no-repeat; padding-left: 15px} .nachrichten.teaser a.weitere:hover{text-decoration: underline;color: #c40017} .medien-box.js .tabs {list-style-type:none;margin:0;padding:0;overflow:visible;border:1px solid #ddd;border-bottom:0} .medien-box.js .inhalt ul.slides{list-style-type: none; margin: 0; padding:0} .medien-box.js > .inhalt{;padding:16px 12px 12px 12px;border:1px solid #ddd} .medien-box.js > .inhalt li{ margin: 0;background-image:none !important; padding:0;} .medien-box .inhalt > div a {background-image: url("../img/buttons/dart-round-gr.gif");background-position: 0 3px; background-repeat: no-repeat; color: #4E4E4E;margin-left: 10px; padding-left: 13px; text-decoration: none;font-size: 11px;} .spalte.rechts .kontakt .titel{font-size: 13px; padding: 6px 13px 5px 13px;border: 1px solid #E0E0E0;border-color:#fff #fff #e0e0e0 #fff;margin:0} .spalte.rechts .kontakt .inhalt{border: 1px solid #fff;border-radius: 0 0 2px 2px; padding: 8px 13px 6px 13px;font-size: 12px; line-height: 19px;} .spalte.rechts .kontakt .inhalt .absatz{margin:0 0 5px 0} .spalte.rechts .kontakt .inhalt a{color: #c40017;text-decoration: none;} .spalte.rechts .kontakt .inhalt a:hover, .spalte.rechts .kontakt .inhalt a:focus{text-decoration: underline} .spalte.rechts .kontakt .vertretung{margin-top:12px} .spalte.rechts .kontakt .sprechzeiten{ margin-top:12px} .spalte.rechts .kontakt .sprechzeiten.schaltbar .titel{padding:0 0 0 16px;border-width:0 0 1px 0; margin:0; font-size:12px;font-family: TheSansUHH,sans-serif; font-style:normal; } .spalte.rechts .kontakt .sprechzeiten.schaltbar .inhalt{border:0; padding:0; margin-top:5px} .spalte.rechts .kontakt .sprechzeiten.schaltbar .inhalt ul{margin-top:0; margin-bottom:0} .start .spalte.rechts .kontakt h3.titel, .spalte.rechts .kontakt-rot .titel{border:0; margin:0;font-size: 13px; padding: 7px 13px 6px 13px;color:#fff; text-shadow:1px 1px 1px #900;border-radius:2px 2px 0 0 ; background: #D20017; background: -moz-linear-gradient(top, #c40017 0%, #BA0012 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40017 ), color-stop(100%,#BA0012 )); background: -webkit-linear-gradient(top, #c40017 0%,#BA0012 100%); background: -o-linear-gradient(top, #c40017 0%,#BA0012 100%); background: -ms-linear-gradient(top, #c40017 0%,#BA0012 100%); background: linear-gradient(top, #c40017 0%,#BA0012 100%); } .start .spalte.rechts .kontakt .inhalt, .spalte.rechts .kontakt-rot .inhalt{border: 2px solid #fff;border-top:0;border-radius: 0 0 2px 2px; padding: 19px 26px;font-size: 12px; line-height: 17px;background-color:#f9f9f9} .spalte.rechts .kontakt-rot .inhalt *{margin-top:0;padding:0} .spalte.rechts .kontakt-rot .inhalt ul{ line-height: 15px;font-size: 11px;list-style-type: none; margin: 0.5em 0 12px 0; padding:0} .spalte.rechts .kontakt-rot .inhalt li{ margin: 0 0 2px 0;background-image: url(../img/buttons/dart-round-gr.gif);background-position:0 3px; background-repeat: no-repeat; padding-left: 15px;;} .spalte.rechts .kontakt-rot .inhalt ul a{ color: #4E4E4E; text-decoration: none} .spalte.rechts .kontakt-rot .inhalt ul a:hover{ color: #c40017;text-decoration: underline;} .spalte.rechts .kontakt-rot .inhalt br { } .spalte.rechts .kontakt-rot .inhalt hr { display: block; height: 0px; border: 0; border-top: 1px solid #d3d3d3;border-bottom: 1px solid #fff; margin: 1em 0; padding: 0; } .spalte.rechts .kontakt-rot1 .inhalt b{display:block; margin:4px 0} .start .spalte.rechts .kontakt .inhalt a, .spalte.rechts .kontakt-rot .inhalt a{color: #c40017;text-decoration: none;} .start .spalte.rechts .kontakt .inhalt a:hover, .spalte.rechts .kontakt-rot .inhalt a:hover, .spalte.rechts .kontakt .inhalt a:focus{text-decoration: underline;} #feedbackIframe{width:630px; height:580px;margin-top:-40px} body.feedback{ background-color:#FFFFFF; margin:0; padding:0; overflow:auto; font-size:12px} #feedback {width:630px} #feedback i {color:red;font-size:14px;margin:0 2px 0 2px} #feedback p {font-family: TheSansUHHBold,sans-serif; font-weight: normal} #feedback form {margin-top:25px} #feedback .feedback-block {margin:1em 0;width:570px} #feedback .center {text-align:center} #feedback .right {text-align:right } #feedback .feedback-info {font-size:12px;margin:1em 0} #feedback .klein {font-size:11px;margin:2px 0} #feedback label {font-family: TheSansUHHBold,sans-serif; font-weight: normal;} #feedback input[type=text] {width:564px;margin:5px 0 10px 0;padding:1px 2px;border:1px solid #bbb; border-radius:3px;background-color:#FAF8F9} #feedback textarea {width:564px;height:80px;overflow:auto;margin:5px 0 10px 0;padding:1px 2px;border:1px solid #bbb; border-radius:3px;background-color:#FAF8F9} #feedback fieldset {padding:0 10px 20px 35px;border:1px solid #bbb; border-radius:3px;background-color:#FFFFF5; margin:30px 10px 10px 0} #feedback .frame fieldset { margin:30px 60px 10px 0} #feedback fieldset input {background-color:#fff} #feedback legend {color: #4E4E4E;text-transform:uppercase; padding:0; font-size:13px;font-family: TheSansUHHBold,sans-serif; font-weight: normal;margin:0 } #feedback #feedback-captcha {margin-left:10px;width:40px;font-size:16px} #feedback #feedback-frage {margin-left:70px} #feedback #feedback-submit {padding:1px 20px} body.feedback.fak {overflow-x:hidden;background-color:transparent !important} body.fakultaet #feedbackIframe{ height:630px} body.feedback.fak .frame{background-color:#fff;padding:10px 40px 10px 20px; border: 1px solid rgb(221, 221, 221); border-radius: 2px 2px 0 0;} body.feedback.fak input#feedback-captcha {width:40px !important} body.feedback.fak fieldset {margin:30px 0 10px 0 !important;width:523px} body.feedback.fak .feedback-block {padding-right:0 !important} #_feedback {width:100%} body.fakultaet.start #_feedback {width:100%;background-color:#fff;padding: 3px 20px 3px 20px;margin: 0px 0px 19px;background-color: rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);border-radius: 2px 2px 0px 0px;} .s body.fakultaet.start #_feedback {padding: 3px 14px;border-width:1px 0;border-radius:0;} .s body.subsite.start #_feedback {padding: 3px 14px;} #_feedback i {color:red;font-size:14px;margin:0 2px 0 2px} #_feedback p {font-family: TheSansUHHBold,sans-serif; font-weight: normal} #_feedback form {margin-top:25px} #_feedback .feedback-block {margin:1em 0;width:100%} #_feedback .center {text-align:center} #_feedback .right {text-align:right } #_feedback .feedback-info {font-size:12px;margin:1em 0} #_feedback .klein {font-size:11px;margin:2px 0} #_feedback label {font-family: TheSansUHHBold,sans-serif; font-weight: normal;} #_feedback input[type=text] {width:100%;margin:5px 0 10px 0;padding:1px 0;border:1px solid #bbb; border-radius:3px;background-color:#FAF8F9} #_feedback textarea {width:100%;height:80px;overflow:auto;margin:5px 0 10px 0;padding:1px 2px;border:1px solid #bbb; border-radius:3px;background-color:#FAF8F9} #_feedback fieldset {padding:0 15px 10px 15px;border:1px solid #bbb; border-radius:3px;background-color:#FFFFF5; margin:30px 0 10px 0} #_feedback .frame fieldset { margin:30px 60px 10px 0} #_feedback fieldset input {background-color:#fff} #_feedback legend {color: #4E4E4E;text-transform:uppercase; padding:0 5px; font-size:13px;font-family: TheSansUHHBold,sans-serif; font-weight: normal;margin-left:-5px } #_feedback #feedback-captcha {margin-left:5px;width:30px;font-size:14px;text-align:center} #_feedback #feedback-frage {margin-left:50px;font-size:14px} #_feedback #feedback-frage:after {content:" = "} #_feedback #feedback-submit {padding:1px 20px} /* Suche */ #cse{width:630px !important} #cse *{font-family: TheSansUHH, sans-serif;font-size:12px; text-decoration:none} #cse b,#cse b{font-family: TheSansUHHBold,sans-serif; font-weight: normal} #cse td{border:0;padding:0} .gs-result .gs-title * {font-family: TheSansUHHBold,sans-serif !important; font-weight: normal; color: #C40017 !important;font-size:13px !important;text-decoration:none !important} .gs-result .gs-title:hover * { color: #c40017 !important;font-size:13px !important;text-decoration:underline !important} .cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; width: auto;} .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl { color: #666 !important;} .cse input.gsc-search-button, input.gsc-search-button { background:transparent url(../img/buttons/menu.png) no-repeat 0 -34px !important; border: 0 !important; border-radius: 2px 2px 2px 2px; color: #fff !important; height: auto !important; min-width: 54px; padding: 4px 21px !important; text-align:center; font-size: 13px !important; font-family: TheSansUHHBold,sans-serif !important; font-weight:normal !important; } .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic { padding: 0 !important;margin-bottom:1.75em !important} .gsc-result-info {padding-left: 0px !important} td.gsc-clear-button { padding-top: 4px !important;} .gsc-above-wrapper-area { border-bottom: 0 !important} input.gsc-input { border-color: #ccc !important; padding: 4px 6px 5px 6px !important;background-color:#f4f4f4 !important;width:97% !important} #sitemap{list-style-type:none; margin:10px 0 0 0; padding:0} #sitemap ul{list-style-type:none; margin:0; padding:0;margin-left:22px} #sitemap a.a{ color:#333; text-decoration: none; } #sitemap li{background-image:none; padding:0 } #sitemap a.a:hover,#sitemap a.a:focus{ color: #e2001a;text-decoration: underline} #sitemap a.b + a.a{margin-left:0px} #sitemap a.z{ margin-left:22px;position:relative; } #sitemap a.z:before{content:" "; width:9px;height:10px; position:absolute;left:-16px; top:1px; border:1px solid #333; border-radius:0px 3px 0px 0;box-shadow:1px 1px 2px #ccc; transition:background-color 0.2s, border-color 0.2s;-moz-transition:background-color 0.2s, border-color 0.2s;-webkit-transition:background-color 0.2s, border-color 0.2s;-ms-transition:background-color 0.2s, border-color 0.2s;} #sitemap a.z:hover:before,#sitemap a.z:focus:before{ border:1px solid #e2001a; background-color:#e2001a;box-shadow:none;transition:background-color 0.2s, border-color 0.2s;-moz-transition:background-color 0.2s, border-color 0.2s;-webkit-transition:background-color 0.2s, border-color 0.2s;-ms-transition:background-color 0.2s, border-color 0.2s;} #sitemap a.b{box-shadow:1px 1px 2px #ccc;background-color:#f3f3f3;text-decoration: none;color:#333; font-size:13px;width:17px;height:12px;margin-top:2px;margin-right:5px; line-height:9px; float:left; text-align:center; border:1px solid #333; border-radius:2px ; cursor:pointer;transition:background-color 0.3s, color 0.3s;-moz-transition:background-color 0.3s, color 0.3s;-webkit-transition:background-color 0.3s, color 0.3s;-ms-transition:background-color 0.3s, color 0.3s} #sitemap a.b:hover,#sitemap a.b.auf:hover,#sitemap a.b:focus,#sitemap a.b.auf:focus{;box-shadow:none;border-color:#e2001a; background-color:#e2001a;color:#fff; text-decoration:none;transition:background-color 0.2s, color 0.2s;-moz-transition:background-color 0.2s, color 0.2s;-webkit-transition:background-color 0.2s, color 0.2s;-ms-transition:background-color 0.2s, color 0.2s} #sitemap a.b:before{content:"+"; } #sitemap a.b.auf:before{content:"-"; } /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* *************************************************************************************************************************************************************** */ /* Importierte Inhalte */ .import.einmaleins{width:700px} .import.einmaleins h1{ font-size:21px; background:#E2001A ; padding:8px 9px 11px 9px; color:#fff !important; text-transform:none } .import.einmaleins strong.h2{ display:block;font-size:16px; background-color:#ccc; color:#000 !important; padding:9px; margin:0 0 2px 0} .import.einmaleins h2{ border: 1px solid #EFEFEF;border-width:1px 1px 0 1px;border-radius: 2px 2px 0px 0px ; margin:10px 0 0 0;padding:9px 9px 3px 9px} .import.einmaleins p{ padding-left:9px;padding-right:9px; line-height:1.35em} .import.einmaleins .block p{padding:0} .import.einmaleins img{ border:0} .import.einmaleins #inhalt *{ outline:0} .import.einmaleins .grau{ background-color:#E0E0E0 } .import.einmaleins .tabelle1{border:1px solid #ccc; border-width:0 1px} .import.einmaleins .tabelle1 .zeile{padding:9px 9px 9px 168px; overflow:hidden;} .import.einmaleins .tabelle1 .bild{float:left; width:150px; margin-left:-159px; max-height:160px; overflow:hidden} .import.einmaleins .tabelle1 .bild img{width:150px} .import.einmaleins .tabelle1 .titel{float:left; width:50%;margin-bottom:9px} .import.einmaleins .tabelle1 .titel h3{margin:0; } .import.einmaleins .tabelle1 .titel h3 a{display:block;min-height:27px;padding-left:41px; background-position:3px 0; background-repeat:no-repeat} .import.einmaleins .tabelle1 .titel h3 a{background-image:url(../img/1x1/doppelpfeil-c6c6c6.png)} .import.einmaleins .tabelle1 .grau .titel h3 a{background-image:url(../img/1x1/doppelpfeil-b6b6b6.png)} .import.einmaleins .tabelle1 .titel h3 a:hover{background-image:url(../img/1x1/doppelpfeil-e2001a.png)} .import.einmaleins .tabelle1 .liste{float:left; width:50%;} .import.einmaleins .tabelle1 .liste ul{ margin:0; padding:0;line-height:1.25em;padding-left:38px;list-style-type:none} .import.einmaleins .tabelle1 .liste ul li{margin-bottom:5px} .import.einmaleins .tabelle1 .liste ul li:hover{ color:#E2001A} .import.einmaleins .tabelle1 .liste ul a{display:block;padding-left:10px;background-image:url(../img/1x1/li-0.png);background-position:0 6px; background-repeat:no-repeat} .import.einmaleins .tabelle1 .grau .liste ul a{background-image:url(../img/1x1/li-1.png)} .import.einmaleins .tabelle1 .liste ul a:hover{background-image:url(../img/1x1/li-2.png);} .import.einmaleins .tabelle2{} .import.einmaleins .tabelle2 .zeile{background-color:#E0E0E0;padding:9px 9px 9px 168px; overflow:hidden;margin-bottom:14px} .import.einmaleins .tabelle2 .bild{float:left; width:150px; margin-left:-159px; max-height:160px;margin-bottom:9px; overflow:hidden} .import.einmaleins .tabelle2 .bild img{width:150px} .import.einmaleins .tabelle2 .titel{float:left; width:100%;} .import.einmaleins .tabelle2 .titel h3{margin:0; font-size:1em; line-height:1.25em} .import.einmaleins .tabelle2 .titel h3 a{display:block;min-height:27px;padding-left:41px;padding-top:5px; background-position:3px 0; background-repeat:no-repeat} .import.einmaleins .tabelle2 .titel h3 a{background-image:url(../img/1x1/doppelpfeil-c6c6c6.png)} .import.einmaleins .tabelle2.grau .titel h3 a{background-image:url(../img/1x1/doppelpfeil-b6b6b6.png)} .import.einmaleins .tabelle2 .titel h3 a:hover{background-image:url(../img/1x1/doppelpfeil-e2001a.png)} .import.einmaleins .tabelle2 .liste{ clear:left; margin-left:-159px; background-color: #f4f4f4 ; overflow:hidden; padding:9px; margin-top:9px;} .import.einmaleins .tabelle2 .liste ul{ margin:0; padding:0;line-height:1.25em;float:left;width:33.3%;list-style-type:none} .import.einmaleins .tabelle2 .liste ul li{margin-bottom:5px; padding-right:9px} .import.einmaleins .tabelle2 .liste ul li:hover{ color:#E2001A} .import.einmaleins .tabelle2 .liste ul a{display:block;padding-left:10px;background-image:url(../img/1x1/li-0.png);background-position:0 6px; background-repeat:no-repeat} .import.einmaleins .tabelle2.grau .liste ul a{background-image:url(../img/1x1/li-1.png)} .import.einmaleins .tabelle2 .liste ul a:hover{background-image:url(../img/1x1/li-2.png);} .import.einmaleins .zeile a{ color:#000 !important; text-decoration:none} .import.einmaleins .zeile a:hover{ color:#E2001A !important} .import.einmaleins .block a{color: #c40017 !important;} .import.einmaleins h1.ebene3, .import.einmaleins h2.ebene3{ overflow:hidden;font-size:21px; background:#E0E0E0; padding:8px 9px 11px 9px; font-size: 21px; line-height: 30px; color:#111 !important; } .import.einmaleins h1.ebene3 img, .import.einmaleins h2.ebene3 img{float:left; width:150px;margin-right:7px } .import.einmaleins h1.ebene3 .titel, .import.einmaleins h2.ebene3 .titel{max-width:360px;overflow:hidden;padding-left:41px; background-position:3px 0; background-repeat:no-repeat;background-image:url(../img/1x1/doppelpfeil-c6c6c6.png)} .import.einmaleins h2.titel{ font-size:16px; background-color:#e2001a ; color:#fff !important; padding:4px 9px; margin-bottom:0 !important; margin-top:14px;} .import.einmaleins div.block{border:1px solid #E0E0E0; padding:0 9px; border-top:0; overflow:hidden; border: 1px solid #EFEFEF;border-width:0 1px 1px 1px;border-radius: 0px 0px 2px 2px; } .import.einmaleins div.block a em, .import.einmaleins div.block a em{font-family: TheSansUHH,sans-serif !important; font-style:normal !important;} .import.einmaleins div.block a{ ; text-decoration:none} .import.einmaleins div.block a:hover{ text-decoration:underline} .import.einmaleins .zeile .titel,.import.einmaleins .zeile .liste{min-width:150px} .import.einmaleins div.clear{width:auto !important} .import.einmaleins div.graubox{ font-size:19px; font-weight:bold; background-color:#808080 ; color:#FFFFFF !important; padding:4px 9px; padding-top: 10px; margin-bottom:0 !important; margin-top:24px; margin-bottom:18px; max-width:798px; line-height: 30px} strong.h2{ display:block;font-size:16px; background-color:#ddd; color:#000 !important; padding:9px; margin:0 0 2px 0} .tabelle1{border:1px solid #ccc; border-width:0 1px} .tabelle1 .zeile{padding:9px 9px 9px 168px; overflow:hidden;} .tabelle1 .zeile.grau{ background-color:#F3F3F3 } .tabelle1 .zeile a{color:#000 !important; text-decoration:none} .tabelle1 .zeile a:hover{ color:#E2001A !important} .tabelle1 .zeile .titel{min-width:150px} .tabelle1 .zeile .liste{min-width:150px}