body {
    font-size:16px;
    line-height:24px;
    font-family:arial,helvetica,sans;
    background-color:#f5f5f5;
}

.grau {
    color:grey;
}

.nach_oben {
    vertical-align:top;
}

.unterstrichen {
    text-decoration:underline;
}

.durchgestrichen {
    text-decoration:line-through;
    color:red;
}

/* Schriftarten
http://www.w3.org/TR/css3-fonts/#font-face-rule
*/

div#beschriftung {
    position:absolute;
    background-color:transparent;
    top:40px;
    left:550px;
    width:20px;
    height:20px;
    border-style:none;
}

@font-face {
    font-family:'mitSerifen';
    /* LinLibertine_R */
    src: url('../fonts/LinLibertine_R.ttf') format('truetype');
    font-size:20px;
}

/* Seitenaufteilung */
div#ebenen {
    float:left;
    background-color:#f5f5f5;
    width:200px;
    height:100%;
}
div#beispiel {
    position:static; /* relative static absolute */
    left:200px;
    width:860px;
    background-color:white;
    min-height:600px;
    padding-top:5px;
    
}
div#beispiel p {
    margin:5px 5px 5px 210px;
    padding:5px;
    /*font-family:'mitSerifen';*/
    /*background-color:yellow;*/
}
div#beispiel ol {
    margin:5px 5px 5px 220px;
    /*font-family:'mitSerifen';*/
}
div#beispiel ul {
    margin:5px 5px 5px 220px;
    /*font-family:'mitSerifen';*/
}

div#beispiel h1, h2, h3, h4, h5, h6 {
    margin:5px 5px 5px 220px;
    font-size:18px;
    font-weight:bold;
    color:#f60;
}

/* Navigationslistenbuttons */
ul#makroskopisch {
    list-style:none;
    left:5px;
    margin:0;
    padding:0px;
}
ul#makroskopisch li {
    width:180px;
    text-align:center;
}
.navilink {
    display:block;
    background-color:white;
    margin-top:8px;
    margin-bottom:8px;
    border-color:darkgrey;
    border-width:1px;
    border-style:solid;
    /*line-height:20px;*/
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    padding:5px;
    min-width:180px;
    color:black;
    text-decoration:none;
}
.navilink:hover {
    font-weight:bold;
    color:#f60;
    border-color:#f60;  
    /*margin-top:6px;
    margin-bottom:6px;*/
    border-width:1px;
    border-style:solid; /* outset */
    border-color:#f60;
    background-color:rgba(255, 229, 213, 1); /* rgba(255, 229, 213, 0.5); #ffe5d5 */
}
.navilink.aktiv {
    font-weight:bold;
    color:#f60;
    border-color:#f60;  
    margin-top:7px;
    margin-bottom:7px;
    border-width:2px;
    border-style:solid; /* inset */
    border-color:#f60;
    background-color:white;
    /* background-color:rgba(255, 229, 213, 0.5);*/ /* rgba(255, 229, 213, 0.5); #ffe5d5 */
    /*filter:alpha(opacity=70);*/ /* IE */
    /*-moz-opacity: 0.70;*/ /* Mozilla */
    /*opacity: 0.70;*/ /* Opera */
}
table, td {
    font-size:16px;
    font-family:arial,helvetica,sans;
    padding:0px;
}
a.linkbereich {
    height:12px;
    /*background-color:white;*/
    cursor:pointer;
    border-bottom:dotted 1px grey; 
    text-decoration:none;
    color:black;}
a.linkbereich:hover {
    background-color:#ffe5d5; 
    border-color:#f60;
    color:#f60;
    /*font-weight:bold;*/
}
a.linkbereich.aktiv {
    /*background-color:white;*/ 
    border-color:#f60;
    color:#f60;
    font-weight:bold;
}
.beobachtung {
    margin-left:210px;
    border-style:solid;
    border-width:1px;
    border-color:#f60;
    padding:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:10px;
}
.tipp {
    color:#ff5555; /* ff5555  x # #faa #ffd5d5 */
    /*padding:5px;*/
}
.personenname {
    font-variant:small-caps;
}
ol.zaehlliste {
    /*position:relative;*/
    /*margin-left:10px;*/
    /*display:block;*/
    counter-reset:zaehlliste;
    list-style-type:none;
}
ol.zaehlliste li:before {
    content: "(" counter(zaehlliste) ") ";
    counter-increment:zaehlliste;
}
.fachbegriff {
    font-weight:bold;
    /*background-color:yellow;*/
}
.station {
    font-weight:bold;
    color:#f60;
}
.erlernt {
    font-weight:bold;
    color:blue;
}

label {
    margin:0px;
    padding:0px;
}

img#vorher, img#waehrend, img#nachher,td#auswahlbox {
    /*width:18px;*/
    padding:2px;
    border-style:solid;
    border-width:1px;
    border-color:#fff;
    -moz-border-radius:6px;
    -khtml-border-radius:6px;
}

img#vorher:hover, img#waehrend:hover, img#nachher:hover,td#auswahlbox:hover {
    border-color:#f60;
    background-color:rgba(255, 229, 213, 1);
}