/* POSITIONIERUNG */

a{
  outline:0;
}

body {
  background:url('img/back_body.png') #8C7F6D;
  margin:0;
}

img {
  border:0;
}

#rahmen {
  position:absolute;
  left:50%;
  margin-left:-446px;
  top:3%;
  width:893px;
  height:610px;
}

#logo_klein {
  position:absolute;
  left:111px;
  top:66px;
}

#logo_gross {
  position:absolute;
  left:90px;
  top:60px;
}

#top {
  height:310px;
}

#center {
  height:280px;
  padding:0px 50px;
  overflow-y:auto;
  overflow-x:hidden;
  background:url('img/back_follow.jpg') #F4F2F1;
}

#center.start {
  height:537px;
  background:url('img/back_index.jpg') #F5F4F2;
}

#bottom {
  position:absolute;
  width: 893px;
  height:72px;
  /*background:url('img/back_bottom.png') #614D35;*/
  background:url('img/nav_curve_white.png');
}

#bottom img {
  margin-top:30px;
}

.purpur {
  color: #B3506F;
}

.fett {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #B3506F;
}

a:hover {
  text-decoration:underline;
}

#text_start {
  position:absolute;
  left:20px;
  top:265px;
  width:450px;
  text-align:center;
  font: normal 13px/17px verdana;
  color: #523117;
}

h1 {
  margin-top:30px;
  font: normal 18px verdana;
  color: #B3506F;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
  font: normal 12px/16px verdana;
  color: #664932;
}

/* START NAVIGATION */
#nav_yogaperle, #nav_ashtanga, #nav_yogaperle ul ,#nav_ashtanga ul { /* all lists */
  z-index:100;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 16px;
  font-size: 13px;
}

#nav_yogaperle img, #nav_ashtanga img {
  margin:0;
}

#nav_yogaperle a , #nav_ashtanga a  {
  display: block;
  text-decoration:none;
  line-height:16px;
  color:#381670;
}

#nav_yogaperle a:hover, #nav_ashtanga a:hover {
  text-decoration:underline;
  line-height:16px;
  color:#381670;
}

#nav_yogaperle li { /* all list items */
  float: left;
  background: url('img/nav/1px_brown.png') #573A26;
  border-bottom:1px solid #9E8F7E;
  width: 129px; /* width needed or else Opera goes nuts */
}

#nav_ashtanga li { /* all list items */
  float: left;
  background: url('img/nav/1px_brown.png') #573A26;
  border-bottom:1px solid #9E8F7E;
  width: 129px; /* width needed or else Opera goes nuts */
}

#nav_yogaperle li ul { /* second-level lists */
  position: absolute;
  width: 129px;
  bottom: 55px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav_ashtanga li ul {
  position: absolute;
  width: 129px;
  bottom: 55px;
  left: -999em;
}

#nav_yogaperle {
  position:absolute;
  left: 240px;
  top: 17px;
  margin:0px;
  width:129px;
}

#nav_ashtanga {
  position:absolute;
  left:380px;
  top: 17px;
  margin:0px;
  width:129px;
}

  #nav_yogaperle li:hover ul, #nav_yogaperle li li:hover ul, #nav_yogaperle li li li:hover ul, #nav_yogaperle li.sfhover ul, #nav_yogaperle li li.sfhover ul , #nav_yogaperle li li li.sfhover ul ,#nav_ashtanga li:hover ul, #nav_ashtanga li li:hover ul, #nav_ashtanga li.sfhover ul, #nav_ashtanga li li.sfhover ul { /* lists nested under hovered list items */
  	left: 0px;
  }
  
#bottom .navtop {
  background:none;
  border:none;
  margin-bottom:-3px;
}

#bottom .navbottom {
  background:none;
  border:none;
}

.navspacer {
  position:absolute;
  left:380px;
  top: 17px;
  margin:0px;
  width:129px;
}