/*
 * Stylesheet fır kinderheim-altepost.de
 *
 */

body {
 font-family: "Trebuchet MS", "Helvetica";
 font-size: 100%;
 background-image: url(../images/streifen_grau.gif);
 background-repeat: repeat-y;
}

#border {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 10%;
 min-width: 110px;
 height: 99%;
}

#border p {
 background-color: #ccc;
 padding: 5px;
 position: absolute;
 top: 100px;
}

img {
 border: 0px solid white;
}

#path {
 font-family: "Verdana", "Helvetica";
 font-size: 8pt;
 text-align: right;
}

#content {
/* background-color: #EEE; */
/* position: absolute; */
 clear: right;
 padding-top: 1em; 
 padding-right: 2%;
}

#content p {
 font-size: 10pt;
 line-height: 1.6em;
 padding-bottom: 1em;
 max-width: 40em;
}

#topic1, #topic2, #topic3, #topic4, #topic5 {
 float: right;
 width: 16%;
 font-size: 70%;
 color: #888;
 text-align: left;
}

.navlist, .navlist li {
 list-style-type: none;
 margin-left: 12px;
 font-family: "Arial","Helvetica";
}

.active {
 font-weight: bold;
}

.navlist a {
 text-decoration: none;
}

.navlist a:link {
 color: #777;
}

.navlist a:hover {
 color: #444;
 text-decoration: underline;
}

.navlist a:visited {
 color: #000;
}

#topic1 {
 min-width: 146px;
}

#topic2 {
 min-width: 168px;
}

#topic3 {
 min-width: 124px;
}

#topic4 {
 min-width: 137px;
}

#topic5 {
 min-width: 149px;
}

#contentl, #contentm, #contentr {
 float: right;
}

#contentm {
 width: 60%;
}

#contentr {
 font-family: Arial;
 font-size: 90%; 
 padding: 5px;
 max-width: 20em;
}

#contentr h2 {
 font-family: Arial;
 font-size: 90%;
}

#footer {
 clear: right;
 margin-top: 1em;
 padding: 2em;
 padding-top: 1em;
 text-align: right;
 bottom: 0px;
 height: 3em;
 line-height: 0px;
 overflow: auto;

 font-size: 70%;
 font-family: "Arial", "Helvetica";

 background-image: url(../images/grau_verlauf.gif);
 background-position: top right;
 background-repeat: no-repeat;

}

/* Standardelemente von Typo3 */

.sitemap1 {
 background-color: #eee;
 font-weight: bold;
 padding: 5px;
 margin-bottom: 5px;
 margin-top: 10px;
 max-width: 25em;
}

.sitemap2 {
 text-indent: 1em;
 font-size: 85%;
}

.sitemap3 {
 text-indent: 1.5em;
 font-size: 80%;
}

.caption {
 font-size: 0.7em;
 font-family: "Arial", "Helvetica";
}

#content .bulletlist {
 font-size: 80%;
}