/* general stuff */
body,td       {font:14px "Tahoma",sans-serif; 
               background-color:#ffffff; color:#666666; 
	             padding:0px; margin:0px; border:none; 
	             height: 100%;}
@media print  {
  body,td     {font-size:10pt; color:#000000;}
}
html, * html, *  {padding:0px; margin:0px; border:none;}
img           {padding:10px 0px 20px 20px;}
em            {font-style:normal; font-weight:bold;}
@media print  {
  em          {font-weight:bold; font-style:normal; font-size:10pt;}
}
/* general classes */
.weblnk       {font-size:12px; padding-top:10px; text-align:right;
               width: 590px; z-index: auto;}
.cite         {color:#990000; background-color:#ffffff;}
.citesource   {color:#ff66cc; float:right; padding-right:10em; background-color:#ffffff;}
.stackleft, .stackleftb  {width:30%; float:left; border:solid #6666cc;
               border-width:0px 0px 0px 0px; 
               clear:none; padding:0px 0px 5px 0px; }
.stackleftb   {border-width:0px 1px 0px 0px; margin-right:10px;}

.clear        {clear:both; padding-top:10px;}
.stackleft45, .stackleftb45 {width:47%; float:left; clear:none; padding:0px 0px 5px 0px;}
.stackleftb45 {margin-right:10px; }
.kE           {color:#cc3333;}

/* - general classes within other elements */
div#submenu_top .sme, div#submenu_top .smeselect  {
               font-weight:bold; color:#666666; background-color:#ffffff; border:solid #6666cc; border-width:0px 0px 0px 0px; 
	             margin:0px; padding:3px 10px 3px 10px;}
div#submenu_top .smeselect {color:#000099; text-decoration:none; background-color:#ddddff;}
div#aim .ov_content {text-align:justify;}

/* links */
a, a:visited  {background-color:#ffffff; color: #000099; text-decoration: none;      margin:0px; padding:0px;}
a:hover       {background-color:#ffffff; color: #000099; text-decoration: underline; margin:0px; padding:0px;}
a:active      {background-color:#ffffff; color: #000099; text-decoration: none;      margin:0px;}
.ps_link, .pdf_link, .anim_link, .dvi_link, .ppt_link, a.ps_link:hover, a.pdf_link:hover, a.anim_link:hover, a.dvi_link:hover, a.ppt_link:hover {font-weight:bold;}
.ps_link,  a.ps_link:hover, a.ps_link:visited     {color:#cc0000;background-color:#ffffff;}
.pdf_link, a.pdf_link:hover, a.pdf_link:visited   {color:#ff9900;background-color:#ffffff;}
.anim_link,a.anim_link:hover, a.anim_link:visited {color:#009900;background-color:#ffffff;}
.dvi_link, a.dvi_link:hover, a.dvi_link:visited   {color:#0000cc;background-color:#ffffff;}
.ppt_link, a.ppt_link:hover, a.ppt_link:visited   {color:#990099;background-color:#ffffff;}

/* - links within other elements */
div#submenu_top a       {color:#666666;background-color:#ffffff;}
div#submenu_top a:hover {color:#000099; background-color:#ffffff; text-decoration:none;}
div#menu a, div#menu a:hover {color:#666666; text-decoration:none; font-size:13px;
               margin:0px; padding:0px; border:none; background-color:#ffffff;}
div#menu a:hover        {color:#000099;}
div#staff a, div#staff a:hover, div#staff a:active { white-space: nowrap;}
.weblnk a     {font-size:12px;}
@media print  {
 a, a:visited, a:hover, a:active {text-decoration:none; font-size:10pt;}
}

/* special (id'd) divs */
/* - #menu */
div#menu      {font-weight:bold; font-size:13px;	
               height:100%; width:10em; border-style:none solid none none; border-width:0px 1px 0px 0px; border-color:#6666cc;
               margin:0px; padding:0px 10px 0px 0px; background-color:#ffffff;	color:#666666;
               position:fixed; left:0px; top:0px; display:block; z-index: 100;}
@media print  {
  div#menu    {display:none;}
}

/* - #content */
div#content   {right:0px; width:50em; padding:35px 10px 10px 13em; display:block;}

@media print  {
 div#content  {padding:10px;}
}

/* - #submenu_top */
div#submenu_top {width:100%; padding-left:0px; border:0px solid #6666cc; 
               margin:15px 0px 10px 0px; 
               background-color:#ffffff; color:#666666;}

/* - #title_and_menu */
div#title_and_menu {width:100%; background-color:#ffffff; color:#666666; padding-bottom:5px; 
               margin-bottom:10px;}

/* - #news */
div#news       {border:solid #cc0000; padding:2px 0px 2px 5px; margin:0px 0px 5px 0px;  
               background-color:#ffffff; color:#666666; border-width:1px 1px 0px 0px; text-align:left;}
div#coming     {border:solid #6666cc; padding:2px 0px 2px 5px; margin:0px 0px 5px 0px;  
               background-color:#ffffff; color:#666666; border-width:1px 1px 0px 0px; text-align:left;}

/* - #consultation_hours */
div#consultation_hours {border:solid #6666cc; border-width:1px 1px 0px 0px;  
               padding:2px 0px 2px 5px; background-color:#ffffff; color:#666666; 
               text-align:left; margin:0px 0px 10px 0px;}

/* - within others */
div.class_overview div#staff{border:solid #6666cc; border-width: 0px 0px 0px 0px;}
div.class_overview div div.ov_content { margin:0px; padding:0px; border-width:0px;   
               float:right; width:auto;}


/* div classes */
div.alignright{text-align:right; clear:both;}
div.block     {background-color:#cccccc; border:none; color:#666666;
               display:block; padding:10px; width:600px; z-index:auto;}
div.update    {font-size:12px; text-align:left; clear:both;
               border-top:1px solid #6666cc; padding:3px; margin:10px 0px 5px 0px; 
               background-color:#ffffff; color:#666666; min-width:600px; max-width:800px;}
div.stacked_columns {padding:0px; margin:0px 0px 5px 0px; border:none;}
div.news      {padding:0px; margin-top:20px; clear:both;}
div.newstext  {padding-left:10px;}
/* old class_overview rules: something is wring with that!! must keep it for now */
div.class_overview {border:solid #6666cc; padding:0px 3px 0px 0px; 
               border-width:1px 1px 0px 0px; margin:0px 245px 0px 0px; width:30em;}
div.class_overview div{display:block; text-align:right; background-color:transparent;
               border:solid #cccccc; border-width:1px 0px 0px 0px; 
               margin:0px 2px 0px 0px; padding:2px 2px 2px 0px; 
               float:left; width:30em;}
/* new...
div.class_overview {border:solid #6666cc; padding:0px 3px 0px 0px; 
               border-width:1px 1px 0px 0px; margin:0px 0px 0px 0px;}
div.class_overview div{display:block; text-align:right; background-color:transparent;
               border:solid #cccccc; border-width:1px 0px 0px 0px; 
               margin:0px 2px 0px 0px; padding:2px 2px 2px 0px; 
               float:left; width:30em;}
*/
div.right_column {float:right; width:18em; background-color:#ffffff; color:#666666; 
               margin:0px 0px 0px 1em; padding:0px;}
hr            {background-color:#ffffff; color:#6666cc; visibility: visible; border:solid #6666cc; 
               border-width:0px 0px 1px 0px; height:0px;}
hr.clearleft  {float:none; display: block; clear:left;
               visibility: hidden; 
               /* maybe explicit width, same as .class_overview... 
               width:100%; */
               width:30em;
               height:0px; 
               padding:0px 10px 0px 0px; margin:0px; border:none;}

/* list classes */
ul.bluetriangle, ul.lightbluetriangle, ul.literatur, ul.cont_sub, ul.programs {
	             list-style-type:none; padding:0px; margin:0px 0px 15px 0px;}
ul.staffcategories     {color:#666666; background-color:#ffffff; list-style:none; padding:5px 0px 0px 0px; 
               margin:0px;}	       
ul.stafflist  {list-style:none; color:#666666; background-color:#ffffff; padding:5px 0px 0px 5px; 
	             margin:0px; border:none;}
div.class_overview div ul {margin:0px 0px 3px 0px; padding:0px; border:none; 
               list-style:none;}

@media print  {
 div.class_overview div ul {margin:10pt;border:none;}
}
div#consultation_hours ul,div#news ul, div#coming ul {list-style:none; clear:left; padding:0px; 
               border:none; margin:0px; width:100%;}
ul.cont       {padding:0px; border:none; margin:0px; list-style-type:none; 
               font-weight:bold;}
ul.cont_sub   {font-weight:normal;}
div#menu ul   {margin: 0px 0px 0px 0px; padding:0px; border:none; 
               background-color:transparent;}

/* li */
ul.bluetriangle li, ul.literatur li, ul.cont_sub li, ul.programs li {
	             background-image:url(/ti/images/navi/arrow_blue.gif);
               background-repeat: no-repeat; background-position: 0 .4em; 
               padding-left:1em; margin-top:5px;}
/* für numerierte Listen innerhalb der ul's */
ol li { background-image:none;}
ul.lightbluetriangle li {
	             background-image:url(/ti/images/navi/arrow_lightblue.gif);
               background-repeat: no-repeat; background-position: 0 .4em; 
               padding-left:1em; margin-top:5px;}
ul.staffcategories li  {padding:2px 0px 0px 0px; margin-bottom:10px; border:solid #666666; 
               border-width:1px 1px 0px 0px;}

ul.stafflist li {margin:0px; padding:0px 0px 10px 0px; border:none; background-image:none;}
ul.hmenu li   {display:inline; padding:1em;}
div#consultation_hours ul li,div#news ul li, div#coming ul li {padding:0.5em 0px; width:219px; margin:0px; display:block;}
div#menu li.home     {background-image:url(/ti/images/8square_cc0000.png);}
div#menu li.about    {background-image:url(/ti/images/8square_ff9900.png);}
div#menu li.staff    {background-image:url(/ti/images/8square_009900.png);}
div#menu li.teaching {background-image:url(/ti/images/8square_0000cc.png);}
div#menu li.research {background-image:url(/ti/images/8square_990099.png);}
div#menu li.extern   {background-image:url(/ti/images/8square_999999.png);}
div#menu li.sel_home     {background-image:url(/ti/images/8square_cc0000.png);}
div#menu li.sel_about    {background-image:url(/ti/images/8square_ff9900.png);}
div#menu li.sel_staff    {background-image:url(/ti/images/8square_009900.png);}
div#menu li.sel_teaching {background-image:url(/ti/images/8square_0000cc.png);}
div#menu li.sel_research {background-image:url(/ti/images/8square_990099.png);}
div#menu li.sel_extern   {background-image:url(/ti/images/8square_999999.png);}

div#menu li   {color:#666666; background-color:#ffffff; padding:0px 15px 0px 5px; margin:0px 0px 15px 0px; border:none; 
	             width:8em; list-style:none; white-space:nowrap;
               background-repeat:no-repeat; background-position: 100% 5px; text-align:right;}

/* p classes */
p             {margin: 3px 0px 10px 0px;}
p.quicklinks  {}
ul p          {padding:0px; border:none; margin:2px 0px 5px 0px;}
div#aim .ov_content p {text-align:justify; width:30em;}
p.bigskip     {margin: 15px 0px 21px 0px;}

/* headings */
h1            {font-size:28px; color: #666666; padding:0px; margin:5px 5px 25px 0px;
               background-color:#ffffff; border:0px solid #6666cc;}
h1 em         {font-size:14px; color: #666666; background-color:#ffffff;}
h2            {font-weight:bold; font-size:14px; color: #666666; background-color:#ffffff; margin:3px 10px 15px 0px;
               border:solid #6666cc; border-width:0px 0px 1px 0px;}
h2 em         {font-size:12px; color: #666666; background-color:#ffffff;}
h3            {font-size:12px; font-weight:bold; color:#666666; background-color:#ffffff; height:16px; margin: 3px 0px 15px 0px;
               border:solid #6666cc; border-width:0px 0px 0px 0px;}
h3.sizeash2   {font-size:14px; font-weight:bold; color:#666666; background-color:#ffffff; height:16px; margin: 3px 10px 15px 0px;
               border:solid #6666cc; border-width:0px 0px 0px 0px;}
h1, h2 {
  white-space:nowrap;
}

@media print {
 h1, h2, h3   {font-weight:bold;}
 h1           {font-size:14pt;}
 h2           {font-size:12pt;}
 h3           {font-size:10pt;}
 h3.sizeash2  {font-size:12pt;}
}


/* - headings within other elements */
div.newsentry h3       {color:#cc0000; background-color:#ffffff;}
div.newsentry h3 small {color:#666666; background-color:#ffffff;}

ul.staffcategories h2  {font-size: 14px; font-weight:bold; background-color:#ffffff; 
	             color:#666666; border-style:none none solid none; border-bottom:1px #666666;
               padding:0px 0px 0px 4px; margin:0px;}
.stackleft h2, .stackleftb h2 {border-width:0px;}
div.class_overview div h2, div.right_column div h2 {display:inline; float:left; margin:0px 0px 0px 0px; 
               padding:0px 20px 0px 0px; border:none;
/* always set font-size for headings, it's not inherited ... !*/
               font-weight:bold; font-size:14px;
}
@media print {
div.class_overview div h2, div.right_column div h2 {font-size:12pt;}
ul.staffcategories h2 {font-size: 10pt; padding-top:3pt;}
.stackleft h2, .stackleftb h2, div.class_overview div h2, div.right_column div h2 {font-size:10pt;}
}
/*-------------------------*/

div#news h2   {color:#cc0000; background-color:#ffffff; width:100%; border-bottom:1px solid #cc0000; 
               padding-right:0px; margin-right:0px;}
div#coming h2   {width:100%; border-bottom:1px solid #6666cc; 
               padding-right:0px; margin-right:0px;}
div#consultation_hours h2 {width:100%; border-bottom:1px solid #6666cc; 
               padding-right:0px; margin-right:0px;}
	       
/* tables */
/*td.staffHead  {font-size:18px; background-color:#cccccc;
               padding:3px; border-bottom:1px; border-left:1px;}*/
table.appoint {padding:0px; margin:0px 0px 15px 0px;}
table.exercises, table.slides {border:none; padding:0px; margin:5px 5px 10px 0px;}

/* - td and th */
table.appoint td, table.appoint th {padding-right:5px; vertical-align:top; text-align:left; 
               white-space:nowrap;}
table.appoint td.wrap, table.appoint th.wrap {white-space:normal;}
td.r, th.r    {text-align:right; width:6em;}
table.lehrveranstaltung th {text-align:left; font-weight:bold;}
table.exercises th, table.slides th, table.exercises td, table.slides td 
              {text-align:left; border:none; margin:0px; padding: 2px 5px 2px 0px; white-space:nowrap;}
table.slides td.caption {font-weight:bold;}

.ov_content table {display:inline; clear:none; margin:0px; border:none; padding:0px;}

.ov_content table td, .ov_content table th {font-weight:normal; padding:1px 0px 1px 10px; 
               margin:0px; border:none; text-align:left; white-space:nowrap;}

.ov_content table td.right, .ov_content table th.right { text-align:right;}

table.Themen {float:left; border-collapse:collapse;margin-right:5px;margin-bottom:8px;}
table.Themen th {background-color:#666666; color:#ffffff; padding:3px; border:1px solid #ffffff;}
table.Themen td {padding:3px; border:1px solid #666666;}

tr.smaller td, tr.smaller th {font-size:11px;}

p.aftertable {clear:left; margin-top:8px;}

/* spans */
span.nowrap   {white-space:nowrap;}
span.loc_time {font-size:12px; padding-top:5px; text-align:left; display:block;}
span.change   {}
span.hchange  {color:#cc0000; background-color:#ffffff;}

span.boldred  {color:#cc0000; background-color:#ffffff; font-weight:bold;}
span.red      {color:#cc0000; background-color:#ffffff;}

/*misc (additions)*/
div#consultation_hours ul span.time {font-weight:bold; display:block;}
div#consultation_hours ul span.rem  {display:block; font-size:12px; padding-left:5px;}
ul.literatur span.title {font-weight:bold;}
ul.literatur span.remark{display:block; margin:5px 5px 5px 0px; border:solid #6666cc;
               border-width: 0px 0px 0px 1px;padding: 3px 5px 5px 10px;}
div.talks span.title {font-weight:bold;}
p.talk        {padding-bottom:1px;}

/* from cm.css for within cm.divs: */

div.cm a, div.cm a:visited {background-color: transparent; color: #6969cc; text-decoration: none; margin:0px;}
div.cm a:hover      {background-color: transparent; color: #cc6969; text-decoration: underline; margin:0px;}
div.cm a:active     {background-color: transparent; color: #6969cc; text-decoration: none; margin:0px;}

div.cm body, div.cm td {font:12px 'Tahoma','Verdana','Arial',sans-serif; border:none; background-color: #ffffff; color: #696969; padding: 0px; margin:0px; height: 100%;}

div.cm div.login { width:100%; background:#666666; color:#eeeeee; border: none; }
 
div.cm div.menu a, div.cm a:visited {background-color: transparent; color: #ffffff; 
                        text-decoration: none; margin:2px 5px 0px 5px; padding:0px 3px 0px 3px;}
div.cm div.menu a:hover      {background-color: transparent; color: #ffffff; 
                        text-decoration: underline; margin:2px 5px 0px 5px;padding:0px 3px 0px 3px;}
div.cm div.menu a:active     {background-color: transparent; color: #ffffff; 
                        text-decoration: none; margin:2px 5px 0px 5px;padding:0px 3px 0px 3px;}

div.cm div.menu a.selected, div.cm a:visited {background-color: #ffffff; color: #666666; 
                        text-decoration: none; margin:2px 5px 0px 5px;padding:0px 3px 0px 3px;}
div.cm div.menu a.selected:hover      {background-color: #ffffff; color: #666666; 
                        text-decoration: underline; margin:2px 5px 0px 5px;padding:0px 3px 0px 3px;}
div.cm div.menu a.selected:active     {background-color: #ffffff; color: #666666; 
                        text-decoration: none; margin:2px 5px 0px 5px;padding:0px 3px 0px 3px;}
 

div.cm p {clear:both}                       
div.cm p.job { font-size:12px; padding: 5px; width:100%; clear:left}

div.cm div#content { padding: 10px; margin:10px; display:block; clear:both;}

div.cm div.block { background-color: #cccccc; border: none; color: #696969;
display:block; font:12px 'Tahoma','Verdana','Arial',sans-serif;	
padding:10px; width:95%;}

div.cm div.update {font:12px 'Tahoma','Verdana','Arial',sans-serif;	 float:none; text-align: left;
border-top: 1px solid #6969cc; clear:both; padding: 3px; margin: 0px; margin-top: 10px; margin-bottom:5px;}

div.cm img {padding:0px;}
div.cm div.update img { clear:none;}

div.cm .weblnk {font:10px 'Tahoma','Verdana','Arial',sans-serif; text-align: left;
padding: 5px; z-index: auto;
border:none; margin:0px 0px 5px 0px; float:left;}

div.cm .weblnk a { font:10px 'Tahoma','Verdana','Arial',sans-serif;}

div.cm h1        { font:26px 'Tahoma','Verdana','Arial',sans-serif; color: #696969; margin:0px; padding:0px; border:none;}
div.cm h1 em     { font:14px 'Tahoma','Verdana','Arial',sans-serif; color: #696969; margin:0px; padding:0px; border:none;}
div.cm h2        { font:18px 'Tahoma','Verdana','Arial',sans-serif; color: #696969;}
div.cm h2 em     { font:14px 'Tahoma','Verdana','Arial',sans-serif; color: #696969;}
div.cm h3        { font:14px 'Tahoma','Verdana','Arial',sans-serif;	color: #696969; height:16px; margin-bottom:15px;}

div.cm p {font:12px 'Tahoma','Verdana','Arial',sans-serif;}

div.cm .other_languages  {list-style-type : none; display: inline;
     float: right; font:10px 'Tahoma','Verdana','Arial',sans-serif;
     padding-top: 0px; margin: 0px; border:none;}

div.cm input , idiv.cm textarea, div.cm select   { background:#eeeeee; border:solid 1px #333333; width:350px; margin:3px;}
div.cm input:focus {color:#eeeeee; background:#993333; border:solid 1px #330000; margin:3px;}
div.cm option { background:#f0f0f0; border:none; margin:3px;}

div.cm label {width:130px; float:left; clear:both;}

div.cm label.wide {width:200px; float:left; clear:both;}

div.cm .buttons {clear:both;}
div.cm .buttons input {width:130px;}
div.cm table input,div.cm  table select,div.cm  table textarea {width:130px}
div.cm table.logtable input,div.cm  table.logtable select {width:100px; margin:0px;}
div.cm table.logtable textarea {width:180px;}

div.cm th {font-size:0.8em;}

div.cm table.logtable {width:650px;}
div.cm table.logtable th, div.cm table.logtable td { padding: 2px 5px 2px 5px; margin:0px;
 	  border:1px solid #666666; border-width:0px 1px 0px 1px; }
div.cm table.logtable th {background-color:#666666; color:#eeeeee; border-color:#eeeeee;}
div.cm table.logtable tr {border:none; margin:0px; padding:0px;}
div.cm table.logtable tr.even td {background-color:#eeeeee;}
div.cm table.logtable {border-collapse: collapse;}

table.ergtab {border-collapse:collapse; border:1px solid #666666; margin-top:4px;}
table.ergtab th,table.ergtab td {text-align:left; padding:3px;}
table.ergtab td.num {text-align:right; color:#696969}
table.ergtab th.num {text-align:right; color:#eeeeee}
table.ergtab td.nume {text-align:right; color:#000000;}
table.ergtab td {background-color:transparent;}
table.ergtab tr.even  {background-color:#eeeeee;}
table.ergtab th {color:#eeeeee; background-color:#666666;}
table.ergtab td input {width:20px;}
table.ergtabf {border-collapse:collapse; border:1px solid #666666; margin-top:4px;margin-bottom:20px;float:left;margin-right:7px;}
table.ergtabf th, table.ergtabf td {text-align:left; padding:3px;}
table.ergtabf td.num {text-align:right; color:#696969}
table.ergtabf th.num {text-align:right; color:#eeeeee}
table.ergtabf td.nume {text-align:right; color:#000000;}
table.ergtabf td {background-color:transparent;}
table.ergtabf tr.even  {background-color:#eeeeee;}
table.ergtabf th {color:#eeeeee; background-color:#666666;}
table.ergtabf td input {width:20px;}
table.ergtabc {border-collapse:collapse; border:1px solid #666666; margin-top:4px;margin-bottom:20px;float:left;clear:left;margin-right:7px;}
table.ergtabc th, table.ergtabc td {text-align:left; padding:3px;}
table.ergtabc td.num {text-align:right; color:#696969;}
table.ergtabc th.num {text-align:right; color:#eeeeee;}
table.ergtabc td.nume {text-align:right; color:#000000;}
table.ergtabc td {background-color:transparent;}
table.ergtabc tr.even  {background-color:#eeeeee;}
table.ergtabc th {color:#eeeeee; background-color:#666666;}
table.ergtabc td input {width:20px;}
table.minpunkte td input {width:20px;}
table.minpunkte td {padding-right:5px;}
 

div.cm table.filtersel input.filterparm {width:30px;}
div.cm table.filtersel select.not {width:35px; font-size:18px; font-weight:bold;}

div.cm input.happy:before {content:url(smiley_happy.png);}

div.cm table.clear {clear:both;}

div.cm h1.eng, div.cm h2.eng {margin-bottom:2px; margin-top:2px;}


div.cm input.float_right {float:right; clear:both; width:auto; border:none; background-color:#ffffff; color:#6969cc; padding:4px;}
@media print{
div.cm div.menu, div.cm input.float_right {display:none;}
}

