html {
  background: #e0e0e0 url("https://static.hanmark.de/static/images/background-map-tile.jpg") top center repeat;
  font-family: 'Arial', sans-serif;
  font-size: 10pt;
  overflow-x: hidden;
}

body {
  background: transparent url("https://static.hanmark.de/static/images/background-map-top.jpg") top center repeat-x;
}

#wrapper {
  margin: 0 auto 50px auto;
  width: 1000px;
}

#header {
  clear: both;
  height: auto;
}

#headline {
  background-color: #ffffff;  
}

#headline a {
  display: block;
  padding: 10px 170px 10px 10px;
  color: #2d44b8;
  text-decoration: none;
}

#headline h1 {
  text-align: right;
}

#header-left {
  float: left;
  height: 171px;
  width: 375px;
  margin: 39px 10px 0 0;
  background: #ffffff url("https://static.hanmark.de/static/images/header-left.png") center center no-repeat;
}

#header-center {
  float: left;
  height: 210px;
  width: 443px;
  margin: 0 0 0 0;
  background: #ffffff url("https://static.hanmark.de/static/images/header-center.jpg") center center no-repeat;
}

#header-right {
  float: left;
  height: 171px;
  width: 160px;
  margin: 39px 0 0 10px;
  background: #ffffff url("https://static.hanmark.de/static/images/header-right.png") center center no-repeat;
}

#usernav {
  padding: 10px 0;
  background: transparent url("https://static.hanmark.de/static/images/background-white-shadow.png") center center repeat-y;
}

#usernav ul {
  text-align: center;
}

#usernav li {
  display: inline-block;
  width: 25%;
}

#usernav a {
  display: block;
  margin: 0 0;
  padding: 0 25px 0 50px;
  border-top: solid 4px #76a0d4;
  border-right: solid 4px #76a0d4;
  border-left: solid 4px #0d468c;
  border-bottom: solid 4px #0d468c;
  color: #ffffff;
  line-height: 34px;
  font-weight: bold;
  text-decoration: none;
}

#usernav a.home {
  background: #115ab4 url("https://static.hanmark.de/static/images/icon-home.png") 25px center no-repeat;
}

#usernav a.faq {
  background: #115ab4 url("https://static.hanmark.de/static/images/icon-information.png") 25px center no-repeat;
}

#usernav a.contact {
  background: #115ab4 url("https://static.hanmark.de/static/images/icon-contact.png") 25px center no-repeat;
}

#usernav a.search {
  background: #115ab4 url("https://static.hanmark.de/static/images/icon-search.png") 25px center no-repeat;
}

#usernav img {
  border: none;
  vertical-align: middle;
}

#columns {
  background: transparent url("https://static.hanmark.de/static/images/background-white-shadow.png") center center repeat-y;
}

#left {
  float: left;
  clear: left;
  width: 160px;
}  

#right {
  float: right;
  clear: right;
  width: 160px;
}

.box {
  margin-bottom: 10px;
  background: #105ab3;
}

.box h3 {
  margin: 0;
  padding: 0 10px;
  background: #b80000 url("https://static.hanmark.de/static/images/background-red.jpg") center center repeat-x;
  color: #ffffff;
  font-size: 125%;
  line-height: 34px;
}

.box li {
  display: block;
  border-top: solid 4px #76a0d4;
  border-right: solid 4px #76a0d4;
  border-bottom: solid 4px #0d468c;
  border-left: solid 4px #0d468c;
}

.box .menu a {
  display: block;
  padding: 0.5ex 10px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.box .samples a {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.box .images a {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.box fieldset {
  border-top: solid 4px #76a0d4;
  border-right: solid 4px #76a0d4;
  border-bottom: solid 4px #0d468c;
  border-left: solid 4px #0d468c;
}

.box label {
  display: block;
  margin: 0.5ex 10px 0 10px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.box input, .box select, .box textarea {
  display: block;
  margin: 1ex 10px;
}

.box img {
  display: block;
  margin: 0 auto;
}

#center {
  padding: 0 170px;
}

#content {
  background: #ecedf2;
  width: 100%;
  padding: 0 0 1ex 0;  
  float: left;
}

#content a {
  color: #395680;
}

#content h2 {
  margin: 0 0 5px 0;
  padding: 0 10px;
  background: #b80000 url("https://static.hanmark.de/static/images/background-red.jpg") center center repeat-x;
  color: #ffffff;
  font-size: 125%;
  line-height: 34px;
}

#content .section {
  clear: both;
  margin: 0 5px 5px 5px;
  padding: 5px;
  background: #ffffff;
}

#content .block-small {
  float: left;
  width: 33%;
}

#content .block-medium {
  float: left;
  width: 50%;
}

#content .block-large {
  float: left;
  width: 67%;
}

#content h3 {
  color: #b80000;
  margin: 1ex 0;
}

#content p, #content ul {
  margin: 1ex 0;
}

#content li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0 0 0 1em;
}

#content table {
  width: 100%;
  font-size: 80%;
  border-collapse: collapse;
}

#content table.block {
  text-align: left;
}

#content table.listing {
  text-align: center;
}

#content table.directory {
  font-size: 100%;
  text-align: left;
}

#content table.directory td.name {
  width: 30%;
}

#content table.directory td.icon {
  width: 32px;
}

#content table.directory td.info {
  padding-left: 10%;
}

#content th {
  padding: 5px;
  color: #b80000;
  vertical-align: middle;
  border-top: solid #ecedf2 2px;
  border-bottom: solid #ecedf2 2px;
  background-color: #ecedf2;
}

#content td {
  padding: 5px;
  vertical-align: middle;
  border-top: solid #ecedf2 2px;
  border-bottom: solid #ecedf2 2px;
}

#content table th.header {
  cursor: pointer;
}

#content table th.headerSortUp {
  color: #ffffff;
  background: #b80000;
  cursor: pointer;
}

#content table th.headerSortDown {
  color: #ffffff;
  background: #b80000;
  cursor: pointer;
}

#content fieldset {
  border: none;
}

#content label {
  display: block;
  margin: 0.5ex 0;
  float: left;
  clear: both;
  font-weight: bold;
  text-decoration: none;
}

#content input, #content select, #content textarea {
  display: block;
  margin: 0 0 1ex 50%;
  width: 45%;
}

#content .button {
  display: inline-block;
  margin: 5px 0;
  padding: 5px 5px 5px 30px;
  background: #d0d0d0 5px center no-repeat;
  border-top: solid #f0f0f0 2px;
  border-right: solid #f0f0f0 2px;
  border-bottom: solid #b0b0b0 2px;
  border-left: solid #b0b0b0 2px;
  color: #000000;
  text-decoration: none;
}

#content .icon-map {
  background-image: url("https://static.hanmark.de/static/images/icon-map.png");
}

#content .icon-pdf {
  background-image: url("https://static.hanmark.de/static/images/icon-pdf.png");
}

#excerpt {
}

#footer {
  clear: both;
}

#aboutline a {
  display: block;
  padding: 1ex 0.5ex 0.5ex 0.5ex;
  color: #ffffff;
  font-size: 80%;
  font-weight: bold;
  text-decoration: none;  
}

#aboutline p {
  background: #b80000;
  border-top: solid 4px #d46666;
  border-right: solid 4px #d46666;
  border-bottom: solid 4px #920b0b;
  border-left: solid 4px #920b0b;
  text-align: center;
}

.clear {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

#objectsample .enlarge .large {
  top: 25px;
  right: 25px;
}

#objectimage .enlarge .large {
  top: 25px;
  right: 25px;
}

.home .enlarge .large {
  top: 25px;
  right: 25px;
}

.expertise .enlarge .large {
  top: 25px;
  left: 25px;
}

img[rel], span[rel] {
  display: online;
  cursor: pointer;
  color: #395680;
  text-decoration: underline;
}

.overlay {
  display: none;
  border-top: solid 6px #76a0d4;
  border-right: solid 6px #76a0d4;
  border-bottom: solid 6px #0d468c;
  border-left: solid 6px #0d468c;
  background: #d0d0d0 url("https://static.hanmark.de/static/images/overlay-background.png") center center repeat;
}

.overlay .close {
  position: absolute;
  display: block;
  top: -20px;
  right: -20px;
  height: 35px;
  width: 35px;
  background: url("https://static.hanmark.de/static/images/overlay-close.png") center center no-repeat;
  cursor: pointer;
}