@charset "utf-8";
/**
-------------------------------------------------------------
Medien:         Bildschirme und Projektoren
Autor:          Markus Fortmann
------------------------------------------------------------- */
/**
-------------------------------------------------------------
Regeln für allgemeine Elemente
------------------------------------------------------------- */
* {} /* Safari-Bugfix */
* {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 12px/18px Arial, sans-serif;
}
td, th {
  f\ont-size: 100%;
}
html {
  color: #666666;
/* background: #ffffff url('/binary.ashx?id=796'); */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  height: 100.01%;
}
body {
/* background: #ffffff url('/binary.ashx?id=796'); */
  height: 100%;
  padding-top: 0;
  background-position: center;
  background-repeat: no-repeat;
}


/** Absätze
------------------------------------------------------------- */
p {
  margin: 5px 0 10px 0;
}

/** Bilder
------------------------------------------------------------- */
img {
  border: 0;
}
img.float--right {
  float: right;
  padding: 0 0 10px 10px;
}
img.float--left {
  float: left;
  padding: 0 10px 10px 0;
}


.defbreite {
  width: 260px;
}

/** Präformatierter und Quelltext
------------------------------------------------------------- */
pre {
  font-family: "Courier New", monospace;
  font-size: 110%;
  line-height: 1.2;
  margin: 1.5em 0;
}
code {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
  vertical-align: baseline;
  padd\ing: 0 3px;
}
pre code {
  font-size: 1em;
}
/** Textauszeichnung
------------------------------------------------------------- */
ins[title], del[title] {
  border-bottom: 1px dotted #1A1A1A;
}
ins {
  text-decoration: none;
  font-weight: bold;
}
dfn {
  font-style: normal;
}
samp {
  font-size: 110%;
  vertical-align: baseline;
}
kbd {
  font-family: "Courier New", monospace;
  font-size: 110%;
  font-style: normal;
}
/**
-------------------------------------------------------------
  Regeln für besondere Bereiche
------------------------------------------------------------- */
#top {
  width: 982px;
  /*height: 560px;*/
  margin: 0 auto;
  padding: 0;
  position: relative;
  background: transparent none;
  height: 100%;
}
#header {
  height: 70px;
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent none;
  z-index: 5;
}

#beforemain {
  top: 70px;
  height: 32px;
  width: 988px;
  background: transparent url('/binary.ashx?id=803') no-repeat;
  display: block;
  position: absolute;
}

#main {
  top: 102px;
  bottom: 56px;
  overflow: hidden;
  width: 942px;
  position: absolute;
  background: transparent url('/binary.ashx?id=807') repeat-y;
  padding: 0 20px;
  z-index: 4;
}

#aftermain {
  height: 32px;
  width: 988px;
  background: transparent url('/binary.ashx?id=805') no-repeat;
  display: block;
  bottom: 24px;
  position: absolute;
}

#content-sidebar1 {
  width: 924px;
  /*height: 420px;*/
  height: auto;
  float: left;
  padding: 0 12px;
}

#home #content-sidebar1,
#full #content-sidebar1 {
overflow: none;
}

#home #content-sidebar1 {
}
#sidebar1 {
  width: 200px;
  float: left;
  margin-top: -30px;
  z-index: 20;
  position: relative;
}
#home #sidebar1 {
  display: none;
}

#sidebar2 {
  width: 190px;
  float: right;
  padding: 0 10px 10px 0;
  overflow: hidden;
}
#home #sidebar2,
#full #sidebar2 {
  display: none;
}

#footer {
  bottom: 0;
  margin: 0;
  position: absolute;
  width: 982px;
  height: 42px;
  padding: 0;
  background: transparent url('footer.gif') right 5px no-repeat;
  text-align: center;
}
#logo {
  position: absolute;
  top: 10px;
  left: 30px;
}
#claim {
  position: absolute;
  top: 50px;
  left: 330px;
  font-size: 18px;
  line-height: 18px;
  z-index: 120;
}


#garcia-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/** Teaser
------------------------------------------------------------- */
ul.teaser li {
background: none;
padding: 0 0 15px 0;
}
ul.teaser li.image img {
position: absolute;
}
ul.teaser li.image p {
margin-left: 150px;
}
ul.teaser p.h {
font-size: 14px;
margin: -15px 0 5px 0;
font-weight: bold;
}

.sidebar .teaser li {
background-color: #F5F5F7;
border-bottom: 1px dotted #B2B4B7;
border-top: 1px dotted #B2B4B7;
padding: 25px 10px 5px 10px;
margin: 0 0 20px 0;
}

table {
  margin: 1em 0;
  width: 100%;
}
caption {
  margin: 2em 0 1em 0;
  font-weight: bold;
}
th {
  color: inherit;
/*  background-color: #D4D5D9; */
  padding: 3px 5px;
  font-weight: bold;
  text-align: right;
  width: 300px;

}
td {
  padding: 3px 5px;
}
/* Alternierende Zeilenfärbung */
tr.odd td {
  color: inherit;
  background-color: white;
}
tr.even td {
  color: inherit;
  background-color: #EDEDED;
}
/* Tabellen in Formularen */
form table td {
  padding: 0 10px 5px 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 2em 0 1em 0;
  font-weight: blink;

  }
h1 {
  margin: 0 0 1em 0;
  font-size: 20px;
  color: #A0A0A0;
}
h2 {
  font-size: 16px;
  padding: 0 0 0 0;
  color: #A0A0A0;

}
h3 {
  font-size: 14px;
color: #A0A0A0;

}
h4 {
  font-size: 13px;
color: #A0A0A0;

}
h5, h6 {
  font-size: 12px;
}

#pageHeadline {
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
heigth: 36px;
font-weight: blink;
}

ol, ul {
  margin: 1em 0 1em 25px;
}
ul {
  padding: 0;
  margin: 1em 0;
}
.box ul, {
  margin: 0;
  top: 0;
}

.app_inner ul {
  margin-top: -6px;
}


#content ul li {
  list-style: none;
  padding: 3px 0 3px 15px;
  background: #ffffff url('/binary.ashx?id=800') left 12px no-repeat;
}
#home ul li {

}
#appointmentlist ul li {
background: none;
margin: 0px 0px 0px 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;

}
dl {
  margin: 1.5em 0;
}
dt {
  margin-top: 1em;
}
dd {
}

/** Links und Anker
------------------------------------------------------------- */
a:link {
  color: #558ed5;
  text-decoration:none;
}
a:visited {
color: #558ed5;
  text-decoration:none;
}
a:hover, a:focus {
  text-decoration:underline;
}
a:active {
}

#content a:link {
  text-decoration: underline;
}

#content a:visited {
  text-decoration: underline;
}

#content a:hover {
  text-decoration: none;
}

/** Formulare
------------------------------------------------------------- */
form {
  margin: 0;
  padding: 0;
}
select,
input,
textarea {
  /* Für Safari */
  font-size: 99%;
}
input,
textarea {
  padding: 1px 3px;

}
input, label {
  vertical-align: middle;
}
label {
  padding: 0 10px 0 10px;
}
input.text {
  font-family: Verdana, sans-serif;
  color: inherit;
  background-color: #FFFFFF;
  border: 1px solid #CECED0;
  width: 50px;
  font-size: .9em;
}
textarea {
  font-family: Verdana, sans-serif;
  margin: 0;
  color: inherit;
  background-color: #FFFFFF;
  border: 1px solid #CECED0;
  width: 197px;
  font-size: .9em;
}
/* Für fokussierte Steuerelemente */
input:focus,
textarea:focus,
select:focus {
}
fieldset {
  border: 0;
}
fieldset div,
fieldset p {
  padding: .5em 0 .2em 0;
}
legend {
  color: #3C3B3C; /* Schriftfarbe explizit setzen */
  background-color: white;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid red;

}
optgroup {
  padding: 5px 0;
  font-style: normal;
}
option {
  padding: 0 5px 0 0;
}
optgroup option {
  padding: 0 5px 0 15px;
}
.gf_captcha{
  margin:-5px 0 0 310px;
  width: 250px;
}
.submit{
  margin: -5px 50px -50px 0;
  padding: 0 0 -5px 0;
  height: 10px;
  }

#home #ariadne {
  display: none;
}
#ariadne {
  font-size: 11px;
  position: absolute;
  top: 97px;
  left: 32px;
  float: left;
  right: 43px;
   /* display: none; */ 
}
.keyvisual #ariadne {
top: 315px;
display: none;
}
#ariadne ol {
margin: 0;
padding: 0;
background-color: white;
}
#ariadne li {
display: inline;
  list-style: none;
}
#ariadne li {
  padding: 0 7px 0 0;
}
#ariadne li.last {
  display: none;
  visibility: hidden;
}
#ariadne a,
#ariadne strong {
  color: #B2B3B7;
  font-weight: normal;
  text-decoration: none;
  padding: 0 12px 0 0;
  background: #FFF url('/binary.ashx?id=1203') right 4px no-repeat;
  background-position-y: center;

}
#ariadne strong {
  background: none;
}
#ariadne li.first a {
  background: none;
}
#ariadne a:hover,
#ariadne a:focus,
#ariadne a:active {
  color: #9B074E;
  font-weight: normal;
  text-decoration: none;
}
#ariadne strong,
#ariadne a.active {
  font-weight: bold;
}

#header .languageChooser {
position: absolute;
top: 10px;
right: 10px;
font-size: 11px;
}

.sitenav {
  font-size: 11px;
}
#header .sitenav {
  display: none;
  position: absolute;
  top: 0;
  right: 60px;
}

#footer .sitenav {
  margin: 0 auto;
}

#footer .sitenav li {
  background: transparent url('/binary.ashx?id=1237') left 1px no-repeat;
}

#footer .sitenav li.first {
  background: transparent none;
}

.sitenav li {
  display: inline;
  list-style: none;
  background: none;
}
.sitenav a,
.sitenav strong {
  color: #558ed5;
  font-weight: normal;
  text-decoration: none;
  padding: 0 12px 0 15px;
}
.sitenav strong {
  background: none;
}
.sitenav li.first a {
  background: none;
  padding: 0 12px 0 0;
}
.sitenav a:hover,
.sitenav a:focus,
.sitenav a:active {
  color: black;
  font-weight: normal;
  text-decoration: none;
}
.sitenav strong,
.sitenav a.active {
  font-weight: bold;
}

#header #logout {
  font-size: 11px;
  margin: 1em 0;
  position: absolute;
  top: 0px;
  right: 0px;
}
#logout a {
  color: #3C3B3C;
  font-weight: normal;
  text-decoration: none;
  padding: 0 12px 0 0;
}
#logout a:hover,
#logout a:focus,
#logout a:active {
  color: #9B074E;
  font-weight: normal;
  text-decoration: none;
}
#logout a.active {
  color: #BEBEBE;
}

#subnav {
  margin: 0 15px;
  display: none;
}
#subnav ul,
#subnav li {
background: none;
  padding: 0;
  margin: 0;
  display: inline;
}
/* Erste Ebene */
#subnav ul li a,
#subnav ul li strong {
  display: block;
  text-decoration: none;
  border-bottom: 1px dotted #B2B4B7;
  padding: 5px 5px 5px 10px;
  color: #666666;
}
#subnav ul li a:hover {
  background: #F5F5F7 none;
}
#subnav ul li a.active {
  font-weight: bold;
}
#subnav ul li.first a,
#subnav ul li.first strong {
  border-top: 1px dotted #B2B4B7;
}

/* Zweite Ebene */
#subnav ul ul li.first a,
#subnav ul ul li.first strong {
  border-top: 0;
}
#subnav li li {
  border: 0;
}
#subnav li li a,
#subnav li li strong {
  background: #F5F5F7 none;
  padding: 4px 5px 4px 22px;
  font-size: .95em;
  line-height: 1.2em;
}
#subnav li li a:hover {
background: #EDEDEF url('/binary.ashx?id=273') 13px 9px no-repeat;
  color: #666666;
}
#subnav li li strong {
font-weight: bold;
}
/* Dritte Ebene */
#subnav li li li a,
#subnav li li li strong {
  font-size: .9em;
  padding-left: 35px;
  background: #EDEDEF none;
}
#subnav li li li a:hover,
#subnav li li li strong {
  background: #EDEDEF url('/binary.ashx?id=273') 25px 7px no-repeat;
}

#nav {
  position: absolute;
  left: 300px;
  top: 44px;
  width: 684px;
  height: 42px;
  z-index: 100;
  font-size: 14px;
  font-weight: bold;
  display: block;
}

#nav,
#nav ul,
#nav li{
  background: none;
  padding: 0;
  margin: 0;
}

#nav li {
  display: inline;
  position: relative;
  float: left;
}

#nav a,
#nav strong {
  color: #558ed5;
  float: left;
  height: 42px;
  line-height: 30px;
  text-decoration: none;
  padding: 0 20px 10px 20px;
  display: block;
}

#nav strong {

}


#nav a.first,
#nav strong.first {

}
#nav a.last,
#nav strong.last {

}
#nav ul a:hover,
#nav ul a:focus,
#nav ul a:active {
  color: #7c7c7c;
}
#nav strong,
#nav ul a.active {
  color: #7c7c7c;
}

/* Alle Flyouts ausblenden */

#nav ul ul {
  visibility: hidden;
  position: absolute;
  top: 45px;
  left: 7px;
  width: 160px;
  z-index: 100;
  border: 1px solid #B2B4B7;
  border-bottom: 0;
  background: transparent url('/binary.ashx?id=795') repeat;
  display: block;
}

/* hover: 2. Ebene für neue Browser ausklappen*/

#nav ul li:hover ul {
  visibility: visible;
}

#nav ul li:hover ul ul {
  visibility: hidden;
}

#nav ul ul a {
  height: auto;
  padding: 12px;
  width: 160px;
  font-weight: normal;
  line-height: 22px;
  display: block;
  border: 0;
  display: block;
}

#nav ul ul li {
  border-bottom: 1px solid #B2B4B7;
  width: 160px;
}

/* Styles für die IE6 Tabelle, damit sie keinen Platz wegnimmt. */
#nav table,
#nav table td {
  border-collapse: collapse;
  width: 0;
  height: 0;
  border: 0;
  font-size: 1.3em;
  margin: 0;
}
/* hover: 2. Ebene im IE6 ausklappen mit ausgedehnten <a href> */
#nav li a:hover table ul {
  left: -2px;
  top: 19px;
  width: 180px;
  border: 1px solid red;
  /*background: transparent url('/binary.ashx?id=794') repeat;*/
  display: block;
}

#nav ul ul li:hover
{
  background: transparent url('/binary.ashx?id=794') repeat;
}

#nav ul ul li:hover,
#nav ul ul a:hover
{
  color: white;
}

#nav ul ul ul{
  visibility: hidden;
  position: absolute;
  top: -1px;
  left: 160px;
  background: transparent url('/binary.ashx?id=794') repeat;
  border: 1px white solid;
}

#nav ul ul ul li {
  border-bottom: 1px white solid;
  color: white;
}

#nav ul ul ul a {
  padding: 12px;
  color: white;
}

#nav ul li ul li:hover ul {
  visibility: visible;
}

#nav ul ul ul li:hover {
  background: #7c7c7c none;
}
#nav .hasSubMenue {
  background-image: url('/binary.ashx?id=1435') ;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
  background-position: right center;
  position: absolute;
  margin-top: 0px;
  right: 2px;
  width: 24px;
  height: 48px;
  z-index: -2;
}

.nokeyvisual #keyvisual {
  display: none;
}

.keyvisual #keyvisual {
  position: absolute;
  top: 48px;
  display: inline;
  left: 32px;
  overflow: hidden;
  width: 924px;
  height: 204px;
}

#full #keyvisual,
#normal #keyvisual,
#home #keyvisual {
  left: 32px;
  width: 924px;
  height: 204px;
  overflow: hidden;
}

/*#full .keyvisual #content,
#home .keyvisual #content,
.keyvisual #content  {
  top: 216px;
  width: 924px;
}*/

.keyvisual #main {
  /*padding: 350px 0 0 0;*/
}
#full .keyvisual #main,
#home .keyvisual #main {
  /*padding-top: 180px;*/
}
#normal .keyvisual #sidebar1 {
  /*margin-top: -200px;*/
} 

#content #keyvisual {
  left: 0px;
}  

#fastSearch {
  display: none;
  position: absolute;
  top: 10px;
  right: 5px;
  width: 295px;
  padding: 0 0 0 30px;
  line-height: 25px;
  background: #ffffff url('/binary.ashx?id=276') left top no-repeat;
}
#fastSearch .text {
  display: none;
}
#fastSearch .textfield input {
  background: transparent none;
  width: 155px;
  border: 0;
  padding-top: 3px;
}
#fastSearch .submit input {
  margin: 0 0 0 10px;
}


span.searchResultScore span {
  display: block;
  width: 200px;
  background-color: white;
  border: 1px solid #E0E3E3;
  height: 5px;
}

span.searchResultScore span span {
  display: block;
  background-color: #E0E3E3;
  height: 3px;

}

#content {
  width: 924px;
  float: left;
  padding: 0 0 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 32px;
  overflow: auto;
}
#full #content {
  width: 100%;
  padding: 0 0 0 0;
}
#home #content {
  width: 100%;
}


#content .formbox {
  color: #000;
  background-color: #F5F5F7;
  border: 1px dotted #B2B4B7;
}
#content .row {
  clear: both;
  padding: 2px 0px;
}
#content .label {
  float: left;
  width: 250px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}
#content .field {
  float: right;
  width: 300px;
  text-align: left;
}
#content .submit {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

/* für den SheetHeader */
#sheetHeader {
left: 0px;
top: 0px;
heigth: 36px;
width: 918px;

  position: absolute;
  display: inline;
  overflow: hidden;
text-align: center;
font-weight: bold;
  margin: 0 0 1em 0;
  font-size: 20px;
}


/*Benutzung: <div class="box _xX _yY _wW _hH">
Wobei _xX, _yY, _wW und _hH jeweils einen der hier aufgeführten Bezeichner darstellen. */

.box {
  position: absolute;
  display: inline;
  overflow: hidden;
  /* padding-top: 36px; */
}

._button {
  position: absolute;
  display: inline;
  overflow: hidden;
  z-index: 6;
}

._buttonlt {
  padding-left: 14px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: opx;
}

._buttonltkv {
  padding-left: 14px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: opx;
  margin-top: -216px;
  z-index: 50;
}


._buttonrt {
  padding-left: 0px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: opx;
}

._buttonlb {
  padding-left: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: opx;
}

._buttonrb {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: opx;
}

._bg {
  /*padding: 22px;*/
  border: 2px solid lightgrey;
}  

._x1 {
  left: 0px;
}

._x2 {
  left: 156px;
}

._x3 {
  left: 312px;
}

._x4 {
  left: 468px;
}

._x5 {
  left: 624px;
}

._x6 {
  left: 880px;
}

._y1 {
  top: 48px; /* 0px 36px*/
}

._y1a {
  top: 102px; /* war 54px */
} 

._y2 {
  top: 156px; /* war 108px 144px */
}

._y3 {
  top: 264px; /* war 216 px 252px */
}

._y4 {
  top: 372px; /*war 324px 366px */
}

._y5 {
  top: 480px;
}
  
._w1 {
  width: 144px;
}

._w2 {
  width: 300px;
}

._w2 ._bg {
  width: 296px;
}


._w3 {
  width: 456px;
}

._w4 {
  width: 612px;
}

._w5 {
  width: 768px;
}

._w6 {
  width: 924px;
}

._h1 {
  height: 96px;
}

._h2 {
  height: 204px;
}

._h3 {
  height: 312px;
}

._h4 {
  height: 420px;
}

._h5 {
  height: 312px;
}

/*Sonderregeln für die Hintergründe*/

/*._w1h1 {
  background: transparent url('/binary.ashx?id=918') left top no-repeat;
  width: 100px;
  height: 52px;
}

._w1h2 {
  background: transparent url('/binary.ashx?id=919') left top no-repeat;
  width: 100px;
  height: 160px;
}

._w1h3 {
  background: transparent url('/binary.ashx?id=920') left top no-repeat;
  width: 100px;
  height: 268px;
}

._w1h4 {
  background: transparent url('/binary.ashx?id=921') left top no-repeat;
  width: 100px;
  height: 376px;
}

._w2h1 {
  background: transparent url('/binary.ashx?id=914') left top no-repeat;
  width: 256px;
  height: 52px;
}

._w2h2 {
  background: transparent url('/binary.ashx?id=915') left top no-repeat;
  width: 256px;
  height: 160px;
}

._w2h3 {
  background: transparent url('/binary.ashx?id=916') left top no-repeat;
  width: 256px;
  height: 268px;
}

._w2h4 {
  background: transparent url('/binary.ashx?id=917') left top no-repeat;
  width: 256px;
  height: 376px;
}

._w3h1 {
  background: transparent url('/binary.ashx?id=922') left top no-repeat;
  width: 412px;
  height: 52px;
}

._w3h2 {
  background: transparent url('/binary.ashx?id=923') left top no-repeat;
  width: 412px;
  height: 160px;
}

._w3h3 {
  background: transparent url('/binary.ashx?id=924') left top no-repeat;
  width: 412px;
  height: 268px;
}

._w3h4 {
  background: transparent url('/binary.ashx?id=925') left top no-repeat;
  width: 412px;
  height: 376px;
}

._w4h1 {
  background: transparent url('/binary.ashx?id=927') left top no-repeat;
  width: 568px;
  height: 52px;
}

._w4h2 {
  background: transparent url('/binary.ashx?id=928') left top no-repeat;
  width: 568px;
  height: 160px;
}

._w4h3 {
  background: transparent url('/binary.ashx?id=929') left top no-repeat;
  width: 568px;
  height: 268px;
}

._w4h4 {
  background: transparent url('/binary.ashx?id=926') left top no-repeat;
  width: 568px;
  height: 376px;
}

._w5h1 {
  background: transparent url('/binary.ashx?id=930') left top no-repeat;
  width: 724px;
  height: 52px;
}

._w5h2 {
  background: transparent url('/binary.ashx?id=931') left top no-repeat;
  width: 724px;
  height: 160px;
}

._w5h3 {
  background: transparent url('/binary.ashx?id=932') left top no-repeat;
  width: 724px;
  height: 268px;
}

._w5h4 {
  background: transparent url('/binary.ashx?id=933') left top no-repeat;
  width: 724px;
  height: 376px;
}

._w6h1 {
  background: transparent url('/binary.ashx?id=937') left top no-repeat;
  width: 880px;
  height: 52px;
}

._w6h2 {
  background: transparent url('/binary.ashx?id=936') left top no-repeat;
  width: 880px;
  height: 160px;
}

._w6h3 {
  background: transparent url('/binary.ashx?id=935') left top no-repeat;
  width: 880px;
  height: 268px;
}

._w6h4 {
  background: transparent url('/binary.ashx?id=934') left top no-repeat;
  width: 880px;
  height: 376px;
}*/


/*Sonderregeln für das KeyVisual*/
#appointmentlist ._y3 {
  top: 0px;
}

#keyvisual ._y3 {
  top: 0px;
}

#keyvisual ._y4 {
  top: 108px;
}

img#garcia-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

img#full-bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

._border {
  overflow: hidden;
}

.app_border {
  position: absolute;
  border: 1px solid #c0c0c0;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}

.app_tlc {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: transparent url('/binary.ashx?id=991') left top no-repeat;
  border: none;
}

.app_trc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url('/binary.ashx?id=993') right top no-repeat;
  border: none;
}

.app_blc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  background: transparent url('/binary.ashx?id=995') left bottom no-repeat;
  border: none;
}

.app_brc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url('/binary.ashx?id=997') right bottom no-repeat;
  border: none;
}

.app_inner {
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  overflow: hidden;
}

.titelbild {
height: 126px;
align: center;
}

#object_image_container {
align: center;
text-align: center;
overflow: auto;
}

.detailTitel {
  margin-top: 8px;
  margin-right: 17px;
}
#inner_immo_kachel {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
left: 6px;
right: 6px;
}

.imobg{
background-image: url('/binary.ashx?id=1084') ;
background-repeat: no-repeat;
z-index: 5;
}

.imodetailbg {
background-image: url('/binary.ashx?id=1396') ;
}

#inner_immo_kachel ._h2{
height: 20px;
}

#ausstattungsbeschreibung {
float: left;
}
#objectDescription {
  position: relative;
}

.objekttitel {
  font-weight: bold;
  text-align: center;
  position:absolute;
  bottom: 36px;
  width: 100%;
  display: block;
}

.adresse {
  bottom: 0px;
  position: absolute;
}

#inner_immo_kachel .objekttitel {
  bottom: 58px;
  width: 284px;
}

#inner_immo_kachel .adresse {
  bottom: 22px;
  left: 5px;
}

/* Navigatonspositionen */
#navContainer {
top: 12px;
position: absolute;
heigth: 36px;
width: 144px;
right: 32px;
display: block;
}

#navNext{
display: block;
right: 0;
position: absolute;
}

#navPrevious{
display: block;
right: 27px;
position: absolute;
}


#navNext a {
  background: transparent url('/binary.ashx?id=1239') left top no-repeat;
  height: 21px;
  width: 21px;
  top: 0;
  right: 0;
  display: block;
  position: absolute;
}


#navPrevious a {
  background: transparent url('/binary.ashx?id=1241') left top no-repeat;
  height: 21px;
  width: 21px;
  display: block;
  top: 0;
  right: 0;
  position: absolute;
}



.buttonDetail {
  float: left;
  height: 42px;
}  

.buttonDetail a {
  width: 130px;
  margin-left: 13px;
  margin-right: 13px;
}
  
#prevThumbnail {
  float: left;
  top: 120px;
  width: 42px;
  height: 42px;
  margin-left: 6px;
  margin-right: 12px;
  display: block;
}

#prevThumbnail a {
  background: transparent url('/binary.ashx?id=1125') left top no-repeat;
  height: 42px;
  width: 42px;
  display: block;
  top: 0px;
  margin-left: 0px;
}

#nextThumbnail {
  float: rigth;
  position: relative;
  display: inline;
  float: left;
}

#nextThumbnail a {
  background: transparent url('/binary.ashx?id=1126') left top no-repeat;
  height: 42px;
  width: 42px;
display: block;
  top: 0px;
  left: 0px;
  margin-right: 5px;
   }

#btnOverview {
  float: left;
  display: inline;
  position: relative;
  height: 42px;
    

}

#btnOverview a {
  background: transparent url('/binary.ashx?id=1124') left top no-repeat;
  margin-left: 12px;
  margin-right: 12px;
  display: block;
  height: 42px;
  float: left;
}

#btnExpose {
  display inline;
  position: relative;
  display: inline;
}

#btnExpose a {
  background: transparent url('/binary.ashx?id=1123') left top no-repeat;
  display: block;
  height: 42px;
  float: left;
}

#btnAnfrage {
  display inline;
  position: relative;
  display: inline;
}

#btnAnfrage a {
  background: transparent url('/binary.ashx?id=1121') left top no-repeat;
  display: block;
  height: 42px;
  float: left;
}

/* Detailklassen */
#detailContainer{
  padding-top: 15px;
  display: block;
}

#detailBigPicture {
  position-top: 0px;
  position-left: 0px;
  height: 510px;
  width: 612px;
}

#detailsNavContainer {
  height: 160px;
  margin-left: 5px;
}

#detailNavBar {
  left: 0px;
  width: 592px;
  top: 104px;
  position: absolute;
  display: inline;
}
#detailsNavThumbnails {
  float: left;
  margin-left: 6px;
  margin-right: 6px;
}

#fullSensitivPreview a {
  height: 42px;
  width: 42px;
  top: 0;
  left: 0;
  display: block;
  position: relativ;
}
/* sonder höhen regeln */

._hs6 {
  height: 144px;
}

._hs7 {
  height: 242px;
}

._ys3 {
  top: 262px;
}

._ys4 {
  top: 416px;
}

._hs8 {
  height: 480px;
}

._ws2 {
  width: 280px;
}

/* Textformatierungen */
.text {
  width: 150px;
  padding-right: 150px;
  font-weight: bold;
}

.value {
}
/*Sonderregel für die höhe und die breite bei der Immo Kachel */
#immo_kachel ._h2 {
height: 190px;

}

#immo_kachel ._w2 {
width: 285px;

}

#immodetails_link .float--left {
float: left;
}
immodetails_link .float--right {
float: right;
}

.fullLink {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url('/binary.ashx?id=1235') left top repeat;
}

#immodetails a {
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 24px;
  right: 24px;
  background: transparent url('/binary.ashx?id=1182') left top no-repeat;
}



/*Vollseite der Immobilien*/

#detailsProperties div {
  width: 100%;
  display: block;
}

#detailsProperties .text,
#detailsProperties #text {
  float: left;
  width: 25%;
  display: block;
  padding: 0;
}

#detailsProperties .value,
#detailsProperties #value {
  float: right;
  width: 65%;
  display: block;
  padding: 0;
}

.headline {
  float: left;
  margin-left: 5px;
}
.date {
  float: left;
  margin-left: 5px;

}
.short {
  float: left;
  margin-left: 5px;

}

.more {
  float: right;
}

.more .newsMore {
  float: right;
  height: 1.5em;
  background-position-y: center;
}
#newsContainer P {
  margin-top: 0px;
  margin-bottom: 0px;
}
.app_inner ul {
  margin-top: 5px;
}

#newsContainer #singleNewsContainer li {
  background: none;
}
.newsMore {
  background: transparent url('/binary.ashx?id=1182') left top no-repeat;
  width: 12px;
  height: 12px;
    top: 0;
  left: 0;
  display: block;
  float: right;
}

/* ========== ContentFlow ========== */
/*
* default style to look nice
*/

.ContentFlow {
}
    .ContentFlow .flow {
        /*border: 1px solid green;*/
    }
    .ContentFlow .flow * {
    }

    .ContentFlow .flow .item {
            /*border: 1px solid red;*/
    }
        .ContentFlow .flow .item canvas.content {
            height: 100%;
            width: 100%;
            /*border: 1px solid yellow;*/
        }
        .ContentFlow .flow .item img.content {
            /*border: 1px solid yellow;*/
            width: 100%;
        }
        .ContentFlow .flow .item img.reflection, 
        .ContentFlow .flow .item canvas.reflection {
            width: 100%;
        }
    /* ----- styling of items ----- */
    .ContentFlow .flow .item.active {
        cursor: pointer;
    }
        .ContentFlow .flow .item .caption {
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            color: white;
            max-height: 30%;
            bottom: 10%;
            background: url(img/1x1_0.5_black.png);
            width: 100%;
        }
        * html .ContentFlow .flow .item .caption {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/binary.ashx?id=1508');
        }
            .ContentFlow .flow .item .caption a,
            .ContentFlow .flow .item .caption a:link,
            .ContentFlow .flow .item .caption a:visited,
            .ContentFlow .flow .item .caption a:active,
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: underline;
            }
        .ContentFlow .flow .item.active .caption {
            /*display: block;*/ /* uncomment to show caption inside item */
        }

    /* ----- scrollbar ----- */
    .ContentFlow .scrollbar {
        width: 50%;
        margin: 0px auto;
        margin-top: 10px;
        height: 16px;
        background: url('/binary.ashx?id=1644') left center repeat-x;
        position: relative;
        overflow: visible;
    }

        .ContentFlow .scrollbar .slider {
            width: 16px;
            height: 16px;
            background: url('/binary.ashx?id=1646') center center no-repeat;
            cursor: move;
        }
        
        /* only for IE <= 6 and a alphatransparent slider image */
        * html .ContentFlow .scrollbar .slider { background-image: none; }
        * html .ContentFlow .scrollbar .slider .virtualSlider {
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/binary.ashx?id=1646');
        }
            .ContentFlow .scrollbar .slider .position {
                top: 120%;
                font-size: 16px;
                font-weight: bold;
                color: silver
            }

    /* ----- global caption ----- */
    .ContentFlow .globalCaption {
        text-align: center;
        font-weight: bold;
        top: 20px;

     /*   color: white; */
        font-size: 14px;
        height: 40px;
        margin: 2em auto;
    }
        .ContentFlow .globalCaption .caption {
        }
            .ContentFlow .globalCaption .caption a,
            .ContentFlow .globalCaption .caption a:link,
            .ContentFlow .globalCaption .caption a:visited,
            .ContentFlow .globalCaption .caption a:active,
            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }

            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: underline;
            }

    /* ----- load indicator ----- */
    .ContentFlow .loadIndicator {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: black;
    }
        .ContentFlow .loadIndicator .indicator {
            background: url('/binary.ashx?id=1506') center center no-repeat;
            width: 100%;
            height: 100%;
        }
        * html .ContentFlow .loadIndicator .indicator {
            height: 100px;
        }

/* ================================= */




/* ========== ContentFlow ========== */
/* 
* This is the basic CSS file needed for the correct functioning of ContentFlow.
* DON'T CHANGE IT.
*
*/
.ContentFlow {
    position: relative;  /* needed so overlay dimensions are constrained to the ContentFlow */
    overflow: hidden;
}
.ContentFlow * {
    margin: 0px;
    padding: 0px;
    /*border: none;*/
}
.ContentFlow img {
    -ms-interpolation-mode: bicubic;
}

.ContentFlow .mouseoverCheckElement {
    position: absolute;
    width: 0px;
    height: 0px;
    left: 0px;
    /*display: none;*/
    visibility: hidden;
}
.ContentFlow:hover .mouseoverCheckElement {
    left: 1px;
    /*width: 1px;*/
    /*left: -1px;*/
    /*background-color: red;*/
}
.ContentFlow .flow {
    position: relative; /* needed  so that items can be positioned relative to flow*/
    z-index: 0;         /* need so every item has a z-index relative to the flow-box */
    visibility: hidden; /* needed so that content is hidden while loading */
    width: 100%;        /* needed for IE6 */
    margin: 0 auto;
}
.ContentFlow .flow.hidden {
    visibility: hidden;
}

.ContentFlow .flow .item {
    position: absolute; /* needed */
    visibility: hidden;
    top: 0px;
    left: 0px;
}
.ContentFlow .flow .item.active {
}
.ContentFlow .flow .item .content {
    display: block;
}
.ContentFlow .flow .item div.content {
    width: 100%;
    height: 100%;
}
.ContentFlow .flow .item .label {
    display: none;
}
.ContentFlow .flow .item .reflection {
    display: block;
}
.ContentFlow .flow .item canvas.reflection {
    margin-top: -1px; /* for FF */
}
.ContentFlow .flow .item .caption {
    position: absolute; /* needed */
    display: none;      /* needed to hide it on inactive items */
}
.ContentFlow .flow .item.active .caption {
    /*display: block;*/ /* uncomment to show caption inside item */
}

/* ----- scrollbar ----- */

.ContentFlow .scrollbar {
    position: relative; /* needed for z-index */
    z-index: 1;         /* set above flow */
    visibility: hidden;
}

.ContentFlow .scrollbar .slider {
    position: absolute; /* needed */
}
* html .ContentFlow .scrollbar .slider .virtualSlider {
    height: 100%;
}
.ContentFlow .scrollbar .slider .position {
    position: absolute; /* needed */
    text-align: center;
}

/* ----- global caption ----- */
.ContentFlow .globalCaption {
    position: relative; /* needed for z-index */
    z-index: 1;         /* set above flow */
}
/* ----- load indicator ----- */
.ContentFlow .loadIndicator {
    position: absolute; /* needed */
    z-index: 65000;     /* set above everything */
}