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

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

#keyv {background: url(images/bg_keyv.jpg) top left no-repeat #68756c; border: 5px solid #fefff9;}

#tefshl{background: url(images/bg_tew.gif) top right repeat-y #7ec423;}
#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: #BDA485; background-color: transparent; text-decoration: none;}
a:link    {color: #BDA485;}
a:visited {color: #b67158;}
a:active  {color: #cc0;}
a:hover   {color: #7EC423; text-decoration: underline;}

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


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

#tem a           {color: #FEFFF9;}
#tem a:link      {color: #FEFFF9;}
#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: #fefff9;}

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


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

#tew {position: relative; min-height: 100%; top: 0; margin: 0 0 -44px -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; height: 35px; width: 690px; overflow: hidden;}
#tef {position: relative; left: 50%; bottom: 0; margin: 0 0 -10px -350px; width:700px; min-height: 40px;}


#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    {position: relative; float: right; right: 0; text-align: right; min-width: 120px; max-width: 140px; min-height: 140px;}
#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;}

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

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

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

.marker         {background:#dd0; color:#000;}
.markerschwarz  {background:#000; color:#fff;}
.markergelb     {background:#ff0; color:#000;}
.box            {background:#e5e5e5; color:#797979; border:1px solid #999; margin:24px; padding:8px}

.line           {border-bottom: 1px solid #474747;}
.strichel       {border-bottom: 1px dashed #828282;}
.fatline        {border-bottom: 10px solid #828282;}
.zitat          {border-left:   5px solid #E6E6CC; padding-left: 4px;}

.markerdgrey         {background:#828282; color:#fefff9;}


.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:#7ec423; color:#fefff9; padding: 5px; border: 2px dotted #fefff9;}

.box100 {width: 100%; display: block; background:#dd0; color:#000; padding: 4px;}

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

/* --- ( 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: #7ec423;}
#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";

