@charset 'utf-8';

/* RESET */

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; 
} 
table { 
	border-collapse:collapse; 
	border-spacing: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; 
}

/* BASIS */

html{
	padding:0;
	margin:0;
	height:100%;
}

body{
	padding:0;
	margin:0;
	height:100%;
	background:#ffffff url(../images/main_background.png) top center repeat-x;
	color:#333;
	font-family:arial;
	font-size:12px;
	line-height:17px;
	text-align:center;
}





/*----------- CONTENT-BEREICH ------------*/
#nonFooter{
	width:800px;
	position:relative;
	min-height:100%;
	margin:0 auto;
	text-align:left;
}
* html #nonFooter{
	height:100%;
}
a{
	color:#46433b;
	text-decoration:none;
}
img{
	border:0px;
}




/*----------- PAGE ------------*/
#page{
	float:left;
	padding-bottom:30px;
}


#header,#boxes{
	float:left;
	width:800px;
}






#navigation{
	width:800px;
	height:51px;
	background:#c3c3c3 url(../images/navigation_background.png) repeat-x;
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
#navigation li{
	float:left;
}
#navigation li a{
	display:block;
	padding:0px 0px;
	height:51px;
	line-height:51px;
	background:url(../images/navigation_button_background.png) no-repeat top right;
	width:133px;
	text-align:center;
	color:#46433b;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#navigation li a:hover{
	color:#009bdd;
}
#navigation li a.last{
	background:none;
}
#navigation li.active a{
	color:#009bdd;
}







#logo{
	float:left;
	width:400px;
	height:86px;
}

#meta{
	float:right;
	width:400px;
	height:86px;
	background:url(../images/meta_background.gif) no-repeat top right;
}
#meta p{
	float:left;
	width:105px;
	margin:0px 10px 0px 227px;
	padding:5px 0px 0px 0px;
	font-size:10px;
}
#meta ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	width:50px;
}
#meta ul li{
	float:left;
	padding:6px 0px 0px 10px;
}






div.image-container{
	float:left;
	width:800px;
}
div.image-container img{
	display:block;
}
div.content-bottom{
	margin:10px 0px;
}

#headervisual {
	height:168px;
	position:relative;
}






#boxes div.box{
	float:left;
	background:#ffffff;
	width:260px;
	height:177px;
	margin:10px 10px 10px 0px;
}
#boxes div.last{
	margin:10px 0px 10px 0px;
}
#boxes div.product{
	background:#ffffff url(../images/box_background_product.png) 135px bottom no-repeat;
}
#boxes div.career{
	background:#ffffff url(../images/box-career.png) right bottom no-repeat;
}
#boxes div.price{
	background:#ffffff url(../images/box_background_price.png) 135px bottom no-repeat;
}
#boxes div.box h2{
	line-height:35px;
	height:35px;
	width:220px; /* 260 - 20 - 20 */
	background:#686868 url(../images/box_headline_background.gif) repeat-x;
	color:#ffffff;
	margin:0px;
	padding:0px 20px 0px 20px;
	font-size:18px;
}
#boxes div.box p{
	margin:0px;
	padding:30px 20px 20px 20px;
}
#boxes div.price p,#boxes div.product p{
	margin:0px;
	padding:30px 70px 20px 20px;
}
#boxes div.box p a{
	color:#009bdd;
	background:url(../images/content_bullet.gif) left center no-repeat;
	padding-left:15px;
	font-weight:bold;
}
#boxes div.box p a:hover{
	background:#eee url(../images/content_bullet.gif) left center no-repeat;
}



#lasche{
	float:left;
	position:absolute;
	bottom:0px;
	padding:15px 35px 10px 20px;
	background:url(../images/lasche_background.png) top right no-repeat;
	color:#ffffff;
	font-size:1.5em;
}



#subnavigation{
	width:260px;
	margin:0px 10px 0px 0px;
	padding:25px 0px 0px 0px;
	background:#f3f3f3;
	min-height:500px;/* 525-25*/
	float:left;
	list-style:none;
}
#subnavigation li{
	border-bottom:1px solid #e0e0e0;
}
#subnavigation li.first{
	border-top:1px solid #e0e0e0;
}
#subnavigation li.nolink span,
#subnavigation li a{
	display:block;
	width:210px;/* 260-50*/
	height:38px;
	line-height:38px;
	font-weight:bold;
	padding-left:50px;
	background:url(../images/subnavigation_button.gif);
}
#subnavigation li.nolink span span, #subnavigation li a span{
	display:inline;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	font-weight:normal;
	color:#009bdd;
}
#subnavigation li.nolink ul{
	padding:0px;
	margin:0px 0px 5px 0px;
	list-style:none;
}
#subnavigation li.nolink ul li {
	padding:0px;
	margin:0px;
	border:none;
}
#subnavigation li.nolink ul li span{
	display:inline;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	font-weight:normal;
	color:#009bdd;
	line-height:20px;
	background:none;
}
#subnavigation li.nolink li a {
	width:190px; /* 260 - 70*/
	height:20px;
	line-height:20px;
	padding-left:70px; 
	font-size:11px;
	background:url(../images/subnavigation_button_layer2.gif) left center no-repeat;
}
#subnavigation li.nolink li a:hover {
	background:url(../images/subnavigation_button_layer2_over.gif) left center no-repeat;
}
#subnavigation li a span{
	color:#009bdd;
	font-weight:normal;
}
#subnavigation li a:hover, #subnavigation li.active a{
	background:url(../images/subnavigation_button_over.gif);
	color:#009bdd;
}
#subnavigation li.nolink li.active a{
	background:url(../images/subnavigation_button_layer2_over.gif) left center no-repeat;
	color:#009bdd;
}






#content{
	float:left;
	width:530px;
	background:#ffffff;
	min-height:475px;/* */
	line-height:19px;
}
#content h2{
	font-weight:normal;
	font-size:20px;
	padding:0px 30px 25px 30px;
	margin:0px;
	line-height:24px;
}
#content h2 span{
	color:#009bdd;
}
#content p{
	margin:0px;
	padding:0px 30px 20px 30px;
}
#content h3{
	font-weight:normal;
	font-size:12px;
	padding:25px 30px 10px 30px;
	margin:0px;
	color:#777777;
}
#content h4{
	font-weight:bold;
	font-size:14px;
	padding:0px 30px 10px 30px;
	margin:0px;
	float:left;
	width:470px;
}
#content p a{
	color:#009bdd;
	background:url(../images/content_bullet.gif) left center no-repeat;
	padding-left:10px;
	font-weight:bold;
}
#content p img {
	border:3px solid #dddddd;
	float:left;
	margin-bottom:20px;
}
#content ul.thumbnails{
	float:left;
	width:167px;
	margin-right:20px;
	list-style:none;
}
#content ul.thumbnails li{
	background:none;
	padding:0px 0px 10px 0px;
	margin:0px;
}
#content ul.thumbnails li a{
	background:none;
	padding:0px;
	margin:0px;
}
#content ul.thumbnails li a img{
	border:3px solid #dddddd;
}
#content p.img_left{
	float:left;
	width:283px;
	min-height:100px;
	height:100px;
	border:0px solid red;
	margin:0px;
	padding:0px 0px 20px 0px;
}
#content p.subtitle img{
	border:3px solid #dddddd;
	float:right;
	margin-bottom:0px;
}
#content p.subtitle span{
	background:#dddddd;
	padding:0px 5px 3px 5px;
	display:block;
	line-height:20px;
}
#content p.img_link{
	padding-bottom:30px;
	margin:0px;
}
#content p.img_link a{
	padding:0px;
	margin:0px;
	background:none;
}
#content p.img_link a img{
	margin:0px 0px 5px 0px;
	padding:0px;
}
#content p strong{
	font-weight:bold;
}
#content table{
	margin:0px 30px 20px 30px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	width:470px;
	float:left;
}
#content table td{
	vertical-align: top;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:4px;
}
#content table td.left{
	width:50px;
	font-weight:bold;
}
#content table td strong{
	font-weight:bold;
	color:#888;
}
#content table.history{
	margin:0px 30px 20px 30px;
	border:none;
}
#content table.history td{
	vertical-align: top;
	padding:0px;
	border:none;
}
#content table td.left{
	width:50px;
	font-weight:bold;
}
#content table.history td strong{
	font-weight:bold;
	color:#333;
}

#content-background{
	float:left;
	width:800px;
	background:url(../images/content_background.gif) repeat-y;
}
#content ul{
	margin:0px 30px 20px 30px;
}
#content ul li{
	padding-left:15px;
	padding-bottom:15px;
	background:url(../images/content_list.gif) no-repeat 0px 7px;
}

#content a:hover{
	background-color:#eee;
}


#content #sitemap,
#content #sitemap ul {
	padding:0px;
	margin:0px 30px 0px 30px;
	font-weight:bold;
}

#content #sitemap ul li a {
	color: #009bdd;
}

#content #sitemap {
	margin-bottom:20px;
}

#content #sitemap li {
	padding:0px 0px 0px 10px;
	margin:0px 0px 6px 0px;
	background:none;
}

#content #sitemap ul {
	margin-top:4px;
}

#content #sitemap ul li {
	font-weight:normal;
	color:#46433b;
}

#content ul.career{
	float:left;
	width:470px;
	padding:0px;
}
#content ul.career li{
	float:left;
	width:470px;
	margin:0px;
	padding:0px 0px 5px 0px;
	background:none;
}
#content ul.career li a{
	padding-left:13px;
	font-weight:bold;
	color:#009bdd;
	line-height:19px;
	background:url("../images/content_bullet.gif") no-repeat scroll left center transparent;
}
#content ul.career li a:hover{
	background-color:#eeeeee;
}
#content ul.certificates{
	float:left;
	width:470px;
	padding:0px;
}
#content ul.certificates li{
	float:left;
	width:310px; /* 470px - 160px */
	padding:0px 0px 0px 160px;
	margin:0px 0px 20px 0px;
	background:none;
	height:70px;
}
#content ul.certificates li.dqs{
	background:url(../images/zertifikat_qms.png) no-repeat;
}
#content ul.certificates li.iqnet{
	background:url(../images/zertifikat_iqnet.png) no-repeat;
}
#content ul.certificates li a{
	padding-left:13px;
	font-weight:bold;
	color:#009bdd;
	line-height:19px;
	background:url("../images/content_bullet.gif") no-repeat scroll left center transparent;
}
#content ul.certificates li a:hover{
	background-color:#eeeeee;
}

/* --- SLIDER --- */
#img_gallery a{ outline:none; border:none; }
#img_gallery a img{border:none;}

#image_gallery{
	height:104px;
	border-bottom:1px solid #aaaaaa;
}

#image_gallery #wrapper{
	overflow:hidden;
	width: 704px;
	float:left;
	height:102px;
	background-color:#ffffff;
	position: relative;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

#items{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin-right:1px;
}
#items .thumb{
	width:140px;
	height:103px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
#items .large{
	display:none;
	position:absolute;
}
#fullimg .thumb{display:none;}
#fullimg {display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright{
	margin:0px;
	height:103px;
	border-bottom:1px solid #ffffff;
	color: white;
	width: 48px;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft span,
#moveright span{
	display:none;
}
#moveleft{background: url('../images/scroller_left.jpg');}
#moveright{background: url('../images/scroller_right.jpg');}
#moveleft:hover, #moveright:hover{ background-position:bottom; }




/*----------- FOOTER ------------*/
#footer{
	width:800px;
	position:relative;
	margin:-30px auto;
	height:30px;
	color:#777;
	font-size:11px;
	text-align:left;
	line-height:30px;
}

#footer #left,#footer #right{
	width:360px;
	float:left;
	margin:0px;
	padding:0px 20px 0px 20px;
}
#footer #right{
	text-align:right;
}
#footer a:hover{
	background:#eeeeee;
}





#clearer{
	clear:both;
}



/* Erdgas-Logo */



#video-badge{
	width:157px;
	height:157px;
	position:absolute;
	left:50%;
	margin-left:330px;
	top:165px;
	z-index:2;
}

#video-badge a{
	display:block;
	width:157px;
	height:157px;
	background:url(../images/badge-video.png) left top no-repeat;
}
#video-badge a span{
	display:none;
}