* { font-family: Verdana, Tahoma, Arial; line-height: 1.3em; font-size: 13px; box-sizing: content-box; }
a { text-decoration: none; }
div#content a { color: #84528c; }
div#content a:hover { color: #000000; }
body { margin: 0; padding: 0 0 200px 0; background: #f2d5f2 url(/images/layout/back.png) repeat-y; }
ul { margin: 0; }

div#titel { position: absolute; width: 100%; height: 81px; background: url(/images/layout/titel.png) no-repeat; }

div#menu
{
  padding-top: 90px;
  background: url(/images/layout/menuback.png) no-repeat;
  width: 213px;
  height: 100%;
  float: left;
}

div#menu ul
{
  list-style: none;
  padding: 0;
}

div#menu ul li
{
  padding: 0;
}

div#menu ul li.mainmenu:hover,
div#menu ul li.mainmenu.aktiv
{
  background-color: #84528c;
}

div#menu ul li a
{
  display: block;
  width: 213px;
  height: 42px;
  background: url(/images/layout/menu2018.png);
  overflow: hidden;
  repeat: no-repeat;
}

div#menu ul li a span
{
  position: absolute;
  top: -1000px;
}


div#content
{
  margin-left: 230px;
  padding-left: 20px;
  padding-top: 100px;
  max-width: 430px;
}

h2
{
  font-family: 'Bilbo Swash Caps', cursive;
  margin: 0 0 10px 0;
  font-size: 36px;
  font-weight: normal;
}

img#kugel250
{
  position: absolute;
  left: 700px;
  top: 0px;
}

img#kugel200
{
  position: Absolute;
  left: 760px;
  top: 233px;
}

img#kugel150
{
  position: absolute;
  left: 760px;
  top: 416px;
}

div#menu ul li ul li a
{
  padding: 3px 10px 3px 0;
  background: none;
  color: #ffffff;
  width: 203px;
  text-align: right;
  height: 18px;
  font-size: 12px;
  text-shadow: 1px 1px 1.5px #333333;
}

div#menu ul li ul
{
  margin-bottom: 10px;
}

div#menu ul li ul li:hover,
div#menu ul li ul li.aktiv
{
  background-color: #9d62a6;
}