/* -----------------------------------------------------
   itmatters.de.css,v 1.0 2006/10/04 23:11:37

   Dipl.-Ing. Steffen Steiner
   http://www.ITmatters.de Internetservice

   Copyright (c) 2006 Dipl.-Ing. Steffen Steiner
   -----------------------------------------------------*/
/* -----------------------------------------------------
   body
   -----------------------------------------------------*/
html,body {
          margin:0;
          padding:0;
          }
body      {
          color:#666;
          font-size:12px;
          line-height: 125%;
          font-family:  'Trebuchet MS',sans-serif, tahoma, arial ;
          text-align:left;
          background-color: #666;
          }
#hintergrund
          {
          margin: auto;
          width:820px;
          height:100%;
          background-color:#fffff0;
          }
.li1     {
	      width:12px;
	      height:12px;
	      font-size:10px;
          padding:2px;
          margin:1px;
          color:#fff;
          background:#666666;
          border: 1px solid #232266;
          }
.li2     {
	      width:12px;
	      height:12px;
	      font-size:10px;
          padding:2px;
          margin:1px;
          color:#666;
          background:#fff;
          border: 0px solid #232266;
		  }
.li3     {
	      font-size:14px;
          padding:2px;
          margin:1px;
          color:#666;
          background:#fff;
          border: 0px solid #232266;
          }
/* -----------------------------------------------------
   oben
   -----------------------------------------------------*/
#oben     {
          width:820px;
          height:185px;
          margin:0px;
          padding:0px;
          }
#obenL    {
          float:left;
          width:35px;
          height:185px;
          margin:0px;
          padding:0px;
          }
   #obenL_1    {
               width:25px;
               height:25px;
               background-color:#666;
               border:5px solid #fffff0;
               }
   #obenL_2    {
               width:25px;
               height:115px;
               background-color:#B3AB96;
               border:5px solid #fffff0;
               border-top:0px;
               border-bottom:0px;
               }
   #obenL_3    {
               width:25px;
               height:25px;
               background-color:#232266;
               border:5px solid #fffff0;
               }
#obenM    {
          float:left;
          width:200px;
          height:185px;
          margin:0px;
          padding:0px;
          }
   #obenM_1    {
               width:200px;
               height:185px;
               background-color:#fffff0;
               background-image:url(../img/Logo_bild1.jpg);
               background-repeat: no-repeat;
               background-position: 0px 5px;
               }
#obenR    {
          float:left;
          width:585px;
          height:185px;
          margin:0px;
          padding:0px;
          }
   #obenR_1    {
               width:575px;
               height:25px;
               background-color:#666;
               border:5px solid #fffff0;
               }
      #obenR_1PA  {
                  text-align:right;
                  padding-right:25px;
                  padding-top:5px;
                  font-size:10px;
                  letter-spacing:1px;
                  }
   #obenR_2    {
               width:575px;
               height:115px;
               background-color:#B3AB96;
               border:5px solid #fffff0;
               border-top:0px;
               border-bottom:0px;
               background-image:url(../img/tvn_logo.gif);
               background-repeat: no-repeat;
               background-position: 25px 10px;
               }
   #obenR_2b    {
               width:575px;
               height:115px;
               background-color:#B3AB96;
               border:5px solid #fffff0;
               border-top:0px;
               border-bottom:0px;
               background-image:url(../img/tvn_logo2.gif);
               background-repeat: no-repeat;
               background-position: 25px 10px;
               }
   #obenR_3    {
               width:575px;
               height:25px;
               background-color:#232266;
               border:5px solid #fffff0;
               }
      #obenR_3PA  {
                  padding-left:25px;
                  padding-top:5px;
                  letter-spacing:1px;
                  }
/* -----------------------------------------------------
   menü
   -----------------------------------------------------*/
.oben_nav {
          float:left;
          margin:0px;
          padding:0px;
          list-style: none;
          }
.oben_nav a
          {
          color:#A6A4E0;
          text-decoration:none;
          }
.oben_nav ul
          {
          float:left;
          margin:0px;
          padding:0px;
          }
.oben_nav li
          {
          float:left;
          margin:0px;
          padding:0px 20px 0px 4px;
          border-left:1px solid #A6A4E0;
          }
.unt_nav {
          float:left;
          margin:0px;
          padding:0px;
          list-style: none;
          }
.unt_nav a
          {
          color:#ccc;
          text-decoration:none;
          }
.unt_nav ul
          {
          float:left;
          margin:0px;
          padding:0px;
          }
.unt_nav li
          {
          float:left;
          margin:0px;
          padding:0px 10px 0px 4px;
          border-left:1px solid #ccc;
          }
.oben_nav a:hover, body.home .home a
          {
          color: #ffffff;
          }
.oben_nav a:hover, body.aktuell .aktuell a
          {
          color: #ffffff;
          }
.oben_nav a:hover, body.unt .unt a
          {
          color: #ffffff;
          }
.oben_nav a:hover, body.produkte .produkte a
          {
          color: #ffffff;
          }
.oben_nav a:hover, body.kontakt .kontakt a
          {
          color: #ffffff;
          }

.unt_nav a:hover, body.impressum .impressum a
          {
          color: #ffffff;
          }
.unt_nav a:hover, body.recht .recht a
          {
          color: #ffffff;
          }
.unt_nav a:hover, body.agb .agb a
          {
          color: #ffffff;
          }
/* -----------------------------------------------------
   mitte
   -----------------------------------------------------*/
#mitte    {
          float:left;
          width:820px;
          margin:0px;
          background-image:url(../img/grau.gif);
          background-repeat: repeat-y;
          background-position: 35px 0px;
          }
#mitteL   {
          float:left;
          width:35px;
          margin:0px;
          padding:0px;
          background-color:#fffff0;
          }
#mitteM   {
          float:left;
          width:200px;
          margin:0px;
          padding:0px;
          }
   #mitteM_1   {
               width:200px;
               height:100px;
               margin:0px;
               padding:0px;
               background-image:url(../img/Logo_bild2.jpg);
               background-repeat: no-repeat;
               background-position: 0px 0px;
               }
   #mitteM_2   {
               width:200px;
               height:360px;
               margin:0px;
               padding:0px;
               background-image:url(../img/elektro2_detail3.jpg);
               background-repeat: no-repeat;
               background-position: 0px 0px;
               }
#mitteR   {
          float:left;
          width:585px;
          margin:0px;
          padding:0px;
          }
   #mitteR_1   {
               margin:0px;
               padding:10px;
               padding-left:30px;
               padding-right:30px;
               }
.l1       {
          float:left;
          }
.l2       {
          float:left;
          }
/* -----------------------------------------------------
   aktuell
   -----------------------------------------------------*/
#tvn      {
          float:left;
          width:511px;
          }
#tvn dl   {
          float:left;
          width:511px;
          margin:0px 0 40px 0px;
          padding:0px;
          display:inline;
          }
#tvn dt   {
          float:right;
          width:511px;
          margin:0;
          padding:0 0 10px 0;
          font-size:12px;
          letter-spacing:2px;
          }
#tvn dd   {
          margin:0 0 0 200px;
          padding:0;
          }
#tvn dl dd.img{
          margin:0;
          }
#tvn dd.img img{
          float:left;
          margin:0 8px 0 0;
          padding:4px;
          border:1px solid #d9e0e6;
          border-bottom-color:#c8cdd2;
          border-right-color:#c8cdd2;
          background:#fff;
          }
#tvn .alt dt{
          float:left;
          }
#tvn .alt dd{
          margin:0 0px 0 0;
          }
#tvn .alt dd.img img{
          float:right;
          margin:0 0 0 8px;
          }
/* -----------------------------------------------------
   unten
   -----------------------------------------------------*/
#unten    {
          clear:left;
          width:810px;
          height:25px;
          background-color:#666;
          margin:0px;
          border:5px solid #fffff0;
          }
#untenL   {
          width:540px;
          float:left;
          color:#B3AB96;
          }
#untenLPA {
          padding-left:30px;
          padding-top:5px;
          font-size:10px;
          letter-spacing:1pt;
          }
#untenR   {
          width:270px;
          float:right;
          }
#untenRPA {
          padding-right:0px;
          padding-top:5px;
          font-size:10px;
          letter-spacing:1pt;
          }
/* -----------------------------------------------------
   formular
   -----------------------------------------------------*/
form      {
          margin:0px;
          padding:0px;
          font-family:  'Trebuchet MS',sans-serif, tahoma, arial ;
          border:0px solid #d9e0e6;
          width:400px;
          }
input     {
          border:1px solid #B3AB96;
          background-color:#fffff0;
          font-family:  'Trebuchet MS',sans-serif, tahoma, arial ;
          margin:5px;
          margin-left:0px;
          padding:0px 2px 0px 5px;
          vertical-align:top;
          }
textarea  {
          border:1px solid #B3AB96;
          background-color:#fffff0;
          font-family:  'Trebuchet MS',sans-serif, tahoma, arial ;
          margin:5px;
          margin-left:0px;
          padding:0px 2px 0px 5px;
          vertical-align:top;
          }
.senden   {
          color:#fffff0;
          background-color:#666;
          border: 3px double #B3AB96;
          }
/* -----------------------------------------------------
   extras
   -----------------------------------------------------*/
.UNT      {
          width:500px;
          padding-bottom:20px;
          }
.UNT b    {
          font-weight:bold;
          }
.PAD      {
          padding-bottom:20px;
          }
#navlist  {
          list-style-image: url(../img/li.gif);
          }
#navlist li  {
          margin:0px;
          padding:1px;
          }
.imgN     {
          margin:4px;
          padding:4px;
          border:1px solid #d9e0e6;
          border-bottom-color:#c8cdd2;
          border-right-color:#c8cdd2;
          background:#fff;
          }
.imgNorm   {
          margin:10px 10px 10px 0px;
          padding:4px;
          border:1px solid #d9e0e6;
          border-bottom-color:#c8cdd2;
          border-right-color:#c8cdd2;
          background:#fff;
          }
.imgITM   {
          float:left;
          margin:10px 10px 10px 0px;
          padding:4px;
          border:1px solid #d9e0e6;
          border-bottom-color:#c8cdd2;
          border-right-color:#c8cdd2;
          background:#fff;
          }
.imgITM2  {
          float:right;
          margin: 0px 10px 10px 10px;
          padding:4px;
          border:1px solid #d9e0e6;
          border-bottom-color:#c8cdd2;
          border-right-color:#c8cdd2;
          background:#fff;
          }
h1        {
          font-size:24px;
          }
h2        {
          font-size:20px;
          }
h3        {
          font-size:16px;
          }
h4        {
          font-size:12px;
          }
b         {
          color:#666;
          }
h1,h2,h3,h4{
          letter-spacing:2px;
          color:#666;
          }

/* -----------------------------------------------------
   links
   -----------------------------------------------------*/
a.n:link    { color:#576CFF;text-decoration:none;font-weight:bold; }
a.n:visited { color:#576CFF;text-decoration:none;font-weight:bold; }
a.n:hover   { color:#666;text-decoration:none;font-weight:bold; }
a.n:active  { color:#666;text-decoration:none;font-weight:bold; }
a.n:focus  { color:#666;text-decoration:none;font-weight:bold; }

a.de:link    { color:#fffff0;text-decoration:none; }
a.de:visited { color:#fffff0;text-decoration:none; }
a.de:hover   { color:#ccc;text-decoration:none;}
a.de:active  { color:#ccc;text-decoration:none; }
a.de:focus  { color:#ccc;text-decoration:none; }

a.en:link    { color:#B3AB96;text-decoration:none; }
a.en:visited { color:#B3AB96;text-decoration:none; }
a.en:hover   { color:#fffff0;text-decoration:none; }
a.en:active  { color:#ccc;text-decoration:none; }
a.en:focus  { color:#ccc;text-decoration:none; }