* {
    margin:             0;
    padding:            0;
}

body{
    background-color:   #fefff0;
    color:              #004400;
    font-family:        Verdana, Arial;
    font-size:          80%;
    margin:             10%;
    margin-bottom:      20px;
    margin-top:         15px;
    text-align:         center;

    scrollbar-face-color:       #e3e5c2;
    scrollbar-highlight-color:  #ebecd3;
    scrollbar-shadow-color:     #d5d7a2;
    scrollbar-3dlight-color:    #dbddb0;
    scrollbar-arrow-color:      #006600;
    scrollbar-track-color:      #fefff0;
    scrollbar-darkshadow-color: #949494;
}

td{
    text-align:         left;
    vertical-align:     top;
}

img{
    border:             0px;
}
img.abbildung{
    border:             #006600 1px solid;
}

h1, h2, h3 {
    font-weight:        normal;
    color:              #005500;
}
h1{
    font-family:        Georgia, Serif;
    font-size:          250%;
}

h2{
    font-family:        Verdana, Arial;
    font-size:          150%;
    margin-left:        -6px;
    margin-top:         12px;
    width:              100%;
}

h3{
    font-family:    Verdana, Arial;
    font-size:    100%;
    margin-left:    -6px;
    margin-top:    12px;
    width:100%;
}

p{
    padding-bottom:     8px;
    width:              65%;
}

ol, ul{
    padding:            0 0 0 3em;
}
li {
    width:100%;
}
li p {
    width:65%;
}
ol.page-nav, ul.page-nav {
    border:             1px dashed #004400;
    border-left:        none;
    border-right:       none;
    padding:1em;
    margin:1em;
    width:60%;
}

span.bild, div.bild {
    background-color:#fefff0;
    font-size:    85%;
    float:        right;
    text-align:    right;
    width:        150px;
}
div.notes{
    color:        #002200;
    background-color:#fefefe;
    border:        #006600 1px solid;
    float:        right;
    margin-top:    30px;
    padding:    10px;
    width:        150px;
}
div.notes ul {
    padding-left:       1em;
}

a{
font-family:    Verdana, Arial, Tahoma;
text-decoration:underline;
}
a:link, a:active{
color:        #009900;
}
a:visited{
color:        #003300;
font-weight:    normal;
}
a:hover{
color:        #00BB00;
}

a.anker{
font-weight:    bold;
text-decoration:none;
}

table.main{
height:        100%;
width:        100%;
}

td.top_l{
background-color:#FDFFDD;
border:        #006600 1px solid;
border-right:    none;
height:        100px;
}

td.top_r{
background-color:#fdffdd;
background-image:url("../img/top.jpg");
background-repeat:no-repeat;
border:        #006600 1px solid;
border-left:    none;
height:        100px;
}

td.nav{
background-color:#eaf8d7;
border-left:    #006600 1px solid;
background-image:url(../img/nav_bg.jpg);
vertical-align:    top;
width:        150px;
}

td.con{
background-color:#fdffdd;
border-right:    #006600 1px solid;
font-size:    80%;
height:        100%;
padding:    20px;
padding-left:    50px;
vertical-align:    top;
width:        100%;
}

td.btm{
background-color:#fdffdd;
border:        #006600 1px solid;
font-size:    80%;
padding:    2px;
}

table.nav{
    height:             100%;
}

td.nav_sp{
border-right:    #006600 1px solid;
font-size:    6px;
}


div.pageNav{
float:        left;
text-align:     right;
width:        100%;
}
span.kuerbi{
color:        #006600;
font-family:    serpentine becker, serpentine;
font-weight:    bolder;
}
@font-face {
    font-family:    serpentine1 becker;
    src:url(serpentine.ttf);
}