/* Allgemeines */

body {font-family: Arial, sans-serif; background-color: #F7FFE6; color: #666666; margin: 0px; padding-top: 0px;}

#header {background-color: #333333; margin: 0px; border-bottom: 2px solid #B9CC8F;}
#kopf {width: 60em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 1.1em; padding-bottom: 1em;}
#logo {text-align: right; margin-top: -1.6em;}
#content {width: 60em; margin-left: auto; margin-right: auto;}
#inhalt {width: 72%; float: left; margin-top: 2.3em;}
#left {border-left: solid 1px #B9CC8F; border-right: solid 1px #B9CC8F; width: 34%; float: left; font-size: 0.8em;}

.top {list-style-type: none; font-weight: bold; color: #666666; margin: 0; padding: 0; margin-bottom: -0.6em;}
.menu {list-style-type: none; font-size: 0.9em; margin-left: 2.5em;}
.aktiv {list-style-type: none; font-size: 0.9em; margin-left: 2.5em;}
.menu a {color: #666666; text-decoration: none;}
.menu a:hover {color: #333333; text-decoration: none;}
.aktiv a {color: #666666; text-decoration: underline;}

#mitte {width: 60%; float: right;  font-size: 0.8em; line-height: 1.5em;}
#mitte h3 {color: #699010; }
#clearer {clear: both; height: 2em;}

#rechts {width: 22%; float: right; margin-top: 2.3em;}
#rechts h3 {font-size: 0.8em; color: #699010; padding-left: 0.4em; margin-bottom: 0;}
#footer {clear: both; text-align: center; border-top: dotted 1px #B9CC8F; padding-top: 0.5em;}
#footer span {font-size: 0.6em; color: #666666;}
#footer a {font-size: 0.6em; color: #666666; text-decoration: none;}
h1 {font-size: 1.5em; margin: 0; padding: 0; margin-left: 2%; color: #96ce17; margin-top: 1em; margin-bottom: 0.4em;}
h2 {font-size: 1.3em; margin-bottom: 1.7em; color: #699010;}
h4 {font-size: 0.8em; margin-left: 1.8em; border: solid 1px #B9CC8F;}

.unter {font-size: 0.7em; margin-left: 2%; color: #96ce17; font-weight: bold;}
.unter2 {font-size: 0.7em; margin-left: 1%; color: #96ce17; font-weight: bold;}

.teaser {border-top: solid 1px #B9CC8F; border-bottom: solid 1px #B9CC8F; margin-right: 1em; margin-bottom: 0.8em;}
.teaser p {font-size: 0.72em; padding-left: 0.4em; line-height: 1.4em;}


.teaser2 {border-top: solid 1px #B9CC8F; border-bottom: solid 1px #B9CC8F; margin-right: 1em; margin-bottom: 0.8em;}
.teaser2 a {color: #666666; font-size: 0.8em; padding-left: 0.6em; text-decoration: none; font-weigh: bold; display: block; padding-top: 0.3em; padding-bottom: 0.3em; margin-top: 0.3em;}
.teaser2 a:hover {color: #336699; font-size: 0.8em; padding-left: 0.6em; text-decoration: none; display: block; background-color: #f7f9fb; padding-top: 0.3em; padding-bottom: 0.3em;}
.teaser2 a.hell {color: #336699; font-size: 0.8em; padding-left: 0.6em; text-decoration: none; display: block; background-color: #f7f9fb; padding-top: 0.3em; padding-bottom: 0.3em;}

.teaser3 {border-top: solid 1px #B9CC8F; border-bottom: solid 1px #B9CC8F; margin-right: 1em; margin-bottom: 0.8em;}
.teaser3 li {list-style-type: none; font-size: 0.75em; display: inlin}
.teaser3 ul {margin-left: 0; padding-left: 0.6em}

.blau  {color: #b2b2b2;}

.floatleft {width: 165px; border: 1px solid #B9CC8F; margin-right: 0.7em; float: left;}
.floatleft2 {width: 133px; height: 200px; border: 1px solid #B9CC8F; margin-right: 0.7em; float: left;}
.floatleft3 {border: 1px solid #B9CC8F; margin-right: 0.7em; float: left;}
.normal {color: #0033cc; padding-left: 0.4em; padding-right: 0.4em;}
.gruen {color: #333333;}
.gruenfett {color: #333333; font-weight: bold;}

.gruenerlink {color: #699010;}
.gruenerlink2 {color: #699010; text-decoration: none; font-weight: bold;}
.gruenerlink2:hover {color: #699010; font-weight: bold; text-decoration: underline;}
.gruenerlink2aktiv {color: #699010; font-weight: bold; text-decoration: underline;}
.icon {float: left; margin: 0; padding: 0; margin-top: 0.6em; padding-right: 0.3em;}


.bildchen {display: blok; color: #ffffff; font-weight: bold; background-color: #336699; border: solid 1px white;}


/* Kontakt */
#kontakt {margin-top: 2em;}
#kontakt label {font-weight: bold; font-size: 0.85em; width: 10em; float: left; margin-top: 0.8em;}
#kontakt input {padding-bottom: 1.5em; font-size: 0.7em; width: 28em; margin-bottom: 1em;}
#kontakt textarea {font-size: 1.2em; margin-bottom: 1em; margin-top: 1.3em;}
#kontakt select {font-size: 0.8em;}
.feld {border-bottom: dashed 1px #d9dbdc; margin-top: 1em;}
#kontakt input.button {
width: 120px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 10px;
}


/*Beratung */
.ab {list-style-type: lower-latin;}

/* Seminar */
.strich {border-bottom: 1px dashed #d9dbdc; padding-bottom: 0.5em;}

/* Webpromotion */
.unterschrift {font-size: 0.85em;}
#beschreibung li {border-bottom: dashed 1px #d9dbdc; margin-top: 1em; }


/* Webkataloge */
.ohne {border: none; text-decoration: none;}
.unterschrift2 {font-size: 0.9em; display: block; margin-top: 0.5em;}