@CHARSET "UFT-8";

/* Allgemein */

body {

    background-color: #cccccc;
    font-family: Geneva,Arial,Helvetica,sans-serif;
}

li {
    
    margin-left: 40px;
    list-style-image:url(bilder/ball-liste.gif);
    font-size: 24px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
}

li.li-navi {

    margin-left: 0px;
    text-align: left;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    list-style-image:url(bilder/ball-navi.gif);
    margin-top: 0px;

}

p {

    margin-left: 50px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
}

iframe.alben_frame{

    min-width:800px;
    min-height: 900px;
    padding-left: 60px;
    border-style: none;
    border-width: 0px;
}

/* **************************************************************************************** */
/* **************************************************************************************** */


/* Überschriften */
h1{

    background-attachment:  inherit;
    background-image: url(bilder/ball-navi.gif);
    background-repeat: no-repeat;
    padding-left: 50px;
    font-size: 30px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    margin-top: 0px;
}

h2{
    margin-left: 50px;


}

h3{
    
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
}

h4{
    
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
}

/* **************************************************************************************** */
/* **************************************************************************************** */

/* Links */
a:link{ /*Noch nicht besuchte Seiten*/

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #0000ff;
}

a:visited{ /*Bereits besuchte Seiten*/

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #3366ff;
}

a:hover { /*Mit der Maus über den Link fahren*/

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #0000cc;
}

a:active{ /*Während dem Klicken*/

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #0000ff;
}

a:focus{ /*Während dem anwählen mit der Tastatur*/

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #0000ff;
}

/* **************************************************************************************** */
/*Links Navigation*/
a.navi-link:link{ /*Noch nicht besuchte Seiten*/

    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #000000;
    text-decoration: none;
}

a.navi-link:visited{ /*Bereits besuchte Seiten*/

    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #333333;
    text-decoration: none;
}

a.navi-link:hover { /*Mit der Maus über den Link fahren*/

    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #999999;
    text-decoration: none;
}

a.navi-link:active{ /*Während dem Klicken*/

    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #000000;
    text-decoration: none;
}

a.navi-link:focus{ /*Während dem anwählen mit der Tastatur*/

    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #000000;
    text-decoration: none;
    
}

/* **************************************************************************************** */
/* **************************************************************************************** */


/* DIV */
.div-master {

    top: 1px;
    left: 1px;
    width: 100%;
    position: relative;
    height: auto;
}

.div-top {

    top: 0px;
    height: 144px;
    width: 100%;
    left: 10px;
    position:static;
    overflow:hidden;
    margin-left: 5px;
}

.div-navi{

    top: 100px;
    left: 10px;
    width: 165px;
    min-height: 550px;
    overflow:hidden;
    position:absolute;
}

.div-body {

    top: 100px;
    left: 220px;
    min-height: 550px;
   /* overflow:hidden;*/
    position: relative;
    width: 80%;
}

.div-bottom{

    height: auto;
    width: 100%;
    left: 10px;
    bottom: 1px;
   /* overflow: hidden; */
    position: relative;
    top: 100px;
}

/* **************************************************************************************** */
/* **************************************************************************************** */


/* Tabellen Allgemein */

table{

    border-style: none;
    border-width: 0px;
    margin-left: 50px;
    text-align: center;
}

th{

    border-style: none;
    border-width: 0px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-align: center;
    vertical-align: bottom;
}

td{

    border-style: none;
    border-width: 0px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

/* **************************************************************************************** */
/* Tabellen Ueber uns*/
table.ueber{

    border-style: none;
    border-width: 0px;
    margin-left: 50px;
    text-align: left;
}

th.ueber{

    border-style: none;
    border-width: 0px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-align: left;
    vertical-align: bottom;
}

td.ueber{

    border-style: none;
    border-width: 0px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

/* **************************************************************************************** */
/* Tabellen Navigation */
table.table-navi{

    margin-left: 0px;
    text-align: left;
}

th.table-navi{

    text-align: left;
}

td.table-navi{

    text-align: left;
}

/* **************************************************************************************** */
/* Tabellen Titel*/
table.top {

    text-align: left;
    vertical-align: bottom;
    font-size: 50px;
    margin-left: 0px;
}

td.top {

    text-align: left;
    vertical-align: bottom;
    font-size: 50px;
    margin-left: 0px;
    
}

/* **************************************************************************************** */
/* Tabellen Tennsiwelt*/
td.welt{

    font-size: 20px;
    font-weight: bold;
}

td.welt-mini{

    font-size: 18px;
}

/* **************************************************************************************** */
/* Tabellen Kontakte*/
th.kontakte{

    text-align: left;
}

td.kontakte{

    text-align: left;
    width: 160px;
}

td.kontakte-mail{
    
    width: 160px;
}

/* **************************************************************************************** */
/* **************************************************************************************** */