@charset "UTF-8";
@import url(form.css);
@import url(vcard.css);

* {
  margin : 0;
  padding : 0;
}
body {
  background-color : #edf1f3;
  color : #333;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 80%;
  margin : 0 16px 16px 16px;
}
a {
  text-decoration : none;
}
a:link {
  color : #0a5096;
}
a:hover {
  text-decoration : underline;
}
a img {
  border : none;
}
.documentBody {
  max-width : 43.6em;
  padding : 0;
  margin : 0;
  background-color : #fff;
}
.right {
  position : absolute;
  right : 0;
  margin-right : 9px;
  display : inline;
}
.center {
  position : absolute;
  right : 19em;
  display : inline;
}
.language {
  position : absolute;
  right : 0;
  margin-right : -10px;
  display : inline;
}
.language strong {
  display : none;
}
.toolline {
  float: left;
  width: 98%;
  border-top : 1px solid #d9e2e6;
  padding : 0.35em 0 0 0;
  height : 0.5em;
  margin : 1em 0 2em 0;
  text-align : right;
}

.toolline img {
  margin : 0 0.5em 0 1em ;
}

.align-justify {
  text-align: justify;		
}

.align-center {
  text-align: center;		
}

.align-left {
  text-align: left;		
}

.align-right {
  text-align: right;		
}

#print_logo {
  display : none;
}
#visual-wrapper {
  background : #fff url(background_left.png) repeat-y 2px 0;
  border : 1px solid #b2b2b2;
  border-width : 0 1px 1px;
  width : 964px;
  margin : 0 auto;
}
#main-wrapper {
  border-spacing : 0;
  font-size : 100%;
  padding : 0 2px;
}
#left {
  background : #f7f7f7;
  width : 18.7%;
  z-index: 2;
  margin-left: 0;
  margin-right: -5px;
  float:left;
}
#content {
  line-height : 133%;
  padding : 1px 0 11px 0;
  float:right; 
  margin-left: -81.65%; 
  margin-right: 18.35%;
  width : 62.95%;
  z-index : 3;
}
#right {
  background-color : #fff;
  float : right;
  padding : 0 0 20px 11px;
  z-index : 2;
  width : 18.35%;
  float:right; 
  margin-right: 0%;
}
#content-wrapper {
  padding : 1em 1.75em 1em 1.75em;
}
#content-wrapper *, #content-wrapper p, #content-wrapper div *, #content-wrapper div p {
  line-height : 1.4em;
}
#header {
  background : url(headerbg.png) repeat-x;
  height : 117px;
  position : relative;
  border : 2px solid #fff;
  border-width : 0 2px;
  z-index:90; /* statt bisher 111 (wg. wt_gallery/lightbox geändert am 14.01.2011)*/
}
#header h1 {
  background : url(tumlogo.png) no-repeat;
  position : absolute;
  z-index : 333;
  left : 0px;
  top : 0px;
  height : 117px;
  width : 230px;
  margin : 0;
}
#header * a {
  display : block;
  height : 100%;
  outline : none;
  text-decoration : none;
  width : 100%;
}
#header h2 {
  position : absolute;
  z-index : 111;
  width : 783px;
  height : 117px;
  margin : 0;
}
#header p#claim {
  position : absolute;
  width : 100px;
  height : 117px;
  margin : 0;
}
#header p#subclaim {
  bottom : 0;
  margin : 0;
  position : absolute;
  z-index : 222;
}
#header p#foto {
  bottom : 0;
  margin : 0;
  position : absolute;
  z-index : 333;
  height : 117px;
}
#header h1, #header h2, p#claim, p#subclaim, p#foto {
  text-indent : -99999px;
}
#personaltools {
  background-color : #dedede;
  font-size : 90%;
  height : 17px;
  margin-top : 2px;
  padding-top : 3px;
  padding-left : 9px;
  position : relative;
  border : 2px solid #fff;
  border-width : 0 2px 0 2px;
}
#personaltools strong {
  font-weight : normal;
}
#personaltools a {
  color : #333;
}
#personaltools h3, #personaltools p {
  display : none;
}
#audience {
  background-color : #f7f7f7;
  height : 23px;
  border : 2px solid #fff;
  border-width : 0 2px 0 2px;
  text-align : center;
}
#audience li {
  font : bold 1em arial;
  display : inline;
  border-left : 1px solid #a3b7c7;
  line-height : 23px;
  padding : 0 8px;
}
#audience li:first-child {
  border-left : none;
}
#audience a {
  color : #004682;
  text-decoration : none;
}
#audience strong, #audience strong *, #audience a:hover {
  color : #469be6;
}
#audience h3, #audience p {
  display : none;
}
#content a:visited {
  color : #0a5096;
}
#content a.email {
  font-style : italic;
  background-image : none;
  padding : 0;
  text-decoration : none;
}
#content a.doc {
  padding-left : 12px;
  background : url(icon/doc.png) no-repeat;
}
#content a img {
  border : none;
  vertical-align : middle;
}
#content img {
  border : none;
}
#content h1 {
  font-size : 110%;
  line-height : 121%;
  color : #0a5096;
  margin : 0 0 1em 0;
}
#content h2, #content h3 {
  font-size : 100%;
  line-height : 121%;
  color : #0a5096;
  margin : 0;
}
#content h3, #content h5 {
  color : #333333;
}
#content h4 {
  color : #0a5096;
}
#content .lines {
  line-height : 1.3em;
  font-size : 100%;
  margin : 1.5em 0 1em 0;
  padding : 0.2em 0 0.3em;
  border-top : 3px solid #dbe2e9;
  border-bottom : 1px solid #edf1f3;
}

#content hr.small {
  border : none;
  border-bottom : 1px solid #edf1f3;
}
#content hr {
  border : none;
  border-top : 1px solid #dbe2e9;
}

#content hr.line4px_top {
  border : none;
  border-top: #DBE2E9 1px solid;
  background-color: #EDF1F3;
  height : 4px;
  margin : 0 0 1em 0;
}

#content hr.line4px_bottom {
  border : none;
  border-bottom: #DBE2E9 1px solid;
  background-color: #EDF1F3;
  height : 4px;
  margin : 1em 0 0 0;
}

#content p {
  margin : 0 0 1em 0;
}
* html #content h5 {
  height : 1.3em;
}
#content .img-caption-floatleft {
  float : left;  
  margin : 0.2em 17px 1em 0; 
  width : auto; 
}
#content .img-caption-floatleft p {
  font-size : 83%;
  line-height : 121%;
  margin : 0px 0 0.2em 0;
  padding : 0;
}
#content ul {
  list-style : square;
  list-style-position : outside;
  list-style-image : url(bullets.png);
  margin : 0.75em 0 1em 1.22em;
  padding : 0;
}
#content ul li {
  padding : 0;
  margin : 0 0 0.2em 0;
}
#content ol ul li {
  padding : 0;
  margin : 0 0 0.2em 0;
}
#content ol {
  list-style : decimal;
  list-style-position : outside;
  margin : 0.75em 0 1em 1.77em;
  padding : 0;
}
#content ol li {
  padding : 0;
  margin : 0 0 0.2em 0;
}
#content table {
  margin : 0 0 1.66em 0;
  border-collapse : collapse;
  border : none;
  font-size : 100%;
}
#content table caption {
  font-weight : bold;
  text-align : left;
  border : 1px solid #cdd9dd;
  border-width : 3px 0 1px;
  padding : 0.5em;
}
#content td {
  padding : 0.1em;
  border : none;
  background-color : transparent;
}
#content th {
  text-align : left;
  vertical-align : top;
  font-weight : bold;
  padding : 0.5em;
  border : none;
  background-color : transparent;
}
#content th em {
  font-weight : normal;
}
#content th span.non-uppercase {
  text-transform : none;
}
#content table td.highlighted {
  background-color : #f4f6f8;
  border : 1px solid #cdd9dd;
  border-width : 1px 0;
}
#content table tr.highlighted td {
  background-color : #f4f6f8;
  border : 1px solid #cdd9dd;
  border-width : 1px 0;
}
#content table tr.last td {
  background-color : #f4f6f8;
  border : 1px solid #cdd9dd;
  border-width : 1px 0 3px;
  font-weight : normal;
}
#content img.banner {
  margin : 0 0 0 -1.4em;
}
#content table {
  margin : 0 0 1.66em 0;
  border-collapse : collapse;
  border : none;
  font-size : 100%;
  color : #333;
}
#content table caption {
  font-weight : bold;
  text-align : left;
  border : 1px solid #cdd9dd;
  border-width : 3px 0 1px;
  padding : 0.5em;
}
#content table tr {
  text-align : left;
  vertical-align : top;
}
#content table {
  padding : 0.5em;
}
#content table td {
  padding : 0.5em;
}
#content .gitternetz {
  border : 3px solid #dbe2e9;
  border-width : 3px 1px 3px 1px;
  border-collapse : collapse;
  width:100%;
}
#content .gitternetz th {
  text-align : left;
  background-color : #edf1f3;
  border : 1px solid #dbe2e9;
  border-width : 1px 0 1px 1px;
  border-collapse : collapse;
}
#content .gitternetz td {
  text-align : left;
  border : 1px solid #dbe2e9;
  border-width : 1px 0 1px 1px;
  border-collapse : collapse;
}
#content .highlighted {
  background-color : #edf1f3;
}

/* content zweispaltig ohne rahmen */
#content .content-left {
  width: 264px;
  float: left;
  margin-right: 9px;
  margin-top: 12px;
  clear:left;
}

#content .content-right {
  width: 264px;
  float: left;
  margin-left: 9px;
  margin-top: 12px;
}

/* content zweispaltig mit rahmen */
#content .content-box-left {
  border : 1px solid #dbe2e9;
  width: 263px;
  float: left;
  margin-right: 9px;
  margin-top: 12px;
  clear:left;
}

#content .content-box-right {
  border : 1px solid #dbe2e9;
  width: 263px;
  float: left;
  margin-left: 9px;
  margin-top: 12px;
}

#content .content-box-left h1, #content .content-box-left h2, #content .content-box-left h3,
#content .content-box-right h1, #content .content-box-right h2, #content .content-box-right h3{
  background-color : #edf1f3;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#content .content-box-left p, 
#content .content-box-right p {
  padding: 5px;
}

#content .content-box-left ul *, 
#content .content-box-right ul * {
  padding-left: 5px;
  padding-right: 5px;
}

#content .content-box-left img, 
#content .content-box-right img{
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

/* /content zweispaltig mit rahmen */

form#search-box, a#advancedsearchlink {
  background-color : #edf1f3;
  border : 1px solid #d3dee3;
  border-width : 1px 0 1px 0;
  padding : 0.4em 0 0.5em 0.75em;
  margin : 0;
}
#search-box label {
  display : none;
}
input#search-field {
  font-size : 90%;
  font-family : Arial, Helvetica, sans-serif;
  width : 11ex;
  border : none;
  color : #333333;
  background : #fff url(icon/detail.png) no-repeat 2px -1px;
  padding : 1px 2px;
  padding-left: 2.3ex;
  vertical-align : middle;
  margin-right : 2px;
}
input#search-button {
  font-size : 90%;
  font-family : Arial, Helvetica, sans-serif;
  background-color : #edf1f3;
  border : none;
  padding : 1px 0 0 0;
  color : #333333;
  vertical-align : middle;
  text-align : right;
}
a#advancedsearchlink {
  font-size : 90%;
  display : block;
  border-width : 0 0 1px 0;
  color : #333;
  text-decoration : none;
}


ul.navigationlist {
  margin : 0 0 50px 0;
  padding : 0;
  border-bottom : 1px solid #c4d2d8;
  width : 100%;
}
ul.navigationlist li {
  list-style-type : none;
  border-top : 1px solid #a3b7c7;
  background-color : #dbe2e9;
  position:relative;
}
ul.navigationlist li li {
  background-color : #eef2f5;
  border-top : 1px solid #c4d2d8;
}
ul.navigationlist li li li {
  background-color : #fff;
}
ul.navigationlist li a {
  display : block;
  text-decoration : none;
  color : #004682;
  padding : 0.4em 1.33em 0.5em 22px;
  outline : none;
  font-size : 100%;
}
ul.navigationlist li a:hover {
  color : #469be6;
}
ul.navigationlist ul {
  margin : 0;
  padding : 0;
}
ul.navigationlist strong a {
  color : #469be6;
  font-weight:normal;
}
ul.navigationlist strong {
	display : block;
	text-decoration : none;
	color : #004682;
	padding : 0.4em 1.33em 0.5em 22px;
	outline : none;
	font-size : 100%;
	font-weight:bold;
}
ul.navigationlist li.childs > a {
  background : url(arrow_navE.png) no-repeat 7px 8px;
  padding-right : 6px;
}
ul.navigationlist li.childs > strong {
	display : block;
	text-decoration : none;
	color : #004682;
	padding : 0.4em 1.33em 0.5em 22px;
	outline : none;
	font-size : 100%;
	font-weight:bold;
	background : url(arrow_navE.png) no-repeat 7px 8px;
	padding-right : 6px;
}

.tooltip ul {
  display:none;
}

.tooltip {
  position:relative;
  z-index:24; 
  text-decoration:none;
}

.tooltip:hover {
  z-index:25; 
  background-color:#dbe2e9;
}

.tooltip:hover ul {
  display:block;
  position:absolute;
  top:2em;
  border:1px solid #e0e4e7;
  background-color:#fff; 
  color:#000;
  padding:0.5em;
  padding-left:2em;
  text-align:left;
  font-weight:normal;
  font-size:90%;
}
#right .tooltip:hover ul {
  right:0;
}


li.collapsed ul {
    display: none;
}

li.collapsed:hover > ul {
    z-index: 10;
    width: 14em;
    position : absolute;
    left : 14em;
    top: -2px; 
    display: block;
    border-top: 1px solid #e0e4e7;
    border-bottom: 1px solid #e0e4e7;
    margin-left:-2px;
}
li.collapsed:hover > ul li {
    border-right: 1px solid #e0e4e7;
    border-left: 1px solid #e0e4e7;
}
li.collapsed:hover > ul li:first-child {
    border-right: 1px solid #e0e4e7;
    border-left: 0;
}

.portlet {
  padding : 0;
}
.portlet h3 {
  display : none;
}
.portlet_no_box .title {
  display : none;
}
.portlet_no_box img {
  margin : 0 0 0.5em 0; 
}
.portlet_no_box .portletContent select {
  font-size : 90%;
  font-family : Arial, Helvetica, sans-serif;
  border : none;
  color : #333333;
  vertical-align : middle;
}
.portlet_no_box .portletContent input.context.widget {
  font-size : 90%;
  font-family : Arial, Helvetica, sans-serif;
  border : none;
  padding : 1px 6px 0 0;
  color : #333333;
  vertical-align : middle;
  width : auto;
  text-align : left;
  display : block;
  background : url(greyarrow.png) no-repeat right center;
  margin : 0;
}
.portlet_no_box .box .body form {
  margin : 0;
}
.portlet_no_box {
  padding-bottom : 10px;
}
.portlet_no_box p {
  margin : 0.7em 0 0 1em;
  font-size : 93%;
}
.portlet_no_box h3  {
  font-weight : bold;
  color : #0a5096;
  margin : 0.7em 0 0 1em;
  font-size : 93%;
}
.portlet_no_box a {
  color : #0a5096;
}
.portlet_banner img {
  margin : 1em 0 0.7em 0;
}
.portletBox {
  background-color : #fff;
  height : 29px;
  width : 14.1em;
  padding-bottom : 0;
}
#left .portlet_no_box {
  background : #fff url(background_left.png) repeat-y 0 0;
}
#left .portlet_no_box .box {
  padding : 0.4em 1.33em 0.5em 0.75em;
  border-bottom : 1px solid #a3b7c7;
}
#right .portlet_no_box .box {
  border : 1px solid #d3dee3;
  padding : 0 1.33em 0 0.75em;
  margin : 1em 0 50px 0;
  background-color : #edf1f3;
}
.portlet_box {
  background-color : #f6f6f6;
  font-size : 83%;
  border : 1px solid #d9e2e6;
  border-width : 1px 1px 0 1px;
  margin : 0;
}
.portlet_box h3 {
  display : block;
  font-size : 100%;
  font-weight : bold;
  border-bottom : 1px solid #d9e2e6;
  color : #333;
  padding : 0.6em 1em;
  margin : 0;
}
.portlet_box h3 a {
  padding-right:10px;
  background:url(icon/feed-icon.png) no-repeat right;
}
.portlet_box h4 {
  font-size : 100%;
  font-style : italic;
  font-weight : normal;
  margin : 1em 0 0 0;
  padding : 0 1em;
}
.portlet_box p {
  margin : 0;
  border-bottom : 1px solid #d9e2e6;
  padding : 0 1em 1em 1em;
}
.portlet_box a {
  color : #333;
  text-decoration : none;
  display : block;
  font-weight : bold;
}
.portlet_box a:visited {
  color : #333;
}
.portlet_box img {
  display : none;
}
.portlet_linklist {
  background-color : #f6f6f6;
  font-size : 83%;
  border : 1px solid #d9e2e6;
  border-width : 1px 1px 0 1px;
  margin : 4px 0 0 0;
}
.portlet_linklist h3 {
  display : block;
  font-size : 100%;
  font-weight : normal;
  color : #dc6e0f;
  background-color : #f3efed;
  padding : 0.6em 1em;
  margin : 0;
}
.portlet_linklist h4 {
  font-size : 100%;
  font-style : italic;
  font-weight : normal;
  margin : 1em 0 0;
  padding : 0 1em;
}
.portlet_linklist p {
  margin : 0;
  border-bottom : 1px solid #d9e2e6;
  padding : 0 1em 1em;
}
.portlet_linklist a {
  color : #333333;
  text-decoration : none;
  display : block;
}
.portlet_linklist a:visited {
  color : #999;
}
.portlet_linklist img {
  display : none;
}
#newsboard h2 {
  font-size : 100%;
  text-transform : none;
  margin : 0;
  padding : 0.3em 0 0.6em;
  border-top : 9px solid #e8eff1;
}
#newsboard h3 {
  margin-left : 150px;
}
#newsboard h5 {
  margin : 0 0 0.5em 0;
  clear : left;
}
#newsboard h6 {
  margin-left : 150px;
}
#newsboard p.main {
  margin-left : 150px;
}
#newsboard .img-caption-floatleft {
  margin : 0 20px 8px 0;
  width : 130px;
}
#newsboard .newsboard-newsseparator {
  border-top : 1px solid #cdd9dd;
  height : 1px;
  line-height : 1px;
  font-size : 0.5em;
  margin-bottom : 1em;
}
#news-content h2 {
  font-size : 100%;
  text-transform : none;
  margin : 0;
  padding : 0.3em 0 0.6em;
}
#news-content h3 {
  margin-left : 0;
}
#news-content h5 {
  margin : 0 0 0.5em 0;
  clear : left;
}
#news-content h6 {
  margin-left : 0;
}
#news-content p {
  margin-left : 0;
}
#news-content .img-caption-floatleft {
  margin : 0 20px 0 0;
  width : 130px;
}
#footer {
  clear : both;
  background-color : #dedede;
  padding : 4px 0 6px 9px;
  font-size : 90%;
  position : relative;
  height : 1em;
  border : 2px solid #fff;
  border-width : 0 2px 2px;
  color : #666;
}
#footer a {
  color : #666;
  text-decoration : none;
}
.breadcrumbs {
  font-size : 90%;
  margin : 12px 0 0 2px;
}
#content .breadcrumbs ol {
  display : inline;
}
#content .breadcrumbs li {
  display : inline;
  padding-left : 7px;
  padding-right : 3px;
  background : url(crumb.png) no-repeat;
}
#content .breadcrumbs li:first-child {
  padding-left : 0;
  background : transparent;
}
#content .breadcrumbs a {
  color: #333;
}
ul.tool {
  display : inline;
}
.tool * {
  color : #333;
  margin-right : 0.75em;
  text-decoration : none;
  white-space : nowrap;
}
.center .tool * {
  margin-right:0.1em;
}
#content .tool a {
  color : #333;
}
.tool li {
  display : inline;
}
.tool p {
  display : inline;
}
.tool_login, #content .tool_login {
  padding-left : 16px;
  background : url(icon/login.png) no-repeat 0 -4px;
}
.tool_help, #content .tool_help {
  padding-left : 16px;
  background : url(icon/help.png) no-repeat 0 -4px;
}
.tool_print, #content .tool_print {
  padding-left : 16px;
  background : url(icon/print.png) no-repeat 0 -4px;
}
.tool_mail, #content .tool_mail {
  padding-left : 16px;
  background : url(icon/mail.png) no-repeat 0 -4px;
}
.tool_doc, #content .tool_doc {
  padding-left : 16px;
  background : url(icon/doc.png) no-repeat 0 -4px;
}
.tool_top, #content .tool_top {
  padding-left : 12px;
  background : url(icon/arrow_N.png) no-repeat 0 4px;
}

.calendar {
  border-collapse:collapse;
  padding:0;
  border:1px solid #e0e4e7;
  background:#f6f6f6;
  width:100%;
}
.calendar td {
  padding:2px;
  text-align:center;
  border:1px solid #e0e4e7;
}
.calendar td.today  {
  background:#dbe2e9;
}
.calendar td a {
  text-decoration:none;
  font-weight:bold;
  color:#333;
  padding:0;
}
.calendar th {
  padding:2px;
  text-align:center;
  color:#333;
  font-weight:normal;
}
.calendar th a { 
  text-decoration:none; 
  color:#333;
}


.calendar caption {
  margin-left:-1px;
  font-size : 87%;
  font-weight : bold;
  border : 1px solid #e0e4e7;
  color : #333;
  padding : 0.6em 1em;
  background:#f6f6f6;
  margin-top:15px;
  text-align:left;
}
.calendar caption a {
  padding-right:10px;
  background:url(icon/feed-icon.png) no-repeat right;
}

@media handheld, projection, screen, tty, tv  {

input#search-button {
  cursor : pointer;  }
.portlet_no_box .portletContent input.context.widget {
  cursor : pointer;  }
}