/* --- ( 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) top left #ee9c00;}
#teh  {background: #470000;}
#tec  {background: url(images/bg_tec.gif) top left repeat-x transparent;}
#tec1 {background: url(images/bg_tec1.gif) bottom left #e2dbce;}
#tel  {background: #470000;}
#ter  {background: #470000;}
#tem  {background: url(images/bg_tem2.jpg) bottom left #85a4b8;}
#tef  {background: url(images/bg_tef.gif) bottom left  transparent;}
#ted  {background: url(images/bg_tem.jpg) bottom left repeat-x transparent;}
#c1f  {background: url(images/border_tec1.gif) top left repeat-x  transparent;}

#tec1 {border-left: 3px double #470000; border-right: 3px double #470000;}


body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, td, div 
{font: 12px/1.55em Tahoma, Arial, Helvetica,sans-serif; color: #474747; letter-spacing: 0.05em; font-weight: normal;}

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;}

#ter p, #ter h1, #ter h2, #ter h3, #ter h4, #ter h5, #ter h6,
#ter ol, #ter ul, #ter dl, #ter th, #ter td, 
#teh p, #teh h1, #teh h2, #teh h3, #teh h4, #teh h5, #teh h6,
#teh ol, #teh ul, #teh dl, #teh th, #teh td {color: #e3dac9;}

#teh h1 {font: 38px/1em Georgia, Times, serife; font-style: oblique;}
#teh h1.sifr {font-size: 42px; padding: 20px 5px 20px 5px; margin: 5px 20px 5px 20px;}

#tec1 hr {border:0; border-bottom: 1px solid #f7f7f7; border-top:1px solid #aaa; height: 2px; color: #ddd; background: #bc7b00;}
#ter hr  {border:0; height: 2px; color: #906368; background: #906368;}

#tec1 ul {margin-left: 2.5em;}
#tec1 ol {margin-left: 1.75em;}
ul {list-style-image: url(images/li.gif);}
/* ------eb9b00-------- */
a         {color: #e8793e; text-decoration: none;}
a:link    {color: #e8793e; text-decoration: none;}
a:visited {color: #9f6700;}
a:active  {color: #a6b363;}
a:hover   {color: #587a93; text-decoration: underline;}


ul#listmenu0 {text-align: center;}
#tem ul { border-top: 1px solid #d7e3ef;}
ul#listmenu0 {border-top: 0;}

#tem a           {color: #d7e3ef; text-decoration: none; font-size: 12px; letter-spacing: .25em;}
#tem a:link      {color: #d7e3ef; text-decoration: none;}
#tem a:visited   {color: #d7e3ef;}
#tem a:active    {color: #d7e3ef;}
#tem a:hover     {color: #f3f8fe; text-decoration: none; letter-spacing: 1px; padding: 0 -.5em; font-size: 16px;}
#tem span.active {color: #58697d; letter-spacing: 1px; padding-right: -11px; font-size: 16px;}


/* 
   Mehrwort-Links nicht trennen. 
   Verwenden white-space: normal wenn der Link umbrechen soll. 
----------------------------------------------------------------------------------------- */
#tem a, #tem span.active {white-space: nowrap;}


input.button    {background: #E2DBD0;}


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

#teh  {width: 100%; height: 95px; position: absolute; top: 0; overflow: hidden;}
#tec  {margin-top: 95px; padding-top: 54px;}
#tec1 {width: 358px; position: absolute; top: 151px; left: 50%; margin-left: -196px; min-height: 430px; z-index: 25;}
#ter  {width: 298px; position: absolute; top: 151px; left: 50%; margin-left:  162px; min-height: 430px;}
#tel  {width: 280px; position: absolute; top: 151px; left: 50%; margin-left: -476px; min-height: 430px;}
#tem  {width: 232px; margin: 24px 24px 0 24px; padding:0; min-height: 128px; }
#ted  {width: 232px; height: 130px; margin: 0 24px 24px 24px; padding: 0;}
#til  {margin: 24px;}

#c1f  {display: block; width: 100%; height: 54px;}

#tec1 p, #tec1 h1, #tec1 h2, #tec1 h3, #tec1 h4, #tec1 h5, #tec1 h6,
#tec1 ol, #tec1 ul, #tec1 dl, #tec1 table {padding-left: 20px; padding-right: 20px;}

#tem ul {list-style-type: none; list-style-image: none; text-align: center; margin: 20px 14px 0 14px; padding: 10px 0;}
#tem li {display: inline; line-height: 19px; padding-right: 8px;}
ul#listmenu0 {padding-top: 20px;}

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


form#xmailer           {margin: 2em 0; padding-left: 5%;}
#xmailer label         {display: block; float: left; width: 5em;}
textarea               {width: 258px;}
#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; width: 7em;}
#xmailer input.button  {margin-left: 140px; 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:#eb9b00; 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;}

.fl50   {float: left; width: 47%; margin-left: .5em;}
.fl30   {float: left; width: 27%; margin-left: .5em;}
.clear  {clear: both;}

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

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