* { padding: 0; margin:0; text-align: left;}

html, *+html {
  height: 100%;
  margin: 0; 
  padding: 0; 
}

body {
  width: 100%;
  height: 100%;
  margin: 0%; 
  padding:0%;
  font-family:Arial,Verdana, sans-serif;
  font-size:11px;
  color:#58585A;
  line-height:18px;
  background-color: #FFFFFF;

}

img {
 margin: 0;
}

/* start general styles: */
#wrapper {
    margin: 30px auto 0px auto;
    text-align: center;
    padding: 0;
    width: 962px;
}

#logoarea{
   text-align: left;
   width: 962px;
}


#esisgrouplogo{
   text-align: left;
   float: left;
   width: 155px;
   margin: 0;
}

#sellang{
   width: 807px;
   height: 15px;
   text-align: right;
   vertical-align: bottom;
   float: left;
   margin-top: 40px;
}

#spaceToLogo {
  clear: both;
  height: 10px;
}

#greyframeinWrapper {
 clear: both;
 width: 960px;
 border-width:1px; border-style:solid; border-color: #7c7c7c;
 border-top-width: 0px;
 background-color: #ffffff;
}

#centerimg {
 width: 960px;
}

#outerFrameContent{
 width: 960px;
 margin-left: 0px;
 height: 190px;
 background-color: #d1d1d1;
}

#spacetoleftinnercontent {
  width: 50px;
  float: left;
}

#realcontent {
  width: 910px;
  float: left;
}

#leftinnercontent, #rightinnercontent {
  float: left;
  width: 310px;
  height: 165px;
  margin-top: 25px;
  color: #444444;
  background-color: #d1d1d1;
}

#rightinnercontent {
  margin-left: 50px;
}


#footerarea {
  margin: 0px 0px 0px 0px;
  width: 962px;
  text-align: right;
  font-family: Verdana;
  color: #7c7c7c
}

#footerarea a {
  font-family: Verdana;
}

#spacebottomfootarey {
  height: 5px;
  font-size: 5px;
  line-height: 5px;
}

/* end general styles*/


a,a:link,a:visited,a:hover,a:focus {
  font-family:Arial,Verdana, sans-serif;
  font-size:11px;
  color:#848687;
  text-decoration:none;
}

a.incontent,a.incontent:link,a.incontent:visited,a.incontent:hover,a.incontent:focus {
 color:#30739e;
}


/* START for Menu */

#navibox {
  border-top:1px solid #7c7c7c;
  border-bottom:1px solid #7c7c7c;
}

ul.mainNavi, ul.mainNavi ul {
    list-style-type: none;  
}

ul.mainNavi {
  width: 960px;
  margin:0%;
  padding:0%;
  height:30px;  
  background-color: #a7a7a7; /* navi 1stlevel */
}



ul.mainNavi li {
  padding:0;
  margin:0;
  /*width: 192px; */
  width: 110px;
  background-image: none;
  float:left;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  background-color: #a7a7a7;
}


ul.mainNavi ul {
  margin: 0;
  padding:0;
  position: absolute;
  height:auto;
  display:none;
}

ul.mainNavi ul a {
  margin:0%;
  padding:0%;
  font-size:11px;
  font-weight:normal;
  text-indent: 10px;
  text-align:left;
  border-top:1px solid #ffffff;
}


ul.mainNavi ul li{
  /*width:190px; */
  width: 130px;
}

/* 2nd level navi */
ul.mainNavi ul.hover, ul.mainNavi li.hover ul, ul.mainNavi li:hover ul  {
  display:block;
}

ul.mainNavi ul li {
  float:none;
  background-color: #ffffff;
}


/* main menue, 1st level*/


div#navibox ul.mainNavi li a
div#navibox ul.mainNavi li a.navi-main,
div#navibox ul.mainNavi li a.navi-main-hover,
div#navibox ul.mainNavi li a.navi-main:hover,
div#navibox ul.mainNavi li a.navi-main-active,
div#navibox ul.mainNavi li a:link,
div#navibox ul.mainNavi li a:visited,
div#navibox ul.mainNavi li a:hover,
div#navibox ul.mainNavi li a:active,
div#navibox ul.mainNavi li a:focus {
  display: block;
  padding: 6px 10px 6px 10px;
  font-weight:normal;
  font-size:11px;
  text-decoration:none;
  color:#444444;  /* Schriftfarbe */
  margin: 0;
}

* html ul.mainNavi li a {
  width:172px;
}

div#navibox ul.mainNavi li a:hover,
div#navibox ul.mainNavi li a.navi-main:hover,
div#navibox ul.mainNavi li a.navi-main-hover {
  display: block;
  padding: 6px 10px 6px 10px;
  font-weight:normal;
  font-size:11px;
  text-decoration:none;
  color:#FFFFFF;
  background: #30739e;
}

div#navibox ul.mainNavi a.navi-main-active:link,
div#navibox ul.mainNavi a.navi-main-active:visited,
div#navibox ul.mainNavi a.navi-main-active:hover,
div#navibox ul.mainNavi a.navi-main-actifsub:link,
div#navibox ul.mainNavi a.navi-main-actifsub:visited,
div#navibox ul.mainNavi a.navi-main-actifsub:hover,
div#navibox ul.mainNavi a.navi-main-active:active,
div#navibox ul.mainNavi a.navi-main-actifsub:active,
div#navibox ul.mainNavi a.navi-main-active:focus,
div#navibox ul.mainNavi a.navi-main-actifsub:focus,
div#navibox ul.mainNavi a:active,
div#navibox ul.mainNavi a:focus,
div#navibox ul.mainNavi a.navi-main-active,
div#navibox ul.mainNavi a.navi-main-actifsub {
  display: block;
  padding: 6px 10px 6px 10px;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:#FFFFFF;
  background: #30739e;
}


/* main menue, 2nd level*/

div#navibox ul.mainNavi ul li a,
div#navibox ul.mainNavi ul li a:link,
div#navibox ul.mainNavi ul li a:visited,
div#navibox ul.mainNavi ul li a.sub {
   display: block;
   margin:0%;
   padding:0%;
   height:20px;
   font-size:11px;
   font-weight:normal;
   text-indent: 10px;
   text-align:left;
   color:#444444;
   text-decoration:none;
   background-color: #d1d1d1;
}

div#navibox ul.mainNavi ul li a.sub-hover,
div#navibox ul.mainNavi ul li a.sub:hover {
   display: block;
   margin:0%;
   padding:0%;
   font-size:11px;
   text-indent: 10px;
   text-align:left;
   color:#444444;
   font-weight:normal;
   text-decoration:none;
   background: #d1d1d1;
}

div#navibox ul.mainNavi ul li a.sub-active:link,
div#navibox ul.mainNavi ul li a.sub-active:visited,
div#navibox ul.mainNavi ul li a.sub-active:hover,
div#navibox ul.mainNavi ul li a.sub-active:focus,
div#navibox ul.mainNavi ul li a.sub-active,
div#navibox  a.sub-active,
div#navibox ul.mainNavi ul li a.sub-active,
div#navibox ul.mainNavi  ul li a.sub-active:active {
 display:block;
 color:#444444;
 font-weight:bold;
 text-decoration:none;
 background: #d1d1d1;
}