/***********************************************************************************************
*  Common Style Definitoins
***********************************************************************************************/
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
html{
  overflow-y: scroll;
  overflow-x: auto;
}
body{
  text-align: center;
}

/***********************************************************************************************
*  Main Layout Definitoins
***********************************************************************************************/
#maintable{
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
#maintable tr td{
  padding: 0;
  text-align: center;
  vertical-align: top;
}
#maintableTop{
  background: url(../img/maintableTop.png) repeat-x #f58424;
}
#maintableTop td{
  height: 100%;
}
#maintableBottom{
  background: #0a8c39;
}
#maintableBottom td{
  height: 100px;
}
#maintableTopBox,
#maintableBottomBox{
  position: relative;
}
#maintableTopBox{
  width: 100%;
  height: 100%;
  background: url(../img/maintableTopSwirls.png) center bottom no-repeat;
}
#maintableBottomBox{
  width: 100%;
  height: 100px;
  background: url(../img/maintableBottomSwirls.png) center bottom no-repeat;
}
#maintableBottomShadow{
  position: absolute;
  width: 100%;
  height: 11px;
  top: -10px;
  left: 0px;
  background: url(../img/maintableBottomShadow.png) repeat-x;
}
#mainareaBox{
  position: relative;
  width: 1035px;
  height: 100%;
  margin: auto;
  padding-top: 138px;
}
#mainareaBoxTop{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 138px;
  background: url(../img/mainareaBoxTop.png) no-repeat;
}
#mainareaBoxBottom{
  width: 100%;
  height: 100%;
  background: url(../img/mainareaBoxBottom.png) repeat-y;
  padding: 0 39px;
  text-align: left;
}
#mainareaBoxTopHeadermenu{
  position: absolute;
  left: 69px;
  top: 31px;
}
#mainareaBoxTopLogo{
  position: absolute;
  right: 79px;
  top: 47px;
  width: 161px;
  height: 75px;
  background: url(../img/meam-aktivital-logo.png) no-repeat;
}
#mainareaBoxBottomContent{
  position: relative;
  width: 956px;
  height: 100%;
  padding-top: 465px;
  background: url(../img/mainareaBoxBottomContent.png) repeat-x;
}
#mainareaBoxBottomContentMainmenu{
  position: absolute;
  top: 0;
  left: 10px;
  width: 100%;
  height: 465px;
}
#mainareaBoxBottomContentBox{
  width: 100%;
  height: 100%;
  padding: 0 8px;
  background: url(../img/mainareaBoxBottomContentBox.png) no-repeat 218px top;
}
/***********************************************************************************************
*  Header Menu Definitoins
***********************************************************************************************/
#mainareaBoxTopHeadermenu a.headermenuItem{
  float: left;
  display: block;
  height: 33px;
  overflow: hidden;
  color: #0a8c39;
  font-size: 11px;
  line-height: 46px;
  text-decoration: none;
  font-weight: bold;
}
#mainareaBoxTopHeadermenu a.headermenuItem:hover{
 text-decoration: underline;
}
#mainareaBoxTopHeadermenu div.headermenuSpacer{
  float: left;
  width: 1px;
  height: 33px;
  margin: 0 15px;
  overflow: hidden;
  background: #abd8ab;
}
/***********************************************************************************************
*  Main Menu Definitions
***********************************************************************************************/
#mainareaBoxBottomContentMainmenu div.mainmenuItem{
  position: relative;
  float: left;
  width: 313px;
  height: 447px;
}
#mainareaBoxBottomContentMainmenu div.mainmenuItemHead{
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 283px;
}
#mainareaBoxBottomContentMainmenu div.mainmenuSubmenus{
  position: absolute;
  left: 0;
  top: 274px;
  width: 100%;
  height: 173px;
  z-index: 5;
}
#mainareaBoxBottomContentMainmenu div.mainmenuItemHeadTop{
  height: 19px;
  background: url(../img/mainmenuItemHeadTop.png) no-repeat;
}
#mainareaBoxBottomContentMainmenu div.mainmenuItemHeadCenter{
  position: relative;
  height: 244px;
  background: url(../img/mainmenuItemHeadCenter.png) repeat-y;
}
#mainareaBoxBottomContentMainmenu img.mainmenuItemImage{
  position: absolute;
  top: 0;
  left: 10px;
  width: 293px;
  height: 195px;
}
#mainareaBoxBottomContentMainmenu div.mainmenuItemLabel{
  position: absolute;
  top: 195px;
  left: 10px;
  width: 293px;
  height: 50px;
  padding: 10px 37px 0;
  overflow: hidden;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  background: url(../img/mainmenuItemLabel.png) repeat-x #FFF;
}
#mainareaBoxBottomContentMainmenu a.mainmenuItem{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0db14b;
  text-decoration: none;
}
#mainmenuItem-37{
  padding-top: 10px;
}
#mainareaBoxBottomContentMainmenu div.mainmenuItemHeadBottom{
  height: 25px;
  background: url(../img/mainmenuItemHeadBottom.png) no-repeat;
}
#mainareaBoxBottomContentMainmenu div.mainmenuSubmenusTop{
  height: 159px;
  overflow: hidden;
  background: url(../img/mainmenuSubmenusTop.png) repeat-y;
  padding: 28px 37px 0;
}
#mainareaBoxBottomContentMainmenu div.mainmenuSubmenusBottom{
  height: 15px;
  background: url(../img/mainmenuSubmenusBottom.png) no-repeat;
}
#mainareaBoxBottomContentMainmenu a.mainmenuSubmenuItem{
  display: block;
  padding-left: 35px; 
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #f58322;
  text-decoration: none;
  background: url(../img/mainmenuSubmenuItem.png) no-repeat 0 2px;
}

/***********************************************************************************************
*  Teaserboxes Definitions
***********************************************************************************************/
div.teaserBox div.teaserBoxTop{
  width: 210px;
  height: 11px;
  overflow: hidden;
  background: url(../img/teaserBoxTop.png) no-repeat;
}
div.teaserBox div.teaserBoxCenter{
  width: 210px;
  padding: 0 11px;
  background: url(../img/teaserBoxCenter.png) repeat-y;
}
div.teaserBox div.teaserBoxBottom{
  width: 210px;
  height: 13px;
  overflow: hidden;
  background: url(../img/teaserBoxBottom.png) no-repeat;
}
div.teaserBox div.teaserBoxCenterContent{
  padding: 12px 10px;
  overflow: hidden;
  background: url(../img/teaserBoxCenterContent.png) repeat-x bottom ;
}

/***********************************************************************************************
*  Bottom Box Definitions
***********************************************************************************************/
#maintableBottomBoxText{
  padding: 9px 0;
}
#maintableBottomBoxText,
#maintableBottomBoxText *{
  color: white;
}

/***********************************************************************************************
*  Footer Menu Definitions
***********************************************************************************************/
#maintableBottomBoxMenu a.footerenuItem{
  color: white;
  text-decoration: none;
  margin: 0 10px 0 0;
}
#maintableBottomBoxMenu a.footerenuItem img{
  border: none;
  position: relative;
  top: 3px;
  left: 7px;
}
/***********************************************************************************************
*  Content Box Definitions
***********************************************************************************************/
#mainareaBoxBottomContentBoxLeft,
#mainareaBoxBottomContentBoxCenter,
#mainareaBoxBottomContentBoxRight{
  float: left;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
}
#mainareaBoxBottomContentBoxLeft,
#mainareaBoxBottomContentBoxRight{
  width: 210px;
}
#mainareaBoxBottomContentBoxCenter{
  width: 520px;
  padding-left: 30px;
  padding-right: 30px;
}