/* --- ( CSS © Silke Schümann, 01/2006 Backnang, Germany http://www.silkester.de ----- */

html, body, img, div {padding: 0; margin: 0; border: 0;}
html {height: 100.05%;}
body {height: 100%;}

/* --- ( Schriften und Farben ) ------------------------------------------------------- */


body {background: url(images/bg_body.gif) 0 152px repeat-x #2f8c52;}
#tec {background: url(images/bg_tec.gif)  0 142px repeat-x #00a651;}
#teh {background: #cfd6c6;}
#tin {background: #fff;}
#tem {background: url(images/bg_tem.gif) bottom left no-repeat transparent;}
#tef {background: url(images/bg_tef.gif) bottom left no-repeat transparent;}
#tor {background: #fff500;}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, td, div 
{font: 11.25px/1.4em Verdana, Arial, Helvetica,sans-serif; color: #131313;}

p, li  {line-height: 1.6em; font-size: 11px;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.15em;}
h4 {font-size: 1em;}
h5 {font-size: .95em;}
h6 {font-size: .95em;}

li {padding-left: -4px;}
ul {list-style-image: none; margin-left: 36px;}

a         {color: #469400; text-decoration: none;}
a:link    {color: #469400; text-decoration: none;}
a:visited {color: #478430;}
a:active  {color: #77b700;}
a:hover   {color: #77b700; text-decoration: underline;}

#tem a           {color: #036; font-weight: bold;}
#tem a:link      {color: #036; font-weight: bold;}
#tem span.active {color: #ECF1DB; font-weight: bold;}
#tem a.active    {color: #EDEC93;}


#ter a           {color: #036;font-weight: bold;}
#ter a:link      {color: #036;font-weight: bold;}
#ter span.active {color: #237b3e; font-weight: bold;}
#ter a.active    {color: #87CEFA;}

input, textarea {background: #F5F9F0; border: 1px inset #E7EBDD; color: #58604D; font: 10px/16px Verdana, Arial, Helvetica, sans-serif;}
input.button    {background: #cfd6c6; border: 2px outset #C2C79C; color: #330;}
.fmust span     {color: #d00;}
.radio          {background: #fff; border: 0;}

/* --- ( Positionen und Maße ) ---F4F9F0----------------------------------------------------- */

#teh {position: absolute; top: 34px; width: 63%; margin: 0 0 0 208px; height: 120px; padding: 0; overflow: hidden;}
#tec {position: absolute; float: right; margin: 0 170px 10px 180px; width: 63%; top: 10px; min-height: 360px; padding: 134px 28px 32px 28px;}
#tin {min-height: 328px; padding: 24px 0 24px 0;}
#tem {position: absolute; width: 180px; margin-top: 154px;}
#tor {height: 118px; margin: 0; padding: 0; overflow: hidden;}
#tel {position: relative; top: -11px; width: 266px; float: left;}
#ter {height: 120px; overflow: auto; position: relative; left: 24px; margin-right: 2.25em;}

.twdth {padding: 0 16px 0 16px; max-width: 55em; width: auto !important;}
.twdth2 {margin-left: 2em;}

ul#listmenu0 {padding: 0;}
ul#listmenu0, ul#listmenu1 {list-style-type: none; list-style-image: none; text-align: right; padding-right: 6px;}

#tuc1  {width: 46%; float: left; margin-right: 20px;}
#tuc2  {width: 46%; float: left; margin-right: 0;}
#tuc3a {width: 1px; float: left; margin: 0; overflow: hidden;}
#tuc4  {position: relative; padding: 0px 18px 32px 18px;}

#oCont6 p, #oCont6 h1, #oCont6 h2, #oCont6 h3, #oCont6 h4, #oCont6 h5, #oCont6 h6, 
#oCont6 ul, #oCont6 ol, #oCont6 table, #oCont6 dl, #oCont6 div
{margin-left: 0;}

input                     {width: 21em;}
textarea                  {width: 30em;}
input.button, input.radio {width: auto;}

#logo {margin: 0; padding: 0;}

/* --- ( xMailerformate ) ------------------------------------------------------------- */


form#xmailer           {margin: 2em 0; padding-left: 5%;}
#xmailer label         {display: block; float: left; width: 6em;}
#xmailer div.radios    {margin-left: 6em;}
#xmailer input.radio   {float: left; margin-right: .7em;}
#xmailer .radios p     {line-height: .9em;}
#xmailer .radios label {margin-top: 2px;}
#xmailer input.button  {margin-left: 170px; margin-top: 1em;}



/* --- (in Editland niemals weglassen ) ----------------------------------------------- */

.tsmall  {font-size: 0.85em;}
.tmiddle {font-size: 1.1em;}
.tbig    {font-size: 1.5em;}

/* --- ( Xtraklassen ) ---------------------------------------------------------------- */

.marker         {background:#00a651; color:#fff;}
.markerschwarz  {background:#000; color:#fff;}
.markergelb     {background:#ff0; color:#000;}
.line           {border-bottom: 1px solid #d00;}
.greyline       {border-bottom: 1px solid #828282;}
.box            {margin:1em; padding: 0.7em; border: 1px solid #828282; background: #F7F7F7;}
.rline          {border-right: 1px dotted #469400;}
.lline          {border-left:  1px dotted #469400;}
h1.titel        {color: #00a651; font-size: 48px; line-height: 54px; font-weight: bold; text-transform: uppercase; font-family: Georgia;}
.xxl            {font-size: 2em;}

.fl50   {float: left; width: 44%; margin-left: .5em;}
.fl30   {float: left; width: 20%; margin-left: .5em;}
.fr50   {float: right; width: 44%; margin-left: .5em;}
.fr30   {float: right; width: 20%; margin-left: .5em;}

.clear  {clear: both;}

/* --- ( Impressumlink ) --------------------------------------------------------------- */

#tei {width: 10px; height:300px; position: absolute; right: 1px; bottom: 0; overflow: hidden;}
#impressum, #basedon {display: block; float: left; width:10px; text-indent: -999999px; overflow: hidden; font-size: 1px; line-height: 0; margin:0; padding: 0;}
#impressum {height:  91px; background: url(images/impressum.gif) top no-repeat;}
#basedon   {height: 193px; background: url(images/basedon.gif) top no-repeat;}