/* --- ( 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 #febd57;}
#tec {background: url(images/bg_tec.gif)  0 142px repeat-x #f78c21;}
#teh {background: #fed492;}
#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;}


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: #474747;}

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: #cc3300; text-decoration: none;}
a:link    {color: #cc3300; text-decoration: none;}
a:visited {color: #f78c21;}
a:active  {color: #f86377;}
a:hover   {color: #f86377; text-decoration: underline;}

#tem a           {color: #cc3300; font-weight: bold;}
#tem a:link      {color: #cc3300; font-weight: bold;}
#tem span.active {color: #ffffee; font-weight: bold;}
#tem a.active    {color: #ffffee;}


#ter a           {color: #61010f;font-weight: bold;}
#ter a:link      {color: #61010f;font-weight: bold;}
#ter span.active {color: #cc3300; font-weight: bold;}
#ter a.active    {color: #cc3300;}

input, textarea {background: #FFFBFA; border: 1px inset #FFCCCC; color: #703C48; font: 10px/16px Verdana, Arial, Helvetica, sans-serif;}
input.button    {background: #b7001e; border: 2px outset #b13269; color: #fff;}
.fmust span     {color: #d00;}
.radio          {background: #fff; border: 0;}


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

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




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

#tuc1 {width: 44%;    float: left; margin-right: 0;}
#tuc2 {width: 44%;    float: left; margin-right: 0;}
#tuc3a {width: auto;  float: left; margin-right: 0;}


 #tin div
{padding: 0 16px 0 16px; max-width: 55em;}


#tin p, #tin h1, #tin h2, #tin h3, #tin h4, #tin h5, #tin h6, 
#tin ul, #tin ol, #tin table, #tin dl, #tin div
{padding-left: 24px;}

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

#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: 5px 0 0 10px;}

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


form#xmailer           {margin: 2em 0; padding-left: 5%;}
#xmailer label         {display: block; float: left; width: 6em;}
#mailer input, 
#mailer textarea       {background: #feedd1;}
#mailer input:focus, 
#mailer textarea:focus {background: #fef3e0;}

#xmailer div.radios    {margin-left: 6em;}
#xmailer input.radio   {float: left; margin-right: .7em; background: transparent;}
#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:#f78d1e; color:#fff;}
.markerschwarz  {background:#000; color:#fff;}
.markergelb     {background:#ff0; color:#000;}
.betont         {font-size: 1.15em; font-weight: bold;}
.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: #f78d1e; font-size: 48px; line-height: 54px; font-weight: bold; text-transform: uppercase; font-family: Georgia;}

.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: 295px; position: absolute; right: 2px; bottom: 0; overflow: hidden;}
#impressum, #basedon {display: block; float: right; 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: 201px; background: url(images/basedon.gif) top no-repeat;}