/************* Copyright Viper Webdesign ***************/
body {
color:#333;
margin:0;
padding:0;
font-family: Verdana, Arial, sans-serif;
font-size:small;
background:#E9FAB4;
}
ul {
margin-left:0;
padding-left:15px;
}
li {
margin-left:0;
padding-left:0;
}
:active, a:focus{outline: none}
#container {
position:absolute;
left:50%;
margin-left:-420px;
width:840px;
z-index:0;
top:240px;
background:#FFF url(img/hg.jpg) repeat-y fixed center;
}
#header {
position:absolute;
left:50%;
margin-left:-420px;
top:0;
width:840px;
height:240px;
background-image:url(img/header.jpg);
}

#navBar {
float:left;
width:40px;
background:#fff url(img/box_links.jpg);
margin:0;
padding:0;
}

#headlines {
float:right;
width:40px;
background:#fff url(img/box_rechts.jpg);
padding:0;
}

#content {
margin:0;
float:left;
width:755px;
}

#siteInfo {
clear:both;
width:840px;
height:55px;
background-image:url(img/footer.jpg);
z-index:1;
}

/* NAVIGATION HEADER */
#home_bar { position:absolute; left:50%; margin-left:-388px; top:200px; width:775px; height:40px; z-index:1}

ul.homenavi{list-style:none; padding:0; margin:0}
ul.homenavi li { float:left; }
.hnavi1 { border:0 solid; width:110px; display:block}
.hnavi2 { border:0 solid; width:120px; display:block}
.hnavi3 { border:0 solid; width:130px; display:block}
.hnavi4 { border:0 solid; width:120px; display:block}
.hnavi5 { border:0 solid; width:90px; display:block}
.hnavi6 { border:0 solid; width:90px; display:block}
.hnavi7 { border:0 solid; width:90px; display:block}

.hnavi1 img {background-image:url(img/but-wohnung-eg-over.jpg);}
.hnavi2 img {background-image:url(img/but-wohnung-dg-over.jpg);}
.hnavi3 img {background-image:url(img/but-garten-over.jpg);}
.hnavi4 img {background-image:url(img/but-vermieter-over.jpg);}
.hnavi5 img {background-image:url(img/but-lageplan-over.jpg);}
.hnavi6 img {background-image:url(img/but-kontakt-over.jpg);}
.hnavi7 img {background-image:url(img/but-home-over.jpg);}

ul.homenavi li a { display:block; margin:0; padding:0; margin:0; }
ul.homenavi li a img{border:none;}
ul.homenavi li a:hover {visibility:visible}
ul.homenavi li a:hover img{height:0;padding:40px 0 0 0}
ul.homenavi li span {position:absolute;left:7px;top:2px}
/* NAVIGATION HEADER  ENDE*/
#cat_bar {
position:absolute;
left:50%;
margin-left:188px;
top:0;
width:274px;
height:41px;
z-index:2;
}

.tabelle {
padding:1px;
border:none;
}
table {
padding:1px;
border:1px solid #98BF0C;
}
table th {
margin:0;
padding:2px 4px;
border-bottom:1px solid #98BF0C;
background-color:#E9FAB4;
}

/************* #headlines ***************/
.headline {
display: block;
z-index:2;
font-family:Arial, sans-serif;
font-size:14px;
font-weight:700;
text-align:center;
line-height:26px;
margin:0;
padding:0;
background-image:url(img/headline.jpg);
}
.bottom {
width:940px;
font-size:10px;
background-image:url(img/bottom.jpg);
line-height:16px;
margin:0;
padding:0;
}
/************* #boxes ***************/
.box_links {
margin-right:5px;
margin-left:31px;
z-index:2;
font-family:Verdana, Arial, sans-serif;
font-size:11px;

}

.box_rechts {
margin-right:5px;
margin-left:31px;
z-index:2;
font-family:Verdana, Arial, sans-serif;
font-size:11px;

}

.trenner {
background-image:url(img/pixel_black.gif);
margin-top:2px;
margin-bottom:2px;
line-height:1px;
}
#inhalt {
margin:0;
padding:0;
}
.beschreibung {
font-size:110%;
width:400px;
padding: 0 10px 0 0;
float:left;
margin:0;
}
.lageplan {
font-size:110%;
width:520px;
padding: 0 20px 0 0;
float:left;
margin:0;
}
.lageplanInfos {
width:150px;
float:left;
margin:0;
padding:0;
}
.lageplanHeadline {
background-image:url(img/lageplan-headline.jpg);
width:211px;
height:44px;
margin:0;
padding:0;
}
.lageplanCenter {
background-image:url(img/lageplan-center.jpg);
width:211px;
margin:0;
padding:0;
}
.lageplanBottom {
background-image:url(img/lageplan-bottom.jpg);
width:211px;
height:10px;
margin:0;
padding:0;
background-repeat:no-repeat;
}
.bilder {
width:342px;
float:left;
margin:0;
padding:0;
}
.bilderHeadline {
background-image:url(img/bilder-headline.jpg);
width:342px;
height:44px;
margin:0;
padding:0;
}
.infoHeadline {
background-image:url(img/info-headline.jpg);
width:342px;
height:44px;
margin:0;
padding:0;
}
.bilderCenter {
background-image:url(img/bilder-center.jpg);
width:342px;
margin:0;
padding:0;
}
.bilderBottom {
background-image:url(img/bilder-bottom.jpg);
width:342px;
height:10px;
margin:0;
padding:0;
background-repeat:no-repeat;
}
.bild {
padding:3px;
border:1px solid #D4DBCA;
background-color: #E9FAB4;
margin:2px;
float:left;
}
.bilderVermieter {
width:381px;
float:left;
margin:0;
padding:0;
}
.bilderVermieterHeadline {
background-image:url(img/bilder-vermieter-headline.jpg);
width:381px;
height:44px;
margin:0;
padding:0;
}
.infoVermieterHeadline {
background-image:url(img/info-vermieter-headline.jpg);
width:381px;
height:44px;
margin:0;
padding:0;
}
.bilderVermieterCenter {
background-image:url(img/bilder-vermieter-center.jpg);
width:381px;
margin:0;
padding:0;
}
.bilderVermieterBottom {
background-image:url(img/bilder-vermieter-bottom.jpg);
width:381px;
height:10px;
margin:0;
padding:0;
background-repeat:no-repeat;
}
.titelbild{
padding:5px 0;
}

/************* #AKTUELL ***************/
.boxAktuell {
font:12px Arial,sans-serif;
padding:0;
width:30%;
float:right;
text-align:center;
margin:0;
z-index:5;
border: 1px solid #CBCBCB;
}
.aktuellTitel {
font:bold 12px Arial, sans-serif;
color:#006;
background-color:#FEF561;
text-align:center;
padding:3px;
border-bottom:1px solid #CBCBCB;
border-left:0px none #009;
border-right:0px none #009;
border-top:0px solid #009;
}
.aktuellBottom {
font:bold 12px Arial, sans-serif;
color:#006;
background-color:#FEF561;
text-align:center;
padding:3px;
border-bottom:0px solid #CBCBCB;
border-left:0px none #009;
border-right:0px none #009;
border-top:1px solid #CBCBCB;
}
/************* #AKTUELL ENDE ***************/
.titel {
font:12px/20px Verdana, Arial, sans-serif;
width:100%;
font-weight:700;
background-color:#FFC;
text-align:center;
padding:0px;
margin:0px;
text-align:left;
border-bottom:1px solid #fc0;
border-left:0px none #009;
border-right:0px none #009;
border-top:0px none #009;
line-height:30px;
}
.texte {
margin: 0 13px 10px 26px;
padding: 0;
 }

h1 {
font-family:Arial, sans-serif;
font-size:110%;
font-weight:700;
color:#333;
margin:0;
padding:0;
}
h2 {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
color:#333;
margin:0;
padding:0;
}
textarea {
width:98%;
}
A {
color:#333;
background-color:transparent;
text-decoration:underline;
}

A.hover {
color:#FFF;
background-color:#333;
text-decoration:underline;
}
.smallText {
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:normal;
}
.errorField 
{
border: #98BF0C 2px solid;
} 
.errorTable 
{
border: #98BF0C 5px solid;
padding:5px;
} 

.texte {
margin: 2px;
padding: 2px;
 }
 .rand {
margin: 0 10px 0 8px;
 }
.pixel_black {
background:url(img/pixel_black.jpg);
margin: 10px 10px 20px 0;
padding: 0;
width:600px;
height:1px;
 }
 #nav {
width: 100%;
margin:0;
padding:10px 0 0 46px;
background:#FFCB2D;
list-style:none;
float:left;
}
#nav li {
float:left;
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
}
#nav a {
float:left;
display:block;
margin:0 1px 0 0;
padding:4px 8px;
color: #333;
text-decoration:none;
border: 1px solid #9B8748;
border-bottom:none;
background:#F9E9A9;
}