* {
padding: 0;
margin: 0;
}

body {
color: #000000;
background-image: url(images/layout/hg-balken-links.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 84%;
}

/* =============================
DIV-Bereiche
============================= */

#wrapper {
width: 100%;
}

#spalte-links {
position: absolute;
top: 0;
left: 0;
width: 220px;
overflow: hidden;
margin: 0;
padding: 10px 5px 10px 10px;
}

#logobereich {
overflow: hidden;
margin: 0;
padding: 10px 0 10px 0;
}

#menue {
overflow: hidden;
margin: 0;
padding: 0;
}

#menue ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menue ul li {
}

#menue ul li a {
display: block;
/*color: #ffffff;*/
line-height: 1.5em;
text-decoration: none;
padding: 3px 0 3px 0;
}

#menue ul li a:hover, #menue ul li.aktiv a:hover {
font-weight: bold;
}

#menue li {
display: inline;
}

#menue ul ul li a, #menue ul li.aktiv ul li a {
/*color: #ffffff;*/
font-weight: normal;
font-size: 78%;
line-height: 1em;
padding: 5px 0 5px 10px;
}

#menue ul li.aktiv a, #menue ul li.aktiv ul li.aktiv a {
font-weight: bold;
}

#aktualisiert {
color: #ffffff;
font-size: 78%;
overflow: hidden;
padding-top: 30px;
}

#textbereich {
font-size: 104%;
margin-left: 220px;
padding: 20px 30px 20px 20px;
}

#textbereich ul {
margin-left: 2em;
margin-bottom: 1em;
}

#textbereich ol {
margin-left: 2em;
margin-bottom: 1em;
}

#fussbereich {
text-align: center;
font-size: 78%;
padding: 5px 10px 10px 0;
margin-top: 1em;
margin-left: 240px;
margin-right: 30px;
border-top: 1px solid #cccccc;
clear: both;
}

/* =============================
Farben
============================= */

#vorlage {
background-color: #ffe000;
}

.cat-home a, .cat-home a:hover, .cat-home a:visited, .cat-home a:link {
color: #ffe000;
}

.cat-aktuelles a, .cat-aktuelles a:hover, .cat-aktuelles a:visited, .cat-aktuelles a:link {
color: #ffc000;
}

.cat-wir-kontakt a, .cat-wir-kontakt a:hover, .cat-wir-kontakt a:visited, .cat-wir-kontakt a:link {
color: #ffa000;
}

.cat-weiberhof a, .cat-weiberhof a:hover, .cat-weiberhof a:visited, .cat-weiberhof a:link {
color: #ff8000;
}

.cat-bogensport a, .cat-bogensport a:hover, .cat-bogensport a:visited, .cat-bogensport a:link {
color: #ff6633;
}

.cat-seminare-workshops a, .cat-seminare-workshops a:hover, .cat-seminare-workshops a:visited, .cat-seminare-workshops a:link {
color: #ff0000;
}

.cat-sommer-akademie a, .cat-sommer-akademie a:hover, .cat-sommer-akademie a:visited, .cat-sommer-akademie a:link {
color: #e000ff;
}

.cat-urlaub a, .cat-urlaub a:hover, .cat-urlaub a:visited, .cat-urlaub a:link {
color: #ff66cc;
}

.cat-kreativ-kunst a, .cat-kreativ-kunst a:hover, .cat-kreativ-kunst a:visited, .cat-kreativ-kunst a:link {
color: #ff80ff;
}

.cat-kunsttherapie a, .cat-kunsttherapie a:hover, .cat-kunsttherapie a:visited, .cat-kunsttherapie a:link {
color: #0099ff;
}

.cat-tiergestuetzte-therapie a, .cat-tiergestuetzte-therapie a:hover, .cat-tiergestuetzte-therapie a:visited, .cat-tiergestuetzte-therapie a:link {
color: #00ccff;
}

.cat-preise a, .cat-preise a:hover, .cat-preise a:visited, .cat-preise a:link {
color: #00ffff;
}

.cat-bilder a, .cat-bilder a:hover, .cat-bilder a:visited, .cat-bilder a:link {
color: #00e000;
}

.cat-links a, .cat-links a:hover, .cat-links a:visited, .cat-links a:link {
color: #00ff00;
}



.cat-home-bg {
background-color: #ffe000;
}

.cat-aktuelles-bg {
background-color: #ffc000;
}

.cat-wir-kontakt-bg {
background-color: #ffa000;
}

.cat-weiberhof-bg {
background-color: #ff8000;
}

.cat-bogensport-bg {
background-color: #ff6633;
}

.cat-seminare-workshops-bg {
background-color: #ff0000;
}

.cat-sommer-akademie-bg {
background-color: #e000ff;
}

.cat-urlaub-bg {
background-color: #ff66cc;
}

.cat-kreativ-kunst-bg {
background-color: #ff80ff;
}

.cat-kunsttherapie-bg {
background-color: #0099ff;
}

.cat-tiergestuetzte-therapie-bg {
background-color: #00ccff;
}

.cat-preise-bg {
background-color: #00ffff;
}

.cat-bilder-bg {
background-color: #00e000;
}

.cat-links-bg {
background-color: #00ff00;
}

/* =============================
Klassen
============================= */

.bildlinks {
float: left;
margin-right: 10px;
margin-bottom: 5px;
display: inline;
}

.bildrechts {
float: right;
margin-bottom: 5px;
margin-left: 10px;
display: inline;
}

/* =============================
Typo
============================= */

.csc-textpic-imagewrap {
margin-bottom: 1em;
}

.csc-textpic, .csc-textpic-left, .csc-textpic-above {
margin-bottom: 0;
margin-right: 0;
}

.csc-textpic-image, .csc-textpic-firstcol, .csc-textpic-lastcol {
padding-bottom: 5px;
margin-bottom: 0;
margin-right: 0;
}

/* =============================
IE (6) CSS Hack
============================= */

* html #menue { 
margin-right: -3px; 
} 
 
* html #textbereich { 
margin: 0 0 0 217px;
display: inline-block; 
}

/* =============================
Allgemeine HTML-Elemente
============================= */

h1 {
font-size: 124%;
margin-bottom: 1em;
}

h2 {
font-size: 114%;
margin-bottom: 1em;
}

h3 {
font-size: 134%;
color: #ff0000;
margin-bottom: 1em;
}

h4 {
font-size: 124%;
color: #008040;
margin-bottom: 1em;
}

h5 {
font-size: 114%;
color: #008040;
margin-bottom: 1em;
}

a {
text-decoration: none;
outline: none;
}

a:link {
color: #0000ff;
text-decoration: none;
}

a:visited {
color: #0000ff;
}

a:hover, a:focus {
color: #0000ff;
font-weight: bold;
}

a:active {
color: #0000ff;
font-weight: bold;
}

p {
margin-bottom: 1em;
}


/* =============================
Formulare
============================= */

label {
display: block;
float: left;
width: 210px;
font-size: 90%;
}

form {
margin-top: 1em;
}

form div.error {
color: #050505;
font-weight: bold;
}

input {
border: 1px solid #9e9e9e;
margin-bottom: 0.5em;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

textarea {
border: 1px solid #9e9e9e;
margin-bottom: 0.5em;
width: 300px;
height: 4em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

input[type="submit"] {
margin-top: 1em;
width: 150px;
margin-left: 210px;
}

fieldset.csc-mailform {
border: 0;
}

.csc-mailform-check {
border: none;
margin-bottom: 0.5em;
width: 20px;
}

#mailformAngebot {
margin-bottom: 0.5em;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}