/* *****************************************************

   Stylesheet Datei fuer die Website von

   Migratec Netzwerktechnik GmbH
   Spinnerei 48b
   71522, Backnang

   Telefon :  07191 36789-0
   Mail    :  info@migratec.de
   Web     :  www.migratec.de

   Der Inhalt dieser Datei ist das geistige Eigentum
   der Firma Migratec Netzwerktechnik GmbH.

   Inhalte oder Teile dieser Datei duerfen nur mit
   einer schriftlichen Genehmigung weiterverwendet,
   veraendert oder vervielfaeltigt werden.

   ***************************************************** */

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  background: #eeeeee;;
  font-family: Arial, Sans, Verdana, Tahoma, Helvecia;
  text-align: center;
}

/* --- Allgemeine Formatierungen --- */
img.links {
  float: left;
  margin: 0px 20px 15px 0px;
}


/* --- Seiten-Behaelter --- */
div.seite {
  padding: 0px 0px 0px 0px;
  margin: 20px auto 20px auto;
  width: 962px;
  background: transparent url('img/hintergrund.gif') repeat-y left top;
  text-align: left;
}


/* --- Kopfbereich --- */
div.seite div.kopf {
  padding: 17px 17px 0 17px;
  margin: 0;
  width: 930px;
  height: 331px;
  background: transparent url('img/kopf.jpg') no-repeat left top;
}

div.seite div.kopf div.shortcuts {
  position: absolute;
  top: 90px;
}

div.seite div.kopf div.shortcuts:first-child {
  margin: 0 20px 0 25px;
}

div.seite div.kopf div.shortcuts a {
  float: left;
  height: 31px;
  padding: 0;
  margin: 0 20px 0 0;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
}

div.seite div.kopf div.shortcuts a:hover {
  background-position: left -31px;
}

div.seite div.kopf div.shortcuts a.btnImpressum {
  width: 48px;
  background-image: url('img/btn_impressum.gif');
}

div.seite div.kopf div.shortcuts a.btnSitemap {
  width: 38px;
  background-image: url('img/btn_sitemap.gif');
}

div.seite div.kopf div.shortcuts a.btnKontakt {
  width: 34px;
  background-image: url('img/btn_kontakt.gif');
}

div.seite div.kopf ul.hauptmenue {
  margin: 0 0 0 20px;
  padding: 0;
  position: relative;
  top: 273px;
}

div.seite div.kopf ul.hauptmenue li {
  margin: 0 5px 0 0;
  float: left;
  list-style-type: none;
}

div.seite div.kopf ul.hauptmenue li a {
  padding: 8px 15px 8px 15px;
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  line-height: 30px;
  background: transparent;
}

div.seite div.kopf ul.hauptmenue li a:hover {
  background: #990000;
}

div.seite div.kopf ul.hauptmenue li.gewaehlt a {
  background: #990000;
}

div.seite div.kopf ul.hauptmenue li.gewaehlt ul.untermenue {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 34px;
  *top: 33px;

}

div.seite div.kopf ul.hauptmenue li.gewaehlt ul.untermenue li {
  margin: 0 5px 0 0;
  float: left;
  list-style-type: none;
}

div.seite div.kopf ul.hauptmenue li.gewaehlt ul.untermenue li a {
  padding: 4px 15px 4px 15px;
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  line-height: 25px;
  background: transparent;
}

div.seite div.kopf ul.hauptmenue li.gewaehlt ul.untermenue li a:hover {
  background: #ffffff;
  color: #545454;
}

div.seite div.kopf ul.hauptmenue li.gewaehlt ul.untermenue li.gewaehlt a {
  background: #ffffff;
  color: #545454;
}

/* --- Inhalt --- */
div.seite div.inhalt {
  margin: 0 16px 0 16px;
  width: 930px;
  float: left;
}

div.seite div.inhalt div.inhaltLinks {
  padding: 20px;
  width: 650px;
  float: left;
  font-size: 12px;
}


/* ***********************************************************
   News-Seite
   **********************************************************/

div.news {
  width: 100%;
  margin: 20px 0 10px 0;
}

div.news div.eintrag {
  margin: 0px 0px 15px 0px;
  float: left;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eeeeee;
}

div.news div.eintrag div.datum span.tag {
  display: block;
  color: #818181;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin: 0px 0px 0px 0px;
}

div.news div.eintrag div.datum span.monat {
  display: block;
  color: #818181;
  font-size: 9px;
  text-align: center;
  margin: 0px 0px 0px 0px;
}

div.news div.eintrag div.datum span.jahr {
  display: block;
  color: #ffffff;
  font-size: 9px;
  text-align: center;
  margin: 2px 0px 0px 0px;
}

div.news div.eintrag div.text {
  float: right;
  width: 580px;
  padding: 4px 0px 0px 10px;
}

div.seite div.inhalt div.inhaltLinks div.news div.eintrag div.text p {
  margin: 0 0 10px 0;
  padding: 0;
}

div.seite div.inhalt div.inhaltLinks div.news div.eintrag div.text h2 {
  margin: 0px;
  font-size: 12px;
  color: #333333;
  padding: 0;
}

div.seite div.inhalt div.inhaltLinks div.news div.eintrag div.text h2 a {
  color: #990000;
  text-decoration: none;
}

div.seite div.inhalt div.inhaltLinks div.news div.eintrag div.text h2 a:hover {
  text-decoration: underline;
}

div.seite div.inhalt div.inhaltLinks div.news div.eintrag div.text h3 {
  margin: 0px;
  padding: 0;
  font-weight: normal;
  font-size: 10px;
  color: #999999;
}


/* -- Aktuelle News -- */

div.newsAktuell div.eintrag div.datum {
  /* Bild: 49 x 51 px */
  float: left;
  width: 48px;
  height: 41px;
  padding: 5px 0 0 1px;
  margin: 6px 0 0 0;
  background: transparent url('img/datum_news.gif') no-repeat left top;
}

div.newsAktuell div.eintrag div.datum span.jahr {
  display: none;
}


div.blaettern {
  width: 100%;
  text-align: right;
  color: #7c4c7b;
}

div.blaettern a {
  text-decoration: none;
}

div.blaettern img {
  position: relative;
  top: 6px;
  margin-left: 10px;
}

div.blaettern form {
  width: 50px;
  display: inline;
}

div.blaettern select {
  width: 50px;
  *position: relative;
  *top: 2px;
}

/* -- Archiv News -- */

div.newsArchiv div.eintrag div.datum {
  /* Bild: 49 x 60 px */
  float: left;
  width: 48px;
  height: 50px;
  padding: 5px 0 0 1px;
  margin: 6px 0 0 0;
  background: transparent url('img/datum_archiv.gif') no-repeat left top;
}

/* -- News Artikel & Fuss --*/

div.news div.artikelfuss {
  color: #666666;
  font-size: 12px;
  width: 100%;
  margin: 30px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #eeeeee;
}

div.seite div.inhalt div.inhaltLinks div.news div.artikelfuss a {
  color: #636363;
  text-decoration: none;
}

div.seite div.inhalt div.inhaltLinks div.news div.artikelfuss a:hover {
  text-decoration: underline;
}

div.news div.artikelfuss a.zurueck {
  padding: 0px 0px 0px 15px;
  margin: 0px 10px 0px 0px;
  background: transparent url('img/zurueck.gif') no-repeat left 2px;
}

div.news div.artikelfuss a.drucken {
  padding: 0px 0px 0px 15px;
  margin: 0px 10px 0px 10px;
  background: transparent url('img/drucken.gif') no-repeat left 2px;
}

div.news div.artikelfuss a:hover {
  text-decoration: underline;
}

div.news div.artikelfuss div.links {
  float: left;
  width: 60%;
}

div.news div.artikelfuss div.rechts {
  text-align: right;
  float: right;
  width: 40%;
}

/* --- Hauptinhalt formatierungen --- */
div.seite div.inhalt div.inhaltLinks a {
  text-decoration: unerline;
  color: #990000;
}

div.seite div.inhalt div.inhaltLinks h1 {
  font-size: 18px;
  font-weight: normal;
  color: #555555;
  margin: 15px 0 0 0;
  padding: 0;
}

div.seite div.inhalt div.inhaltLinks h2 {
  font-size: 13px;
  font-weight: bold;
  color: #555555;
  margin: 15px 0 0 0;
  padding: 0;
}

div.seite div.inhalt div.inhaltLinks h3 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  margin: 15px 0 0 0;
  padding: 0;
}

div.seite div.inhalt div.inhaltLinks p.untertitel {
  margin: 0;
  padding: 0 5px 0 5px;
  font-size: 11px;
  line-height: 11px;
  text-align: left;
  color: #666666;
  border-left: 7px solid #990000;
}

div.seite div.inhalt div.inhaltLinks p {
  margin: 10px 0 20px 0;
  padding: 0;
  font-size: 12px;
  line-height: 19px;
  font-weight: normal;
  text-align: justify;
  color: #000000;
}

div.seite div.inhalt div.inhaltLinks p.links {
  text-align: left;
}

div.seite div.inhalt div.inhaltLinks p.rechts {
  text-align: right;
}

div.seite div.inhalt div.inhaltLinks p.mitte {
  text-align: center;
}

div.seite div.inhalt div.inhaltLinks ul {
  list-style-type: none;
  margin: 15px 0 20px 15px;
  padding: 0;
}

div.seite div.inhalt div.inhaltLinks ul li {
  background: transparent url('img/liste.gif') no-repeat left 4px;
  padding: 0 0 0 12px;
  margin: 0 0 7px 0;
}

div.seite div.inhalt div.inhaltLinks hr {
  border: 0px;
  border-bottom: 1px solid #cccccc;
}

/* --- Sitemap --- */
div.seite div.inhalt div.inhaltLinks ul.sitemap {
  padding: 0;
  margin: 20px 0 20px 15px;
}

div.seite div.inhalt div.inhaltLinks ul.sitemap li {
  background: transparent url('img/sitemap_seite.gif') no-repeat left 1px;
  padding: 0 0 0 17px;
  margin: 5px 0 5px 0;
  font-weight: bold;
}

div.seite div.inhalt div.inhaltLinks ul.sitemap li a {
  color: #666666;
  text-decoration: none;
}

div.seite div.inhalt div.inhaltLinks ul.sitemap li a:hover {
  text-decoration: underline;
}

div.seite div.inhalt div.inhaltLinks ul.sitemap li ul {
  padding: 0;
  margin: 0 0 10px 0;
}

div.seite div.inhalt div.inhaltLinks ul.sitemap li ul li {
  font-weight: normal;
}


/* --- Formular-Elemente --- */
form label {
  display: block;
  width: 120px;
  font-weight: normal;
  margin: 3px 0 0 10px;
}

form input.textfeld400 {
  width: 400px;
  font-size: 12px;
  font-family: Arial, Sans, Verdana, Tahoma, Helvecia;
  padding: 3px;
  border: 1px solid #d4d4d4;
  background: #ffffff url('img/textfeld_linie.gif') no-repeat left top;
}

form div.textfeld400x250bg {
  width: 406px;
  height: 256px;
  padding: 0px;
  margin: 0;
  border: 1px solid #d4d4d4;
  background: #ffffff url('img/textfeld_linie.gif') no-repeat left top;
}

form div.textfeld400x250bg textarea {
  font-size: 12px;
  font-family: Arial, Sans, Verdana, Tahoma, Helvecia;
  width: 400px;
  height: 250px;
  padding: 3px;
  margin: 0;
  background: transparent;
  border: 0;
}

form table td.buttonZeile {
  text-align: right;
}

form table tr td {
  vertical-align: top;
}

form button {
  color: #666666;
  font-weight: normal;
  padding: 3px 25px 3px 25px;
  background: #eeeeee;
  border: 0;
  border-bottom: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
}


/* --- Seitenleiste --- */

div.seite div.inhalt div.inhaltRechts {
  padding: 25px 10px 20px 25px;
  width: 185px;
  float: right;
  font-size: 11px;
  color: #666666;
}

div.seite div.inhalt a {
  color: #666666;
}

div.seite div.inhalt div.inhaltRechts h1 {
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 11px;
  color: #666666;
}

div.seite div.inhalt div.inhaltRechts p {
  margin: 5px 0 15px 0;
  padding: 0;
  font-size: 11px;
  line-height: 17px;
  color: #666666;
}



/* --- Fusszeile --- */

div.seite div.fuss {
  clear: both;
  padding: 0 30px 7px 30px;
  width: 902px;
  height: 34px;
  background: transparent url('img/fuss.gif') no-repeat left bottom;
  color: #999999;
  font-size: 10px;
}

div.seite div.fuss a {
  color: #999999;
  text-decoration: underline;
}

div.seite div.fuss a:hover {
  color: #666666;
  text-decoration: underline;
}