@charset "UTF-8";


/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size:0;

}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */


a { 
outline:0; 
-moz-outline:0;
}


body, html {
margin: 0px;
padding: 0px;
}

body {
background-color: #a8cb78;
background-image:url(../pics/unten.jpg);
background-repeat: repeat-y;
background-position: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}


.hintergrund_rechts {
background-image:url(../pics/rechts.jpg);
width: 100%;
height: 531px;
border-bottom: 10px solid #5c817d;
position: absolute;
}

.wrapper {
position: absolute;
width: 990px;
left: 50%;
margin-left: -495px;
}

.left {
width: 360px;
height: 531px;
background-image: url(../pics/left.jpg);
background-position: right;
float: left;
margin-left: -191px;
}

.header {
width: 821px;
height: 117px;
background-image: url(../pics/header.jpg);
float: left;
}

.topnavi {
float: right;
padding-right: 10px;
padding-top: 5px;
}

.topnavi a {
text-decoration: none;
color: #000000;
}

.topnavi a:hover {
text-decoration: underline;
}

.navi {
width: 821px;
height: 31px;
background-image: url(../pics/navi.jpg);
float: left;
}

.content {
width: 416px;
min-height: 343px;
background-image: url(../pics/content.jpg);
float: left;
padding: 20px 40px 20px 40px;
font-size: 12px;
color: #184181;
}

.content a {
color: #7ab030;
text-decoration: none;
}

.content a:hover {
color: #184181;
text-decoration: underline;
}


.footer {
width: 416px;
height: 21px;
background-color: #5c817d;
color: #FFFFFF;
float: left;
margin-left: 169px;
font-size: 12px;
padding: 3px 40px 3px 40px;
margin-top: -16px;
overflow: hidden;
}


.footer a {
color: #FFFFFF;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}


.pic a {
color: #7ab030;
text-decoration: none;
}

.pic a:hover {
color: #184181;
text-decoration: underline;
}

.content ul {
padding-left: 20px;
}

.content ol {
padding-left: 20px;
}

.content ul ul {
padding-top: 5px;
padding-bottom: 10px;
}

.content ol ul {
padding-top: 5px;
padding-bottom: 10px;
}

.content ul li ul {
margin: 2px 0 3px 0;
}

.content ol li ul {
margin: 2px 0 3px 0;
}

.content ul ul li {
font-size: 11px;
}

.content ol ul li {
font-size: 11px;
}



h1 {
margin: 0 0 0 -2px;
font-weight: normal;
font-size: 22px;
text-transform: uppercase;
}

h2 {
font-size: 12px;
margin: 20px 0 -7px 0;
}

.pic {
width: 325px;
height: 383px;
float: right;
border-bottom: 10px solid #5c817d;
background-image: url(../pics/kategorien/blank.jpg);
font-size: 12px;
color: #184181
}

.eingabefeld {
width: 300px;
border: 1px solid #7ab030;
}


.bild_links {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #184181;
}



.tooltip {
visibility:hidden;
display: block;
position: absolute;
top: 350px;
left: 450px;
width: 250px;
height: auto;
border: 1px dashed #5c817d;
padding: 10px;
background: #FFFFFF;
}