/* ---- Define elements for all divisions -----*/


body {
 font-family: arial, tahoma, serif;
 color: #000000;
 color: #3a3a3a;
 font-size:0.8em;
 background-color: #ffffff;
}


a:link { color:#004291; text-decoration:none; }
a:visited { color:#004291; text-decoration:none; }
a:focus { color:#999999; text-decoration:none; }
a:hover { color:#004291; text-decoration:underline; }
a:active { color:#999999; text-decoration:underline; }

.pubAuthor {
 font-variant: small-caps
}

.pubPresWo {
 font-style:italic;
}

.pubParagraph {
 margin-left: 5px;
 margin-bottom: 10pt;
 margin-top: 5pt;
 text-indent: -10px
}

.stafflist
{
  text-indent: -2em; margin-left: 2em;
}

.ilr {
margin-left: 10px;
         }


#right hr {
         border: 0.5px solid #d3d3d3;
         width: 260px;
         margin-left: -5px;
                  }
#right hr.grau {
         border: 0.5px solid  #333;
         width: 220px;
         margin-left: -5px;
                  }

#left hr {
         border: 0.5px solid #d3d3d3;
         width: 275px;
         margin-left: -9px;
                  }

img {
border: 0px;
}

img.shadow {
background: url("/images/shadow.gif") no-repeat right bottom;
padding: 0.5px 6px 6px 0.5px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;
}
img.textright {
         float: left;
         padding-right: 10px;
         }

ul.bluegif {
list-style-image: url("/images/li_blau_5px.gif");
padding-left:20px;
}

ul.bluegif li {

line-height: 14px;
}

/* Zusatz bluegif bulletpoint Liste mit Abständen für <hr> */

ul.bluegif > hr+li {
padding-top: 5px;
}

/* Zusatz Schriftgröße Teaching rechts */
#teachinginfo li {
font-size: 1.3em;
line-height: 1.3em;
}


p.borderbottom {
border-bottom: 1px solid #ddd;
}

p.borderbottomright {
border-bottom: 1px solid #d3d3d3;
margin: 5px 0 5px 0;
}
p.inline {
border-bottom: 1px solid #ddd;
padding-left:60px;
}
span.blue {
         color: #004291}


div > .tooltip .info{
 text-decoration:none;
 display:none;
}

div:hover > .tooltip .info{
 text-decoration: none;
 display:block;
 position:relative;
 color: #000000;
 color:          #3a3a3a;
 border: 1px solid;
 border-color: #FFFFFF;
 padding: 2px 0px 2px 5px;
 background: #EEEEEE;
}


div > .tooltip .borderbottom {
border-bottom: 1px solid #ddd;
}

div:hover > .tooltip .borderbottom {
border-bottom: 0px solid #ddd;
}


li:hover ~ li:last-child p.tooltip {
 height: 1px;
}

li:last-child div:hover > a.tooltip ~ p.tooltip {
 height: 1px;
}

li:last-child p.tooltip {
 height: 20px
}



/* ---- Define elements of INFO division -----*/

#info p {
 text-align: right;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 2.1em;
 padding-right: 30px;
 font-size:1.0em;

}

#info input.InputLabel {
 font-size: 1.2em;
}

/* ---- Define elements of HEADING division -----*/
/* ---- Define elements of De | EN -----*/
.switch-en-de {
display:block; 
position:absolute; 
left: calc(50vw - 580px); 
top:6px; 
z-index:2;
}
@media only screen and (max-width: 1160px) {
	.switch-en-de {
		left: 20px; 
	}
}
.link-current-lang {
	font-size:110%;
	color: #07d;
	padding: 8px;
	}
.link-current-lang:visited {
	color: #07d;
	}
.link-current-lang:hover {
	color: #07d;
	}
.link-switch-lang {
	font-size:110%;
	padding: 8px;
	}
.link-switch-lang:hover {
	color: #07d;
	}


#headingtext p{
 font-family:  arial, tahoma, serif;
 font-style: italic;
 font-size:1.1em;
 color:#333333;
 position: absolute;
 top: 165px;
 left: 420px;
 }



#TopNavi ul li {
 float:left;
 line-height:28px;
 padding-top:4px;
 padding-bottom:2px;
 }

#TopNavi ul {
 display:inline;
 list-style-type:none;


}

#TopNavi ul li:hover {
                  background:white;
                  height:34px;
                  }


#TopNavi ul li:hover a{
                  color:rgb(68, 68, 68);;
                  }

#TopNavi ul li a { 
 color:#ffffff;
 font-size:1.1em;
 font-weight:bold;
 font-family:Arial, Verdana, sans-serif;
 text-decoration:none;
 padding-left:18px;
 padding-right:18px;

}

#TopNavi ul li a:hover {
 /*line-height:28px;*/
 font-size:1.1em;
 font-weight:bold;
 font-family:Arial,Verdana, sans-serif;
 text-decoration:none;
 padding-left:18px;
 padding-right:18px;
}


#left ul {
 list-style-type: none;
 margin-left: 5px;
}

#left li {
 margin-top: 5px;
 margin-bottom: 8px;
 margin-left: -5px;
 margin-right: 5px;
}

#left a {
 text-decoration: none;
 font-family: Arial,Verdana,Lucida,Helvetica,sans-serif;
 color: #333333;
}



#left a:hover {
 background-color: transparent;
 text-decoration: underline
}

#left hr {
 margin-right: 10px;
}

#left h2 {
 font-family: arial, tahoma, serif;
 font-size: 1.4em;
 text-align: center;
 padding: 5px 0 5px 0;
 background-color: transparent;
}

#left h3 {
 font-family: arial, tahoma, serif;
 font-size: 1.3em;
 text-align: center;
 padding: 5px 0 5px 0;
 background-color: transparent;
}

#left h5 {
 font-family: verdana, arial, tahoma, serif;
 color: #414141;
 font-size:1.0em;
 padding: 15px 0px 5px 0px; 
 margin-left: -9px;

}

#left p {
 font-family: arial, tahoma, serif;
 font-size: 1.0em;
 padding: 5px 0 3px 0;
 background-color: transparent;
}


/* --- Anpassung für Email-Kontakt in linker Spalte --- */

#ilrcontact a:link { color:#004291; text-decoration:none; }
#ilrcontact a:visited { color:#004291; text-decoration:none; }
#ilrcontact a:focus { color:#999999; text-decoration:none; }
#ilrcontact a:hover { color:#004291; text-decoration:underline; }
#ilrcontact a:active { color:#999999; text-decoration:underline; }


/* ---- Define elements of MIDDLE division -----*/

#middle p {
 font-family: arial, tahoma, serif;
 font-size: 0.9em;
 text-align: left;
 color: #000000;
 color:          #3a3a3a;
 padding: 10px 3px 0px 10px;
 background-color: transparent;
 line-height: 1.6em;
}

#middle p.justify {
 font-family: arial, tahoma, serif;
 font-size: 0.9em;
 text-align: justify;
 color: #000000;
 color:          #3a3a3a;
 padding: 10px 0px 0px 0px;
 background-color: transparent;
 line-height: 1.6em;
}

#middle p.stafftitle {
 font-size: 1.2em;
 font-family: verdana, arial, tahoma, serif;
 margin-top: 3px;
}
#middle p.small{
		font-size: 0.8em;
	}

#middle h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:1.3em;
 font-weight:bold;
 margin-top:14px;
 margin-bottom:12px;
 padding-left:0px;
 padding-top:5px;
 padding-bottom:5px;
 color:#333333;
 page-break-after:avoid;
}


#middle h2 {
 font-family: Verdana, arial, tahoma, serif;
 font-size: 1.2em;
 margin-top:5px;
 margin-bottom:3px;
 color:#414141;
 padding: 3px 0 3px 0;
 background-color: transparent;
 line-height: 1.4em;
 page-break-after:avoid;
}

#middle h3{
 font-family: Helvetica,Verdana, Arial, sans-serif;
 font-size:1.1em;
 margin-top:20px;
 margin-bottom:8px;
 margin-right:10px;
 padding:0px;
 color:#333;
 page-break-after:avoid;
}

#middle h4 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.0em;
  font-weight:bold;
 padding-top:10px;
 padding-bottom: 0px;
 color:#000;
}
#middle h5 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:1.3em;
 font-weight: normal;
 margin-top:15px;
 margin-bottom:7px;
 margin-right:10px;
 padding:0px;
 color:#666;
 border-bottom: 1px dashed #dfdfdf;
}
#middle a.grau{
         color:#333;
         }


#middle ul,ol,dir {
 margin-left: 20px;
 }

#middle li{
 margin-top: 7px;
 color:#3a3a3a; 
 font-size:0.9em;
 line-height: 1.5em;
 }
#middle p.font1 { font-size:10px; padding-top: 0;}

#middle table.f10 {
 font-size:0.8em;
 color:#3a3a3a;
 padding-right:20px;
}

#middle table.border {
 color:#000000;
 padding: 5px 5px 5px 5px;
border-collapse: collapse;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}

#middle td {
 color:#3a3a3a;
 padding: 5px 5px 5px 5px;
 vertical-align: top;
 /*line-height: 1.4em; */
 padding-left: 10px;
 font-size: 15px;

}

#middle td.border {
 color:#000000;
 padding: 5px 5px 5px 5px;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}

#middle li.narrow {
         padding: -5px 0px;
}
#text1 {line-height: 1.4em; padding-left: 10px;}
#text2 {line-height: 1.4em; padding-left: 10px;}  /*aufklappen*/


#middle ol{
         padding-left: 10px;
         }

#middle IMG.left {
 float: left;
 padding-right: 15px;
}

#middle IMG.right {
 float: right;
 padding-left: 15px;
}

#start img {float:left; padding-right:30px; padding-bottom:5px;  padding-top:5px; display:block; border:0;}
   #start p {padding: 5px 0 3px 0; font-size:1.0em;}



/*Tabelle Mitarbeiter mit kleinem Foto und grauem Hintergrund   */
#mitarb {
width: 510px;
background-color: #efefef;
margin-left: 10px;
margin-top: 10px;
padding: 10px; 20px; 0px; 0px;
min-height: 95px;

}
#mitarb  .mitar {
margin-left:110px;
padding-top: 0px;
color: #004291;
font-size:1.0em;
font-weight: bold;

}
#mitarb a {
color: #004291;
text-decoration: none;
}
#mitarb a:hover {
color: #666;
text-decoration: none;
}
#mitarb .info{
margin-left:110px;
font-size: 12px;
line-height: 20px;
padding-top: 0px;
}
.mitarbbild{
float: left;
width: 70px;
}


.mitarbbild+p {
	
/* Absolutwert font 
font-size: 9px; */
font-size: 1.0em;
}

#dozenten {
width: 510px;
background-color: #efefef;
margin-left: 10px;
margin-top: 10px;
padding: 20px 20px 0px 0px;
min-height: 100px;
}
#dozenten  .dozent {
margin-left:110px;
padding-top: 0px;
color:#999;
font-size:1.1em;
font-weight: bold;
border-bottom: 1px dashed #999;
}
#dozenten a {
color: #777;
text-decoration: none;
}
#dozenten a:hover {
color: #666;
text-decoration: none;
}
#dozenten .focus{
margin-left:110px;

font-size: 12px;
line-height: 20px;
}
.dozentbild{
float: left;
width: 80px;
 }

#middle HR {
 margin-top: 12px;
 border:solid #dddddd 1px;
}

#middle a.here {
   font-size:0.7em;
}

#middle .small {
         font-size: 10px;
         }
/*test für Kontaktseite ILR grauer Hintergrund*/
#greycontent {
width: 500px;
background-color: #efefef;
/*margin-left: 10px;*/
margin-top: 10px;
padding: 5px 20px 10px 10px;
min-height: 110px;
}

/*test für Kontakt linke Spalte im grauen Hintergrund*/
#greycontent .left300{
width: 50%;
font-size: 12px;
line-height: 20px;
border-right:2px solid #FFF;
float:left;
}

/*test für Kontakt rechte Spalte im grauen Hintergrund*/
#greycontent .right{
width: 48%;
font-size: 12px;
line-height: 20px;
padding-left: 280px;
/*float: right;*/
}

.grey_img{
float: left;
width: 130px;
}
#greycontent  .title {
margin-left: 150px;
padding-top: 0px;
color: #004291;
font-size:1.0em;
font-weight: bold;

}
#greycontent a {
color: #004291;
text-decoration: none;
}
#greycontent a:hover {
color: #666;
text-decoration: none;
}
#greycontent .greyinfo{
margin-left:150px;
font-size: 12px;
line-height: 20px;
padding-top: 0px;
}


/*Ende test Kontakt*/

  #staff img {
           float:left;
           padding-right:20px;
           padding-bottom:20px;
           display:block;
           border:0;}

  #staff P {margin-top: 8px;}


#staff-abtru img {float:left; display:block; border:0; }   /*Tabelle der Mitarbeiterseite mit 100px Bild*/
.staff-abtru  {margin-top: 15px; margin-left: 150px; height: 145px}
#staff-privabtru img {float:left; margin-top:30px; display:block; border:0; } /*persoenliche Mitarbeiterseite mit 150px breitem bild*/
.staff-privabtru  {padding-top: 50px; margin-left: 220px; height: 145px}
.staff-privabtru_breit  {padding-top: 50px; margin-left: 250px; height: 145px}
.ehem-abtru  {margin-top: 0px; margin-bottom: 30px; margin-left: 130px; height: 145px}

/* ---- Define elements of RIGHT division -----*/


#right p {
 font-family: arial, tahoma, serif;
 font-size: 1.0em;
 line-height: 1.2em;
 padding: 2px 0 2px 0;
 background-color: transparent;
 margin-left: 7px;
 margin-right: 5px;
}

#right h2 {
 font-family:arial, tahoma, serif;
 font-size: 1.0em;
 padding: 5px 0 5px 4px;
 background-color: transparent;
}

#right h5 {
 /*font-family: arial, tahoma, serif;
 font-size: 1.0em;
 padding: 2px 0px 2px 7px;
 margin: 15px 0 10px -5px;
 border-top: 1px solid #bbbdbd;
 border-bottom: 1px solid #bbbdbd;
 background-color: #D6DBE7;*/
 font-family: verdana, arial, tahoma, serif;
 color: #666;
 font-size:1.0em;
 padding: 15px 0px 2px 0px;

 /*margin: 5px 0 10px -9px;*/

}
#right hr {
 border:0.5px solid  #d3d3d3;
}

#right ul {
 list-style-type: none;
 margin-left: 0px;
}

#right li {
 margin-top: 5px;
 margin-bottom: 10px;
 margin-left: 7px;
 margin-right: 5px;
}


/* ---- Define elements of FOOTER division -----*/

#footer p {
 color: #fff;
 font-family: verdana, arial, tahoma, serif;
 font-size:1.0em;
 text-align: center;
 padding: 5px 0 0 0;


}

.clear {font-size: 1px; height: 1px}