/* CSS Datei fuer die Gasseite */

html,body {
	margin: 0;
	padding: 0;
	/*background: #999 url(../images/bg_grey.png) repeat-x;*/
	background-color: #ccc;
}

body {
	font: 82% arial,sans-serif;
	text-align: center;
}

img {
	border: 0;
}

a {
	outline: none;
}

#container { 
	/* background: #fff url(../images/bg_container.png) repeat-y top left; */
	margin: 22px auto 0;
	text-align: left;
	width: 997px;
	padding-top: 112px;
	position:relative;
}


/*----------Headerbereich Anfang -------------*/

#header {
	background: transparent url(../images/bg_header_sign_gas1.png) no-repeat top left;
	/* border-top: 27px solid #5272AA; */	
	height: 153px;
	width: 868px;
}

/*
#header h1 {
    color:	#333333;
	font-size:	12px;
	line-height:	16px;
	margin:	-95px 0 0 0;
	padding: 0 15px 0 550px;
	text-align:	right;
	width:	300px;
}
*/

#header h1 {
	color:#999999;
	font-size:12px;
	line-height:18px;
	margin:-95px 0pt 0pt;
	padding:20pt 15px 0pt 134px;
	text-align:left;
	width:400px;
}

#header img {
    margin:	0 0 0 50px;
}

ul#metanav {
	list-style: none; 
    background: transparent url(../images/bg_menu_gas.png) repeat-x;
    line-height: 30px;
    margin: 0;
    padding: 6px 15px 0 0;
    text-align: right;
    width: 853px;
}

*:first-child+html ul#metanav {
}

ul#metanav li {
	display: inline;
	color: #333;	
}

ul#metanav li a {
	color: #333;	
}

ul#metanav li a:link,
ul#metanav li a:visited
{	
	text-decoration: none
}

ul#metanav li a:hover,
ul#metanav li a:active
{
	text-decoration: underline;
}

#wrapper {
	background: #fff url(../images/bg_container.png) repeat-y top left;
	float: left;
	width: 867px;
}

#content, #icontent { 
	/* 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	*/
	margin: 0 190px 0 200px;
	padding: 8px 20px 60px 20px; 
	min-height: 700px;
	line-height: 1.4em;
}

#content p,
#icontent p {
	line-height: 1.4em;
}

#content .verivox,
#contentwide .verivox
#icontent .verivox { 
	padding: 10px;
}

#content .verivox h1, 
#content .verivox h2,
#extra h2 { 
	font-size: 1.2em;
}

#content .verivox a { 
	color: #333;
}

#content .verivox a:link,
#content .verivox a:visited { 
	text-decoration: underline;
}

#content .verivox a:hover,
#content .verivox a:active { 
	color: #1a4b8d;
	text-decoration: underline;
}

#content .verivox #business { 
	width: 400px;
}

#content .verivox table,
#contentwide .verivox table,
#content .verivox #business table,
#contentwide .verivox #business table { 
	font-size: 1em;

}

#content .verivox form,
#contentwide .verivox form,
#content .verivox #business form,
#contentwide .verivox #business form { 
	background-color: #e2ebed;
}

#content .verivox #calc table { 
	
}

#content .verivox #form1 input { 
	width: 364px;
}

#contentwide { 
  background-color: #fff;
	border-left: none;
	border-right: none;
	margin: 0 0 0 210px;
	padding: 10px 10px 70px 10px; 
}

#contentwide .verivox h1, 
#contentwide .verivox h2 { 
	font-size: 1.4em;
}

#contentwide .verivox #business select { 
	width: 150px !important;
}

#contentwide .verivox { 
	margin-bottom: 30px;
	padding-bottom: 30px;
	
}

#content .werbung,
#contentwide .werbung { 
	display: block;
	margin: 30px auto 10px;
	width: 300px;
}


/*----------Contentbereich Ende --------------*/

#navigation {
	float: left;
	margin-left: -867px;
	padding: 20px 10px 0 10px;
	width: 180px;
}

#navigation h2 {
	background: #eee;
	color: #1a4b8d;
	font-size: 1.1em;
	margin: 0;
	padding: 4px 0 4px 10px;
}

#navigation h3 {
	font-size: 1em;
	margin: 0;
	padding: 4px 0 4px 10px;
}

#navigation h3.first {
	margin: 30px 0 0 0;
}


#navigation p {
	color: #666;
	font-size: .9em;
	margin: 0;
	padding: 0 0 10px 10px;
}



#navigation ul {
 	margin: 5px 0 5px 0;
 	padding: 0;
}

#navigation ul li {
	border-bottom: 1px solid #ccc;
	line-height: 26px;
	list-style: none;
	padding: 0 0 0 10px;
}

#navigation ul li a{
	color: #333;
	padding: 0;
}


#navigation ul li a:link,
#navigation ul li a:visited
{
	text-decoration: none;
}


#navigation ul li a:hover,
#navigation ul li a:active
{
	text-decoration: underline;
}


#extra {
	float: left;
	margin-left: -190px;
	padding: 10px;
	width: 170px;
}

#extra p {
	color: #666;
	font-size: 0.9em;
}

#extra hr {
 border: 0px; /* FŸr Firefox und Opera */
 border-top: solid 1px #ccc;
 border-bottom: transparent;
}


#extra form table {
	/*background-color: #E49600;*/
	background: transparent url(../images/calcBoxBottom1.png) no-repeat bottom left;
	padding: 5px;
}

#extra form table td.trenner {
	padding-bottom: 3px;
	font-size: 0px;
}

#extra form table td.calcSubmit {
	text-align: center;
	border-top: 1px solid white;
	padding-top: 10px;
}

#extra .calcBox {
	background: transparent url(../images/calcBoxTop1.png) no-repeat top left;
}

#extra .calcBox h2 {
	padding: 10px 8px 0 8px;
}

#extra .calcBox p {
	padding: 0 8px;
	color: #000;
}

#extrawide {
	display: none;
	float: left;
	margin-left: -190px;
	padding: 10px;
	width: 170px;
}


#footer {
	background: transparent url(../images/bg_footer_gas2.png) no-repeat top left;
	clear: left;
	color: #fff;
	height: 124px;
	width: 867px;
}
#footer p {
	margin: 0;
	padding: 12px 18px;
}

#footer a {
	display: inline;
	padding: 0;
	color: #C6D5FD;
}

#topBanner {
 	width: 728px;
	position: absolute;
	top: 0;
	left: 66px;
}

#rightBanner {
	right: 0;
	position: absolute;
	top: 112px;
}    

/* CSS fuer das Iframe */

#mic {	
	border: 1px solid fuchsia;
}

iframe #aubg { 
background-color: transparent;
}