html {
}

* {
padding: 0;
margin: 0;
}

body {
color: #ffffff;
background-color: #bdb4d7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 93%;
scrollbar-base-color: #d4d0c8;
}

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

#wrapper-start {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/start-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-philosophie {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/philosophie-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-zielgruppe {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/zielgruppe-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-faktennutzen {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/faktennutzen-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-kontakt {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/kontakt-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-mediadaten {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/mediadaten-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-inhalte {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/inhalte-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-links {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/start-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#wrapper-archiv {
position: relative;
background-color: #686c8b;
background-image: url(images/layout/start-hg.jpg);
width: 960px;
height: 720px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

#kopf {
height: 207px;
}

#navibereich {
position: absolute;
top: 235px;
left: 10px;
width: 160px;
color: #ffffff;
overflow: hidden;
}

#navibereich ul {
margin: 0;
}

#navibereich li {
list-style-type: none;
margin: 0;
}

#navibereich a {
color: #ffffff;
font-size: 14px;
text-decoration: none;
line-height: 2.5em;
}

#navibereich a:active {
color: #a6ce39;
}

#navibereich a:hover,
#startseite #navi01 a,
#philosophie #navi02 a,
#zielgruppe #navi03 a,
#fakten-nutzen #navi04 a,
#inhalte #navi05 a,
#kontakt #navi06 a,
#links #navi09 a,
#archiv #navi08 a,
#mediadaten #navi07 a {
color: #a6ce39;
}

#inhalt {
position: absolute;
top: 235px;
left: 220px;
width: 700px;
height: 450px;
overflow: auto;
}

.bildlinks {
float: left;
padding: 0 10px 0 0;
}

.bildrechts {
float: right;
padding: 0 0 0 10px;
}

.txt-gross {
font-size: 123%;
}

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

form {
width: 500px;
}

label {
display: block;
}

input {
width: 400px;
margin-bottom: 0.5em;
}

input[type=submit] {
width: auto;
padding: 0 1em;
}

select {
width: 100px;
margin-bottom: 0.5em;
}

#absender, textarea {
width: 400px;
margin-bottom: 1em;
}

textarea {
height: 6em;
}

#musikbegleitung {
width: 20px;
}

#submit1 {
margin-top: 0.5em;
}

#submit2 {
margin-top: 1em;
}

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

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

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

h3 {
font-size: 103%;
margin-bottom: 1em;
}

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

a:link {
color: #ffffff;
text-decoration: underline;
}

a:visited {
color: #ffffff;
text-decoration: underline;
}

a:hover, a:focus {
color: #a6ce39;
text-decoration: underline;
}

a:active {
color: #a6ce39;
text-decoration: underline;
}

p, ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

ul ul {
margin: 0;
}

li {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1em;
}

img {
border: 0;
}

/*************
anti spam
*************/

.mapsItna {
display: none;
}