/*chlorella.css */
html {
margin: -19px 0 0 0;
}
body {
background: #edf0da;
color: #444;
font-family: "Trebuchet MS", Geneva, Verdana, sans-serif;
font-size: 100%;
line-height: 120%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/*Container fuer Extern-Content */
.body {
margin-top: 0px;
margin-right: 5%;
margin-bottom: 10px;
margin-left: 5%;
color: inherit;
background: #AACB39;
padding: 0 0 0 0;
border: 1px solid #999758;
}
a {
background: transparent none;
color: Maroon;
font-weight: 600;
text-decoration: none;
}
/*Container fuer Intern-Content */
.innerbody {
background: url(../bilder/bgd_flow_green.gif);
}
.foot {
margin: 10px 0 10px 0;
padding: 0px 0 0 0px;
text-align: center;
border: none;
font-size: 75%;
}
/* Fuer den Kopf' */
.oben {
position:relative;
top:5px;
width:100%;
height:77px;
background: url(../bilder/top.jpg) #AACB39 no-repeat;
height: 117px;
border: 0px solid black;
/* border-bottom: 1px dotted #0EA587;*/
}
/* Toptitel im Kopfbereich */
.oben h1 {
border: none;
padding: 45px 0 0 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 139%;
color: #B2F775;
}
/* Bild im Kopfbereich
.oben img {
border: none;
margin: 0px 0 0 0;
padding: 0 0 0 0;
height: 40px;
}*/
/* Intro im Kopf */
#intro {
position:absolute;
top:79px;
left:0.7em;
width:75em;
height:77px;
z-index:1;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #96C831;
}
/* Hier nun alles fuer das Menue */
/* Keywords über Menu */
.top h1 {
padding: 5px 0 0 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 59%;
color: #96C831;
}
.menu {
border-top: 0px dotted #000;
color: inherit;
float: left;
margin: 0px 0 0 2px;
padding: 1px 0 0 0px;
width: 9em;
height: 28em;
}
.menu .untermenu1 {
color: inherit;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 8.77em;
}
.menu .untermenu1 a {
color: inherit;
font-size: 85%;
font-weight: 400;
height: 1.4em;
margin: 5px 0 0 0.8em;
padding: 0.1em 0 0 0.8em;
}
.menu .untermenu1 a:hover, .menu .untermenu1 a:focus {
color: inherit;
padding: 0.1em 0 0 0.8em;
}
.menu .untermenu1 span {
background: #e3f2c7 no-repeat;
color: inherit;
font-size: 85%;
font-weight: 400;
height: 1.8em;
margin-left: 0.8em;
}
.menu .untermenu1 ul {
border: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu .untermenu1 ul li {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu a:visited {
}
/* das aktivierte */
.menu .menuxaktiv_back {
background-color: #69E605;
/* #f8f4b7 */
}
.menu ul {
border: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menu ul li {
float: none;
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* das aktive */
.menu ul li a {
border: 1px solid #fff;
background: #fff;
color: #1c1e0c;
display: block;
font-size: 85%;
height: 1.2em;
margin: 5px 2px 0 0;
padding: 0.2em 0 0.2em 0.3em;
text-decoration: none;
}
.menu ul li a:hover, .menu ul li a:focus {
background-position: 0% -5%;
border: 1px solid #eed;
color: #fff;
padding: 0.2em 0 0.2em 0.3em;
background-color: #de5c16;
}
/* das ruhende */
.menu ul li span {
background: #e7f2f6 no-repeat;
border-bottom: 1px dotted #8ea841;
color: #1c1e0c;
display: block;
font-size: 85%;
height: 1.2em;
margin: 0 0 0 0;
padding: 0.2em 0 0 0.3em;
text-align: left;
text-decoration: none;
}
/* Die Ueberschriften */
h1 {
background: transparent none;
color: #96C831;
font-size: 135%;
font-weight: bold;
line-height: 120%;
letter-spacing: 1.5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1:first-letter {
font-size: 111%;
}
h2 {
background: transparent none;
color: #57B000;
font-size: 125%;
margin-bottom: 20px;
margin-top: 10px;
letter-spacing: 1.5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h3 {
background: transparent none;
color: #489300;
font-size: 100%;
margin-top: 0px;
letter-spacing: 1.5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h3:first-letter {
font-size: 125%;
}
h4 {
background: transparent none;
color: #489300;
font-size: 100%;
letter-spacing: 1.5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h4:first-letter {
font-size: 125%;
}
img {
border: 0px solid black;
}
input:focus, textarea:focus, a:focus {
background: #eee 0.3em no-repeat;
}
p:first-letter {
font-size: 125%;
}
/*Tabellenzeile */
td {
vertical-align: top;
}
/*Tabellenreihe */
tr {
margin-top: 0px;
}
/* Das topmenu - das spezielle-Seiten-Menue oben rechts */
.topmenu {
/* width: 60%;*/
/* float: right; */
border: 0px solid black;
margin-top: 1.1em;
}
.topul {
margin: 13px 0 0 0;
}
.topli {
float: right;
margin: 0 10px 0 0;
list-style-type: none;
}
.toplink {
color: #000;
margin: 0 0 3px 0;
}
.toplink:hover {
background: #990000;
}
.toplink img {
margin: 4px 4px 0px 0px;
}
/*Der Artikel-Container*/
.artikel {
background: #fffffd none;
border-right: 1px dotted #8ea841;
border-top: 0px solid #8ea841;
color: inherit;
font-size: 90%;
line-height: 150%;
margin: 0px 185px 0 10.2em;
padding: 20px 1em 21em 2em;
}
.artikel2 {
background: #fffffd none;
border-right: 1px dotted #8ea841;
border-top: 0px solid #8ea841;
color: inherit;
font-size: 90%;
line-height: 150%;
margin: 0px 0px 0 10.2em;
padding: 30px 1em 11em 2em;
}
/*Definition der Links im Artikel-Container*/
.artikel a:visited, .artikel2 a:visited {
background: transparent none;
color: #825815;
}
.artikel a:hover, .artikel2 a:hover {
background: transparent none;
border-bottom: 1px solid;
border-color: #99221a;
color: #99221a;
}
.artikel fieldset {
background: #f2f3df;
color: inherit;
}
.artikel p {
line-height: 150%;
}
/* Um container innerhalb einer Artikels floaten, kann Bilder etc. enthalten */
.float_left_artikel {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: left;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
.float_right_artikel {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: right;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
/* funktioniert leider nicht wie es soll */
/*
.break_artikel
{
clear: both;
}
*/
/* Darstellung der Kommentare */
.comment_inhalt {
background: #f1f6e7 none;
border: 1px solid #decab4;
color: inherit;
font-size: 90%;
padding: 10px;
}
/* ----- */
.forum_li2 {
list-style: none;
}
/* --Die Sitemap-- */
.inhaltmap {
list-style: none;
}
/* --Die Sprachauswahl-- */
.language {
float: left;
margin-top: -1.2em;
width: 35%;
border: 0px solid black;
text-align: left;
}
.languageul {
margin: 0 10px 0 0;
}
.languageli {
float: left;
margin: -4px 10px 5px 0;
list-style-type: none;
}
.messagebot {
background: #f8f8f2;
border-top: 1px solid black;
}
.messageh4 {
padding: 6px;
background: #d3d4c3;
border-bottom: 1px #000 solid;
margin: -1px 0 0 0;
}
.messageli {
list-style-type: none;
margin: 0 0 10px 0;
padding: 6px;
border: 1px solid #eee;
background: #f3f3e9;
}
.messageul {
list-style-type: none;
margin: 0 50px 0 0;
padding: 0px;
}
.nachoben {
text-align: right;
}
/* ----- */
.rechts {
float: right;
margin: 0px;
padding: 0px;
width: 210px;
}
/* Der rechte Container */
.rechts1fl {
border-top: 0px solid #8ea841;
border-left: 0px dotted black;
color: #444;
float: right;
font-size: 85%;
line-height: 150%;
margin: 0px 0 0 0px;
padding: 10px;
padding-top: 17px;
width: 150px;
}
.rechts1fl image {
border: 0px solid black;
}
.rechts1fl h2 {
margin: 30px 0px 10px 0px;
}
.speak {
margin-top: -40px;
margin-right: 40px;
float: right;
}
/* Positionierung von Bildern im Artikel-Container */
.teaserbildleft {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: left;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
.teaserbildright {
background: #ffffff none;
border-bottom-width: 1px;
border-color: #5f603c;
border-right-width: 1px;
border-style: solid;
border-width: 1px;
color: inherit;
float: right;
font-size: 90%;
line-height: 120%;
margin: 10px;
padding: 10px;
position: relative;
}
/* ----- */
.weiter li {
display: block;
float: left;
height: 18px;
margin: 3px;
padding: 0;
text-align: center;
}
.weiter ul {
border: 0;
height: 18px;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
/* ----- */
#buttonlist {
clear: both;
}
#buttonlist a {
border: 1px solid #000000;
float: left;
height: 21px;
margin: 1px;
width: 21px;
}
#buttonlist a:hover {
background: #cdd3ed none;
color: inherit;
}
#buttonlist label {
width: 40%;
}
#buttonlist label {
width: 40%;
}
/* === Beginn Formulare neu === */
fieldset {
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
border: 1px solid #666666
}
legend {
padding: 2px 2px 2px 2px;
}
label {
margin-bottom: 2em;
}
/* #formk Kontaktformular, #artikel Kommentar index */
#formk, #artikel {
width: 80%;
}
/* Formular der Klasse form Artikelbereich */
.formwrap {
background-color: transparent;
margin: 20px 0px 20px 0px;
}
.form {
line-height: 140%;
}
.form fieldset {
background-color: #f2f3df;
border: 1px solid #999;
margin: 20px 0px 20px 0px;
}
.form legend {
background-color: #f2f3df;
margin: 0px 0px 10px 0px;
padding: 2px 10px 2px 10px;
border: 1px solid #999;
}
/* für IE */
.innerform {
}
.form label {
}
/* .form input[type=text] */
.form .inpt {
margin-left: 1em;
text-align: left;
width: 70%;
}
/* Textarea */
.form .txt {
margin-left: 1em;
text-align: left;
width: 70%;
}
input.inpt:focus, textarea.txt:focus {
background: #eee;
}
.form select {
margin-left: 1em;
text-align: left;
width: 70%;
}
/* Label von Checkboxen */
.label {
border-bottom: 1px dotted #000;
}
/* input[type=submit] */
.form .senden {
margin: 0px 0px 0px 55%;
}
label, .label, select, input[type=checkbox], input[type=radio], input[type=submit], .senden {
cursor: pointer;
}
label, .label, select, .inpt, .txt {
margin-bottom: 20px;
}
.senden {
margin-bottom: 0px;
}
.form p {
margin: 20px 0px 10px 0px;
}
/* === Ende Formulare neu === */
/* Formular der Klasse forumlogin */
#forumlogin {
border: 0px solid #000000;
color: #fff;
font-size: 80%;
height: 10em;
right: 10%;
top: 20px;
padding: 10px;
position: absolute;
width: 18em;
z-index: 20;
}
#forumlogin a {
background: #ffffff none;
display: block;
border-bottom: 0px dashed #000000;
border-right: none;
color: #993300;
font-size: 100%;
margin: 1em 0 0 0;
padding: 2px;
text-decoration: none;
width: 100%;
text-align: center;
}
#forumlogin a:hover {
color: #fff;
background: #993300;
}
#forumlogin label {
width: 60px;
}
#forumlogin fieldset {
border: 0px;
height: 8em;
margin: 0;
padding: 0;
width: 100%;
text-align: right;
}
#forumlogin h2 {
display: none;
}
#forumlogin input {
margin: 1em 0 0 0;
cursor: pointer;
}
#suchbox {
float: left;
/* margin: 2em 0 0 0; */
margin: 0 0 0 0;
width: 15em;
border: 0px solid black;
z-index: 12;
}
#suchbox fieldset {
border: 0px solid black;
}
#suchbox label {
margin-right: 1em;
font-size: 120%;
font-weight: 600;
color: #fff;
}
#suchbox fieldset legend
{
display: none;
}
/* Die Suche im Forum */
#suchefor {
float: left;
margin: 0.2em 0 0 0;
width: 99%;
}
#suchefor fieldset {
padding: 0.4em 0 0.4em 1em;
width: 99%;
}
/* Hier wird zusaetzliche Nummerierung der Listenpunkte fuer visuelle Browser unsichtbar gemacht - oder sichtbar, wenn man mag. Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
dfn {
display: inline;
height: 0px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0px;
}
/* Hier wird der zusaetzliche Punkte am Ende eines Listeneintrags fuer visuelle Browser unsichtbar gemacht. Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
.menu .ignore {
display: none;
height: 0px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0px;
}
/* Um Punkte oder Aehnliches aus dem Viewport zu verschieben */
.ignore, dfn, .hilfmenu {
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}
/* Soll nicht gesehen werden */
.skip {
left: -2000px;
position: absolute;
}
/* Spezielles */
/* Damit werden floats aufgeloest */
.clear {
clear: both;
}
/* ----- */
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #000;
}
/* So soll Code aussehen */
code {
background: transparent none;
color: #0000ff;
font-size: 120%;
}
/* ----- */
form br {
}