/* ### Common Styles ### */

body {
  color: black;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

/* display, left, right, center and float */
.doNotDisplay {  display: none !important;  }
.in-line { display: inline; }     /* display block elements inline */

.doNotPrint {
  display: none !important;
}

.floatleft {  float: left; margin-right: 14px; margin-bottom: 10px; }
.floatright {  float: right; margin-left: 14px; margin-bottom: 10px; }
.clear {  clear: both;  }
.clearleft {  clear: left;  }
.clearright {  clear: right;  }

.lefttext {text-align: left; }  /* left text */
.righttext {text-align: right; }  /* right text */
.centraltext { text-align: center; }   /* center text and also layers for older IE */
.centralauto { margin-left: auto !important; margin-right: auto !important; }   /* center div, p, headlines, tables */
.leftauto { margin-left: 1px !important; margin-right: auto !important; }  /* left div, p, headlines, tables - add left-margin="1px" for table border in Firefox! */
.rightauto { margin-right: 0 !important; margin-left: auto !important; }   /* right div, p, headlines, tables */

hr.colored {
 border-top: solid 1px #000000;
}

/* Form Styles */

form {font-family: arial, verdana, sans-serif; background: white; }

fieldset { width: 49em;
	  margin: 1.5em auto 1.5em auto;
	  display: block;
	  font-size: 1em;
           border: 1px solid #000000;
           background: #ffffff;
           clear: both;
         }

fieldset.inner { width: 29em;
		margin: 1.5em auto 1.5em auto;
	        display: block;
	        font-size: 1em;
		border: 1px solid #000000;
		background: #ffffff;
		clear: both;
	      }

* html fieldset { padding: 5px; }

legend { background: #ffffff;
	padding: 6px;
	border: 0px solid #000000;
	margin-bottom: 4px; margin-right: 8px;
         font-size: 0.95em;
	font-weight: bold;
       }

label { margin-top: 5px; margin-bottom: 5px; margin-left: 10px; vertical-align:middle; }

.kontaktdaten label { display: block;
		     width: 11em;
		     float: left;
		   }

.anfrage label { display: block;
		width: 6em;
		float: left;
	      }

input,textarea,select { margin: 3px 4px;
		border: 1px solid #000000;
		background: white;
		padding: 3px 3px;
                 vertical-align:middle;
	      }

button:active, button:focus, button:hover,
input:active, input:focus, input:hover,
textarea:active, textarea:focus, textarea:hover,
select:active, select:focus, select:hover { background: #ffffff; }

button { display: block; width: 6em;
         margin-left: auto; margin-right: auto;
         margin-top: 6px; margin-bottom: 3px;
	border: 1px solid #000000;
	background: white;
	padding: 3px 3px;
       }

.buttons { text-align:center; }

optgroup { background-color: #ffffff; color:black; font-weight: bold; }
option { background-color: #ffffff }


/* ### Header Styles ### */

#printheader {
  margin: 0 0 8px 0;
  padding: 0;
  border-bottom: 1px solid black;
}

#header {
   display: none;
}

.subHeader {
  display: none;
}

/* ### Side Columns ### */

#left-side-column {            /* NOT printed! */
  display: none !important;
}

/* uncomment if right-side-column NOT printed   */
#right-side-column {
  display: none !important;
}



/* ### Right Column Styles ### */


.rightColumn {
  width: 13em;
  margin: 1em 0ex 10px 0;
  padding: 0;
  float: right;
  clear: right;
  overflow: hidden;           /* if unbreakable text is too long */
}


.rightColumnBox {                /* optional boxes below left menu */
  color: #000000;
  background-color: #ffffff;
  margin: 1em 0 1.0ex 0;
  padding: 0ex 0ex 0 0ex;
  border-bottom: 1px solid #000000;
}

.rightColumn .BoxTitle {        /* title of left boxes */
  color: black;
  background-color: #ffffff;
  font-weight: bold;
  margin: 0ex 0ex;
  padding: 0.9ex 1ex;
}

.rightColumn ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.rightColumn li {
  margin: 1ex;
  padding: 0 0 1.25ex 0.75ex;
}

.rightColumn .BoxText {
  line-height: 1.4em;
  margin: 0;
  padding: 0.7em 0.7em 0.7em 0.7em;
}

/* right side pic box */
 .rightsidePicBox {
  background-color: #ffffff;
  width:11.5em;                 /* scale right side pic box according to font-size */
  margin-top: 1.2em;
  padding: 4px;
  border: 0px solid #FFFFFF;
}

 .rightsidePic {
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

 /* scale right side pics according to font-size
    don't specify width and height in img tag! */
 img.rightPic { width:11.5em; }

 .rightsidePicBoxText {
  font-style:italic !important;
  font-size: 0.9em !important;
  font-weight: normal;
  color: #000000;
  line-height: 1em;
  margin: 0;
  padding: 4px;
}

/* end right side pic box */


.rightColumn a:link { text-decoration:none; color:#000000; font-weight:bold; }
.rightColumn a:visited { text-decoration:none; color:#000000; font-weight:bold; }
.rightColumn a:hover { text-decoration:underline; color:#000000; font-weight:bold; }

/*
.rightColumn a:after {         Prints the links' URIs after the links' texts. Doesn't work in MSIE
  content: "[" attr(href) "]";
  font-size: 90%;
  padding-left: 1ex;
}  */

/* ### Main Content Styles ### */

html .iebug {
  margin: 0 0 0 0;
  padding: 0;
}

/* comment if right-side-column NOT to be printed
#main-content {
  color: black;
  background-color: white;
  text-align: left;
  font-size:1em;
  line-height:130%;
  margin: 0px 180px 0px 0px;
  padding: 0 1em 1em 1em;
}
*/

/* uncomment if right-side-column NOT to be printed   */
#main-content {
  color: black;
  background-color: white;
  text-align: left;
  font-size:1em;
  line-height:130%;
  width:90%;
  margin: 0px 0px 10px 0px;
  padding: 0;
}

#main-content h1 { font-size:1.6em; line-height:1.6em; font-weight:bold !important; color:#000000 !important; margin-bottom:1em; margin-top:0em; }
#main-content h1.welcome { text-align:center; font-size:1.6em; line-height:1.6em; font-weight:bold !important; color:#000000 !important; margin-bottom:1em; margin-top:0em; }
#main-content h2 { font-size:1.2em; color:#000000 !important; margin-bottom:1em; }
#main-content h3 { font-size:1em; font-weight:bold !important; color:#000000 !important; margin-bottom:0.7em; }
#main-content h3.welcome { text-align:center; font-size:1em; font-weight:bold !important; color:#000000 !important; margin-bottom:0.7em; margin-top:2em;}
#main-content h4 { font-size:1em; font-weight:bold !important; margin-top: 0em; margin-bottom: 0em; }
#main-content h4.welcome { text-align:center; font-size:1em; font-weight:bold !important; margin-top: 0em; margin-bottom: 0em; }
#main-content h5 { font-size:1em; font-style:italic !important; font-weight:bold !important; margin-top: 0em; margin-bottom: 0em; }
#main-content div { font-size:1em; line-height:130%; margin-top: 1em; margin-bottom: 1em; }
#main-content span { font-size:1em; line-height:130%; }
#main-content p { font-size:1em; line-height:130%; margin-top: 1em; margin-bottom: 1em; }
#main-content table { font-size:1em; line-height:130%; margin: 10px 10px 10px 10px; }
#main-content table.publication { font-size:1em; line-height:130%; margin: 0px 0px 0px 0px; }
#main-content table.publication td { vertical-align: top;}
#main-content table.memberdata { font-size:1em; line-height:130%; margin: 0px 0px 0px 10px; }

/* seminarbox style */
#main-content div.seminardata { background-color:#fff; font-size:1em; line-height:130%; margin: 0px; padding: 10px;}
#main-content table.seminar { font-size:1em; line-height:130%; margin: 0px; }
#main-content table.seminar th { padding-right: 6px; vertical-align: top;}
#main-content div.seminarcontent {border: 0px solid #E8E8E8; font-size:1em; line-height:130%; padding: 10px; margin: 0px;}
#main-content div.seminarcontent h3 { margin-top:4px;}


#main-content ul { font-size:1em; line-height:130%; }
#main-content img { border:none; }        /* Add border="0" */

#main-content .pub { text-indent:-3em; margin-left:3em; }
#main-content table.ref { margin: 0px 0px 0px 0px;}

/* formula style */
#main-content div.formel { font-size:1em; line-height:100%; margin: 0px 0px 0px 0px; }
#main-content div.formel table { font-size:1em; line-height:100%; margin: 0px 0px 0px 0px; }
#main-content div.formel span { font-size:1em; line-height:140%; margin: 0px 0px 0px 0px; }
#main-content div.formel table div { font-size:1em; line-height:140%; margin: 0px 0px 0px 0px; }


#main-content div.boxbackground { font-size:0.9em; height: auto; margin-bottom:0px; background-color: #ffffff! important }

#main-content div.leftborderbox {
	background-color: #ffffff! important;
         display:block; line-height:140%;
         background:#ffffff; color:#000;
         padding:0.6em;
         margin-top:0px; margin-bottom:0.2em;
         border-left: 0px solid #000000 !important;
         width: 100%;
}

#main-content div.wideleftborderbox {
	background-color: #ffffff! important;
         display:block; line-height:140%;
         background:#ffffff; color:#000;
         padding:0.6em;
         margin-top:0px; margin-bottom:0.2em;
         border-left: 0px solid #000000 !important;
         width: 100%;
}

/* Tables */

/* Member Table Style thin border collapse */

table.member { border-collapse: collapse; width: 470px; }  /* Add esp. left-margin="1px" for Firefox! */
table.member td { border: 1px solid black; padding: 5px; text-align: center; vertical-align: top; }
table.member td.textleft { border: 1px solid black; padding: 5px; text-align: left; vertical-align: top; }
table.member td.textright { border: 1px solid silver; padding: 5px; text-align: right; vertical-align: top; }
table.member th { border: 1px solid black; padding: 5px; background: white; text-align: center; vertical-align: top;}

table.fmember { border-collapse: collapse;}  /* Add esp. left-margin="1px" for Firefox! */
table.fmember td { border: 1px solid black; padding: 5px; text-align: center; vertical-align: top; }
table.fmember td.textleft { border: 1px solid black; padding: 5px; text-align: left; vertical-align: top; }
table.fmember td.textright { border: 1px solid silver; padding: 5px; text-align: right; vertical-align: top; }
table.fmember th { border: 1px solid black; padding: 5px; background: white; text-align: center; vertical-align: top;}

/* Member Data Table Style */

table.memberdata { border: 0 solid #ffffff; }  /* Add esp. left-margin="1px" for Firefox! */
table.memberdata td {  padding: 5px; text-align: left; vertical-align: top; }
table.memberdata th {  padding: 5px; background: #ffffff; text-align: left; vertical-align: top;}

/* CV and Date Table Style */

table.datetable { border: 0 solid #ffffff; }  /* Add esp. left-margin="1px" for Firefox! */
table.datetable td {  padding: 4px; text-align: left; vertical-align: top; }
table.datetable th { width: 180px; font-weight: normal; padding: 4px; text-align: left; vertical-align: top;}

table.datetable_mb { border: 0 solid #ffffff; }  /* Add esp. left-margin="1px" for Firefox! */
table.datetable_mb td {  padding: 2px; text-align: left; vertical-align: top; }
table.datetable_mb th { width: 126px; font-weight: normal; padding: 2px; text-align: left; vertical-align: top;}

/* HE Speaker Table Style */

table.speakers {border-collapse: collapse; }  /* Add esp. left-margin="1px" for Firefox! */
table.speakers td {  border: 1px solid silver; padding: 7px; text-align: left; vertical-align: top; }
table.speakers th {  border: 1px solid silver; padding: 7px; background: #E6F2F2; text-align: left; vertical-align: top; }
table.speakers td.nobdbottom {  border-bottom: 0px solid silver; padding: 7px; text-align: left; vertical-align: top; }
table.speakers td.nobdtop {  border-top: 0px solid silver; padding: 7px; text-align: left; vertical-align: top; }

table.speakers span.speaker { color: #7F7F7F; font-size: 1em; font-weight:bold; }
/* End HE Speaker Table Style */


/* table triga data */
table.trigadata { border-collapse: collapse; }  /* Add esp. left-margin="1px" for Firefox! */
table.trigadata td { border: 1px solid silver; padding: 5px; text-align: left; vertical-align: top; }
table.trigadata th { border: 1px solid silver; padding: 5px; background: gainsboro; text-align: left; vertical-align: top;}


/* table thin border collapse */
table.thin { border-collapse: collapse; }  /* Add esp. left-margin="1px" for Firefox! */
table.thin td { border: 1px solid black; padding: 5px; text-align: left; vertical-align: top; }
table.thin th { border: 1px solid black; padding: 5px; background: white; text-align: center; vertical-align: top;}

/* table thin border separate */
table.septhin { border-collapse: separate; }
table.septhin td { border: 1px solid black; padding: 5px; text-align: left; vertical-align: top; }
table.septhin th { border: 1px solid black; padding: 5px; background: white; text-align: center; vertical-align: top; }



/* links */
#main-content a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }

/*
#main-content a:after {         Prints the links' URIs after the links' texts. Doesn't work in MSIE
  content: "[" attr(href) "]";
  font-size: 90%;
  padding-left: 1ex;
}  */


/* images with text */

#main-content .ImageBox {
  background-color: #ffffff;
  padding: 4px;
  border: 0px solid #FFFFFF;
  margin-top:0;
}

#main-content .ImageBoxImage {
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

#main-content .ImageBoxText {
  font-style:italic !important;
  font-size: 0.9em !important;
  font-weight: normal;
  color: #000000;
  line-height: 1em;
  margin: 0;
  padding: 4px;
}


/* Newsbox Styles */
#main-content div.newsheadline {
         font-weight:bold;
	background-color: #ffffff! important;
         padding:0.6em;
         margin-bottom:0px;
}

#main-content .newsheadline a:link { text-decoration:none; color:#339999  !important; font-weight:bold; }
#main-content .newsheadline a:visited { text-decoration:none; color:#339999 !important; font-weight:bold; }
#main-content .newsheadline a:hover { text-decoration:underline; color:#339999  !important; font-weight:bold; }

#main-content div.newsbox {
	background-color: #ffffff! important;
         display:block; line-height:140%;
         background:#ffffff; color:#000;
         padding:0.6em;
         margin-top:0px; margin-bottom:0.2em;
}

/*  news pics special width
 img.newsPic { width:11.5em; margin-bottom:2px;}
 p.centralnewsPics {
     margin-left: auto !important; margin-right: auto !important;
     width:24em;
  }

*/

 img.newsPic { margin-bottom:2px;}
 p.centralnewsPics {
     margin-left: auto !important; margin-right: auto !important;
  }

/* Research box Styles */

#main-content div.researchheadline {
         font-size:1.3em;
         font-weight:bold;
	background-color: #ffffff! important;
         padding:0.6em;
         margin:0px;
}

#main-content table.researchbox { font-size:1.3em; line-height:130%; margin-bottom: 0px;}
#main-content table.researchbox td { padding-top:0.4em; padding-right:0.4em; padding-bottom:0.4em; padding-left:1em;}

/* 2 boxes (relative width) fitted side by side  */

.outerRelBox { width: 100%; }
.leftRelBox {
             width: 25%;
             background-color: #ffffff;
             margin-top: 0; margin-bottom: 0;
             overflow:hidden;    /* vs. float drop in IE */
             float: left;}
.rightRelBox { float: left;
           width: 65%;
           background-color: #ffffff;
           margin-top: 0; margin-bottom: 0;
           height: auto;
           margin-left: 5%;
           overflow:hidden;      /* vs. float drop in IE */
          }
/* 2 boxes (fix width) fitted side by side  */

.outerBox{ width: 450px;}
.leftBox {
             width: 30px;
             background-color: #ffffff;
             margin-top: 0; margin-bottom: 0;
             float: left;
             margin-right: 13px;
             }
.rightBox { float: left;
           width: 390px;
           background-color: #ffffff;
           margin-top: 0; margin-bottom: 0;
           height: auto;
           margin-left: 13px;
          }


.breakbefore { page-break-before:always; }  /* page break before element in print */

/* ##### Footer Styles ##### */

#footer {
  font-size: 95%;
  text-align: right;
  line-height: 1em;
  height:1em;
  margin: 0px 0px 0px 0px;
  padding: 2mm 4mm 2mm 2mm;
  border-top: 1px solid black;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 0 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}


/* ##### Counter Styles ##### */

#main-content div.counter { background:#ffffff;
	     		   color:#000;
              		   font-size:12px; line-height:130%;
              		   border:1px  solid #000;
             		   width:330px; padding:12px; }



/* ### Sitemap Styles ### */


#main-content div.TOCLevel1 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 0em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 1.1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 1.6em; margin-bottom: 1.0em;
   font-size: 1.2em;
   width: 9em;
}

#main-content div.TOCLevel1 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel1 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel1 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }


#main-content div.TOCLevel2 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 2.2em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 3.3em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 1em; margin-bottom: 0.8em;
   font-size: 1.1em;
}

#main-content div.TOCLevel2 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel2 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel2 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }


#main-content div.TOCLevel3 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 4.4em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 5.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 0.2em; margin-bottom: 0.2em;
   font-size: 1em;
   font-style: italic;
}

#main-content div.TOCLevel3 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel3 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel3 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }


#main-content div.TOCLevel4 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 6.6em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 7.7em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 0.1em; margin-bottom: 0.1em;
   font-size: 1em;
}

#main-content div.TOCLevel4 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel4 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel4 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }


#main-content div.TOCLevel5 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 8.8em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 9.9em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 0.1em; margin-bottom: 0.1em;
   font-size: 0.9em;
}

#main-content div.TOCLevel5 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel5 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel5 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }


#main-content div.TOCLevel6 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 11em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 12.1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 0.1em; margin-bottom: 0.1em;
   font-size: 0.9em;
}

#main-content div.TOCLevel6 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel6 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel6 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }


#main-content div.TOCLevel7 {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 13.2em 0.3em; BACKGROUND-REPEAT: no-repeat;
   PADDING-LEFT: 14.3em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat;
   margin-top: 0.1em; margin-bottom: 0.1em;
   font-size: 0.9em;
}

#main-content div.TOCLevel7 a:link { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel7 a:visited { text-decoration:none; color:#000000 !important; font-weight:bold; }
#main-content div.TOCLevel7 a:hover { text-decoration:underline; color:#000000 !important; font-weight:bold; }




/* ##### Dropdown Menu Styles ##### */

  .dropdown {
    display:none;
  }


/* ##### Member pic text Styles ##### */

  #who {
    display:none;
  }