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_eng.png) no-repeat;

	}
	#canvas {
	  clear:both;
	  position:relative;
	  top:2px;
	  left:0;
	}
	#content {
	  clear:both;
	  top:0;
	  left:0;
	}
	.wilkommen {
	  width:254px;
	}
	#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;
	}
	#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:4px; 
	}
	#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;
	}
}