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

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


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


/* ### Left Column Styles ### */

.leftColumn {
  width: 18em;
  margin: 1em 0 0 0ex;
  padding: 0;
  float: left;
  clear: left;
  overflow: hidden;          /* if unbreakable text is too long */
}

.leftColumnBox {                /* optional boxes below left menu */
  font-size: 0.8em;            /* alternativ 1em */
  color: #808080;
  background-color: #E6F2F2;
  margin: 1em 0 1.0ex 0;
  padding: 0ex 0ex 0 0ex;
  border-bottom: 1px solid #7CA6A6;
}

.leftColumnBox .ColumnBoxItem {
  background-image: url('../pics/box-item.gif');
  background-repeat:no-repeat;
  padding-left:0.8em;
}

.leftColumn .BoxTitle {        /* title of left boxes */
  font-size: 1.1em;
  color: white;
  background-color: #7CA6A6;
  font-weight: bold;
  margin: 0ex 0ex;
  padding: 0.9ex 1ex;
}

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

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

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

/* left side pic box */
 .leftsidePicBox {
  background-color: #E6F2F2;
  width:13.5em;                 /* scale left side pic box according to font-size */
  margin-top: 1.2em;
  padding: 4px;
  border: 0px solid #FFFFFF;
}

 .leftsidePic {
  background-color: #E6F2F2;
  margin: 0px;
  padding: 0px;
}
  /* scale left side pics according to font-size
     don't specify width and height in img tag! */
  img.leftPic { width:13.5em; }

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

/* end left side pic box */

.leftColumn a:link { text-decoration:none; color:#7CA6A6; font-weight:bold; }
.leftColumn a:visited { text-decoration:none; color:#7CA6A6; font-weight:bold; }
.leftColumn a:hover { text-decoration:underline; color:#7CA6A6; font-weight:bold; }


/* ##### Left menu tree  ##### */

.leftHierarchicMenu {
  background-color: white;
  margin: 1em 0 20px 0;
  padding: 0ex 0px 0 0;
}

.MenuLevel2off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   PADDING-LEFT: 1.1em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel2hdloff {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 1.1em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel2hdlon {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 1.1em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
   BACKGROUND-COLOR: #E6F2F2  !important;
}

div.MenuLevel2off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel2off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel2off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel2on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 0em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 1.1em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat;
}

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


.MenuLevel3off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 2.2em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel3hdloff {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 2.2em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel3hdlon {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 2.2em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
   BACKGROUND-COLOR: #E6F2F2  !important;
}

div.MenuLevel3off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel3off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel3off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel3on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 0.9em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 2.2em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat;
}

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


.MenuLevel4off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 3.3em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel4hdloff {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 3.3em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel4hdlon {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 3.3em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
   BACKGROUND-COLOR: #E6F2F2  !important;
}

div.MenuLevel4off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel4off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel4off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel4on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 2.1em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   COLOR: #339999 !important;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 3.3em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat
}

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

.MenuLevel5off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 4.4em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel5hdloff {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 4.4em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.MenuLevel5hdlon {
   BORDER-BOTTOM: #7CA6A6 1px solid; font-style: italic; color: #808080;
   PADDING-LEFT: 4.4em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
   BACKGROUND-COLOR: #E6F2F2  !important;
}

div.MenuLevel5off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel5off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel5off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel5on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 3.2em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   COLOR: #339999 !important;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 4.4em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat;
}

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

.MenuLevel6off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 5.5em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-RIGHT: 4px;
}

div.MenuLevel6off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel6off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel6off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel6on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 4.3em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   COLOR: #339999 !important;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 5.5em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat;
}

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

.MenuLevel7off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 6.6em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

div.MenuLevel7off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel7off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel7off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel7on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 5.4em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   COLOR: #339999 !important;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 6.6em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat;
}

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

.MenuLevel8off {
   BORDER-BOTTOM: #7CA6A6 1px solid;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 7.7em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

div.MenuLevel8off a:link { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel8off a:visited { text-decoration:none; color:#339999 !important; font-weight:normal; }
div.MenuLevel8off a:hover { text-decoration:underline; color:#339999 !important; font-weight:normal; }

.MenuLevel8on {
   BACKGROUND-IMAGE: url('../pics/menuemarke.gif');
   BACKGROUND-POSITION: 6.5em 5px; BACKGROUND-REPEAT: no-repeat;
   BORDER-BOTTOM: #7CA6A6 1px solid;
   COLOR: #339999 !important;
   BACKGROUND-COLOR: #E6F2F2  !important;
   PADDING-LEFT: 7.7em; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat;
}

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



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

.rightColumn {

  width: 15em;         /* alternativ: 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 */
  font-size: 0.8em;     /* alternativ: 1em */
  color: #808080;
  background-color: #E6F2F2;
  margin: 1em 0 1.0ex 0;
  padding: 0ex 0ex 0 0ex;
  border-bottom: 1px solid #7CA6A6;
}

.rightColumnBox .ColumnBoxItem {
  background-image: url('../pics/box-item.gif');
  background-repeat:no-repeat;
  padding-left:0.8em;
}

.rightColumn .BoxTitle {        /* title of right boxes */
  font-size: 1.1em;
  color: white;
  background-color: #7CA6A6;
  font-weight: bold;
  margin: 0ex 0ex;
  padding: 0.9ex 1ex;
}


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

.rightColumn li {
  margin: 0;
  padding: 0 0 0 0;
}


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

/* right side pic box */
 .rightsidePicBox {
  background-color: #E6F2F2;
  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: #E6F2F2;
  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: #808080;
  line-height: 1em;
  margin: 0;
  padding: 4px;
}

/* end right side pic box */


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


/* heraeus pic box */

 .heraeusPicBox {
  background-color: #fff;
  width:125px;
  margin-top: 1.2em;
  padding: 4px 4px 18px 4px;
  border: 0px solid #fff;
}

 .heraeusPic {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
}

 img.heraeusPic { width:125px; }

/* end heraeus pic box */


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

html .iebug {
  overflow: hidden; width: 94%;
}

#main-content {
  color: black;
  background-color: white;
  text-align: left;
  font-size:1em;
  line-height:130%;
  margin: 2em 15em 0 20em;
  padding: 0 1em 1em 1em;
}