/*
Website:     www.mitgas.de
Dateiname:   style.css
Verzeichnis: /css/
Erstellt am: 23/24.10.2007
von:         eks (BF)
*/

/* Globale Styleangaben */
body {
  margin: 0; 
  padding: 0; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 15px;
}

#home_link {
  position: absolute;
  top: 0;
  left: 50px;
  width: 180px;
  height: 120px;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 50;
}

img {
  margin: 0; 
  padding: 0; 
  border: 0;
}

a, a:link, a:active, a:visited {
  color: #ff0000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clear { clear:both; }

/* Header */
.privatkunden {background: #fff url(../images/h_privatkunden.jpg) no-repeat;}
.geschaeftskunden {background: #fff url(../images/h_geschaeftskunden.jpg) no-repeat;}
.marktpartner {background: #fff url(../images/h_marktpartner.jpg) no-repeat;}
.presseservice {background: #fff url(../images/h_presseservice.jpg) no-repeat;}
.unternehmen {background: #fff url(../images/h_home.jpg) no-repeat;}
.admin {background: #fff url(style_FILES/h_admin.jpg) no-repeat;}

/* SERVICE NAVIGATION */
#serviceNavi {
  width: 992px; 
  height: 148px; 
  font-size: 10px; 
  line-height: 12px; 
  border-right: 1px solid #104180;
  z-index: 0;
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	width: 991px;
}

html>body #serviceNavi {
  width: 991px;
}
#serviceNavi ul {
  list-style: none; 
  border: 0; 
  margin: 3px 0 0 0; 
  padding: 0; 
  float: right;
}

#serviceNavi ul li {
  float: left; 
  margin: 0; 
  padding: 0 5px; 
  border-left: 1px solid #ffcf59;
}
#serviceNavi a {
  text-decoration: none;
}
#serviceNavi a:link, #serviceNavi a:active, #serviceNavi a:visited {
  color: #fff;
}
#serviceNavi a:hover {
  text-decoration: underline;
}

/* Suche */
#suche {
  float: left; 
  background: #104180; 
  color: #fff; 
  font-size: 11px; 
  padding: 4px 0 0 8px; 
  margin: 0; 
  width: 183px; 
  height: 22px; 
  border-top: 1px solid #ffffff;
}

* html #suche {
  width: 183px;
  height: 23px;
}

* html #suche form {
  margin: 0;
  padding: 0;
}

#suche input {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  margin: 0; 
  padding: 0;
}

#suche input.go {
  color: #fff; 
  background: #104180; 
  font-size: 11px; 
  border: 0;
}

#suche input.suchfeld {
  width: 76px; 
  border: 1px solid #b7c6d9; 
  background: #f3f5f9; 
  font-size: 11px;
}

/* HAUPTNAVIGATION */
#mainNavi {
  width: 992px; 
  height: 29px; 
  position: relative;
  margin: -27px 0 0 0; 
  padding: 0; 
/*  background: #fff; */
  font-size: 10px; 
  z-index: 50;
  border-right: 1px solid #104180;
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	width: 991px;
}
html>body #mainNavi {
  width: 991px;
}
#mainNavi ul {
  list-style: none; 
  border: 0; 
  margin: 0 0 0 191px; 
  padding: 0;
}
#mainNavi ul li {
  float: left; 
  margin: 0; 
  padding: 0; 
/*  border-left: 4px solid #ff0000; */
  border-top: 1px solid #ffffff;
  width: 160px; 
  height: 26px;
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	width: 156px;
}
html>body #mainNavi ul li {
  width: 156px;
}
* html #mainNavi ul li {
  height: 27px;
}
#mainNavi a {
  color: #104180; 
  background: #d1e2f2; 
  text-decoration: none; 
  font-weight: bold; 
  display: block; 
  padding-left: 8px; 
  line-height: 26px; 
  height: 26px;
}
* html #mainNavi ul li a {
  height: 27px;
}
#mainNavi a:link, #mainNavi a:active, #mainNavi a:visited {
  color: #104180;
  border-left: 4px solid #104180;
}
#mainNavi a:hover {
  color: #fff; 
  background: #5492c6;
  border-left: 4px solid #ff0000;
}
#mainNavi a.active:link, #mainNavi a.active:active, #mainNavi a.active:visited {
  color: #fff; 
  background: #5492c6;
  border-left: 4px solid #ff0000;
}

/* SUBNAVI */
#subnavi {
  float: left; 
  background: url(style_FILES/subnavi_top.jpg) no-repeat; 
  width: 190px; 
  padding: 51px 0 35px 0;
}
#subnavi ul {
  list-style: none; 
  border: 0; 
  margin: 0; 
  padding: 0; 
  border-top: 6px solid #104180; 
  border-bottom: 6px solid #104180;
}
#subnavi ul li {
  margin: 0; 
  padding: 0; 
  border: 0; 
  display: inline;
}

/* subnavi level 1 */
#subnavi a {
  display: block; 
  color: #104180; 
  background: #adc9e5;
  text-decoration: none; 
  font-weight: bold; 
  padding: 5px 6px 7px 6px; 
	border-left: 4px solid #adc9e5;
	height: 1%; /* IE Win white space bug fix */
} 
#subnavi a:link, #subnavi a:active, #subnavi a:visited {
  color: #104180;
}
#subnavi a:hover {
  border-left: 4px solid #ff0000;
}
#subnavi a.active:link, #subnavi a.active:active, #subnavi a.active:visited {
  background: #5492c6; 
  border-left: 4px solid #ff0000; 
  color: #fff;
}

#subnavi a.on:link, #subnavi a.on:active, #subnavi a.on:visited {
  background: #5492c6; 
  border-left: 4px solid #104180; 
  color: #fff;
}
#subnavi a.on:hover {
  border-left: 4px solid #ff0000;
}

/* subnavi level 2 */
#subnavi ul ul {
  border-top: 1px solid #104180; 
  border-bottom: 1px solid #104180;
}
#subnavi ul ul li a {
  font-weight: normal; 
  padding: 5px 6px 7px 21px; 
  background: #d1e2f2; 
  border-left: 4px solid #104180;
}
#subnavi ul ul li a:hover {
  border-left: 4px solid #ff0000;
}
#subnavi ul ul li a.active:link, #subnavi ul ul li a.active:active, #subnavi ul ul li a.active:visited {
  background: #5492c6; 
  border-left: 4px solid #ff0000; 
  color: #fff;
}
#subnavi ul ul li a.on:link, #subnavi ul ul li a.on:active, #subnavi ul ul li a.on:visited {
  background: #5492c6; 
  border-left: 4px solid #104180; 
  color: #fff;
}
#subnavi ul ul li a.on:hover {
  border-left: 4px solid #ff0000;
}

/* subnavi level 3 */
#subnavi ul ul ul {
  border-top: 1px solid #104180; 
  border-bottom: 1px solid #104180;
}
#subnavi ul ul ul li a {
  font-weight: normal; 
  padding: 5px 6px 7px 36px; 
  background: #edf3fa; 
  border-left: 4px solid #adc9e5;
}
#subnavi ul ul ul li a:hover {
  border-left: 4px solid #ff0000;
}
#subnavi ul ul ul li a.active:link, #subnavi ul ul ul li a.active:active, #subnavi ul ul ul li a.active:visited {
  color: #104180; 
  background: #edf3fa; 
  border-left: 4px solid #ff0000;
}
#subnavi ul ul ul li a.on:link, #subnavi ul ul ul li a.on:active, #subnavi ul ul ul li a.on:visited {
  background: #5492c6; 
  border-left: 4px solid #104180; 
  color: #fff;
}
#subnavi ul ul ul li a.on:hover {
  border-left: 4px solid #ff0000;
}

/* CONTENT über die gesamte Breite */
#contentContainer {
  position: absolute; 
  top: 148px; 
  left: 0; 
  width: 992px; 
  border-right: 1px solid #104180;
	voice-family: "\"}\""; /* hide from IE 5 Win */
	voice-family:inherit;
	width: 991px;
}
html>body #contentContainer {width: 991px;}

/* CONTENT-FUßZEILE MIT KONTAKTADRESSE */
#contentFooter p {
  width: 530px;
  height: 14px;
  background: #ffffff;
  color: #5492c6;
}

/* MARGINALSPALTE */
#margin {
  float: right; 
  width: 190px; 
  font-size: 10px; 
  line-height: 12px; 
  padding: 0;
}
#margin h2 {
  color: #104180; 
  margin: 0 0 1em 0; 
  padding: 0 10px 1px 10px; 
  font-weight: bold; 
  font-size: 10px; 
  line-height: 14px; 
  border-right: 4px solid #ff0000;
  background: #d1e2f2;
}
#margin h3 {
  color: #104180; 
  margin: 0 0 1em 0; 
  padding: 0 10px 1px 10px; 
  font-weight: bold; 
  font-size: 10px; 
  line-height: 14px; 
  border-right: 4px solid #ff0000;
  background: #d1e2f2;
}
#margin p {
  margin: 0; 
  padding: 0 10px 0 10px; 
  color: #5492c6;
  line-height: 13px;
}
#margin a, #margin a:link, #margin a:active, #margin a:visited {
  color: #ff0000; 
  text-decoration: none;
  line-height: 14px;
}
#margin a:hover {
  text-decoration: underline;
}
#margin form {
  padding: 0 0 15px 0;
  margin: 0;
}

#margin select {
  background: #f3f5f9; 
  border: 1px solid #b7c6d9;
  width: 170px;
  font-size: 10px;
  margin: 0 10px 0 10px;
}

/* FUßZEILE */
#footer {
  width: 801px; 
  background: #104180; 
  clear: both; 
  height: 20px; 
  font-size: 10px; 
  line-height: 12px;
  padding-left: 190px;
}
#footer ul {
  list-style: none; 
  border: 0; 
  margin: 0; 
  padding: 4px 0 0 40px; 
  float: left; 
  white-space: nowrap;
}
#footer ul li {
  float: left; 
  margin: 0; 
  padding: 0 5px; 
  border-left: 1px solid #ffcf59;
}
#footer a {
  text-decoration: none;
}
#footer a:link, #footeri a:active, #footer a:visited {
  color: #fff;
}
#footer a:hover {
  color: #fff; 
  text-decoration: underline;
}


/* //////////////////////////////////////////////// */
/*      tt_news styles   @BG (06.061.2012)          */
/* //////////////////////////////////////////////// */

#ttNewsList										{ margin:10px 0px 20px 0px; }
#ttNewsList	.newsitem 							{ width:100%; margin-bottom:10px; }
#ttNewsList	.newsitem .newshead 				{ width:100%; padding:4px 10px; background:#d1e2f2; }
#ttNewsList	.newsitem .newshead p.newsdate 		{ float:left; color:#000; font-weight:bold; width:100px; }
#ttNewsList	.newsitem .newshead p.newstitle 	{ float:left; width:400px }
#ttNewsList	.newsitem .newshead p.newstitle a 	{ color:#104180; font-size:12px; font-weight:bold; text-decoration:underline; }
#ttNewsList	.newsitem .newsbody 				{ clear:both; padding:0px 10px 0px 110px; }













/* MouseOver Help */
div#tooltipp {
position: absolute;
cursor: help;
float:left
}

div#tooltipp a {
display: block;
}

div#tooltipp a:hover {
background: #FFFFFF;
}

div#tooltipp a span {
display: none;
}

div#tooltipp a:hover span {
display: block;
text-decoration: none;
color: #104180;
background: #d1e2f2;
border: 1px solid #104180;
width: 195px;
}