*{
    margin:0;
    padding:0;
    font-family:verdana,sans-serif;
    color:#5A2408;
    font-size:13px;
}
/* rechter Scrollbar immer (auch bei wenig Content) sichtbar */
html{
    overflow:scroll;
    overflow-x:hidden;
}
body{
    margin:0 20px 20px 20px;
    padding-top:20px; /* damit #anfang korrekt scrollt */
    background:#F7DBBD scroll no-repeat center top;
    line-height:19px;
}


h1, h2, h3, img{
    border-width:1px;
    border-color:#AA6F23;
}
h1, h2, h3{
    border-bottom-style:solid;
}
h1{
    font-size:18px;
}
h2{ 
    font-size:16px;
    margin-top:30px;
}
h3{
    font-size:14px;
    /* width:50%; */ /* dadurch wird auf Mobilgeräten auch die font-size reduziert... */
    max-width:50%;
}
h4{
    font-style:italic;
}
h5{
    font-weight:normal;
    text-decoration: underline;
}


samp{ /* damit es mit p, ul, h4, h5 übereinstimmt */
    display:block;
}
p, ul, h4, h5, samp, div{
    margin-top:10px;
}
h2 + p, h2 + ul, h3{
    margin-top:15px;
}
h5 + p{
    margin-top:0;
}


a{
    text-decoration:underline;
    cursor:pointer;
}
a:hover, span{
    color:#AA6F23;
}
span, cite{
    font-size:11px;
}
ul{
    list-style:square outside;
    margin-left:16px;
}
ul li{
    margin-top:15px;
}
img{
    margin-top:5px;
    border-style:solid;
}


.todo, .error{
    color:red !important;
}

.hint, .example{
    border-radius:3px;
    padding:3px;
    background-color:#E1C2A1;
}

th, td{
    padding:5px;
    text-align:center;
}

td:first-of-type{
    text-align:left;
}