/*
    CSS-Layout by Vladimir Simovic (www.vlad-design.de)
    im Auftrag von Günter Hopfenzitz

    Eingesetzte Farben:
    * Hintergrund: ................ #a8e4ea
    * Schriftfarbe: ............... #333
    * Aktiver Link: ............... #069
    * Hover-Link: ................. #f90
    * Hover-Link (Fussbereich): ... #f60
    * Helles Grau (diverse):        #f7f7f7
    * Rahmen (Kopf und Fuß):        #7ed8e0
    * Rahmen (Boxen):               #a8e4ea

    ===== INHALTSVERZEICHNIS =====
    1. .... Allgemeingültige bzw. dokumentweite Angaben
    2. .... Kopfbereich (beinhaltet das Logo und den Werbebanner)
    3. .... Mittelbereich (beinhaltet die Navigation, den Inhalt und die rechte Sidebar)
    3.1 ... Navigation
    3.2 ... Inhaltsbereich
    3.3 ... Sidebar (rechte Seite)
    4. .... Footer
	5. Nachtraeglich hinzugefuegt

= 1. Allgemeingültige bzw. dokumentweite Angaben =
*/
html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font: 12px/1.4 arial, sans-serif;
    height: 101%;
    color: #333;
    background: #cceecc;
}

a {
    color: #069;
    text-decoration: none;
}
a:hover {
    color: #f90;
    text-decoration: underline;
}

img {
    border: none;
}

p {
    margin: 1em 0;
}

ul, ol {
    padding-left: 0;
    margin-left: 17px;
    margin-top: 12px;
}

.clearer {
    clear: both;
    padding: 0;
    margin: 0;
    font-size: 1px;
    line-height: 1px;
}

.orange {
    color: #f60;
}

/* = 2. Kopfbereich = */
h1#kopf {
    background: #0080c0 url(../img/kopf.gif) repeat-x;
    height: 90px;
    border-bottom: 2px solid #7ED8E0;
    padding: 0;
    margin: 0;
}
h1#kopf a.homelink {
     display: block;
     width: 180px;
     height: 90px;
     line-height: 90px;
     margin-left: 17px;
     font-size: 22px;
     background: url(../img/wohnpool.gif) no-repeat;
}
h1#kopf a.homelink span {
     position: absolute;
     left: -2000px;
}

h1#kopf a.homelink:hover {
     text-decoration: none;
}
h1#kopf .werbebanner {
     position: absolute;
     top: 15px;
     margin-left: 240px;
}

#maintable 
{
     width: 950px; 
     background: #CCCCEE
}

#maintable2 
{
     width: 950px; 
     height: 100%;
     background: #CCCCEE
}

/* = 3. Mittelbereich = */
#middle 
{
     position:relative; 
     width: 970px; 
     margin:10px auto 0 auto; 
     left: 0px; 
     top: 0px;
}

#mitte {
    background: #fff url(../img/wohnpool-mitte.gif) no-repeat bottom right;
}
#mitte-inner {
    width: 950px;
    padding: 30px 0 30px 20px;
}

/* == 3.1 Navigation == */
#menu_weg {
    width: 190px;
    float: left;
    margin-right: 30px;
    line-height: 1.3;
    margin-top: 7px;
}

#menu ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
#menu ul li {
    background: url(../img/listenpunkt.gif) no-repeat center left;
    padding-left: 15px;
}

/* == 3.2 Inhaltsbereich == */
#inhalt {
    float: left;
    width: 510px;
    margin-right: 27px;
}
#inhalt h1 {
    margin: 0 0 15px 0;
    font-size: 17px;
    color: #069;
    background: url(../img/header-linie.gif) repeat-x bottom center;
}

/* === Die beiden Listen auf der Startseite === */
#inhalt .startseite-liste-links, #inhalt .startseite-liste-rechts {
 font-weight: bold;
    font-size: 15px;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    width: 48%;
}
#inhalt .startseite-liste-links {
    float: left;
}
#inhalt .startseite-liste-rechts {
    float: right;
}
/* /Ende der Listen auf der Startseite */


/* === Die Liste bula === */
#inhalt .bula-links, #inhalt .bula-rechts {
  /*   font-weight: bold; */
    font-size: 12px;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    width: 48%;
}
#inhalt .bula-links {
    float: left;
}
#inhalt .bula-rechts {
    float: right;
}
/* /Ende der Liste bula */

/* Eine Möglichkeit um eine wichtige Liste darzustellen; Beispiel: profis.html */
#inhalt .wichtige-liste2 {
    font-weight: bold;
    font-size: 13px;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

/* Hier befinden sich die Boxen die in den Rubriken, in service.html und in der Detailansicht vorkommen
.uebersichtbox kommt in der Rubrikübersicht, .adressbox in service.html und .detailbox in der Detailübersicht.  */
#inhalt .uebersichtbox {
    padding: 10px;
}
#inhalt .uebersichtbox a {
    float: right;
}
#inhalt .adressbox, #inhalt .uebersichtbox {
    margin-bottom: 15px;
    background: #f7f7f7;
    border: 1px solid #a8e4ea;
}
#inhalt .adressbox h2 {
    font-size: 13px;
    font-weight: bold;
    background: #a8e4ea;
    padding: 2px 10px;
    margin: 0;
    position: relative;
}
#mitte #inhalt .adressbox h2 address {
    position: absolute;
    right: 0;
    top: 0;
}
#inhalt .adressbox p {
    padding-left: 10px;
    padding-right: 10px;
}
#inhalt .adressbox address {
    font-style: normal;
    padding: 3px 10px 5px 10px;
    position: relative;
}
#inhalt .adressbox address span {
    position: absolute;
    top: 3px;
    right: 10px;
}
#inhalt .detailbox {
    border: 1px solid #a8e4ea;
    margin-bottom: 30px;
}
#inhalt .detailbox .detail-oben {
    background: #a8e4ea;
    padding: 10px;
}
#inhalt .detailbox .detail-unten {
    background: #f7f7f7;
    padding: 10px;
}
/* /Ende der "Boxen" */

/* === Auf der Startseite die ganzen Stadt-Links === */
#inhalt #stadt-links {
    font-size: 11px;
    margin-top: 25px;
    padding: 12px 15px;
    border-top: 1px solid #f93;
    border-bottom: 1px solid #f93;
    clear: both;
    border: 1px solid #b6e1f7;
}

/* == 3.3 Rechte Sidebar == */
#sidebar {
    width: 190px;
    float: left;
    margin-top: 6px;
}
#sidebar h2, #menu h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #069;
    background: url(../header-linie.gif) repeat-x bottom center
}

#MoreLink a:hover {
    color: red;
}

/* = 4. Kontaktbereich bzw. Fußbereich = */
#kontakt {
    background: #a8e4ea /*url(kopf.gif) repeat-x*/;
    padding: 25px 20px 1px 20px;
    border-top: 2px solid #7ED8E0;
    line-height: 1.5;
}
#kontakt a:hover {
    color: #f60;
}
#kontakt p {
    width: 930px;
    text-align: center;
    margin: 1px 0;
    word-spacing: 1px;
    font-size: 13px;
    /*font-weight: bold;*/
}

/* = 5. Nachtraeglich eingefuegt = */

#inhalt .rubrik-blaettern {
     position: relative;
     text-align: center;
     height: 20px;
     line-height: 20px;
}

#inhalt .rubrik-blaettern .zurueckblaettern {
     position: absolute;
     top: 0;
     left: 0;
}

#inhalt .rubrik-blaettern .vorblaettern {
     position: absolute;
     top: 0;
     right: 0;
}

#nicht-startseite #inhalt {
      width: 600px;
}

#nicht-startseite #sidebar {
      display: none;
}






.test  {
    margin-bottom: 30px;
}


.test  {
    font-style: normal;
    padding: 3px 10px 5px 10px;
    position: relative;
}
.test  span {
    position: absolute;
    top: 3px;
    right: 10px;
}

#srchResult iframe { 
        width: 100%; 
}