/* --- ( 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%; overflow: hidden;}
body {height: 100%; width: 100%; overflow: hidden;}

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


body   {background: url(images/bg_body.gif) left top repeat-x #f6f6f6;}
#ter   {background: url(images/bg_ter.gif) left top repeat-y #e1e1e1;}
#teh1  {background: url(images/bg_body.gif) left top repeat-x #fff}
#tec1  {background: #fff;}
#teb2  {background: url(images/ecke_ro.gif) right top no-repeat;}
#tec11 {background: url(images/bg_k1.gif) right top no-repeat #999999;}
#tec12 {background: url(images/bg_k2.gif) right top no-repeat #e1e1e1;}

#tec11 div.kuppe {background: url(images/kuppe_k1.gif) right top no-repeat #fff;}
#tec12 div.kuppe {background: url(images/kuppe_k2.gif) right top no-repeat #fff;}


#tec1 {border-left:   1px solid #999999; border-bottom: 1px solid #999999;}
#teb1 {border-top:    1px solid #999999;}
#teb3 {border-right:  1px solid #999999;}
#teh2 {border-bottom: 1px solid #999999;}


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



h1 {font-size: 1.5em;  color: #727a93;}
h2 {font-size: 1.3em;  color: #525c78;}
h3 {font-size: 1.15em; }
h4 {font-size: 1em;    }
h5 {font-size: .95em;  }
h6 {font-size: .95em;  }

#tec11 p,#tec11 h1,#tec11 h2,#tec11 h3,#tec11 h4,#tec11 h5,#tec11 h6, 
#tec12 p,#tec12 h1,#tec12 h2,#tec12 h3,#tec12 h4,#tec12 h5,#tec12 h6 
{color: #fff; font-weight: bold; font-size: 14px;}

ul {list-style-image: url(images/li.gif);}
hr {background: #999999; color: #999999; border: 0; border-color: #999999;}


a         {color: #999999; text-decoration: none;}
a:link    {color: #999999; text-decoration: none;}
a:visited {color: #986679;}
a:active  {color: #e84083;}
a:hover   {color: #df1c6a; text-decoration: underline;}

#tem ul {list-style-image: none; list-style-type: none;}

#tem a           {color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; background: url(images/link.gif) left no-repeat; padding-left: 20px; line-height: 22px;}
#tem a:link      {color: #fff; font-size: 14px; font-weight: bold; text-decoration: none;}
#tem a:visited   {color: #f7f7f7; background: url(images/visited.gif) left no-repeat; }
#tem a:active    {color: #fff;}
#tem a:hover     {color: #fff; background: url(images/hover.gif) left no-repeat; text-decoration: none;}
#tem span.active {color: #fff; font-size: 14px; font-weight: bold; background: url(images/active.gif) left no-repeat; padding-left: 20px; line-height: 22px;}


input, textarea {}
input.button    {background: #999; color: #fff; font-weight: bold; border: 1px outset #999;}
.fmust span     {color: #cf5d8a;}


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

#tew  {height: 100%; width: 100%; overflow: auto;}
#ter  {position: absolute; left: 67.5%; top: 0; width: 240px; height: 100%;  z-index: -1;}
#teh1 {position: absolute; left: 0;   top: 0; width: 67.5%;   height: 160px; z-index: 5;}
#teh2 {position: absolute; left: 67.5%; top: 0; width: 240px; height: 159px; overflow: hidden;}
#teh2, x:-moz-any-link {height: 170px; top: -11px;}

#tec  {width: 65%; min-height: 69.25%; padding-top: 184px; padding-bottom: 24px; margin-right: 4%;}
#tec, x:-moz-any-link {width: 66%;}

#tec1 p,#tec1 h1,#tec1 h2,#tec1 h3,#tec1 h4,#tec1 h5,#tec1 h6 {padding: 0 20px;}
#teh1a p,#teh1a h1,#teh1a h2,#teh1a h3,#teh1a h4,#teh1a h5,#teh1a h6 {padding: 0; margin: 0; padding-left: 25px;}


#tec1 {margin: 0 24px; width: 90%; min-height: 25em;}
#teb1 {width: 97.5%; height: 1px; overflow: hidden;}
#teb2 {margin-top: -2px; width: 20px; height: 20px; float: right;}
#teb3 {margin-top: 20px; padding: 30px 0 101px 0; width: 100%; min-height: 240px;}

#tec11 {width: 380px; height: 25px; magin-top: -32px; margin-bottom: -27px; float: left; overflow: hidden;}
#tec12 {width: 340px; height: 25px; margin-top: 7px; float: left; overflow: hidden;}

#tec11 div.kuppe {width: 10px; height: 25px; float: right;}
#tec12 div.kuppe {width: 9px; height: 25px; float: right;}

#tec11 p,#tec11 h1,#tec11 h2,#tec11 h3,#tec11 h4,#tec11 h5,#tec11 h6,
#tec12 p,#tec12 h1,#tec12 h2,#tec12 h3,#tec12 h4,#tec12 h5,#tec12 h6 
{margin-top: 3px;}

#tem  {position: absolute; top: 0; left: 65.5%; width: 240px; padding-top: 180px; margin-left: 30px;}

#tem ul {margin-left: 0; padding-left: 1.5em;}

html:first-child>b\ody #tec1 {width: 92%;}

hr {height: 1px; width: 93%;}
html:first-child>b\ody hr {width: 99%; margin-left: 5px;}

/* --- ( 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;}


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

#tei {position: absolute; right: 18px; bottom: 1px; width: 10px; height:300px; background: transparent; overflow: hidden; z-index: 10;}
#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;}


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

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

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

.marker         {background:#999999; 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: 20px; padding: 24px; border: 1px solid #828282; background: #F7F7F7;}

#teh1a h1.title {color: #617281; margin-top: 130px;}

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