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

/* uncomment if left-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.9em;            /* alternativ 1em */
  color: #808080;
  background-color: #E6F2F2;
  margin: 1em 0 1.0ex 0;
  padding: 0ex 0ex 0 0ex;
  border: 1px solid #7CA6A6;
}

.leftColumn .BoxTitle {        /* title of left boxes */
  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 ### */


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

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

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