/*Der Malocher*/

/*Copyright */

body, html       { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fc9; text-align: center; margin: 0; padding: 0; height: 100% }

/**** html-Tags ****/

h1, h2, h3   { color: #f5f5f5; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; background: url("http://www.rentamalocher.de/images/h1.gif") no-repeat; margin: 0; padding: 0 0 0 10px; width: 95%; height: 21px }
h4 { color: #ffebcd; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 26px; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0 0 0 5px }
h5 { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em }
a {
color: #147;
}

/**** layout ****/

/* banner */

#banner    { color: #ffffff; font: 1.6em Georgia, "Times New Roman", Times, serif; background-color: transparent; background-image: url("http://www.rentamalocher.de/images/air.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 3px auto 0; width: 700px; height: 170px }

#banner p    { color: #985732; font-size: 26px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-stretch: semi-expanded; text-align: left; margin: 0; padding-right: 0; padding-bottom: 0; padding-left: 5px }

/* nav-toplevel */

#nav-toplevel  { color: #000; margin: 0 auto; padding: 0; width: 700px }

#nav-toplevel ul    { background-image: url("http://www.rentamalocher.de/images/holz.gif"); list-style-type: none; margin: 0; padding: 0 }

#nav-toplevel li {
display: inline;
margin: 0;
padding: 0;
}

#nav-toplevel li a {
text-decoration: none;
}

/* nav-main */

#nav-main   { color: #000; font-size: 0.6em; font-family: Verdana, Arial; text-align: left; margin: 0; padding: 0; border: solid 0 }

#nav-main li  { color: #000; line-height: 23px; text-align: left; margin: 0 -4px 0 0 }

#nav-main li a  { color: #000; font-weight: bold; text-transform: capitalize; padding: 0.45em 0.8em; border-right: 1px solid #333333 }

#nav-main li a:hover  { color: #fff; background-color: #ff5008 }

li .current  { color: #ffffff; background-color: #c00 }

/* nav-meta */

#nav-meta   { font: 0.7em Verdana, Arial, Helvetica, sans-serif; text-align: right; margin: 0; padding: 0; border-right: 0 solid #a0522d; border-left: 0 solid #a0522d }

#nav-meta li a  { color: #000; padding: 1px }

#nav-meta li a:hover  { color: #fff; background: #696969 }

/* container-content */

#container     { background-color: #ffdab9; text-align: left; margin: 0 auto; padding: 4px 0; position: relative; width: 696px; border-right: 2px solid #a0522d; border-left: 2px solid #a0522d; voice-family: inherit    }

html>body #container  { color: #000; font-family: Verdana, Arial; width: 696px }

#content              { font-size: 0.8em; line-height: 1em; text-align: justify; margin: 0; padding: 0 0 0 5px; width: 690px; height: 425px; clear: both; overflow: auto }
#content1  { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; background-image: url("http://www.rentamalocher.de/images/blatt.gif"); background-repeat: no-repeat; background-position: left bottom; text-align: justify; margin: 0; padding: 0 0 0 5px; width: 650px; height: 390px; clear: both; overflow: auto }
#contentkontakt   { font-size: 0.8em; line-height: 1em; background-image: url("http://www.rentamalocher.de/images/malochergirls.gif"); background-repeat: no-repeat; background-position: right bottom; text-align: justify; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 690px; height: 385px; clear: both; overflow: auto }
#content a {
text-decoration: underline;
}

#content p, #content ol, #content ul   { line-height: 1.2em; margin: 0; padding: 8px 0 8px 8px; width: 95% }

#content li {
margin-left: 25px;}

#content a:hover {
background-color: #ff5008;
color: #ffffff;
text-decoration: none;
}

/* subnavs */

#nav-subs    { font-size: 0.7em; background: #8b4513; text-align: left; margin: 0; position: absolute; top: 0; width: 144px; height: 500px; border-left: 2px solid #a0522d; voice-family: inherit   }

html>body #nav-subs {
width: 144px;
}

#nav-subs ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}

#nav-subs li {
margin: 0;
padding: 0;
}

#nav-subs a, #info-site a {
text-decoration: none;
padding: 5px 2px 5px 4px;
}

#nav-subs a {
display: block;
height: 1.2em;
}

#nav-subs a:hover {
color: #ffffff;
background-color: #ff5008;
}
#nav-section  { background-color: #c99 }

#nav-supp {
background-color: #889BDE;
margin: 30px 0 0 0;
}

/* fußzeile*/

#info-site    { color: #cccccc; font: 9px/1.9em Arial, Helvetica, sans-serif; background: url("http://www.rentamalocher.de/images/footer.gif") no-repeat; text-align: right; margin: 0 auto; padding: 0; width: 700px; height: 20px }

#info-site a  { color: #000 }

#info-site a:hover  { color: #ffffff; background: #ff5008 no-repeat }

#info-site p {
padding-right: 15px;
}

#info-company, #info-standards {
display: inline;
}