@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* cms_vsmain.css                                                                 */
/* Startseite-CSS                                                                 */
/* ------------------------------------------------------------------------------ */

.bereinigen               { clear:both; padding-bottom:1px; margin-bottom:-1px; }
.unsichtbar               { display:none !important; }
.Innenraum                { margin:0 20px 0 20px; }

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
                          { margin-top:14px; margin-bottom:14px; padding-top:0; padding-bottom:0; }

h1                        { font-size: 150%; line-height: 125%; }
h2                        { font-size: 163%; line-height: 125%; color:#93998F; font-weight:normal; font-family: Times New Roman, Times, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; }
h3                        { font-size: 115%; line-height: 125%; }
h4                        { font-size: 101%; line-height: 125%; }
h5                        { font-size:  90%; line-height: 125%; }
h6                        { font-size:  60%; line-height: 125%; }

a, a:link, a:visited, a:active
                          { text-decoration:underline; color:#000000; }
a:hover                   { color:#EF000B; text-decoration:underline; }
a.selected                { color:#000000; text-decoration:none; }
a.selected:visited        { color:#000000; text-decoration:none; }

table                     { font-size:100%; }
td, th                    { vertical-align:top; }
hr                        { line-height:1px; height:1px; border:0px solid #F8ECED; background-color:#F8ECED; color:#F8ECED; }


/* ------------------------------------------------------------------------------ */
/* Hauptobjekte werden definiert...                                               */
/* ------------------------------------------------------------------------------ */
html                      { margin:0px; padding:0px; height:100%; min-height:100%; color:#1B1B1B; background-color:#EEEEEE;
                            font-family: verdana, arial, helvetica, sans-serif; }

body                      { font-size:100%; padding:0px; margin:0px; min-height:100%; height:100%; } /* background:url('../images/hg-stern-hg.gif'); } */
* html body               { height:100%; }

#Grundstueck              { width:977px; text-align:left; background-color:#FFFFFF; margin:0px auto; padding:0px; min-height:100%; height:100%; border-left:1px solid #B6B6B6; border-right:1px solid #B6B6B6; }
* html #Grundstueck       { overflow:hidden; }

#Bauwerk                  { padding:0px; position:relative; left:-1px; top:40px; width:979px; font-size:75%; background-color:#FFFFFF; }

#Obergeschoss             { margin:0px; padding:0px; height:200px; background-color:#FFFFFF; border:solid #B6B6B6; border-width:0px 1px 0px 1px; border-top:1px solid #FFFFFF; }

#Erdgeschoss              { margin:0; padding-top:20px; padding-left:156px; padding-right:155px; border-left:1px solid #B6B6B6; border-right:1px solid #B6B6B6; }

#Wohnung                  { margin:0; width:100%; z-index:1; }

#Zwischenwand             { float:left; margin:0; width:100%; z-index:3; }

#Arbeitszimmer            { float:left; margin:0px 0px 0px -156px; width:132px; z-index:4; padding:0px 0px 0px 23px; min-height:400px; }

#Wohnzimmer               { float:right; margin:0; width:100%; z-index:5; }
#suchergebnisbereich      { }

#Kinderzimmer             { float:right; width:132px; margin:0px -155px 0px 0px; padding:0px 23px 0px 0px; z-index:9; text-align:right; }

#Obergeschoss, #Arbeitszimmer, #Kinderzimmer, #Zwischenwand
                          { overflow:visible; position:relative; }

/* ------------------------------------------------------------------------------ */
/* Detailobjekte                                                                  */
/* ------------------------------------------------------------------------------ */

/* Link auf Hintergrundbild mit ausgeblendetem "Allzwecklogo" auf weißen Hintergrund */
#logoBox                  { position:absolute; top:33px; left:11px; z-index:9999; background:url('../images/vs_logo.gif') top center no-repeat; }
#logoBox a:link, #logoBox a:visited, #logoBox a:hover, #logoBox a:active
                          { display:block; width:264px; height:41px; }
#logoBox h1               { padding:0px; margin:0px; }

#Obergeschoss .white      { display:none; }

#Arbeitszimmer img, #Kinderzimmer img
                          { display:block; }

#raiba                    { position:absolute; top:34px; left:347px; }

#wechselbilder            { position:absolute; left:-1px; top:100px; padding:1px 0px 0px 1px; width:978px; height:77px; z-index:50; 
                            background:url('../images/vs_top_hg.gif') top left no-repeat; overflow:hidden; }

#links-head               { position:absolute; top:22px; right:133px; }
#links-head a             { display:inline-block; font-size:90%; padding-left:12px; text-decoration:none; color:#777777; background:url('../images/HP_links-head_pfeil.gif') 4px 0.3em no-repeat; }
#links-head a.kontrast    { margin-top:5px; color:#777777; background:url('../images/HP_bf_kontrast.gif') 0px 0.3em no-repeat; }
#links-head a:hover       { color:#1C9B32; }

#main-spessart            { position:absolute; right:6px; top:29px; width:134px; height:124px; z-index:2000; background:url('../images/main-spessart.png') top center no-repeat; }
* html #main-spessart     { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main-spessart.png"); }

.textBV                   { color:#7C7C7C; font-size:95%; }

.SearchRadio              { padding:4px 5px 3px 4px; margin:0px 0px 0px 0px; }
.SearchRadio input        { position:relative; top:-1px; background:none; }
*+html .SearchRadio input, * html .SearchRadio input { position:relative; top:-1px; }
*+html .SearchRadio       { padding:0px 4px 1px 1px; margin:0px 0px 0px 0px; }
* html .SearchRadio       { padding:0px 4px 1px 1px; margin:0px 0px 0px 0px; }

.suchbereich span         { border-style:solid; border-width:0px; display:block; float:left; border:1px solid #EEEEEE;}
.suchbereich span a       { color:#000000; text-decoration:none; cursor:pointer; }
.suchbereich span a:hover { color:#000000; text-decoration:none; cursor:pointer; }

span.hp                   { background-color:#FFFFFF;border-top-color:#EF000B; border-left-color:#EF000B; border-right-color:#EF000B; border-bottom-color:#EF000B; border-width:1px 1px 1px 1px; margin:0px 0px 0px 0px; }
span.mall                 { background-color:#FFFFFF;border-top-color:#FF7B00; border-left-color:#FF7B00; border-right-color:#FF7B00; border-bottom-color:#FF7B00; border-width:1px 1px 1px 1px; margin:0px 0px 0px 0px; }
span.branche              { background-color:#FFFFFF;border-top-color:#FFDE02; border-left-color:#FFDE02; border-right-color:#FFDE02; border-bottom-color:#FFDE02; border-width:1px 1px 1px 1px; margin:0px 0px 0px 0px; }
span.tk                   { background-color:#FFFFFF;border-top-color:#1C9B32; border-left-color:#1C9B32; border-right-color:#1C9B32; border-bottom-color:#1C9B32; border-width:1px 1px 1px 1px; margin:0px 0px 0px 0px; }
span.vk                   { background-color:#FFFFFF;border-top-color:#1E939C; border-left-color:#1E939C; border-right-color:#1E939C; border-bottom-color:#1E939C; border-width:1px 1px 1px 1px; margin:0px 0px 0px 0px; }
span.ka                   { background-color:#FFFFFF;border-top-color:#84005A; border-left-color:#84005A; border-right-color:#84005A; border-bottom-color:#84005A; border-width:1px 1px 1px 1px; margin:0px 0px 0px 0px; }


/* ------------------------------------------------------------------------------ */
/* Bottom über Fundament - Abschluss                                              */
/* ------------------------------------------------------------------------------ */
#Fusszeile                { position:relative; height:25px; margin:0px; text-align:right; }

#Fundament                { position:relative; top:0px; padding:10px 0px 20px 0px; margin:0px -145px 0px -146px; font-size:95%; }
#Fundament a              { text-decoration:none; color:#6C6C6C; }
#Fundament a:hover        { color:#EF000B; }
* html #Fundament         { height:1px; }
#Fundament img            { vertical-align:middle; }
.fundamentLinks           { position:absolute; top:25px; right:0px; text-align:left; width:196px; }
.fundamentRechts          { position:absolute; top:25px; right:196px; text-align:right; width:200px; padding-right:35px; }

.owneradressPrint         { display:none; }

/* ------------------------------------------------------------------------------ */
/* Barrierefreie Navigation (Kontrast, Schriftgröße, ...                          */
/* ------------------------------------------------------------------------------ */
#bfnav                  { position:absolute; top:25px; left:0px; padding:0px; margin-top:0px; font-size:11px; z-index:2; }
#bfnav ul               { list-style-type:none; padding:0px; margin:0px; }
#bfnav ul li            { display:inline; list-style:none; list-style-type:none; padding:0px; margin:0px 12px 0px 0px; white-space:nowrap; }
#bfnav ul li.trenner    { color:#BCBCBC; }
#bfnav ul li a          { margin:0 -1px 0 0px; white-space:nowrap; text-decoration:none; color:#6C6C6C; }
#bfnav ul li a:hover    { color:#EF000B; }
#bfnav img              { padding:0px 0px 4px 0px; _padding:0px; }
*+html #bfnav img       { padding:0px; }


/* ------------------------------------------------------------------------------ */
/* Horizontale Navigation                                                         */
/* ------------------------------------------------------------------------------ */
#hnav                     { position:absolute; top:-41px; left:0px; width:984px; margin:0px -1px 0px -1px; padding:0px; height:40px; z-index:9999999999; background-color:#EEEEEE; }
#hnav ul                  { margin:0px; padding:0px; height:41px; }
#hnav ul li               { float:left; display: block; list-style:none; width:117px; margin-right: 23px; _margin-right: 1px; }
#hnav ul li a             { width:117px; padding:3px 10px 1px 10px; margin:3px 0px 0px 0px; position:relative; display:block; font-size:10px; height:26px; }
#hnav ul li a             { border-style:solid; border-width:7px 1px 1px 1px; text-decoration:none; }
#hnav ul li a.selected    { border-style:solid; border-width:10px 1px 1px 1px; margin-top:0px; height:27px; text-decoration:none; }

#hnav a                 { color:#000000; }
#hnav a.HP              { border-top-color:#EF000B; border-left-color:#EE777C; border-right-color:#EE777C; border-bottom-color:#EF000B; }
#hnav a.MA              { border-top-color:#FF7B00; border-left-color:#F7B477; border-right-color:#F7B477; border-bottom-color:#FF7B00; }
#hnav a.BV              { border-top-color:#FFDE02; border-left-color:#F7E678; border-right-color:#F7E678; border-bottom-color:#FFDE02; }
#hnav a.FT              { border-top-color:#1C9B32; border-left-color:#85C490; border-right-color:#85C490; border-bottom-color:#1C9B32; }
#hnav a.VK              { border-top-color:#1E939C; border-left-color:#1E939C; border-right-color:#1E939C; border-bottom-color:#1E939C; }
#hnav a.RB              { border-top-color:#1500AD; border-left-color:#8177CD; border-right-color:#8177CD; border-bottom-color:#8177CD; background:url('../images/RB_hnav_logo.gif') 10px 1px no-repeat;  }
#hnav a.KJ              { border-top-color:#84005A; border-left-color:#B977A4; border-right-color:#B977A4; border-bottom-color:#84005A; }
#hnav ul li a.selected  { background-color:#FFFFFF; color:#000000; }
#hnav ul li a:hover     { background-color:#FFFFFF; color:#000000; border-bottom-color:#FFFFFF; }


/* ------------------------------------------------------------------------------ */
/* Eigenschaften des Suchfelds                                                    */
/* ------------------------------------------------------------------------------ */
FORM.suchform               { margin:0px; padding:20px 16px 20px 16px; z-index:2; font-size:12px; background-color:#EEEEEE; border:1px solid #B6B6B6; }
INPUT.suchfeld              { height:16px; line-height:16px; width:480px; padding:0px 0px 0px 4px; margin:1px 5px 0px 0px; 
                              border:#6E6E6E 1px solid; color:#828282; background-color:#FFFFFF; }
FORM.suchform p             { padding:0; margin:0; }
FORM.suchform .suchbereich  { font-size:95%; margin-top:12px; color:#242424; }
FORM.suchform .suchbereich input { display:inline-block; vertical-align:middle; margin:0px 4px 0px 0px; padding:0px; _margin:0px; }
*+html FORM.suchform .suchbereich input { margin:0px; }

INPUT.suchfeldbutton        { position:relative; top:-1px; vertical-align:middle; color:#000000; }


/* ------------------------------------------------------------------------------ */
/* Eigenschaften der linken Startseiten Navigation                                */
/* ------------------------------------------------------------------------------ */
#StartseiteGross                  { margin-top:10px; }
#StartseiteGross td               { padding:10px 0px 8px 0px; color:#292929; border-bottom:1px solid #EEEEEE; }
#StartseiteGross td.abstand       { border-bottom:1px solid #FFFFFF; }
#StartseiteGross h4               { padding:1px 0px 2px 15px; margin-bottom:3px; }
#StartseiteGross h4.HP            { background:url('../images/vs_pfeil-hp.gif') 0px 0em no-repeat; }
#StartseiteGross h4.FT            { background:url('../images/vs_pfeil-ft.gif') 0px 0em no-repeat; }
#StartseiteGross h4.MA            { background:url('../images/vs_pfeil-ma.gif') 0px 0em no-repeat; }
#StartseiteGross h4.VK            { background:url('../images/vs_pfeil-vk.gif') 0px 0em no-repeat; }
#StartseiteGross h4.BV            { background:url('../images/vs_pfeil-bv.gif') 0px 0em no-repeat; }
#StartseiteGross h4.KJ            { background:url('../images/vs_pfeil-kj.gif') 0px 0em no-repeat; }
#StartseiteGross h4 a             { color:#292929; text-decoration:underline; font-weight:normal; font-size:130%; }
#StartseiteGross h4 a:hover       { color:#757575; text-decoration:underline; }
#StartseiteGross .text            { padding:0px 0px 0px 15px; font-size:95%; }
#StartseiteGross a                { color:#000000; text-decoration:underline; }
#StartseiteGross a:hover          { color:#DE281A; text-decoration:underline; }


/* ------------------------------------------------------------------------------ */
/* Formular-Elemente                                                              */
/* ------------------------------------------------------------------------------ */
.textfeld,.selectfeld   { border:#EF000B 1px solid; color:#000000; background-color:#F8ECED; }
.button                 { background-color:#1C9B32; border:#1C9B32 1px solid; color:#FFFFFF; font-weight:bold; }
input                   { vertical-align:middle; }
 fieldset               { border:1px solid #fff; }
 

/* ------------------------------------------------------------------------------ *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 12.09.2008                                                  *
 * ------------------------------------------------------------------------------ */
