@charset "utf-8";
/* ############################ 
Dateiname:   style.css
Erstellt am: 27.08.2008 (BF)
Projektname: NGT Service GmbH
############################### */

/* Allgemeine Layout-Angaben */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
         font-size: 12px;
         line-height: 18px;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}

body * {
  text-align: left;
}

#MasterContainer {
  width: 900px;
  height: auto;
  margin: 0px auto 25px auto;
  padding: 0;
}

#HeaderContainer {
  width: 900px;
  height: 120px;
  background: #ffffff;
  border-bottom: 2px solid #00538d;
  margin: 0;
  padding: 0;
}

/* Horizontale Navigation */
#MainNavi {
  float: left;
  width: 750px;
  height: 20px;
  margin: 92px 0 0 0;
  padding: 0;
}

#MainNavi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#MainNavi ul li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}

#MainNavi ul li a, #MainNavi ul li a:link {
  color:#00538d;
  font-weight: bold;
  font-size: 14px;
  text-decoration:none;
}

#MainNavi ul li a:hover, #MainNavi ul li a:active, #MainNavi ul li a.active {
  color:#FF6600;
}

#Logo {
  float: right;
  text-align: right;
  width: 150px;
  height: 75px;
  margin: 37px 0 0px 0;
  padding: 0;
  border: 0;
}

/* Portalgrafik und Breadcrumb */
#BorderImageFolge {
  width: 898px;
  height: 200px;
  border-top: 1px solid #ffffff;
  border-bottom: 2px solid #00538d;
  border-left: 1px solid #00538d;
  border-right: 1px solid #00538d;
  z-index: 0;
}

#BorderImageFolge #breadcrumb {
  height: 200px;
  z-index: 10;
  margin: -20px 0 0 40px;
}

#BorderImageFolge #breadcrumb a, #BorderImageFolge #breadcrumb a:link {
  background: url(../images/breadcrumb.jpg) repeat-x;
  display: Inline;
  padding: 3px 5px 3px 5px;
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 25px;
  z-index: 50;
}

/* Contentdarstellung */
#ContentContainer {
  width: 898px;
  min-height: 440px;
  margin: 0;
  padding: 0 0 40px 0;
  border-left: 1px solid #00538d;
  border-right: 1px solid #00538d;
  overflow: hidden;
}

/* Standard-Content über gesamte Breite */
#Content {
  float: left;
  width: 619px;
  background: #edf3f7;
  margin: 1px 0 0 0;
  padding: 55px 40px 0px 40px;
  margin-bottom: -32767px;
  padding-bottom: 32767px;
}

#Content h1 {
  font-size: 16px;
  letter-spacing: 1px;
  color: #00538d;
  font-weight: bold;
  padding: 0;
  line-height: 30px;
  margin: 0 0 10px 0;
}

#Content h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 -10px 0;
  padding: 0;
}

/* Wird benötigt, damit Überschriften im grafischen Zustand kein zusätzlicher Fließtext angezeigt wird */
.graphical span {
  width:1px;
  height:1px;
  overflow:hidden;
  position:absolute;
  color:#edf3f7;
}

#Content p.bodytext {
  color: #66667B;
  padding: 0;
  margin: 0 0 0px 0;
  text-align: justify;
}

#Content ul {
  font-size: 12px;
}

#Content ul li {
  color: #66667B;
}

#Content a, #Content a:link, #Content a:visited {
  color: #FF6600;
  text-decoration: none;
  border: 0;
}

#Content a:hover {
  text-decoration: underline;
}

/* Contentbilder mit weißem Abstand und grauen Rahmen */
.csc-textpic-imagewrap dl dt img {
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cccccc;
  margin: 0 0 10px 0;
}

/* Tabellendarstellung */
#Content table, #Content table.contenttable {
  border-top: 1px solid #00538d;
  padding: 0px;
  margin: 0;
  font-size: 12px;
  background: #ffffff;
  text-align: left;
}

#Content table thead tr th, #Content table thead tr td {
  font-weight: bold;
  border-top: 0;
  color: #00538d;
  background: #ffffff;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

#Content table tr td {
  color: #66667B;
  background: #ffffff;
  border-top: 1px solid #CCCCCC;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

/* Suchergenis-Anzeige */
#Content table.csc-searchResultInfo {
  width: 619px;
  margin-bottom: 20px;
  font-weight: bold;
}

#Content table.csc-searchResultInfo tr td {
  padding: 3px;
}

#Content p.csc-searchResult {
  margin-bottom: 20px;
}

/* Umschließt alle Spalten-Blöcke */
.SpaltenContainer {
  margin: 40px 0 0 0;
  padding: 0;
  float: left;
  width: 619px;
}

#Content .SpaltenContainer p.bodytext{
  font-size: 11px;
  line-height: 15px;
  color: #66667B;
  text-align: left;
}

/* Typo3-Definition für 2-Spalter für breite Spalte links und schmale Spalte rechts */
.csc-frame-frame1 {
  float: left;
  margin: 0;
  padding: 0;
  width: 400px;
}

.csc-frame-frame1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.csc-frame-frame1 ul li {
  background: url(../images/pfeil_grau.gif) no-repeat -3px 3px;
  padding: 0 0 0 7px;  
}

.csc-frame-frame2 {
  float: left;
  margin: 0 0 0 39px;
  padding: 0;
  width: 180px;
}

/* Bildunterschrift */
.csc-textpic-text p, p.align-left {
  font-size: 11px;
  line-height: 15px;
  color: #66667B;
  text-align: left;
}

dd.csc-textpic-caption  {
  font-size: 11px;
  line-height: 15px;
  color: #66667B;
  text-align: left;
  padding-top: 10px;
}



/* 2-Spalter für gleich breite Spalten */
.LinkeSpalteGleich {
  float: left;
  margin: 0;
  padding: 0;
  width: 290px;
}

.RechteSpalteGleich {
  float: left;
  margin: 0 0 0 39px;
  padding: 0;
  width: 290px;
}

/* 2-Spalter für Glossarliste */
.GlossarListZweiSpalter {
  float: left;
  margin: 0 39px -20px 0;
  padding: 0;
  width: 160px;
}

/* 3-Spalter alle Spalten gleich breit */
.SpalteEins {
  float: left;
  margin: 0;
  padding: 0;
  width: 180px;
}

.SpalteZwei {
  float: left;
  margin: 0 0 0 39px;
  padding: 0;
  width: 180px;
}

.SpalteDrei {
  float: left;
  margin: 0 0 0 39px;
  padding: 0;
  width: 180px;
}

/* Navigation rechts */
#SubNavi {
  float: left;
  width: 169px;
  background: #f6f9fb;
  margin: 1px 0 0 0;
  padding: 60px 10px 40px 20px;
  margin-bottom: -32767px;
  padding-bottom: 32767px;  
}

#SubNavi p {
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  padding: 0;
  margin: 0 0 30px 0;
}

#SubNavi p a, #SubNavi p a:link {
  color: #999999;
  font-size: 12px;
  text-decoration: none;  
}

#SubNavi ul {
  margin: 0;
  padding: 0;
  list-style: none; 
}

#SubNavi ul li {
  margin: 0 0 5px 0;
}

#SubNavi ul li a, #SubNavi ul li a:link {
  display: block;
  font-size: 10px;
  letter-spacing: 1px;
  background: url(../images/pfeil_grau.gif) no-repeat -3px 2px;
  padding: 0 0 0 11px;
  color: #2266AA;
  text-decoration: none;
  line-height: 14px;
  margin: 0;
}

#SubNavi ul li a:hover, #SubNavi ul li a:active, #SubNavi ul li a.active {
  background: url(../images/pfeil_orange.gif) no-repeat -3px 2px;
  color: #FF6600;
}

#SubNavi ul li ul li a, #SubNavi ul li ul li a:link {
  display: block;
  font-size: 10px;
  letter-spacing: 1px;
  background: #f6f9fb;
  padding: 0 0 0 12px;
  color: #2266AA;
  text-decoration: none;
  line-height: 12px;
  margin: 0;
}

#SubNavi ul li ul li a:hover, #SubNavi ul li ul li a:active, #SubNavi ul li ul li a.active {
  background: #f6f9fb;
  color: #FF6600;
}

/* Standard */
#ContentFooter {
  width: 900px;
  height: 2px;
  background: #00538d;
}

#FooterContainer {
  width: 900px;
  height: 50px;
  background: #ffffff;
  margin: 0;
  padding: 0;
}

#MetaNavi {
  float: left;
  width: 330px;
  height: 20px;
  margin: 10px 0 0px 0;
  padding: 0;
}

#MetaNavi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#MetaNavi ul li {
  float: left;
  margin-right: 15px;
  padding: 0;
}

#MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
  color:#999999;
  font-size: 12px;
  text-decoration:none;
}

#MetaNavi ul li a, #MetaNavi ul li a:hover {
  color:#FF6600;
}

#SearchBox {
  float: left;
  width: 240px;
  height: 20px;
  margin: 6px 0 0px 0;
  padding: 0;
}

#SearchBox form {
  margin: 0;
  padding: 0;
}

#SearchBox input.text {
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #999999;
  width: 150px;
  height: 13px;
}

#SearchBox input.btn {
  background: url('../images/ngt_suche_btn.jpg') no-repeat 0 3px;
  width: 59px;
  height: 24px;
  border: 0;
  cursor: pointer;
}

#CopyRight {
  float: left;
  width: 150px;
  height: 20px;
  margin: 10px 0 0px 180px;
  padding: 0;
  font-size: 12px;
  color: #999999;
}

/* #########################################
SITEMAP-Darstellung
######################################### */
#Content .csc-sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;  
}

#Content .csc-sitemap ul li a, #Content .csc-sitemap ul li a:link {
  color: #999999;
  font-size: 13px;
  text-decoration:none;
  padding: 0 0 0 26px;
  background: url('../images/btn_sitemap.gif') no-repeat 0px 1px;
  line-height: 28px;
  font-weight: bold;
}

#Content .csc-sitemap ul li a:hover {
  color: #FF6600;
}

#Content .csc-sitemap ul ul li a, #Content .csc-sitemap ul ul li a:link {
  font-size: 10px;
  padding: 0 0 0 38px;
  background: url(../images/pfeil_grau.gif) no-repeat 26px 1px;
  line-height: 18px;
  font-weight: normal;
}

#Content .csc-sitemap ul ul li a:hover {
  color: #FF6600;
  background: url(../images/pfeil_orange.gif) no-repeat 26px 1px;
}

#Content .csc-sitemap ul ul ul li a, #Content .csc-sitemap ul ul ul li a:link {
  font-size: 10px;
  padding: 0 0 0 45px;
  background: #edf3f7;
  line-height: 18px;
  font-weight: normal;
}

#Content .csc-sitemap ul ul ul li a:hover {
  color: #FF6600;
  background: #edf3f7;
}