/* Allgemeine Definitionen */
body, p, td, li, h1, h2, h3, a, input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body, p, td, li {
font-size: 12px;
}

body {
background-image: url(images/background.gif);
background-repeat: repeat-y;
}

h1 {
font-size: 16px;
font-weight: bold;
color: #333333
}

h1.default {
font-size: 24px;
font-weight: bold;
color: #000000
}

h2.default {
font-size: 20px;
font-weight: bold;
color: #999999;
margin-top: 20px;

}

h2 {
font-size: 14px;
font-weight: bold;
color: #333333
}

h3 {
font-size: 13px;
font-weight: bold;
color: #333333
}

/* Formularfelder können individuell angepasst werden*/
input.eingabefeld {
font-size: 12px;
background-color: #ffffff;
}

input.button {
font-size: 12px;
color: #000000;
}

textarea {
font-size: 12px;
}

/* Neben ul kann auch li individuell formatiert werden */ 
ul {
text-decoration: none;
margin-left: 8px;
padding-left: 8px;
list-style-image: url(images/i_quadratdg.gif);
}

li ul {
text-decoration: none;
margin-left: 12px;
padding-left: 12px;
list-style-image: url(images/i_quadrat.gif);
}

/* Link-Definitionen allgemeiner Text*/

a {
color: #000000;
text-decoration: none;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
color: #000000;
text-decoration: underline;
}
a:visited {
color: #666666;
text-decoration: underline;
}
a:active {
color: #FDF107;
text-decoration: none;
}
a:hover {
color: #f49e08;

text-decoration: underline;
}

/* Link-Definitionen Adresse - falls Textadresse mit Mail-Scrambler*/
/* Dazu wird aber eine modifizierte umsetzer.js-Datei benötigt - siehe kstreuhand*/

a.adresse {
font-size: 12px;
color: #ff0000;
text-decoration: none;
font-weight: normal;
}

/* Hauptnavigation */
/* => id="hauptnavigation" */
td#hauptnavigation {
text-decoration: none;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif;
}

/* Ebene 1 ist die Hauptnavigation */
td#hauptnavigation a.ebene1normal {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
display: block;
padding-left: 25px;
font-style: normal;
letter-spacing: 1px;
}

td#hauptnavigation a.ebene1normal:hover {
color: #CCFF00;
text-decoration: none;
line-height: 18px;
padding-left: 25px;
display: block;
}

td#hauptnavigation .ebene1aktiv {
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
display: block;
padding-left: 25px;
height: 18px;
background-image: url(images/i_yardoklecks2.gif);
background-repeat: no-repeat;
letter-spacing: 1px;
}

td#hauptnavigation .ebene1inaktiv {
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
background-color: #999999;
text-decoration: none;
display: block;
padding-left: 20px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
letter-spacing: 1px;
}

/* Ebene 2 ist die Unternavigation */
td#hauptnavigation a.ebene2normal {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
display: block;
height: 18px;
}

td#hauptnavigation a.ebene2normal:hover {
color: #CCFF00;
text-decoration: none;
}

td#hauptnavigation .ebene2aktiv {
color: #000000;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
display: block;
height: 18px;
}

/* Topnavigation */
/* => id="topnavigation" */

td#topnavigation {
text-decoration: none;
line-height: 20px;
}

/* Es gibt nur eine Ebene in der Topnavigation */
td#topnavigation a.topnormal {
font-size: 14px;
font-stretch: extra-expanded;
font-weight: bold;
color: #000000;
text-decoration: none;
}

td#topnavigation a.topnormal:hover {
color: #999999;
text-decoration: none;
}

td#topnavigation .topaktiv {
font-size: 12px;
font-weight: bold;
color: #666666;
text-decoration: none;
}

/* Content-Bereich */
td#content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 16px;
padding-top: 30px;
}
