body {
  font:11px/17px "trebuchet ms", verdana, sans-serif;
}
a, a:link, a:visited {
  color:#8F2C5E;
  text-decoration:none;
}
a:hover {
  color:#AF4C7E;
  text-decoration:underline;
}
#navigation {
  font-family:arial, sans-serif;
}

@media all {

* {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
}
body {
  text-align:center;
}
#box {
  margin:25px auto 0 auto;
  width:768px;
  text-align:left;
  position:relative;
  top:0;
  left:0;
}
#navigation {
  padding-top:28px;
  text-align:right;
}
#navigation dt {
  display:none;
}
#navigation li {
  display:inline;
  list-style:none;
}
#navigation dl {
  float:right;
  clear:both;
  line-height:19px;
}
#images {
  clear:both;
  padding-top:1px;
  float:left;
  padding-bottom:1px;
}
#images img {
  margin-left:3px;
  width:254px;
  float:left;
}
#images img.first {
  margin:0;
}
#nav_main {
  float:right;
  border-bottom:3px solid white;
}
#navigation a {
float:left;
padding:0 5px;
}
#content div {
  padding:0 4px 1px 4px;
}
#content {
  margin:0 0 0 256px;
  padding:0 0 2em 4px;
}
#logo {
  position:absolute;
  top:0;
  left:0;
  width:153px;
  height:59px;
}
#logo img {
  display:block;
  background:url(../img/ayella_logo_alpha.png) no-repeat;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ayella_logo_alpha.png', sizingMethod='scale');
}
#canvas {
  clear:both;
  position:relative;
  top:2px;
  left:0;
}
#content {
  clear:both;
  top:0;
  left:0;
}
.wilkommen {
  width:254px;
}
/* text and candy */
#nav_main {
  background-color: #ffedf6;
}
#nav_main a {
  text-transform:uppercase;
  font-weight:bold;
  color:#461d04;
  text-decoration:none;
}
#nav_main a:hover {
  text-decoration:underline;
}
#canvas {
  background:url(../img/ayella_titlebar_background.png) repeat-x;
}
h1 {
  line-height:19px;
  font-size:11px;
  padding-left:0px;
  text-transform:uppercase;
  color:#461d04;
}
h3 {
  line-height:19px;
  font-size:11px;
  padding-left:4px;
  text-transform:uppercase;
  color:#461d04;
}
#content p {
  margin:6px 0 9px 0 ;
}
#content dl, #content ol, #content ul {
  padding:0 0 0 1.5em;
  margin:1em 0 0 0;
}
#side {
  position:absolute;
  top:0;
  width:256px;
}
#side {
  font-size:11px;
}
#side h2 {
  padding-left:4px;
}
#side h2 {
  line-height:19px;
  font-size:11px;
  text-transform:uppercase;
  color:#461d04;
}
#side h2 a {
  padding-left:6px; 
}
#side div div {
  margin-top:2px;
  border-right:1px solid #ccc;
  min-height:112px;
  padding:4px;
}
#side_info {
  float:left;
  width:128px;
  color:#e46417;
}
#side_locate {
  float:right;
  width:128px;
  color:#af3b4c;
  color:#936;
}
#side_locate img {
  margin-top:8px;
  display:block;
}
#footer {
  clear:both;
  margin:2px auto;
  width:768px;
  color:black;
  line-height:19px;
  font-size:10px;
}
#footer a {
  font-weight:bold;
  color:black;
}
#nav_main {
  line-height:19px;
}
#nav_main li {
  border-left:2px solid white;
  float:left;
}
#nav_main li:first-child {
  border:none;
}
#navigation li.active a,
#navigation li.active a:hover {
  text-decoration:none;
  color:#ffedf6;
  background-color:#8F2C5E;
}
#nav_sec dl {
  background:transparent;
}
#nav_sec li.active a,
#nav_sec li.active a:hover,
#nav_sec li.active a:visited {
  color:#8F2C5E;
  text-decoration:underline;
  background:transparent;
}
.subtle {
  background-color:#fbfeed;
}

}