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

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

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

h1 {
font-size: 16px;
font-weight: bold;
color: #333333;
margin: 0px;
padding: 5px 0px 5px 0px;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #333333;
margin: 0px;
padding: 5px 0px 5px 0px;
}

h3 {
font-size: 13px;
font-weight: bold;
color: #333333;
margin: 0px;
padding: 5px 0px 5px 0px;
}

h4 {
font-size: 12px;
font-weight: bold;
color: #333333;
margin: 0px;
padding: 5px 0px 5px 0px;
}

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

textarea {
font-size: 12px;
background-color: #ffffff;
border: 1px solid #000000;
}

.required {
color: #3399cc;
font-weight: bold;
}

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

#content li ul {
text-decoration: none;
margin-left: 8px;
padding-left: 8px;
list-style-image: url(../img/li2.gif);
}

#content li {
margin-top: 10px;
}
#content li ul li {
margin-top: 5px;
}

/* Content und Inhaltsdefinitionen */
#content {
vertical-align: top;
padding: 26px 100px 20px 20px;
min-height: 300px;
}

#content p:first-letter { font-size:16px; font-weight: bold
}

#content p.standard:first-letter { font-size:12px; font-weight: normal
}

#content p.standard:first-letter a:link { font-size:12px; font-weight: bold
}

#contentright {
vertical-align: top;
padding: 26px 0px;
}

#content a {
color: #000000;
text-decoration: none;
font-weight: bold;
}
#content a:link {
color: #000000;
text-decoration: underline;
}
#content a:visited {
color: #666666;
text-decoration: underline;
}
#content a:active {
color: #ec7c00;
text-decoration: none;
}
#content a:hover {
color: #ec7c00;
text-decoration: underline;
}

td#content a img.iborder {
border: 1px solid #000000;
}

td#content a:hover img.iborder{
border: 1px solid #3399cc;
}

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

/* Link-Definitionen Topnavigation */
#toplogo a {
border: 0px;
padding: 0px;
margin: 0px;
display: block;
}

#tnav {
line-height: 20px;
}

#tnav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#tnav ul li {
/* display: inline; */
float: left;
font-weight: bold;
color: #000000;
padding: 0px 10px 0px 10px;

/* width: 1%; */
white-space: nowrap;
}
#tnav li.first {
	width: 305px;
	min-width: 200px;
	color: #000000;
}

#tnav ul li a {
text-decoration: none;
color: #000000;
}

#tnav ul li a:hover {
color: #666666;
}

.tnavbg {
background-color: #FFE6BF;
}


/* NORMALNAVIGATION */
#snav {
/*	padding: 30px 0px 0px 0px; */
line-height: 20px;
vertical-align: top;
}

/* 1. Ebene 1. Ebene 1. Ebene */
#snav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#snav ul li {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
font-weight: bold;
}

#snav ul li a {
margin: 0px 0px 0px -20px;
padding: 0px 0px 0px 20px;
display: block;
text-decoration: none;
font-weight: bold;
background-color: #dedede;
color: #000000;
}

#snav ul li a:hover {
background-color: #ffffff;
color: #000000;
}

/* 2. Ebene 2. Ebene 2. Ebene */
#snav li ul {
margin: 0px 0px 0px -20px;
}

#snav li ul li {
margin: 0px;
padding: 0px 0px 0px 30px;
border-bottom: none;
border-top: 1px solid #000000;
font-weight: normal;
}

#snav li ul li a {
margin: 0px 0px 0px -30px;
padding: 0px 0px 0px 30px;
font-weight: normal;
}

/* 3. Ebene 3. Ebene 3. Ebene*/

#snav li ul li ul {
margin: 0px 0px 0px -30px;
}

#snav li ul li ul li {
margin: 0px;
padding: 0px 0px 0px 40px;
border-bottom: none;
border-top: 1px solid #000000;
}

#snav li ul li ul li a {
margin: 0px 0px 0px -40px;
padding: 0px 0px 0px 40px;
}

/* Farbdefinitionen Astroaktuell 
    * Hellgrün: #b5ffba
    * Orange: #ec7c00
    * Dunkelgrün: #238d5c
    * Pink: #8d237a
    * Olivgrün: #28c496
    * Rot: #c42849
    * Rosa: #ffd3f7
*/

#snav .aastrologie {
background-color: #fffacd;
}
#snav .aangebote {
background-color: #fea500;
}
#snav .aportrait {
background-color: #e7cea3;
}
#snav .aaktuell {
background-color: #bdb76b;
}
#snav .akontakt {
background-color: #8fbc87;
}
#snav .atopbalken {
background-color: #ffebbf;
}

#datum {
padding: 20px; color: #000000; text-decoration: none;
}

#footer {
padding: 20px;
}

#footer p { margin: 0px; padding: 0px; }
#footer a { color: #000000; text-decoration: none; font-weight: bold; }
#footer a:hover { color: #666666; text-decoration: none; }