/* --- ( 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 ) -FFD4EC---d4b9c2-e2d0de-F5EBEB------------------------------------------------- */


body {background: url(images/bg_body.gif) 0 152px repeat-x #FF69B4;}
#tec {background: url(images/bg_tec.gif)  0 142px repeat-x #DE0077;}
#teh {background: #F2EBF0;}
#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: #bD0053; text-decoration: none;}
a:link    {color: #bD0053; text-decoration: none;}
a:visited {color: #8e173f;}
a:active  {color: #de0077;}
a:hover   {color: #de0077; text-decoration: underline;}

#tem a           {color: #854150; font-weight: bold;}
#tem a:link      {color: #854150; font-weight: bold;}
#tem span.active {color: #FFF1FF; font-weight: bold;}
#tem a.active    {color: #ffd4ec;}


#ter a           {color: #854150;font-weight: bold;}
#ter a:link      {color: #854150;font-weight: bold;}
#ter span.active {color: #b98e97; font-weight: bold;}
#ter a.active    {color: #87CEFA;}

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

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

#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: 122px;}
#tel {position: relative; top: -10px; width: 266px; float: left;}
#ter {height: 120px; overflow: auto;}

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 p, #tin h1, #tin h2, #tin h3, #tin h4, #tin h5, #tin h6, 
#tin ul, #tin ol, #tin table, #tin dl, #tin div
{padding: 0 16px 0 16px; max-width: 55em;}

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

/* --- ( 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:#ff69b4; 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 #854150;}
.lline          {border-left:  1px dotted #854150;}
h1.titel        {color: #de0077; 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: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;}