@charset "utf-8";




/* Reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0px; 
	padding:0px; 
} 
fieldset,img{  
	border:0px; 
} 
address,caption,cite,code,dfn,em,strong,th,var{ 
	font-style:normal; 
	font-weight:normal; 
}
ol,ul{ 
	list-style:none; 
} 
caption,th{ 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6{ 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after{ 
	content:''; 
} 
abbr,acronym{
	border:0px; 
}
a{
	text-decoration:none;
}
a:active, a:focus{
	outline:none;
}




/* Page */

body{
	background:#ffffff url(../images/body-background.png) top center no-repeat;
	font-size:12px;
	line-height:19px;
	font-family:arial;
	color:#898989;
}
body#home{
	background:#ffffff url(../images/body-home-background.png) top center no-repeat;
}
#page{
	width:950px;
	margin:0px auto;
}




/* Erdgas-Logo */

#erdgas{
	width:112px;
	height:30px;
	position:absolute;
	left:50%;
	margin-left:-475px;
	top:32px;
}
#erdgas a{
	display:block;
	width:112px;
	height:30px;
	background:url(../images/erdgas.png) left top no-repeat;
}




/* Header */

#header{
	width:950px;
	height:141px;
	float:left;
}
#header p#igwp_logo{
	float:right;
	width:230px;
	height:141px;
}
#header p#igwp_logo a{
	float:right;
	width:230px;
	height:141px;
	background:url(../images/logo.gif) no-repeat;
}
#header p#igwp_logo a span{
	display:none;
}
#header #navigation{
	float:left;
}




/* Navigation */

#navigation{
	height:35px;
	padding:106px 0px 0px 0px;
	width:720px;
}
#navigation li{
	float:left;
}
#navigation li a{
	height:35px;
	display:block;
}
#navigation li#navigation-home a{
	background:url(../images/navigation/home.gif) no-repeat;
	width:62px;
}
#navigation li#navigation-home a:hover,
body#home #navigation li#navigation-home a{
	background-position:0px -35px;
}

#navigation li#navigation-gaswaermepumpe a{
	background:url(../images/navigation/gwp.png) no-repeat;
	width:152px;
}
#navigation li#navigation-gaswaermepumpe a:hover,
body#gaswaermepumpe #navigation li#navigation-gaswaermepumpe a{
	background-position:0px -35px;
}
#navigation li#navigation-umwelt a{
	background:url(../images/navigation/umwelt.gif) no-repeat;
	width:80px;
}
#navigation li#navigation-umwelt a:hover,
body#umwelt #navigation li#navigation-umwelt a{
	background-position:0px -35px;
}
#navigation li#navigation-igwp a{
	background:url(../images/navigation/igwp.gif) no-repeat;
	width:56px;
}
#navigation li#navigation-igwp a:hover,
body#igwp #navigation li#navigation-igwp a{
	background-position:0px -35px;
}
#navigation li#navigation-presse a{
	background:url(../images/navigation/presse.png) no-repeat;
	width:76px;
}
#navigation li#navigation-presse a:hover,
body#presse #navigation li#navigation-presse a{
	background-position:0px -35px;
}
#navigation li#navigation-kontakt a{
	background:url(../images/navigation/kontakt.gif) no-repeat;
	width:91px;
}
#navigation li#navigation-kontakt a:hover,
body#kontakt #navigation li#navigation-kontakt a{
	background-position:0px -35px;
}
#navigation li#navigation-effizienzdialog a{
	background:url(../images/navigation/effizienzdialog.png) no-repeat;
	width:146px;
}
#navigation li#navigation-effizienzdialog a:hover,
body#effizienzdialog #navigation li#navigation-effizienzdialog a{
	background-position:0px -35px;
}
#navigation li a span{
	display:none;
}




/* Keyvisual */

#keyvisual{
	float:left;
	margin:0px 0px 10px 0px;
	width:950px;
	height:178px;
	position:relative;
}
#keyvisual img{
	width:950px;
	height:178px;
}


body#home #keyvisual{
	height:349px;
}
body#home #keyvisual ul li img{
	width:950px;
	height:349px;
}


/* Keyvisualfader-Images */
#keyvisual ul{
	position:relative;
}
#keyvisual ul li img{
	display:block;
}

/* Keyvisualfader-Pager */
#keyvisual ol{
	position:absolute;
	z-index:2000;
	left:20px;
	bottom:31px;
}
#keyvisual ol li{
	float:left;
	width:11px;
	height:11px;
	margin-left:10px;
}
#keyvisual ol li a{
	display:block;
	width:11px;
	height:11px;
	background-image:url(../images/button.png);
}
#keyvisual ol li a.active{
	background-image:url(../images/button_selected.png);
}
#keyvisual ol li a span{
	display:none;
}




/* Subnavigation */

#subnavigation{
	float:left;
	width:230px;
	min-height:400px;
	height:400px;
	margin:0px 10px 0px 0px;
	background:url(../images/subnavigation-background.png) bottom left no-repeat;
}
#subnavigation p{
	float:left;
	width:230px;
	height:48px;
	background:url(../images/boxes-right.png) top right no-repeat;	
}
#subnavigation p span{
	float:left;
	width:230px;
	height:48px;
}
#subnavigation p span span{
	display:none;
}
#subnavigation ul li{
	float:left;
	width:230px;
	height:38px;
}
#subnavigation ul li a{
	display:block;
	width:192px;/* 230 - 38 */
	line-height:38px;
	height:38px;
	padding-left:38px;
	
	background:url(../images/subnavigation-button-background.png) no-repeat;
	color:#898989;
	font-size:14px;
}
#subnavigation ul li a:hover,#subnavigation ul li.active a{
	background:url(../images/subnavigation-button-background-over.png) no-repeat;
	color:#e43117;
}




/* Content */

#content{
	width:470px;
	float:left;
	min-height:389px;
	background:url(../images/content-background.png) bottom right no-repeat;
	margin:0px 10px 30px 0px;
}
#content.column{
	width:710px;
	background-image:url(../images/content-background-2column.png);
	background-position:bottom right;
	margin-right:0px;
}
#content h1{
	float:left;
	width:470px;
	height:48px;
	background:url(../images/boxes-right.png) top right no-repeat;
	margin-bottom:20px;
}
#content h1 span{
	float:left;
	width:470px;
	height:48px;
}
#content h1 span span{
	display:none;
}
#content.column h1{
	width:710px;
}

#content h2{
	float:left;
	width:420px;/* 470px - 25px - 25px */
	padding:20px 25px 20px 25px;
	font-size:14px;
}
#content h2.first{
	padding:0px 25px 20px 25px;
}

#content p{
	float:left;
	padding:0px 25px 20px 25px;
}
#content h2{
	font-weight:bold;
}
#content h3{
	float:left;
	width:420px;
	padding:20px 25px 20px 25px;
	font-weight:bold;
	font-size:14px;
}
#content h3 strong{
	color:#e33219;
	font-weight:bold;
}
#content h3.first{
	padding:0px 25px 20px 25px;
}
#content p.teaser{
	font-weight:bold;
}
#content p.description{
	font-size:10px;
}
#content p a{
	color:#e43117;
	padding-left:10px;
	background:url(../images/boxes-bullet.png) no-repeat 3px center;
}
#content p a:hover{
	background-color:#f2f2f2;
}
#content p strong{
	font-weight:bold;
}

#content p.partner{
	float:left;
	width:418px;
}

#content p.partner img{
	margin:5px 10px 0px 0px;
	float:left;
	width:98px;
}
#content p.partner img.framed{
	border:1px solid #bbbdbe;
}

#content p.downloads{
	float:left;
	width:418px;
}

#content p.downloads img{
	margin:5px 10px 0px 0px;
	float:left;
}
#content p.downloads img.framed{
	border:1px solid #bbbdbe;
}
#content p.downloads a{
	padding-left:12px;
	background-position:0px center;
}
#content p.notice{
	font-size:11px;
	line-height:16px;
	color:#bbb;
}
#content a.no_bullet{
	padding:0px;
	margin:0px;
	background:none;
	float:left;
}
#content a.no_bullet img{
	padding:0px;
	background:none;
	float:left;
	margin:0px;
	padding:0px;
}
#content p object{
	float:left;
	border:1px solid #dddddd;
}

#content p.last{
	padding-bottom:30px;
}

#content dl.image{
	float:left;
}

#content dl.image{
	padding-left:25px;
	padding-bottom:20px;
}
#content dl.image dd{
	padding:5px 7px;
	background-color:#f2f2f2;
	font-weight:bold;
}
#content dl.image dt{
	border:1px solid #bbbdbe;
}

#content dl.image dt img{
	display:block;
}


#content ul{
	padding:0px 25px 24px 25px;
	float:left;
}
#content ul li{
	margin-bottom:15px;
	float:left;
	width:410px;
}
#content ul li a{
	color:#e43117;
	padding-left:10px;
	background:url(../images/boxes-bullet.png) no-repeat left center;
	font-weight:bold;
}
#content ul li ul{
	margin-top:0px;
	padding-bottom:0px;
}
#content ul li ul li{
	margin-bottom:0px;
}
#content ul li ul li a{
	font-weight:normal;
}
#content ul.nested li ul li{
	width:370px;
}
#content em{
	font-style:oblique;
}
sub {
	font-size:60%;
	letter-spacing:0.25em;
	line-height:0px;
}

#content #feldtestanlagen{
	position:relative;
}
#tooltip {
	position:absolute;
	z-index:9000;
	border:1px solid #999999;
	background-color:#ffffff;
	padding:5px;
	color:#666666;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 4px #888;
}
#tooltip h3, #tooltip div{
	margin: 0;
}
#tooltip strong{
	font-weight:bold;
}
#tooltip span.in_planung{
	color:#e63121;
	font-weight:bold;
}
#tooltip span.in_betrieb{
	color:#48ae34;
	font-weight:bold;
}




#faq{
	float:left;
	width:420px;
	margin:0px 25px 0px 25px;
	padding-bottom:25px;
}
#faq a{
	float:left;
	display:block;
	width:390px;
	margin-bottom:10px;
	padding:3px 10px 3px 20px;
	color:#E43117;
	background-color:#f5f5f5;
	background-image:url("../images/boxes-bullet.png");
	background-repeat:no-repeat;
	background-position: 7px 7px;
}
#faq a.selected{
	font-weight:bold;
	background-color:#eeeeee;
	background-image:url("../images/faq-bullet-open.png");
	background-position: 7px 10px;
}
#faq div{
	float:left;
	width:410px;
	padding:5px;
	margin-bottom:10px;
	background-color:#f7f7f7;
}
#faq div p{
	margin:0px;
	padding:0px;
}
#faq div p strong{
	font-weight:bold;
}

#content div.gallery-teaser{
	float:left;
	background-color:#eeeeee;
	margin:0px 25px 20px 25px;
	padding:10px;
	width:400px;
}
#content div.gallery-teaser ul{
	float:left;
	width:378px;
	margin:0px 0px 5px 0px;
	padding:10px;
	border:1px solid #dddddd;
	background-color:#ffffff;
}
#content div.gallery-teaser ul li{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	width:119px;
}
#content div.gallery-teaser ul li.last{
	margin:0px;
}
#content div.gallery-teaser ul li a{
	background-image:none;
	padding:0px;
	margin:0px;
}
#content div.gallery-teaser ul li a img{
	width:119px;
	display:block;
}
#content div.gallery-teaser p{
	margin:0px;
	padding:0px;
}

/* Boxes */

#boxes{
	width:230px;
	float:left;
}
#boxes div.box{
	width:230px;
	float:left;
	background:url(../images/boxes-background.png) bottom right no-repeat;
	margin-bottom:10px;
}
#boxes div.box h4{
	float:left;
	width:230px;
	height:48px;
	background:url(../images/boxes-right.png) top right no-repeat;
}
#boxes div.box h4 span{
	float:left;
	width:230px;
	height:48px;
}
#boxes div.box h4 span span{
	display:none;
}
#boxes div.box img{
	border-left:1px solid #bbbdbe;
	border-right:1px solid #bbbdbe;
	float:left;
	width:228px;
}
#boxes div.box p{
	padding:10px 15px;
	line-height:13px;
	float:left;
}
#boxes div.box p a{
	color:#e43117;
	padding-left:10px;
	background:url(../images/boxes-bullet.png) no-repeat left center;
	font-weight:bold;
	line-height:24px;
}
#boxes div.box p a:hover{
	background-color:#f2f2f2;
}




/* Boxen Startseite */

.boxes-home{
	float:left;
	width:230px;
	margin-right:10px;
	padding-bottom:30px;
	line-height:14px;
}
.boxes-home-last{
	margin-right:0px;
}
.boxes-home div.box{
	width:230px;
	float:left;
	background:url(../images/boxes-background.png) bottom right no-repeat;
	margin-bottom:10px;
}
.boxes-home div.box h4,.boxes-home div.box h4 span{
	float:left;
	width:230px;
	height:48px;
	background:url(../images/boxes-right.png) top right no-repeat;
}
.boxes-home div.box h4 span span{
	display:none;
}
.boxes-home div.box img{
	border-left:1px solid #bbbdbe;
	border-right:1px solid #bbbdbe;
	float:left;
	width:228px;
}
.boxes-home div.box p{
	padding:10px 15px;
	float:left;
}
.boxes-home div.box p a{
	color:#e43117;
	padding-left:10px;
	background:url(../images/boxes-bullet.png) no-repeat left center;
	font-weight:bold;
	line-height:19px;
}
.boxes-home div.box p a:hover{
	background-color:#f2f2f2;
}




/* Headlines */

#box-testimonial{
	background:url(../images/boxes/headline-testimonial.png) no-repeat;
}
#box-umwelt{
	background:url(../images/boxes/headline-umwelt.png) no-repeat;
}
#box-video{
	background:url(../images/boxes/headline-video.png) no-repeat;
}
#box-aktuell{
	background:url(../images/boxes/headline-aktuell.png) no-repeat;
}
#box-effizienzdialog{
	background:url(../images/boxes/headline-effizienzdialog.png) no-repeat;
}
#box-aktuell_gat{
	background:url(../images/boxes/headline-aktuell_gat.png) no-repeat;
}
#box-aktuell_shk{
	background:url(../images/boxes/headline-aktuell.png) no-repeat;
}
#box-aktuell_bet2010{
	background:url(../images/boxes/headline-aktuell.png) no-repeat;
}
#box-aktuell_gat2010{
	background:url(../images/boxes/headline-aktuell.png) no-repeat;
}
#box-aktuell_effizienzdialog,
#box-aktuell_gassonderdruck,
#box-aktuell_effizienzdialog_einladung,
#box-aktuell_ikz{
	background:url(../images/boxes/headline-aktuell.png) no-repeat;
}
#box-gwp{
	background:url(../images/boxes/headline-gwp.png) no-repeat;
}
#box-technologie{
	background:url(../images/boxes/headline-technologie.png) no-repeat;
}
#box-presse{
	background:url(../images/boxes/headline-presse.png) no-repeat;
}
#box-nachhaltigkeit{
	background:url(../images/boxes/headline-nachhaltigkeit.png) no-repeat;
}
#box-video_zeolith{
	background:url(../images/boxes/headline-video_zeolith.png) no-repeat;
}
#box-video_absorption{
	background:url(../images/boxes/headline-video_absorption.png) no-repeat;
}




/* Footer */

#footer{
	margin-top:0px;
	width:100%;
	float:left;
	background:url(../images/footer-background.png) repeat-x;
	margin-bottom:0px;
	height:250px;
}
#footer #footer-page{
	width:950px;
	margin:0px auto;
}
#footer #partner{
	width:830px; /* 950 - 120 */
	height:150px;/* 200 - 50 */
	float:left;
	padding:50px 0px 0px 0px;
}
#footer #partner li{
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	width:100px;
	height:30px;
	border:1px solid #e0e0e0;
}
#footer #partner li a{
	display:block;
	width:100px;
	height:30px;
}
#footer #quicklinks{
	float:left;
	width:120px; /* 950 - 830 */
	height:200px;
}
#footer #quicklinks #bookmarks{
	margin:55px 0px 15px 0px;
	float:left;
	width:120px;
	height:16px;
}
#footer #quicklinks #bookmarks li{
	float:left;
	margin-right:8px;
	width:16px;
	height:16px;
}
#footer #quicklinks #bookmarks li a img{
	width:16px;
	height:16px;
}
#footer #quicklinks #web20{
	margin:5px 0px 20px 0px;
	float:left;
	width:120px;
	height:20px;
}
#footer #quicklinks #web20 li{
	float:left;
	margin-right:5px;
}
#footer #quicklinks #web20 li a img{
	width:45px;
	height:20px;
}
#footer p{
	float:left;
}
#footer #meta{
	float:left;
	height:50px;
}
#footer #meta ul{
	float:left;
	width:950px;
}
#footer #meta ul li{
	float:left;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #cccccc;
	line-height:20px;
}
#footer #meta ul li.last{
	float:right;
	margin-right:0px;
	padding-right:0px;
	border:0px;
}
#footer #meta a{
	color:#898989;
}
#footer #meta ul li.last a{
	color:#e43117;
	padding-left:15px;
	background-image:url(../images/boxes-bullet.png);
	background-repeat:no-repeat;
	background-position:3px center;
}
#footer #meta a:hover{
	background-color:#eeeeee;
}




/* Footer - Bookmarks */

#bookmarks a{
	display:block;
	width:16px;
	height:16px;
}

#bookmarks a span{
	display:none;
}

#bookmarks #delicious a{
	background:transparent url(../images/footer/bookmarks-delicious_sw.gif) top left no-repeat;
}
#bookmarks #delicious a:hover{
	background:transparent url(../images/footer/bookmarks-delicious.gif) top left no-repeat;
}

#bookmarks #mrwong a{
	background:transparent url(../images/footer/bookmarks-mrwong_sw.gif) top left no-repeat;
}
#bookmarks #mrwong a:hover{
	background:transparent url(../images/footer/bookmarks-mrwong.gif) top left no-repeat;
}

#bookmarks #linkarena a{
	background:transparent url(../images/footer/bookmarks-linkarena_sw.gif) top left no-repeat;
}
#bookmarks #linkarena a:hover{
	background:transparent url(../images/footer/bookmarks-linkarena.gif) top left no-repeat;
}

#bookmarks #folkd a{
	background:transparent url(../images/footer/bookmarks-folkd_sw.gif) top left no-repeat;
}
#bookmarks #folkd a:hover{
	background:transparent url(../images/footer/bookmarks-folkd.gif) top left no-repeat;
}

#bookmarks #google a{
	background:transparent url(../images/footer/bookmarks-google_sw.gif) top left no-repeat;
}
#bookmarks #google a:hover{
	background:transparent url(../images/footer/bookmarks-google.gif) top left no-repeat;
}