/* --- ( 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 repeat-x #b51749;
 font: 13px/1.4em Verdana, Arial, Helvetica,sans-serif; color: #474747;}

#tew   {background: url(images/bg_tew.gif) top right repeat-y #fffaeb;}
#teh   {background: url(images/bg_teh.gif) top left repeat-x #7a1033; color: #fffaeb;}
#tef   {background-color: #7a1033; color: #fffaeb;}

#listmenu1 {background: #fffaeb;}

#keyv {background: url(images/bg_keyv.jpg) top left no-repeat #7a1033; border: 5px solid #fffaeb; color: #474747;}

#tefshl{background: url(images/bg_tew.gif) top right repeat-y #b51749;}
#tehshade {background: url(images/teh_shade.gif) top right no-repeat transparent;}
#tefshade {background: url(images/tef_shade.gif) bottom right no-repeat transparent;}


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

p  {margin-top: 0; padding-top: 0; line-height: 1.5em; margin-bottom:  1em;}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}
h1, h2, h3, h4, h5, h6 {margin: 1.25em 0 0.15em 0; line-height: 115%; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif;}

ul, ol, dl {}
ul {list-style: none; list-style-image: url(images/li.gif);}

a         {color: #9d0a0f; background-color: transparent; text-decoration: none;}
a:link    {color: #b51749;}
a:visited {color: #b51749;}
a:active  {color: #474747;}
a:hover   {color: #b51749; text-decoration: underline;}

#tef a         {color: #fffaeb; background-color: transparent;}
#tef a:link    {color: #fffaeb;}
#tef a:visited {color: #fffaeb;}
#tef a:active  {color: #fffaeb;}
#tef a:hover   {color: #fffaeb; text-decoration: underline;}


#tem ul {list-style-type: none; list-style-image: none;}
#tem li {font-weight: bold; color: #fffaeb;}

#tem a           {color: #fffaeb;}
#tem a:link      {color: #fffaeb;}
#tem a:hover     {background: url(images/bg_linkactive.gif) repeat-x; text-decoration: none;}
#tem span.active, #tem a.active {background: url(images/bg_linkactive.gif) top repeat-x;}

#listmenu1 {list-style-image: none; list-style-type: none;}

/* Schriftfarbe Kopf und Fuß */
#teh p, #teh h1, #teh h2, #teh h3, #teh h4, #teh h5, #teh h6, 
#teh ol, #teh ul, #teh dl, #teh th, #teh td, #tef p, #tef h1, 
#tef h2, #tef h3, #tef h4, #tef h5, #tef h6, #tef ol, #tef ul, 
#tef dl, #tef th, #tef td {color: #fffaeb;}

#keyv p, #keyv h1, #keyv h2, #keyv h3, #keyv h4, #keyv h5, 
#keyv h6, #keyv ol, #keyv ul, #keyv dl, #keyv th, #keyv td
{color: #474747;}


/* Farben Formular */
input, textarea {background-color: #F2F3E9;}
input.radio {background: #fffaeb;}
input.button {background: #7a1033; color: #fffaeb; font-weight: bold; border: 3px outset #aaa;}


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

#tew  {position: relative; min-height: 100%; top: 0; margin: 0 0 -60px -350px; width: 700px; left: 50%; margin-left: -350px;}
#teh  {position: absolute; left: 50%; top: 0; width: 700px; height: 202px; margin-left: -350px; overflow: hidden;}
#tec  {position: relative; padding: 212px 30px 18px 30px;}
#tem  {position: relative; margin-top: 16px; min-height: 35px; width: 690px; overflow: hidden;}
#tef  {position: relative; left: 50%; bottom: 0; margin: 0 0 -10px -350px; width:700px; min-height: 56px; clear: both;}
#tec1 {width: 480px;}
#tem2 {position: relative; float: right; right: 0; width: 140px; margin-left: 15px;}

#tehshade {position: absolute; right: 0; width: 10px; height: 100%; z-index: 5;}
#tefshade {position: relative; left: 50%; bottom: 4px; margin-left: -352px; width: 700px; height 8px;}
#tefshl   {position: absolute; right: 0; width: 8px; height: 100%;}
#keyv     {width: 676px; height: 132px; position: relative; top:0; left: 0; padding: 3px;}

#tem ul {margin-left: -24px; margin-top: 0;}
#tem li {float: left; padding: 0 .7em;}
#tem a, #tem a:link, #tem span {display: block; height: 35px; padding-top: 6px;}

/* Extrawurscht Opera 7 */
html:first-child>b\ody #tem ul {margin-left: 0;}
html:first-child>b\ody #tef    {margin-top: 4px; margin-bottom: -21px;}
html:first-child>b\ody #tefshl {height: 40px;}

ul#listmenu1    {text-align: right;}
#listmenu1 span.active {display: inline; background: none;}


#keyv p, #keyv h1, #keyv h2, #keyv h3, #keyv h4, #keyv h5, #keyv h6, 
#keyv ol, #keyv ul, #keyv dl, #keyv th, #keyv td {padding-left: 14px;}

#tef p, #tef h1, #tef h2, #tef h3, #tef h4, #tef h5, #tef h6, 
#tef ol, #tef ul, #tef dl, #tef th, #tef td {padding: .3em 1em;}

form {margin: 2em 0;}

.fl220   {float: left; width: 220px; margin-right: 20px;}
.fl300   {float: left; width: 300px; margin-right: 13px;}
.fl230   {float: left; width: 230px; margin-right: 10px;}
.fl150   {float: left; width: 154px; margin-right: 8px;}
.fl150a  {float: left; width: 154px; margin-right: 0px;}
.fl1    {float: left; width: 1px; overflow: hidden;}
.clear  {clear: both;}


/* --- ( 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:#b51749; color:#fffaeb;}
.markerschwarz  {background:#383832; color:#fffaeb;}
.markerdgrey         {background:#85806d; color:#fffaeb;}
.markergelb     {background:#ecde0a; color:#383832;}
.box            {background:#f5f0e1; color:#383832; border:1px solid #8e8977; margin:24px; padding:8px}

.line           {border-bottom: 1px solid #5b5b4c;}
.strichel       {border-bottom: 1px dashed #7a1033;}
.fatline        {border-bottom: 10px solid #7a1033;}
.zitat          {border-left:   5px solid #d1d1ca; padding-left: 4px;}



.fl50   {float: left; width: 47%; margin-right: 20px;}
.fl60   {float: left; width: 60%; margin-right: 7px;}
.fl30   {float: left; width: 32%; margin-right: 7px;}
.fl30c  {float: left; width: 27%; margin-right: 7px; background:#b51749; color:#fffaeb; padding: 5px; border: 2px dotted #fffaeb;}

.box100 {width: 100%; display: block; background:#e2396e; color:#fffaeb; padding: 4px; border: 5px solid #b51749;}

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

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

@import: url"icab.css";