/* Kasten für Hauptüberschrift: */
h1 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #3366CC;
letter-spacing: .2em;
width: 800px;
background-color: #cccccc;
border-style: solid;
border-width: 0px;
border-left-width: 5px;
border-bottom-width: 2px;
border-color:#ff9900;
padding: 3px;
margin-top: 0px; 
}

/* Seitenüberschrift groß: */
.top {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 26pt;
color: #3366CC;
width: 1030px;
background-color: #cccccc;
margin-top: 0px; 
text-align: center;
letter-spacing: 0.15em;
}

/* Seitenüberschrift klein: */
.top2 {
font-size: 18pt;
font-weight: bold;
color: #ff9900;
letter-spacing: 0.15em;
}

/* normaler Fließtext: */
p {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#003366;
background-color: #cccccc;
}

/* Kontaktadresse: */
p.klein { 
font-size: 9pt;
color: #3366CC;
background-color: #cccccc;
margin-left: 5px;
}

/* Schriftdicke fett: */
.f {
font-weight: bold;
}

/* Seitentext orange hervorgehoben: */
.orange {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ff9900;
background-color: #cccccc;
}

/* Box für Navigationsspalte: */
#navi {
margin-top: 9px;
width: 170px;
position: absolute;
top: 125px; left: 0px;
}

/* Fixierung der Navigationsspalte */
html>body #navi {
position: fixed;
}



/* Box für Hauptspalte: */
#main {
margin-top: 10px;
width : 800px;
position: absolute;
top: 125px; left: 180px;
vertical-align: middle;
}

/* Box für Titelleiste: */
#top {
margin: 0px;
width: 750px;
height: 120px
position: absolute;
top: 0px; left: 0px;
}

/* Box für Übungstermine: */
#termin {
margin-top: 10px;
margin-left: 10px;
width: 90px;
position: absolute;
top: 125px; left: 990px;
}

/* DJF-Logo im Seitentitel: */
#djf {
position: absolute; 
top: 0px; 
left: 50px;
}

/* Fixierung des DJF-Logos */
html>body #djf {
position: fixed;
}

/* FF-Logo im Seitentitel: */
#ff {
position: absolute; 
top: 0px; 
left: 930px;
}

#gruppenbild {
position: absolute; 
top: 350px; 
left: 370px;
}

#starlight {
position: absolute; 
top: 440px; 
left: 270px;
}

/* Form für das Kontaktformular: */
#kontaktformular {
margin-top: 10px;
margin-left: 10px;
position: absolute;
top: 0px; left: 0px;
}

/* Schrift im Kontaktformular: */
.formular {
width: 300px;
}

/* Rahmen für Buttons: */
.linkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing:.1em;
margin-left: 2px;
margin-right: 20px;
border-style: solid;
border-width: 0px;
border-bottom-width: 2px;
border-color: #ff9900;
width: 160px;
padding: 3px;
background-color: #cccccc;
}

/* Button für die aktive Seite: */
.linkboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing:.1em;
margin-left: 2px;
margin-right: 20px;
border-style: solid;
border-width: 0px;
border-left-width: 3px;
border-bottom-width: 2px;
border-color: #3366CC;
width: 160px;
padding: 3px;
color: #3366CC;
background-color: #cccccc;
}

/* Links blau, nicht unterstrichen: */ 
A:link, A:visited, A:active {
text-decoration: none;
color: #3366CC;
}

A:hover {
text-decoration: none;
color: white;
background-color: #3366CC;
border-style: solid;
border-color: #3366CC;
}

/* Textlinks dunkelblau, nicht unterstrichen: */
A:link.textlink, A:visited.textlink, A:active.textlink {
text-decoration: none;
color: #003366;
}

A:hover.textlink {
text-decoration: none;
color: #ff9900;
background-color: #cccccc;
border-style: none;
}

/* Textlinks dunkelblau, nicht unterstrichen, Farbe ändert sich nicht: */
A:link.textlink_d, A:visited.textlink_d, A:active.textlink_d {
text-decoration: none;
color: #003366;
}

A:hover.textlink_d {
text-decoration: none;
color: #003366;
background-color: #cccccc;
border-style: none;
}

/* Textlinks orange, nicht unterstrichen: */
A:link.textlink_o, A:visited.textlink_o, A:active.textlink_o {
text-decoration: none;
color: #ff9900;
}

A:hover.textlink_o {
text-decoration: none;
color: #003366;
background-color: #cccccc;
border-style: none;
}

/* Textlinks dunkelblau, fett, nicht unterstrichen: */
A:link.textlink_f, A:visited.textlink_f, A:active.textlink_f {
text-decoration: none;
color: #003366;
font-weight: bold;
font-size: 12pt;
}

A:hover.textlink_f {
text-decoration: none;
color: #ff9900;
background-color: #cccccc;
border-style: none;
font-weight: bold;
}


/* Titel Übungs-Tabelle */
.termintitel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.0;
color: #3366CC;
text-align= center;
margin-left: 2px
/* nächste Anweisung nötig für IE 4: */
margin-right: 10px;
border-style: solid;
border-width: 0px;
border-bottom-width: 2px;
border-color: #ff9900;
width: 90px;
background-color: #cccccc;
padding: 2px;
}

/* Übungs-Tabelle (klein) */
.termine {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#003366;
line-height: 1.0;
text-align= center;
margin-left: 2px
/* nächste Anweisung nötig für IE 4: */
margin-right: 10px;
width: 90px;
background-color: #cccccc;
}

/* Übungs-Tabelle (groß) */
table.tabelle td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
line-height: 1.5;
border-style: solid;
border-width: 1px;
border-color: #ff9900;
padding: 2px;
/* nächste Anweisung nötig für IE 4: */
width: 150px;
color:#003366;
background-color: #cccccc;
}

/* Übungs-Tabelle (Tag der offenen Tür) */
table.tabelle2 td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
line-height: 1.5;
border-style: solid;
border-width: 1px;
border-color: #ff9900;
padding: 2px;
/* nächste Anweisung nötig für IE 4: */
width: 466px;
color:#003366;
background-color: #cccccc;
}

input.kontakt {
border-style: solid;
border-width: 1px;
border-color: #ff9900;
background-color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

textarea {
border-style: solid;
border-width: 1px;
border-color: #ff9900;
background-color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

input.knopf {
border-style: solid;
border-width: 1px;
border-color: #ff9900;
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}