/* -- Formate für www.kontor-geschichte.de; Stand: 28.11.2008 */


body {
 background: #efebde;
 color: black;
 margin: 0;
 padding: 1%;
 min-width: 640px;
 font-size: 0.8em;
 font-family: arial, helvetica, sans-serif;
}
a { color: #840000; text-decoration: underline; }
.skip {
 position: absolute;
 margin-left: -10000px;
}

h1 {
 color: #840000;
 font-size: 1em;
 line-height: 0.8em;
 padding: 30px 0 5px 15px;
 margin: 0;
 letter-spacing: 2px;
 border-bottom: 1px solid #aaa;
}
h2, h3 {
 font-size: 1em;
 color: #840000;
 padding: 15px 0 0 15px;
 letter-spacing: 2px;
}
h4, h5, h6 {
 color: #840000;
 padding: 0 0 0 15px;
 letter-spacing: 2px;
}
img {
 padding: 1px;
 max-width: 95%;
}
.fleft {
 float: left;
 margin: 0 1em 0.2em 0;
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}



#container {
 font-size: 1em;
 max-width: 900px;
 margin: auto;
 border: 1px solid #aaa;
}



#logo {
 background: url(../img/test4.jpg) 0 0 no-repeat white; 
 height: 100px;
 padding: 0 20px;
 text-align: right;
 line-height: 54px;
 font-size: 54px;
 overflow: hidden;
 letter-spacing: -3px;
 margin: 0; /
}




#menu {
 background: #840000;
 padding: 2px 5%;
 margin: 0;
 text-align: right;
 color: #efebde;
}
#menu li {
 font-size: 0.9em;
 display: inline;
 list-style-type: none;
 border-left: 1px solid;
 padding: 0 10px 0 15px;
 font-weight: bold;
}
#menu li a {
 color: #efebde;
 text-decoration: none;
}
#menu li a:hover {
 color: white;
}



#subnav {
 width: 26%;
 min-width: 10em;
 float: right;
 padding: 70px 1%;
 margin: 1%;
 border-left: 1px solid #aaa;
 font-size: 0.7em;
}
#subnav dt {
 font-size: 1em;
 font-family: arial, helvetica, sans-serif;
 font-weight: bold;
 color: #840000;
 padding: 0.5em;
 margin-top: 1em;
 letter-spacing: 2px;
 border-top: 1px solid #aaa;
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
 padding: 0;
 margin: 0.6em 0;
}

/* - Her Hauptinhaltsteil - */
#main {
 background: 100% 0 white; 
 padding: 0 31% 10px 20px; /* Der rechte Abstand 31% stellt sicher dass auch nach dem Umfließen der Subnavigation der Text genau so breit wird wie oben und ein Zwei-Columnen-Eindruck entsteht. */
 line-height: 1.5em; /* erhöhte Linienhöhe. */
}