/**
  * Stylesheet for vitalmassagen-kraft.de
  * @author Jakob Oelkers
  * @date 05.09.2014
  */

html
{
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body
{
  background-color: #fef4f0;
  margin-top: 0px;
  padding:0;
  height: 100%;
  overflow: hidden;
  font-family: Arial;
}

#container
{
  width: 1024px;
  height: 100%;
  margin-left: auto ;
  margin-right: auto ;
  overflow: hidden;
}
#logo
{
  margin-top: 25px;
  height: 150px;
  background-image:url('img/header.png');
  background-repeat: no-repeat;
  background position: top left;
}
#menu
{

  height:45px;
  width: 1022px;
  background-image:url('img/menubck.png');
  background-repeat: no-repeat;
  background-position: right;
  background-color: #8E2B2B;
  color: #FFF;
  z-index: 30;
  border-top: 3px solid #fbc7ac;
  border-right: 1px solid #efc1ab;
  border-left: 1px solid #efc1ab;
}

/*MENU items*/
#menu ul
{
  margin: 0;
  padding-top: 9px;
}
#menu li
{
  list-style: none;
  float: left;
  font-size: 15px;
  margin-right: 20px;
  padding-left: 15px;
  height: 36px;
  background: none;
  font-family:Arial;
  font-weight: 70;
  font-size: 22px;
}

#menu li a
{
  display: block;
  text-decoration: none;
  color: #FFF;
}

#menu li:hover
{
  background-position: 0 5px;
  background-repeat: no-repeat;
  cursor: pointer;
  /*text-decoration: underline;*/
}

#menu li:hover a
{
  color: #ffdcc2;
}

/*Submenu*/
#menu ul ul.sub-menu
{
  display: none;
  position: absolute;
  list-style: none;
  text-align: left;
  z-index: 30;
  background-color: #8E2B2B;
  border-left: 4px solid #fbc7ac;
  font-size: 13px;
  padding-top: 0px;
  margin-top: 10px;
  /*opacity: 0.95;*/
  margin-left: -10px;
  padding-left: 0;
}

#menu ul ul.sub-menu li
{
  display: none;
  z-index: 52;
  float: none;
  background: none;
}

#menu ul ul.sub-menu li a
{
  position: relative;
  display: block;
  padding: 4px 0;
  white-space: nowrap;
  text-decoration: none;
  color: #FFF;
  font-size: 	16px;
}

#menu ul ul.sub-menu li:hover a
{
  color: #fbc7ac;
}

#menu ul li:hover ul.sub-menu, #menu ul li:hover ul.sub-menu li
{
    display: block;
}
#container2
{
  height: 100%;
}
#sidebar
{
  background-color: #ffdcc2;
  width: 208px;
  height: 100%;
  float: right;
  padding-top: 50px;
  padding-left: 30px;
  font-family: Arial;
  border-left: 1px solid #efc1ab;
  border-right: 1px solid #efc1ab;
}
#sidebar a
{
  color: #333;
  text-decoration: none;
}
#sidebar a:hover
{
  text-decoration: underline;
}
#container2
{
  background-color: #fffcfb;
}
#content
{
  color:#575453;
  float: left;
  width: 743px;
  padding-top: 30px;
  height: 65%;
  overflow: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Arial;
  font-size: 15px;
  background-color: #fffcfb;
  border-left: 1px solid #fee6da;
  margin-bottom: 50px;
}
#content a
{
  color: #c36246;
  text-decoration: none;
}
#sidebar a:hover
{
  text-decoration: underline;
}
h1
{
  font-family: Arial;
  font-weight: normal;
}
h2
{
  font-family: Arial;
  font-weight: normal;
}
#content img
{
  -webkit-box-shadow: 1px 1px 19px 0px #fef4f0;
  -moz-box-shadow:    1px 1px 19px 0px #fef4f0;
  box-shadow:         1px 1px 19px 0px #fef4f0;
  border: 1px solid #fef4f0;
}
#content ul
{
  font-size: 15px;
}
#content ul li,
#content td
{
  padding-top: 2px;
}
td
{
  vertical-align: top;
}

tr.odd, tr.odd td
{
  background-color: #fef4f0;
}