html{
	background-color: #f3f3f3;
	background-image: url(gasunie_background.jpg);
	background-repeat: repeat-x;
	background-position: 0px -6px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 14px; 
	color: #666;
}
body{
	text-align: center;
}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 14px; 
	color: #666;
}
html, body, div#topmenu ul, div#submenu ul, div#header ul{
	margin: 0px; padding: 0px; 
}
a {
	color: #666;
}
div#outer{
	/* width: 882px; */
	width: 937px;  
	display: table; 
	margin: 0px auto;
	text-align: left; 
}
div#main {
	background-color: #fff;
	display: table; 
}
hr {
	clear: both;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #cbcbcb; 
	margin: 30px 0px 10px 0px;
	padding: 0px; 
}
/* Header */
div#header{
	background-image: url(gasunie_head.jpg);
	height: 92px; 
	padding-left: 242px;
	background-repeat: no-repeat; 
}
div#header ul{
	list-style-type: none; 
	/* list-style-image: url(/cms/media/pfeil_meta.gif); */
	list-style-position: inside;
}
div#header li{
	float: left;
	padding: 3px 3px 3px 10px;  
}
div#header a{
	text-decoration: none;
	font-size: 10px; 
}
/* Obermenue */
div#topmenu{
	height: 46px; 
	background-color: #ffbd05; 
}
div#topmenu ul{
	list-style-type: none;
	height: 26px; 
	background-color: #444;
}
div#topmenu li{
	float: left;
	padding: 7px 17px 5px 17px;   
}
div#topmenu li a{
	color: #fff;
	text-decoration: none;
}
div#topmenu li.selected{
	background-color: #ffbd05; 
}
div#topmenu li.selected a{
	color: #444;
}
/* Untermenue */
div#submenu {
	margin-left: 21px; 
	/* float: left; */ 
	width: 226px; 
}
div#submenu a{
	text-decoration: none; 
	font-size: 11px; 	
	color: #444;
}
div#submenu a.selected{
	text-decoration: none; 
	font-size: 11px; 	
	color: #444;
	font-weight: bold; 
}
div#submenu li{
	margin-top: 8px; 
}
div#submenu ul{
	display: table;
	list-style-position:outside;
	list-style-image: url(pfeil.jpg);
	margin: 16px 10px 0px 15px; 
}
div#submenu ul ul{
	margin: 0px 0px 0px 15px; 
	list-style-position:outside;
	list-style-type: disc;
	list-style-image: none; 
}
div#submenu ul ul li.selected{
	font-weight: bold;
}
/* Content */
div#content {
	/* padding: 24px 62px 24px 24px; */
	margin: 0px; 
	/* float: left; */ 
	display: table; 
	/* width: 465px; */ 
}
div#content div{
	margin: 24px 55px 10px 0px;  
}
div#content div div{
	margin: 0px; 
}
div#content h1 {
	font-size: 16px; 
	margin: 0px 0px 26px 0px; 
	color: #444;
}
div#content h2 {
	font-size: 13px; 
	margin: 40px 0px 0px 0px; 
	color: #ffbd05;
}
/* Teaser */
div#teaser {
	width: 170px;  
	display: table; 
	margin-top: 33px;
	font-size: 11px;  
}
div#teaser div#suche {
	padding: 0px 5px 10px 5px;	
	font-size: 10px; 
}
div#teaser div.teaser_headline{
	background-color: #dbdbdd;
	color: #444; 
	padding: 2px 10px 2px 10px; 
	font-weight: bold; 
}
div#teaser div.teaser_body, div#teaser div#teaser_functions{
	padding: 10px 10px 30px 10px; 
}
div#teaser div#teaser_functions a{
	text-decoration: none;
	line-height: 20px; 
}
 
}

/* für Successnet Göbel Infoboxen mit Erklärungstext */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#f3f3f3;
    color:#000000 !important;
	font-weight: normal !important;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#e1e1e1}/* bei #f3f3f3 funktionierte das im IE6 nicht mehr. unglaublich aber wahr  */

a.info span{display: none; }

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:25em;
	border:1px solid #0B2150;
	background-color:#FCCC4C; color:#000000;
	text-align: center;    
	font-weight: normal !important;
	font-weight: normal}
/* fuer sn kleiber */
.dc table {border-collapse:collapse;border:1px solid #666;}
.dc table tr {line-height:21px;}
.dc table td {border:1px solid #666;padding-left:5px;}
.dc table thead tr td {background-color: #FBCD4C;} 
.dc .spalte1 {width: 455px;}
.dc .spalte2 {width: 77px;}
.dc .spalte3 {width: 80px;}
.dc .spalte1a {width: 332px;}
.dc .spalte2a {width: 80px;}
.dc .spalte3a {width: 60px;}
.dc .spalte4a{width: 140px;} 
td.my_table{background-color: #ffd150;}