/* --- Allgmeines ---------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    color: #000;
}

p {
    margin: 0.4em;
}



/* --- Seitenunterteilung -------------------------------- */
#page { padding: 1em; }

#header { text-align: center; }

#nav { display: none; }

#main {
    border: 0;
}

#content {
    width: 100%;
    margin-top: 0;
    border: 0;
    padding: 1em;
}

#add_intern, #add_extern { display: none; }

#footer {
    display: none;
}
#print {
    diplay: block;
    font-size: 1.4em;
}



/* --- Links  -------------------------------------------- */
a {
    text-decoration: underline;
    color: #33c;
}
a[href]:after { content: \' [\' attr(href) \']\'; }

a:before { content: url(/img/linkintern.gif); }

a.img, a.img:hover {
    border: 0;
    background-color: transparent;
}
a.img:before { content: ""; }


/* --- Ueberschriften ------------------------------------ */
h1, h2 {
    display: block;
    clear: both;
    margin: 0.8em 0 0.2em 0;
    border-left: 5px solid #000;
    padding: 0.2em 0.8em;
}
h1 {
    border-top: 1px solid #000;
    font-size: 1.4em;
}
h2 {
    font-size: 1.1em;
}
h3 {
    margin: 0.2em 0;
    font-size: 1.0em;
    font-weight: bolder;
}

h1#title {
    border: 0;
    text-align: center;
}

/* --- Tabellen ------------------------------------------ */
table {
    margin-bottom: 1em;
    border: 1px solid #000;
    empty-cells: hide;
}
thead {
    padding: 0.1em 0.2em;
    color: #000;
    background-color: #fff;
}
td {
    border: 1px solid #000;
    padding: 0.1em 0.2em;
}

/* t2: 2-spaltige Tabellen mit id=content-Weite -1em */
/* t4: 4-spaltige Tabellen mit id=content-Weite -1em */
.t2, .t4 {
    width: 100%;
}
.t2 td {
    width: 50%
}
.t4 td {
    width: 25%
}
/* t3: 3-spaltige Tabellen mit halber t2/t4-Weite */
.t3 {
    width: 50%;
}
.t3 td {
    width: 33%
}
div.t3ex {
    float: right;
    width: 45%;
}


/* --- Listen -------------------------------------------- */
ul {
    margin: 0.5em 2em;
}



/* --- Formulare ----------------------------------------- */
input {
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
}



/* --- Medieneinbindung ---------------------------------- */
img { border: 0; }
}

.img { text-align: center; }
}
.medialeft {
    float: left;
    margin: 0.2em 0.8em 0.2em 0;
}
.mediaright {
    float: right;
    margin: 0.2em 0 0.2em 0.8em;
}
/* Galleriebilder */
.tn {
    width: 160px;
    height: 160px;
    margin: 0.5em;
}
/* Grossbild mit Beschriftungen */
img.prent {
    margin: 1em;
}



/* --- Dialoge ------------------------------------------- */
.interactie {
    margin: 1em 80px;
    padding: 1em;
    background-color: #ccc;
}
.karakter1, .karakter2 {
    width: 60px;
    height: 60px;
}
.karakter1 {
    float: left;
    margin: 0 10px 10px 0;
}
.karakter2 {
    float: right;
    margin: 0 0 10px 10px;
}



/* --- zur besonderen Markierung: ------------------------ */
/* description = orange auf gruen, Einsatz in Tabellen */
.desc {
    color: #000;
    background-color: #ccc;
}
/* faerbt den Hintergrung (leerer Zellen in Tabellenkoepfen) weiss*/
.white {
    background-color: #fff;
}

/* Hervorhebung des ABCs */
.attentie {
    border: 1px solid #000;
    font-size: 1.2em;
}

/* let op! faerbt den Text orange */
.letop {
    border: 1px solid #000;
}

/* hinterlegt den Text grün */
.marker {
    padding: 0 0.2em;
    background-color: #ccc;
}

/* weniger wichtige Zusatzinfos, z.B. am unteren Rand der Navigation */
.info {
    font-size: 0.8em;
}