/* CSS Document */
/*Allgemeine Formate
*/
* {
margin: 0;
padding: 0;
}
body {
background: #fff url(../img/m2.jpg);
font-size: 74%;
line-height: 1.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4F7500;
text-align: left;
height: 100%;
}

hjochen {
font-size:18px;
margin-bottom:12px;
margin: 0;
line-height:1.4em;
text-align: left;
}

h1, h2, h3, h4, h5, h6, ol, dl, dt, dd, select {
margin: 0;
line-height:1.4em;
text-align: left;
}
h1 {
font-size:18px;
margin-bottom:12px;
}
h2 {
font-size:14px;
margin-bottom:12px;
}
h3 {
font-size:12px;
margin-bottom:12px;
}
h4 {
font-size:11px;
margin-bottom:0px;
}
p {
margin: 0 0 12px 0;
font-size: 1.0em; 
line-height: 1.6em;
}
a:link,
a:visited,
a:active {
color:#4F7500;
text-decoration: none;
}
a:hover {
color: #990000;
text-decoration: none;
}
img {
border:none;
}
p a:link, p a:visited, p a:active {
color:#990000;
text-decoration:none;
}
p a:hover {
color:#990000;
text-decoration:underline;
}

/* INHALTE */

#wrap {
margin: 0 auto;
padding: 0;
width: 844px;
height:1400px;;
float: inherit;
text-align: left;
border:none;
}
#header{
position:relative;
background:#FFFFFF url(../img/header2.jpg);
float: left;
width: 818px;
height: 187px;
text-align: left;
border: 12px solid #669900;
margin-top:20px;
}
#headmenue {
position:relative;
right: 6px; top:4px;
float:right;
padding:10px;
border:none;
font-size: 0.9em;
text-align:right;
}
#headmeue a{
color:#336600;
text-decoration:none;
}
#content {
width: 818px;
float:left;
position:relative;
background:#F4FFDD url(../img/content-bg.jpg);
border-left: 12px solid #669900;
border-right: 12px solid #669900;
border-bottom: 12px solid #669900;
}

/* NAVIGATIONSLEISTE */

#navi{
float:left;
width:220px;
text-align:center;
padding-bottom:40px;
}
#navi ul {
list-style-type: none;
margin-top:18px;
padding:0;
text-align:left;
}
#navi li {
padding: 0;
margin: 0;
width: 220px;
}
#navi li a {
display:block;
color:#4F7500;
padding: 5px 0 5px 20px;
text-decoration:none;
width: 200px;
}
#navi li a:hover {
display:block;
color: #990000;
padding: 5px 0 5px 20px;
text-decoration:none;
width: 200px;
}
#navi li a.active {
display:block;
color:#4F7500;
padding: 5px 0 5px 20px;
text-decoration:none;
font-weight:bold;
width: 200px;
}
#navi li ul {
margin: 0;
border-top: 1px solid #F4FFDD;
border-bottom: 1px solid #F4FFDD;
background:#C9E393;
}
#navi li li {
display:block;
color: #4F7500;
text-decoration:none;
background-color:99cc33;
}
#navi li li a {
display:block;
color:#4F7500;
padding: 5px 14px 5px 40px;
text-decoration:none;
width: 166px;
}
#navi li li a:hover {
display:block;
color: #990000;
padding: 5px 14px 5px 40px;
text-decoration:none;
width: 166px;
}
#navi li li a.active {
display:block;
color: #4F7500;
padding: 5px 14px 5px 40px;
text-decoration:none;
font-weight:bold;
width: 166px;
}
#navi li li ul {
margin: 0;
background:#b1db58;
border:none;
}
#navi li li li a {
display:block;
color: #4F7500;
padding: 5px 14px 5px 60px;
text-decoration:none;
width: 146px;
}
#navi li li li a:hover {
display:block;
color: #990000;
padding: 5px 14px 5px 60px;
text-decoration:none;
width: 146px;
}
#navi li li li a.active {
display:block;
color: #4F7500;
padding: 5px 14px 5px 60px;
text-decoration:none;
font-weight:bold;
width: 146px;
}

/* INHALTE */

#main{
position:relative;
padding:20px;
float:left;
width:338px;
}
#main-breit{
position:relative;
padding:20px;
float:left;
width:558px;
overflow:auto;
}
#sidebar{
background:#F4FFDD;
padding: 20px 0 0 0;
float:left;
width:220px;
}
#sidebar p {
margin: 10px 10px 0 20px;
}
#shortcut {
border: none;
float:left;
margin: 20px 0 0 12px;
}
#footer {
float: left;
width:798px;
height:22px;
text-align:left;
padding-left:20px;
font-size:0.8em;
}
#termine {
border-collapse:collapse;
font-size:0.9em;
}
#termine caption {
margin-bottom:5px;
text-align:left;
font-weight:bold;
text-transform:uppercase;
}
#termine td, th {
padding: 0.3em 1em;
background:#F4FFDD;
text-align:left;
vertical-align:text-top;
} 
#termine th {
background: #990000;
color:#F4FFDD;
border-bottom: 1px solid #d6ebad;
}
#termine td {
border-bottom: 1px solid #d6ebad;
}
#termine td a {
color: #990000;
text-decoration:none;
}
#termine td a:hover{
color: #990000;
text-decoration:underline;
}
#poesie {
border-collapse:collapse;
}
.eintrag {
color:#990000;
padding:20px 40px 20px 40px;
}
/* KONTAKTFORMULAR */

form {
width: 330px;
line-height:1.8em;
background:#F4FFDD;
}
fieldset {
margin-bottom:10px;
border:none;
}
fieldset div {
float:left;
width:300px;
}
legend {
color: #990000;
}
textarea {
border:none;
background:#d6ebad;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
line-height: 1.4em;
color: #336600;
margin-top: 4px;
padding:4px;
}
input {
display: inline;
border:none;
background:#d6ebad;
}
#person label {
width: 7em;
display: block;
float: left;
}
#message label {
width: 7em;
display: block;
float: left;
}
.sub {
display: inline;
width: 60px;
height: 26px;
margin: 4px 6px 0 87px;
font-size:0.9em;
}
.clear {
display: inline;
width: 60px;
height: 26px;
margin: 4px 0 0 0;
font-size: 0.9em;
}

/* GALERIE */

#pic-view{
float:left;
width: 338px;
height: 420px;
list-style-type:none;
padding: 20px;
}
#pic-view li{
margin: 0 10px 0 20px;
text-align:left;
}
#pic-navi {
float:right;
width:200px;
list-style-type:none;
padding-top:22px;
margin-top:0px;
}
#pic-navi a img {
float: left;
}
#pic-navi a {
padding:0;
margin:0;
width:100px;
height:80px;
float:left;
}
#pic-navi a span {
display: none; 
}
#pic-navi a:hover {
color: #411; 
padding:0;
}
#pic-navi a:hover span {
display: block;
position: absolute;
top:22px;
left:240px;
width: 338px;
padding-top: 372px;
z-index: 100;
text-align: center;
border:0px;
}
.cartoon {
float:left;
width:550px;
text-align:center;
}

/* SITEMAP */

.list {
margin-left:20px;
}
.list-deep0 {
list-style-type:circle;
text-align:left;
}
.list-deep0 a {
display:list-item;
background:none;
height:20px;
}
.list-deep1 {
list-style-type:circle;
text-align:left;
margin-left:40px;
} 
.list-deep1 a {
display:list-item;
background:none;
height:20px;
}
.list-deep2 {
list-style-type:square;
margin-left:30px;
}

#zahlen {
	color: #990000;
	font-size: 32px;
	margin-top: 32px;
	margin-bottom: 20px;
	text-align: center;
	width: 550px;
	letter-spacing: normal;
}
#headline {
	font-size:18px;
	margin-bottom:12px;
	text-align: center;
	font-weight: bold;
	width: 550px;
}



#button form {
	width: 550px;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	font-size: 24px;
}

#button form input {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	background-color: #4F7500;
	color: #F4FFDD;
}

#button form input:hover{
	color: #990000;
}