/* ############################ Reset default browser CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border:0;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline;
  }
blockquote:before,
blockquote:after,
q:before,
q:after {
  content:""
  }
blockquote,
q {
  quotes:"" ""
  }
a img {
  border:none
  }

/* ############################ General Elements */
html {
  font-size:100.01%
  }
body {
  color:#9b9d9e;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:19px;
  background-color:#FFF;
  }

/* ############################ Links */
a:link,
a:visited {
  color:#05a2da;
  text-decoration:underline;
  }
a:hover,
a:focus {
  color:#000;
  text-decoration:underline;
  }
a:active {
  color:#05a2da;
  }

/* ############################ Headers & Fonts */
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  }
h1 {
  color:#000;
  font-size:1.2em;
  margin-bottom:1.4em;
  line-height:1.3em;
  }
h2 {
  color:#000;
  font-size:1em;
  margin:1.2em 0;
  line-height:1.3em;
  }
h3 {
  font-size:1em;
  margin-bottom:1.2em;
  }
h4 {
  font-size:1em;
  font-weight:bold;margin-bottom:1.5em
  }
h5 {
  font-size:1em;
  margin-bottom:1.5em
  }
h6 {
  font-size:1em;
  font-style:italic
  }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin:0
  }
  
.small {
  font-size:.9em;
  line-height:1.1em;
  }
  
.color-1 {
  color:#000;
  }

.added {
  background:#060;
  color:#FFF
  }
.removed {
  background:#900;
  color:#FFF
  }

/* ############################ Paragraphs */
p {
  margin:0 0 1.2em 0;
  }
blockquote {
  color:#666;
  font-style:italic;
  margin:1.5em
  }

/* ############################ Inline Elements */
strong {
  font-weight:bold
  }
em,
dfn {
  font-style:italic
  }
dfn {
  font-weight:bold
  }
sup,
sub {
  line-height:0
  }
abbr,
acronym {
  border-bottom:1px dotted #666
  }
address {
  font-style:italic;
  margin:0 0 1.5em
  }
del {
  color:#666
  }
pre {
  margin:1.5em 0;
  white-space:pre
  }
pre,
code,
tt {
  font:1em 'Andale Mono', 'Lucida Console', monospace;
  line-height:1.5
  }

/* ############################ Lists */
li {
  margin:0 0 0.8em 0;
  color:#000;
  font-size:0.9em;
  line-height:1.2em;
  }
ul,
ol {
  margin:0;
  padding:0;
  }
ul {
  list-style-type:disc;
  }
ol {
  list-style-type:decimal;
  }
dl {
  margin:0 0 1.5em 0
  }
dl dt {
  font-weight:bold
  }
dd {
  margin-left:1.5em
  }

ul.extra {
  font-size:11px;
  list-style:none;
  padding:0
  }
ul.extra li {
  padding-left:20px
  }

/* ############################ Tables */

table {
  border-collapse:collapse;
  width:100%;
  border:none;
  }
table p {
  margin:0;
  }
caption, th, td {
  text-align:left;
  padding:0px;
  }
th {
  font-weight:bold;
  }
/* thead th {
  background:#C3D9FF
  }
tr.even td {
  background:#E5ECF9
  }
tfoot {
  font-style:italic
  }
caption {
  background:#EEE
  }
.td-bottom {
  vertical-align:bottom;
  } */


/* ############################ Rules */
hr {
  background:#9b9d9e;
  border:none;
  clear:both;
  color:#9b9d9e;
  float:none;
  height:1px;
  margin:1em 0 1em 0;
  width:100%
  }
  
/*############################ Misc Classes */
.align-left {
  text-align:left;
  }
.align-center {
  text-align:center;
  }
.align-right {
  text-align:right;
  }
.valign-bottom {
  vertical-align:bottom;
  }
  
/* ############################ Forms */
label {
  font-weight:bold;
  }
  
legend {
  font-size:1.2em;
  font-weight:bold;
  }
  
fieldset {
  border:1px solid #CCC;
  margin:0 0 20px 0;
  padding:10px;
  }
fieldset.strict {
  border:none;
  margin:0;
  padding:0
  }
fieldset.strict legend {
  display:none
  }
fieldset.personal {
  width:300px;
  float:left;
  }
fieldset.right {
  width:300px;
  margin-left: 16px;
  }
  
input.text,
input.title,
select {
  font-size:0.8em;
  padding:2px;
  margin: 0px 0px 10px 0px;
  width:290px;
  }
input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
  background-color:#FFF;
  border:1px solid #CCC;
  }
input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
  background-color:#FED;
  }
input[type=image],
input.image {
  vertical-align:middle;
  }
input[type=checkbox],
input[type=radio],
input.checkbox,
input.radio {
  position:relative;
  top:.25em;
  }
  
textarea {
  width:630px;
  height:100px;
  padding:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  }
  
form.inline {
  line-height:3
  }
form.inline p {
  margin-bottom:0
  }
#fh-country {
  }
#fh-message {
  }
#recaptcha-div table {
  width: 150px
  }
/*
.error,
.notice,
.success {
  border:2px solid #DDD;
  margin-bottom:1em;
  padding:.8em
  }
.error {
  background:#FBE3E4;
  border-color:#FBC2C4;
  color:#8A1F11
  }
.notice {
  background:#FFF6BF;
  border-color:#FFD324;
  color:#514721
  }
.success {
  background:#E6EFC2;
  border-color:#C6D880;
  color:#264409
  }
.error a {
  color:#8A1F11
  }
.notice a {
  color:#514721
  }
.success a {
  color:#264409
  }
*/

/* ############################ Layout */
#wrapper {
  width:100%;
  height:100%;
  }
  
#headerblock {
  width:870px;
  text-align:left;
  }
#header-1 {
  width:870px;
  }
#header-11 {
  width:140px;
  margin:30px 0px 30px 0px;
  float:left;
  }
#header-12 {
  width:730px;
  float:left;
  }
  
#contentblock {
  width:970px;
  text-align:left;
  }
#content {
  width:970px;
  }
#content-1 {
  width:50px;
  float:left;
  }
#content-2 {
  width:870px;
  position:relative;
  top:-5px;
  float:left;
  }
#content-3 {
  width:50px;
  float:left;
  }

#content-normal {
  width:660px;
  margin:50px 0px 0px 50px;
  }
#content-normal .csc-default {
  margin:0px;
  }
#content-right {
  width:870px;
  height:250px;
  border-bottom:13px solid #1e307e;
  background-color:#005ca9;
  }
  
#footerblock {
  width:870px;
  text-align:left;
  padding:10px 0 0 0;
  border-top:2px solid #9b9d9f;
  font-size:0.9em;
  }


#wrapper-adressblock {
  width: 100%;
  position: absolute;
  top: 199px;
  }
#adressblock {
  left: 842px;
  width: 870px;
  text-align: left;
  line-height: 0px;
  background-color: #FFF;
  }
#adressblock-1 {
  width:28px;
  float:left;
  }
#adressblock-2 {
  width:397px;
  float:left;
  }
#adressblock-3 {
  width:445px;
  float:left;
  }
#adressblock-32 {
  width:330px;
  line-height:19px;
  padding:30px 0 0 0;
  }

/* ############################ Layout Spezial */

/* #### Überschrift "Projekte" in "Referenzen" */
#c263 {
  margin:30px 0px 0px 0px !important;
  }

/* #### Akkordion */

.ka-panel.close h1 {
  background-image: url(../../media/imgs/basics/pfeil_zu.gif);
  background-repeat:no-repeat;
  background-position:left;
  border-bottom:1px solid #9B9D9F;
  padding:10px 0 10px 30px;
  margin:0;
  }
.ka-panel.open h1 {
  background-image: url(../../media/imgs/basics/pfeil_offen.gif);
  background-repeat:no-repeat;
  background-position:left;
  border-bottom:1px solid #9B9D9F;
  padding:10px 0 10px 30px;
  margin:0px 0px 20px 0px;
  }
.ka-handler {
  cursor:pointer;
  }


/* #### Bilder */


/* # Bildunterschriften allgemein */
.csc-textpic-caption {
  color:#000;
  font-size:.9em;
  }

/* # Bilder in einer Reihe (6 Stk) */
.csc-textpic-imagerow {
  width:730px !important;
  margin:30px 0px 0px 0px;
  }
div.csc-textpic-imagerow DIV.csc-textpic-image {
  height:100px;
  margin-right:5px !important;
  overflow:hidden
  }
div.csc-textpic-imagerow DIV.csc-textpic-image img {
  height:65px;
  }
div.csc-textpic-imagerow DIV.csc-textpic-caption {
  font-size:0.8em;
  line-height:1.3;
  }

/* # Bild in Text Fluss Rechts */
div.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
  margin-left: 30px !important;
  }
div.csc-textpic-intext-right DIV.csc-textpic-image {
  margin-left:10px !important;
  }

/* # Bild in Text unten */
div.csc-textpic-below DIV.csc-textpic-imagewrap {
  width:730px !important;
  }
div.csc-textpic-below DIV.csc-textpic-image {
  height:100px;
  margin-right:5px !important;
  overflow:hidden
  }
div.csc-textpic-below DIV.csc-textpic-image img {
  height:65px;
  }
div.csc-textpic-below DIV.csc-textpic-caption {
  font-size:0.8em;
  line-height:1.3;
  }

/* #### Tabellen */

.immobilien-vorschau {}
.immobilien-vorschau td {
  vertical-align: top;
  padding:10px 0px 10px 0px;
  }

/* Detailseite allgemein*/
.immobilien-details { }
.immobilien-details td { 
  vertical-align: top;
  }

/* Bilder, Expose, E-mail */
.immobilien-details-1 { 
  width:340px;
  margin:0px 0px 0px 40px;
  }

/* Einzelne Angaben */
.immobilien-details-2 {
  width:340px;
  margin:0px 0px 0px 40px;
  }
.immobilien-details-2 td {
  vertical-align:top;
  font-size:.9em;
  }
.immobilien-details-2 td p {
  padding:0px;
  margin:0px;
  }
.immobilien-details-2 tr {
  border-top:1px solid #9b9d9f;
  border-bottom:1px solid #9b9d9f;
  border-collapse:collapse;
  }

.tr-border-bottom {
  border-bottom:1px solid #9b9d9f;
  }
.tr-border-top-bottom-black {
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  }
    
/* ############################ Navigation Styles */

#main_navigation {
  width:870px;
  background-color:#044b9c;
  }

/*** 1.EBENE ***/
ul#main_menu {
  margin:0px;
  padding:0px;
  }  
ul#main_menu li {
  list-style:none;
  float:left;
  width:217px;
  text-align:center;
  margin: 0px;
  border-right:1px solid #FFF;
  border-bottom:1px solid #FFF;
  }
ul#main_menu li.last {
  width:216px;
  border-right:none;
  }
ul#main_menu li.first {
  }
ul#main_menu li a {
  display:block;
  padding:14px 0px 2px 0px;
  background-color:#044b9c;
  background-image: url(../../media/imgs/basics/htgr_main_menu.gif);
  background-repeat:no-repeat;
  }
ul#main_menu li a:hover,
ul#main_menu li a:active {
  background-color:#044b9c;
  background-image:none;
  }
ul#main_menu li.cur {
  border-bottom:1px solid #044b9c;
  }
ul#main_menu li.cur a {
  background-color:#044b9c;
  background-image:none;
  }

/*** 2.EBENE ***/
ul#main_menu li ul {
  padding:0px;
  margin:0px;
  display:none;
  position:absolute;
  }  
ul#main_menu li ul li {
  list-style:none;
  margin:2px 0px 0px 10px;
  font-weight:bold;
  display:block;
  }
ul#main_menu li ul li.last {
  width:216px;
  border-right:none;
  }
ul#main_menu li ul li.first {
  }
ul#main_menu li ul li a {
  color:#6b7c97;
  padding:0px 0px 0px 15px;
  text-decoration:none;
  }
ul#main_menu li ul li a:hover,
ul#main_menu li ul li a:active{
  }
ul#main_menu li ul li.cur {
  }
ul#main_menu li ul li.cur a {
  }


#quick_navigation {
  margin:100px 0px 0px 0px;
  padding:0px;
  text-align:right;
  }
/*** 1.EBENE ***/
ul#quick_menu {
  margin:0px;
  padding:0px;
  }  
ul#quick_menu li {
  display:inline;
  padding:4px 15px 0px 10px;
  border-right:1px solid #9b9d9f;
  }
ul#quick_menu li.last {
  padding:4px 0px 0px 10px;
  border:none;
  }
ul#quick_menu li.first {
  }
ul#quick_menu li a {
  }
ul#quick_menu li a:hover,
ul#quick_menu li a:active{
  }
ul#quick_menu li.cur {
  }
ul#main_menu li.cur a {
  }

/* ############################ News Styles */
.news-latest-container {}
.news-latest-item {
  margin-bottom:1.2em
  }
.news-latest-container .last {
  margin-bottom:0
  }
.news-latest-item p,
.news-latest-item h4 {
  margin:0
  }
