﻿body {background-color: #FFFFE8; font-family: Tahoma; font-size:8pt; font-weight: normal; letter-spacing:normal; text-transform:none;
      word-spacing: normal; margin:0 0 0 0; padding: 0 0 0 0; overflow:hidden; color:#474747; font-weight:100;
	  scrollbar-arrow-color:#FFFFFF; scrollbar-face-color:#C88E6B; scrollbar-base-color:#FFFFFF; scrollbar-shadow-color:#000000;
	  scrollbar-darkshadow-color:#EBCFBE; scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#EBCFBE;}
	  
body, html{ margin: 0; padding: 0; height: 100%;}

input, select, textarea, .font {font-family: Tahoma; font-size:9pt; color:#474747} 
p{ margin:0 0 0 0; padding: 0 20 2 0; line-height:20px;} 
.nowrap {white-space:nowrap}
table, a, input{border:0;}

/* ---------- Anker ---------- */
A{text-decoration:	none; font-family: Tahoma; font-size: 8pt; font-weight:100; color:#474747;}

A:hover{text-decoration: underline;}
A.foot{font-size:8pt;}

a.service{font-size:9pt; text-decoration:underline; color:#873301}

a.ergebnis{font-size:9pt; text-decoration:none; color:#873301}
a.ergebnis:hover{font-size:9pt; text-decoration:underline; color:#873301}

a.homefett{font-size:9pt; text-decoration:none; color:#873301; font-weight:700; display:block;}
a.homefett:hover{font-size:9pt; text-decoration:none; color:#873301; font-weight:700;}

a.homefettweiss{font-size:9pt; text-decoration:none; color:#FFFFFF; font-weight:700;}
a.homefettweiss:hover{font-size:9pt; text-decoration:none; color:#FFFFFF; font-weight:700;}

.button{position: absolute; left: 20px;width:113px; height:30px; cursor: hand; z-index: 3; background-image:url(Images/btn.gif); background-repeat:no-repeat;}

.button a{color:#474747; font-size:9pt; font-weight:700; width:100%; height:100%; padding-left:30px; padding-top:10px; cursor: hand; display:block; background-repeat:no-repeat;}
.button a:hover{text-decoration: none; background-image:url(Images/btn_mo.gif); display:block; width:100%; height:100%;background-repeat:no-repeat;}
.button a:active{text-decoration: none; background-image:url(Images/btn_mo.gif); display:block; width:100%; height:100%; background-repeat:no-repeat;}

.button_reiter{background-image:url(Images/btn_reiter.gif); background-repeat:no-repeat; width:113px; height:30px; cursor: hand;}

.button_reiter a{color:#474747; font-size:9pt; font-weight:700; width:100%; height:100%; padding-left:30px; padding-top:10px; cursor: hand; display:block; }
.button_reiter a:hover{text-decoration: none; background-image:url(Images/btn_reiter_mo.gif);display:block; width:100%; height:100%; background-repeat:no-repeat;}

A.ueber{text-decoration: none; font-family: Tahoma; font-size: 11pt; font-weight:100; color:#873301;}
A.ueber:hover{text-decoration:	underline;}

A.impr{font-size:9pt;}


/* ---------- Grundgerüst ---------- */
#headerDiv{ position: absolute; top: 0;     left: 0; width: 100%; height: 131px; z-index: 5; border-top:solid 1px #005E00}

#navDiv{ position: absolute;    top: 131px; left: 0; bottom: 0; width: 81px; background: #FFFFE8; z-index: 3;}
* html #navDiv{ position: absolute; top: 0; height: 100%; border-top: 131px solid #ffffff;}

#footerDiv{ position: absolute; bottom:0; left: 0; bottom: 0; width: 100%; height: 25px; background: #B1BEC3; z-index: 2;}

#contentDiv{ position: absolute; top: 132px; left: 81px; right: 0; bottom: 25px; overflow: auto; z-index: 1; padding-left:70px;}
* html #contentDiv{ top: 0; left: 0; bottom:0; right:0; height: 100%; width: 100%; border-top: 132px solid #FFFFE8; border-left: 81px solid #FFFFE8; 
                    border-bottom: 25px solid #005E00;}

/* ---------- ImmoSuche ---------- */
#headerUCDiv{ position: relative; top: 0; left: 0; width: 100%; height: 50px; background: #FFFFE8; z-index: 6; }

#UCDiv{ position: relative; top: 0;     left: 0; width: 100%; height: 100%; background: #FFFFE8; z-index: 5;}
.contentUCDiv{ position: absolute; top:50px; left: 0; right: 150px; overflow: auto;}
* html .contentUCDiv{ top: 0; left: 0; bottom:0; right:0; width: 100%; height:99%; border-top: 50px solid #FFFFE8; border-right: 150px solid #FFFFE8; }

#subUCDiv{ position: absolute;    top: 50px; right: 10px; bottom: 20px; width: 140px; z-index: 3;}
* html #subUCDiv{ position: absolute; top: 0; right:0; width: 140px; bottom:0; border-top: 50px solid #FFFFE8; border-right: 10px solid #FFFFE8; border-bottom: 20px solid #FFFFE8;}

.reiter1{position: absolute; left:0; top:10px; } .reiter2{position: absolute; left:104px; top:10px; } 
.reiter3{position: absolute; left:208px; top:10px;} 
.ueberErg{position: absolute; left:330px; top:15px;} 

/* ---------- Hintergrundbilder ---------- */
img{ margin: 0 0 0 0; padding:0 0 0 0; border: 0;}
.untenw {background-image: url(Images/untenw.gif); background-repeat:repeat-x;}
.untenr {background-image: url(Images/unten_r.gif); background-repeat:no-repeat;}
.headerw {background-image:url(Images/homew.jpg); background-repeat:repeat-x; background-position:0 1px;}
.btngelb{position: absolute; width: 113px; height: 30px; z-index: 3; background-image:url(Images/btn_gelb.gif); background-repeat:no-repeat}
.btntxt_gelb{color:#474747; font-size:9pt; z-index: 3; text-indent:-30px; padding-top:10px; font-weight:700; cursor:hand;}
.willkommen {position: relative; background-image:url(Images/willkommen.gif); background-repeat:no-repeat; top: 28px; height:68px; width:358px;
             left: 115px;}
               

/* ---------- DivIDs ---------- */
#IndexMiwoag  {padding-left:204px;}
#IVDDiv{ position: absolute; left: 12px; bottom: 12px; width: 55px; height:55px;  z-index: 3; background-image:url(Images/logo_ivd.gif); 
         background-repeat:no-repeat; background-position:left bottom;}
#NaviBGDiv{ position: absolute; top: 0; left: 0; bottom: 25px; width: 81px; height:100%;  z-index: 2; background-color:#005E00}
#DIVHome{ top: 137px; }
#DIVVermietung{ top: 177px;}
#DIVVerkauf{ top: 217px;}
#DIVUeber{ top: 257px;}
#DIVService{ top: 297px;}
#DIVKontakt{ top: 337px;}
#PlanDiv{ position: absolute; top: 0; left: 0; width: 150px; height: 140px; z-index: 6;}
#HausDiv{ position: absolute; top: 0; left: 412px; width: 189px; height: 140px; z-index: 6;}
#KontaktDiv{ position: absolute; top: 0; left: 180px; width: 200px; height: 140px; z-index: 6;}
#Kontakt{ position: absolute; top: 145px; left: 0; z-index: 6;}
#KarteDDDiv{ position: absolute; top:1px; left: 0; width:495px; height: 390px; z-index: 7; background-image:url(data/karte_dd_full.gif); background-repeat:no-repeat; background-position:left top;}
#KarteDD{ position: absolute; top:0; left: 0; width:100%; height: 390px; z-index: 12;}
#DivTBUnsichtbar{ position: absolute; top:0; left: 0; width:164px; height: 100px; z-index: 1;}
#DivSucheVerm{ position: absolute; left: 460px; width: 188px; height:250px; z-index: 6; background-image:url(Images/suche_vermietung.gif); background-repeat:no-repeat; background-position:left top;}

.naviBild{ position: absolute; top: 0; left: 0; width: 88px; height: 153px; z-index: 3; background-repeat:no-repeat; background-position:1px top}
.ueberschrift {position: relative; top: 20px; left: 0; right:0; height: 0; z-index: 6; color:#873301; padding-bottom:40px;}
.contentMitte{position: relative; top: 0; left: 0; right:0; padding-bottom:20px}
div.Kartenstueck{position: absolute; top:1px; left: 0; width:459px; height: 389px; z-index: 9;}
div.hidden{ visibility:hidden;}

/* ---------- Ausrichtungen ---------- */
.left{ text-align:left;} .right{ text-align:right;} .center{ text-align:center;} .top{ vertical-align:top;} .bottom{ vertical-align:bottom;} .middle{ vertical-align:middle;}

/* ---------- Höhe ---------- */
.hoehe20{height:20px;} .hoehe25{height:25px;} .hoehe1{height:1px;} .hoehe15{height:15px;} .hoehe17{height:17px;} .height100{height:100%} .hoehebtnnavi{height:52px;}
.hoehe320{height:320px;}

/* ---------- Weite ---------- */
.width100{width:100%;} .width50{width:50%} 
.weite5{width:5px;} .weite10{width:10px;} .weite15{width:15px;} .weite20{width:20px;} .weite60{width:60px;} .weitenavi{width:80px} 
.weite120{width:120px}  .weite200 {width:200px;} .weite280 {width:280px;}

/* ---------- Schriften ---------- */
.txt8  {font-size:8pt;}  .txt9 {font-size: 9pt;}  .txt10 {font-size:10pt;} .txt102{ font-size:10.5pt;} .txt11{ font-size:11pt;} 
.txt12 {font-size:12pt;} .txt16 {font-size:16pt;} .txt18 {font-size:18pt;}

.bold {font-weight:700;} .thin {font-weight:100;}

.txtweiss{color:#FFFFFF;} .txtrot{color:#FF0000} .txtdunkelgruen {color:#084A2D;} .txtbraun {color:#873301;} .txtgruen {color: #005e00;}

/* ---------- Abstände ---------- */
                              .pleft5 {padding-left:5px;}   .pleft10 {padding-left:10px;} .pleft20 {padding-left:20px}  
                              .pleft25{ padding-left:25px} .pleft30{ padding-left:30px} 
                                                            .pright10{padding-right:10px} .pright20 {padding-right:20px;}
.pbottom1 {padding-bottom:1px} .pbottom5 {padding-bottom:5px} .pbottom10{padding-bottom:10px;} .pbottom15{padding-bottom:15px;} .pbottom20{padding-bottom:20px;}  
.ptop1 {padding-top:1px}       .ptop5 {padding-top:5px}       .ptop10{padding-top:10px} .ptop20{padding-top:20px} 
.p5 { padding: 5px 5px 5px 5px;}


/* ---------- Rahmen ---------- */
.bordergruen {border: solid 1px #005E00;}
.borderright {border-right:solid 1px #005E00} .borderleft {border-left:solid 1px #005E00} .borderbottom {border-bottom:solid 1px #005E00} .bordertop {border-top:solid 1px #005E00}
.borderbraun {border: solid 1px #873301} 
.borderbrtop {border-top: solid 1px #873301} .borderbrleft {border-left: solid 1px #873301} .borderbrright {border-right: solid 1px #873301}
.borderbrbottom {border-bottom: solid 1px #873301} 

/* ---------- Hintergrundfarben ---------- */
.weiss{ background-color:#FFFFFF;} .hintergrund{ background-color:#FFF9EB} .rosa{ background-color:#F2E9E9;} .braun{ background-color:#873301;} 
.hellbraun{ background-color:#E4D1C6;} .hellgruen{ background-color:#EFF7EF;} .hellgelb{ background-color:#FFFFF5;}
