/*Stylesheet www.jetzt-wohnen.de - Provisionsfreie Mietwohnungen in Essen und Herten*/

/*#kopf {
background:url(backgrnd2.jpg) center left repeat-x;
background-color: #ffffff;
padding: 10px 125px 10px 125px;
height:40px;}

#kopf p{
font-size: 1.2em;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;}*/

#verpackung {
width:900px;
margin: 20px auto 20px auto;}


/*runde Ecken */

div {margin:0;}

.ro {background:url(ecke_ro.gif) top right no-repeat;}

.lo {background:url(ecke_lo.gif) top left no-repeat;}

.ru {background:url(ecke_ru.gif) bottom right no-repeat;}

.lu {background:url(ecke_lu.gif) bottom left no-repeat;}

.inhalt {margin:0;padding: 10px 20px 20px 20px;}

.inhalt p {margin:0;padding:0;}

/*navi-Leiste*/

#navi {
clear:left;
float:left;
width: 190px;
margin-left:10px}

#navi ul li {
list-style-type: none;
margin: 0px;
padding: 0;}

#navi ul li a {
position:relative;
display: block;
list-style-type: none;
margin: 0;
padding: 0;}

#navi ul li.atop a:link, #navi ul li.atop a:visited, #navi ul li.atop a:active {
background: url(./img/marker.gif) no-repeat 0% 50%;
font-size: 0.9em;
padding: 4px 0 4px 10px;
margin:0;} 

#navi ul li.top a:link, #navi ul li.top a:visited, #navi ul li.top a:active{
font-size: 0.9em;
padding: 4px 0 4px 10px;
margin:0;}

#navi ul li.sub a:link, #navi ul li.sub a:visited, #navi ul li.sub a:active{
font-size: 0.7em;
padding: 4px 0 4px 30px;
margin:0;}

#navi ul li.asub a:link, #navi ul li.asub a:visited, #navi ul li.asub a:active{
background: url(./img/marker.gif) no-repeat 10% 50%;
font-size: 0.7em;
padding: 4px 0 4px 30px;
margin:0;}

#navi ul li a:link, #navi ul li a:visited, #navi ul li a:active  {
text-decoration: none;
font-weight: bold;
color: #585858;}

#navi ul li a:hover {
background-color: #ffffcc;}


#navi ul {
margin: 0;
padding: 0;}

ul {}

li {}

#pfeil_back a{
position:absolute;
margin: 20px 0 0 20px;
height: 32px;
width: 40px;}

#pfeil_back a:link, #pfeil_back a:visited, #pfeil_back a:focus  {
background: url(./img/back.gif) no-repeat 0% 0%;}

#pfeil_back a:hover {
background: url(./img/aback.gif) no-repeat 0% 0%;}

#pfeil_home a{
position:absolute;
margin: 20px 0 0 80px;
height: 32px;
width: 40px;}

#pfeil_home a:link, #pfeil_home a:focus, #pfeil_home a:visited {
background: url(./img/home.gif) no-repeat 0% 0%;}

#pfeil_home a:hover{
background: url(./img/ahome.gif) no-repeat 0% 0%;}

#pfeil_next a{
position:absolute;
margin: 20px 0 0 130px;
height: 32px;
width: 40px;}

#pfeil_next a:link, #pfeil_next a:visited, #pfeil_next a:focus {
background: url(./img/next.gif) no-repeat 0% 0%;}

#pfeil_next a:hover{
background: url(./img/anext.gif) no-repeat 0% 0%;}



/* mittlere Spalte bzw. mitte breit*/

#textfeld {
width:440px;
float:left;
margin:0 0 20px 0;}

#mittebreit {position:relative;
width:660px;
float:left;}

.filler {height:20px;}/*leerraum für abschluss der artikel*/

#artikel{
margin: 0 20px 0 20px;}

#artikel img {}

#breitartikel{
position:relative;
margin: 0 20px 0 20px;}

#breitartikel a:link img, #breitartikel a:visited img, #breitartikel a:active img {
padding: 1px;
margin:0 0 10px 0;
background: #cccccc;
border: 4px #ffffff solid;
}

#breitartikel a:hover img {
padding: 1px;
margin:0 0 10px 0;
background: #cccccc;
border: 4px #ffcc33 solid;
}

.whgmini{}

* html .whgmini a {       /* Für den IE Win, aber nicht IE Mac. \*/
    height: 160px;
    /* IE Mac wieder einschalten */
}

.whgmini img{
height:100px;
width:100px;
margin: 3px 10px 5px 0;
float: left;
display:block;
position:relative;
padding: 1px;
background: #cccccc;
border: 4px #ffffff solid;}

.whgmini a{
min-height:160px;
position:relative;
display: block;
text-decoration: none;
color:#585858;}

.whgmini a:hover {
background-color: #ffffcc;
color:#585858;}

.immo a{
position:relative;
display: block;
text-decoration: none;
color:#585858;}

.immo a:hover {
background-color: #ffffcc;
color:#585858;}

.service {margin:0;padding: 10px 19px 10px 19px;}

.service a{
font-size: 0.8em;
position:relative;
display: block;
text-decoration: none;
color:#585858;}

.service a:hover {
background-color: #ffffcc;
color:#585858;}


.hideprint{}

.hidescreen{display:none;}

#adresse img{
position:relative;
padding: 0;
border: 0;}

#kontakt img{
position:relative;
padding: 0;
border: 0;}

.aktuell {
float:left;
width: 180px;
margin:0 0 10px 0;
padding: 0 0 0 0;}

.feldaktuell {
 margin:0 0 19px 0;
 padding: 0 0 1px 0;}

#fussnote{
clear: both;
margin: 10px;
text-align: center;
font-size: 0.7em;
color: #fffffa;}

#fussnote p {color: #fffffa;}

#fussnote a, #fussnote a:link {color: #fffffa;}

#fussnote a:hover {color: #585858;}

.formmailer{position:relative;
margin: 0;
font-size: 0.8em;}

.fehler{color: #FF0000;}

h1, h2, h3, p, img, hr {}

h1 {font-size: 1.1em;
margin: 10px 0 10px 0;}

h2 {font-size: 1.0em;
margin: 10px 0 10px 0;}

h3 {font-size:0.9em;
margin:0;}

.h3span {font-weight:bold;
line-height: 300%;
font-size:0.9em;}

p {font-size: 0.8em;}

.pspan{font-size:.8em;}

.mehr{/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
font-size: 0.8em;
color: #6178c4;
text-decoration: underline;}

body {font-family: Verdana, Helvetica, Arial, sans-serif;
color: #585858;
background-color: #ffcc33;
margin: 0em;}

hr {clear:both;
border: 1px solid #ffffff;
background-color: #ffffff;}

table {}

#galerie {
width:700px;
margin: 20px auto 20px auto;}

#galerie a, #galerie a:link{
text-decoration: none;
color:#585858;}

#galerie img{
border:0;
padding:0;}


a {}

a:link {}

a:visited {}

a:hover {color: #14349b;}

a:active {}