/**
 *** Main definitions
*/

* {
  padding: 0;
  margin: 0;
  font-size: 100%;
}

body {
  color: #000;
  font-family: Arial, Helvetica, serif;
  background: url("../images/layout/navi_left.jpg") #FFF repeat-y;
}

hr {
  background-color: transparent;
  border: 0px;
  border-top: 1px solid #888;
}

a, a:visited, a:active, a:link {
  color: #C4A702;
  text-decoration: underline;
  font-weight: bold;
}
a:hover {
  color: #000;
}

a.navi_link, a.navi_link:visited, a.navi_link:active, a.navi_link:link {
  color: #C4A702;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
}
a.navi_link:hover {
  color: #000;
  text-decoration: underline;
}

input[type=submit] {
  background-color: white;
  color: #A52A2A;
  font-size: 9pt;
  font-weight: bold;
  padding: 0 2px;
  text-align: center;
}

.clear {
  visibility: hidden;
  clear: both;
}

.white {
  background-color: #FFF !important;
}

/*
 *** Template specific style definitions
*/

#fake_table {
  width: 1000px;
}

/*
 *** Header
*/
#top_container {
  background-image: url("../images/layout/navi_top.jpg");
  width: 100%;
  height: 127px;
}

#logo {
  background-image: url("../images/layout/logo.jpg");
  width: 181px;
  height: 127px;
  display: block;
}

#company_name {
  position: absolute;
  white-space: nowrap;
  top: 58px;
  left: 189px;
  color: #FFF;
  font-size: 13pt;
  font-weight: bold;
}

#quicksearch {
  position: absolute;
  top: 53px;
  left: 525px;
}

#quicksearch input {
  font-weight: bold;
  font-size: 12px;
  padding: 1px;
}

#navi_top {
  position: absolute;
  white-space: nowrap;
  left: 189px;
  top: 88px;
}

#navi_top a {
  color: #000;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
  margin-right: 7px;
}
#navi_top a:hover {
  color: #525252;
}

#textticker {
  padding: 3px 5px;
  position: absolute;
  font-size: 9pt;
  top: 130px;
  left: 189px;
  width: 526px;
  font-family: Arial;
  font-weight: bold;
  background-color: #D2B406;
  border: 1px solid #4F4F4F;
  color: #FFF;
}

#janses_portrait {
  background: url("../images/jansens_portrait.jpg");
  position: absolute;
  width: 200px;
  height: 113px;
  top: 8px;
  left: 769px;
}

#janses_portrait_text {
  font-family: Arial, Helvetica, serif;
  position: absolute;
  width: 200px;
  height: 40px;
  top: 120px;
  left: 769px;
  text-align: center;
  font-size: 8pt;
  line-height: 14pt;
}

#janses_portrait_text .name {
  color: #C4A702;
  font-weight: bold;
  font-size: 9pt;
}

/*
 *** Navigation
*/
#navi_left_container {
  width: 186px;
  float: left;
  padding: 0px 0px 25px 10px;
  font-size: 8pt;
}

#navi_left {
  width: 145px;
}

#navi_left h1 {
  color: #C4A702;
  font-weight: bold;
  font-size: 9pt;
  padding: 10px 0px 3px 0px;
}

#navi_left .container {
  background-color: #e9e9e9;
  margin: 10px 0px 10px 0px
}

#navi_left_navi a, #navi_left_navi a:visited, #navi_left_navi a:active, #navi_left_navi a:link {
  color: #000;
  text-decoration: none;
  display: block;
  font-size: 9pt;
  font-weight: normal;
  padding: 4px 0px 5px 25px;
  background: url("../images/layout/navi_teaser.gif") no-repeat;
}
#navi_left_navi a:hover {
  color: #FFF;
  text-decoration: underline;
  background-color: #C4A702;
}

#icons {
  margin: 10px 0px 0px 0px;
  font-size: 5px;
}

#imprint {
  margin: 10px 0px 0px 0px;
  line-height: 14px;
}

/*
 *** Footer
*/
#footer {
  color: #957F02;
  font-size: 8pt;
  float: left;
  width: 50%;
}

#copyright {
  float: left;
  color: #957F02;
  font-size: 8pt;
  text-align: right;
  width: 50%;
}

#footer a {
  font-size: 7pt;
  color: #000;
  text-decoration: none;
}
#footer a:hover {
  color: #525252;
}

/*
 *** Content
*/
#content_container {
  float: left;
  width: 790px;
  margin: 50px 0px 25px 10px;
}

#content {
  text-align: justify;
  font-size: 10pt;
  line-height: 14pt;
  margin: 0px 0px 20px 0px;
}

#content div {
  background: #F5F5F5;
  padding: 3px 5px 3px 5px;
  overflow: hidden;
}

#content h1 {
  color: #5C5C5C;
  font-size: 11pt;
  padding: 0px 0px 20px 0px;
  font-weight: bold;
}

#content h3 {
  color: #000;
  font-size: 10pt;
  padding: 15px 0px 0px 0px;
  font-weight: bold;
}

#content ul {
  list-style-type: circle;
  list-style-position: outside;
  padding: 10px 0px 0px 20px;
}

#content li {
  font-weight: normal;
  font-size: 9pt;
  padding: 1px 0px;
}

#content .highlight {
  color: #C4A702;
  font-weight: bold !important;
}

/*
 *** Content specific definitions
*/

/* Overview */
#content div.site_selector {
  text-align: right;
  background: none;
  font-weight: bold;
  margin: -10px 0 10px 0;
}

#content div.site_selector a {
  text-decoration: none;
}

#content #overview {
  width: 100%;
}

#content #overview  th{
  padding: 0px 0px 10px 0px;
}

#content #overview  td{
  vertical-align: middle;
  text-align: left;
}

#content #overview  td p {
  white-space: nowrap;
}

#content #overview  img{
  width: 160px;
}

#content #overview tr.set_0 {
  background-color: #F0F0F1;
}
#content #overview tr .set_1 {
  background-color: #000;
}

#content #overview .main_info {
  width: 400px;
}

#content #overview .prices {
  text-align: right;
  padding-right: 10px;
}

#content #legend {
  text-align: right;
  background: none;
  font-size: 8pt;
}

#content #notice {
  padding: 5px;
  background: #dcffdc url('../images/icons/accept.png') no-repeat 10px 10px;
  border: 1px solid #090;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px 10px 10px 31px;
  color: #444;
}

#content #overview .main_info p {
  white-space: normal !important;
  width: 390px;
}

/* Partner */
#content #partner {
  border: 8px solid #F5F5F5;
  overflow: hidden;
}

#content #partner .a {
  background-color: #F0F0F1 !important;
  overflow: hidden;
  padding: 10px 0px 10px 5px;
}

#content #partner .b {
  background-color: #FFF !important;
  overflow: hidden;
  padding: 10px 0px 10px 5px;
}

#content #partner .text {
  margin: 0px 0px 0px 150px;
  background-color: inherit;
}

#content #partner img {
  float: left;
}

/* Emslandinfo */
#content #emsinfo {
  margin: 10px 0px 0px 0px;
  border: 0px solid #888;
}

#content #emsinfo td {
  text-align: center;
  padding: 5px;
}

#content #emsinfo a, #content #emsinfo a:visited, #content #emsinfo a:active {
  text-decoration: none;
  display: block;
}
#content #emsinfo a:hover {
}

#content #emsinfo img {
  margin: 5px 0px 0px 0px;
}

/* Estate of the month // Objekt der Woche (ODW) */
#content #eotm {
  float: left;
  border: 1px solid #FDDA13;
  padding: 10px;
  margin-right: 10px;
  width: 480px;
}
#content #eotm-image {
  display: block;
  float: left;
  width: 205px;
}
#content #eotm img {
  margin: 0px 8px 0px 0px;
  border: 0px solid;
}
#content #eotm h1 {
  color: #A52A2A;
  font-size: 11pt;
  font-weight: bold;
  padding-bottom: 10px;
}
#content #eotm #description {
  float: left;
}

/* Details */
#content #details {
  width: 100%;
}

#content #details th,
#content #details td {
  padding: 5px;
  background: rgb(245,245,245);
  border: 2px solid #fff;
}

#content #details th {
  text-align: left;
  width: 150px;
  background: rgb(236,236,236);
}

#content #details .images img {
  float: left;
  margin: 0 5px 5px 0;
}

/* Error Page 404: Not found */
#content #e404 li {
  font-weight: bold;
}

/* Contact form */
#content #contact_form {
  padding: 0px 10px 10px 10px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #FDDA13;
  width: 470px;
}

#content #contact_form ul {
  list-style-type: circle;
  list-style-position: inside;
  padding: 10px 0px 0px 20px;
}

#content #contact_form li {
  font-weight: bold;
  color: darkred;
}

#content #contact_form_table {
  margin-bottom: 10px;
}

#content #contact_form_table th {
  text-align: left;
  width: 180px;
  font-weight: normal;
  vertical-align: middle;
}

#content #contact_form_table th.top {
  vertical-align: top;
}

#content #contact_form_table th.caption {
  font-weight: bold !important;
  padding: 10px 0px 5px 0px;
}

#content #contact_form_table input {
  margin: 3px 5px 3px 0px;
}

#content #contact_form_table input[type=text] {
  width: 280px;
}

#content #contact_form_table input[type=text].small {
  width: 80px;
}

#content #contact_form_table input[type=text].big {
  width: 190px;
}

#content #contact_form_table textarea {
  width: 280px;
  height: 150px;
}

/* Kontakt */
#content #contact_map {
  float: left;
  background: url("../images/icons/karte-haren.gif") no-repeat;
  text-align: center;
  width: 100px;
  height: 158px;
  padding: 0px;
  margin: 0px 10px 0px 10px;
}

#content #contact_map a {
  display: block;
  height: 100%;
  padding-top: 138px;
}

#content #route_planer {
  float: left;
}

/* Search // Objektsuche */
#content .maskbox,
#content #mask {
  border: 1px solid #FDDA13;
  padding: 15px 15px;
  float: left;
  margin: 10px 10px 10px 10px;
  width: 240px;
}

#content #mask {
  width: 420px;
}

#content .maskbox {
  text-align: center;
}

#content .maskbox h3,
#content #mask h3 {
  margin-bottom: 10px;
  padding: 0px;
}

#content #mask #searchform th{
  padding-right: 10px;
  text-align: right;
}
#content #mask #searchform input[type=text]{
  width: 250px;
}

#content .searchbutton {
  text-align: center;
  margin: 5px 0px 0px 0px;
}
