body {
 background: white;
 font-size: 80%;
 font-family: "Century Gothic",helvetica,arial,verdana,sans-serif;
}

#navigation,
.mood,
.smalldevice,
.recommend_page,
.print,
.utilities div.email+h4,
.gallery small,
.head {
  display: none;
}

.utilities,
.content {
  margin-left: 8%;
  padding-top: 0.6em;
  border-top: 1px solid #142e4b;
}

.content {
}

a {
  color: #142e4b;
  background: transparent;
  font-weight: bold;
  text-decoration: underline;
}

.content a:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
  text-decoration: underline;
}
.content a[href^="/"]:after {
  content: " (http://www.berliner-honorarberater.de" attr(href) ") ";
}

.content a[href^="#"]:after {
  content: "";
}

.content a+a img {
	display: block;	
}

p.hilight {
  font-weight: bold;
  font-style: italic;
}

p.hilight+p {
  padding-left: 1em;
}

.contactbox span,
.utilities span {
  display: block;
  float: left;
  clear: left;
  width: 6em;	
}

.contactbox.wide span {
  width: 10em;
}

.contactbox.wide span+span,
.contactbox span+span,
.utilities span+span {
  width: auto;
  clear: none;	
}

.contactbox.map {
  clear: both;
}

.contactbox.wide,
.contactbox+p {
  clear: both;
  height: auto;
  width: auto;
}

img.left {
  float: left;	
}

ul.intro {
  list-style: none;
  padding: 0;
}

ul.intro li {
  clear: both;
}

.content ul.intro li a {
  text-decoration: none;
}

.content ul.intro li img {
  margin: -5px 10px 20px 0;
}