/* --- ( 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 #fff;}
#tem1 {background: url(images/bg_tem1.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;}

h1 {font-size: 1.5em; font-weight: normal; color: #828282;}
h2 {font-size: 1.3em; font-weight: bold; color: #868686;}
h3 {font-size: 1.15em; font-weight: bold; color: #969696;}
h4 {font-size: 1em; font-weight: bold; color: #9a9a9a;}
h5 {font-size: .95em; font-weight: bold; color: #9a9a9a;}
h6 {font-size: .95em; font-weight: bold; color: #aaa;}


#kv {border-left:1px solid #fff; border-right:1px solid #fff;}

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

a         {color: #183282; text-decoration: none;}
a:link    {color: #183282; text-decoration: none;}
a:visited {color: #1E5577;}
a:active  {color: #AF0B0B;}
a:hover   {color: #183282; text-decoration: underline;}

#tem1 ul, #tem2 ul {list-style-type: none; list-style-image: none;}

#tem1 li {font-size: 1.05em; font-weight: bold; color: #828282; border-top:1px solid #474747;}

#tem1 a           {color: #183282; text-decoration: none; background: url(images/bg_tem1a.gif) 2px 0 no-repeat #fff;}
#tem1 a:link      {color: #183282; text-decoration: none; background: url(images/bg_tem1a.gif) 2px 0 no-repeat #fff;}
#tem1 a:visited   {color: #1E5577;}
#tem1 a:active    {color: #AF0B0B;}
#tem1 a:hover     {color: #183282; text-decoration: none; background: url(images/bg_tem1ah.gif) 2px 0 no-repeat #efefef;}
#tem1 span.active {color: #474747; background: url(images/bg_tem1aa.gif) 2px 0 no-repeat #e9e9e9;}

#tem1 hr {color: #474747; background: #474747; height: 1px; border: 0;}

#tem2 a           {color: #828282; font-weight: bold; text-decoration: none;}
#tem2 a:link      {color: #828282; text-decoration: none;}
#tem2 a:visited   {color: #1E5577; }
#tem2 a:active    {color: #AF0B0B; }
#tem2 a:hover     {color: #183282; text-decoration: underline;}
#tem2 span.active {font-weight: bold;}

p.imp, p.imp a, p.imp a:link,p.imp a:visited,p.imp a:hover,p.imp a:active {font-size: .9em; color:#aaa; text-decoration: none;}
#imp {border-top: 1px solid #474747;}

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

#tew     {position: relative; width: 100%; min-height: 100.5%; margin-bottom: -3em;}
#tef     {position: relative; width: 100%; bottom: 0; text-align: right;}
#teh     {position: absolute; top: 0; left: 5%; width: 742px; height: 350px;}
#tec     {position: relative; top: 0; left: 5%; width: 736px; min-height: 180px; padding-top: 390px; margin-left: 10px; z-index: 5;}

#org     {position: absolute; top: -5xp; left: 0; height: 69px; width: 740px; z-index: 12; overflow: hidden;}
#kv      {position: absolute; top: 69px; width:572px; height: 227px; margin-left: 170px; margin-top: 15px;}
#tem1    {position: absolute; bottom: -20px; width: 170px; height: 310px; z-index: 10;} 
#tem2    {position: absolute; bottom: 36px; right: 0px; height: 14px; z-index: 10;}
#tem1 hr {position: relative; top: -5px; left: 5px; width: 159px;}

#org img {position: relative; top: -1em;}

html:first-child>b\ody #tem1 hr {top: -7px;}
html:first-child>b\ody #tem2    {bottom: 20px;}
html:first-child>b\ody #org img {position: relative; top: -1.65em;}


#tem1 ul {position: relative; left: 10px;}

#tem1 ul {margin:0; padding: 0; width: 159px; margin-top: 21px; padding-top: 17px;}
#tem1 li {display: block; height: 17px; margin: 0; padding: 0;}

#tem1 a            {display: block; height: 19px; margin: 0; padding: 0 0 0 20px;}
#tem1 a:link       {display: block; height: 19px; margin: 0; padding: 0 0 0 20px;}
#tem1 span.active  {display: block; height: 19px; margin: 0; padding: 0 0 0 20px;}

#org: img {padding-top: 1em;}

#tesw {margin: 32px 0 0 15px;}

#tem1 li, #tem1 li+li {margin: 0; padding: 0;}
#tem2 li {display: inline;}

 
#kv img {position: absolute; top: 0; left: 1px; width: 570px; height: 225px; overflow: hidden;}

#tuc1 {width: 47%;    float: left; margin-right: 1em;}
#tuc2 {width: 47%;    float: left; margin-right: 0;}
#tuc3a {width: auto;  float: left;margin-right: 0;}

#tuc1a {width: 60%; float: left; margin-right: 1em;}
#tuc2a {width: 36%; float: left;margin-right: 0;}
#tuc3a {width: auto;  float: left;margin-right: 0;}

#tric1 {width: 32%;  float: left; margin-right: 1em;}
#tric2 {width: 32%;  float: left; margin-right: 1em;}
#tric3 {width: 32%;  float: left; margin-right: 0;}
#tric4 {width: auto; float: left; overflow: hidden;}

hr.span {color: #fff; background: #fff; border:0; height: 0; width: auto;}

.imp {padding: .2em .5em 0 0;}
.clear0 {clear: both; height: 1px; width:1px; line-height: 0px;}

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

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