@charset "utf-8";


/******************************************************************
 *Author: Emanuel Rinne
 *Created: 2009					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************


/* --------------------------------------------------------------------------- */
/* ############################# GLOBAL ###################################### */
/* --------------------------------------------------------------------------- */


* { margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

html { background: #f2f2f2 url(../images/bg-html.jpg) top center no-repeat; }

body {
	background: url(../images/bg-body.gif) repeat-x 0 472px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #595959;
	font-size: 12px;
}

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}

html[xmlns^="http"] { overflow-y: scroll;}


/*
KLASSEN + ANDERE STANDARDS
==================================================*/

.clear { clear: both;}

.floatLeft { float: left;}

.floatRight { float: right;}

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}

.highlight {
	font-weight:bold;
}

.italic { font-style:italic; }

.highlight-nopadding { margin:0!important; font-weight:bold; }

.highlight-italic {
	font-weight:bold;
	font-style:italic;	
}

.image {
	border:none;
}
 
ul.list {
	margin:0 0 20px 0;
	position:relative;
}

ul.list li {
	background:url(../images/li-arrow.gif) top left no-repeat;
	background-position: 0 4px;
	margin:0 0 10px 0;
	padding:0 0 0 16px;
	position:relative;
}

.pdf { float:left; padding:0 7px 0 0; }

ul { margin:0; }

ul li { position:relative; line-height:18px; }


ul li span.column1 {
	width: 50px;
	display: block;
	float: left;
}

ul li span.column2 {
	width: 95px;
	display: block;
	float: left;
}

div.img-title {
	width:145px;
	float:left;
	padding:5px;
	margin:0 5px 0 0;
	display:inline;
	background:#dadada;
	border:1px #fff solid;
}

blockquote.claim { 
	width:430px;
	height:60px;
	position:absolute;
	top:150px;
	left:22px;
	text-indent:-9999px;
}

/*
Tabellen
==================================================*/

table.gase,
table.sicherheit {
   width: 710px;
   border-collapse: seperate; /* Alternative waere border-collapse: separate */
   background: white;
   color: #5d533d;
	margin:0 0 15px 0;
}

.table-headline {
	background:#64B7E1;
	color:#134675;
}

.table-sub-headline {
	background:#a7d1e3;
	color:#134675;
}

table.beratung {
   width: 665px;
   border-collapse: seperate; /* Alternative waere border-collapse: separate */
   background: white;
   color: #5d533d;
}

table td {
	border: 1px solid #fff;
	padding: 5px 5px 5px 10px;
}

/*th, td {
   padding: 8px 8px 8px 8px;
   width:189px;
}*/

th {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
}

tr.stripes {
   background-color: #FCEBC0;
   color: #5d533d;
}


/* --------------------------------------------------------------------------- */
/* ############################# LAYOUT ###################################### */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	width: 965px;
	margin: 0 auto;
}


/*
HEADER
==================================================*/

div#header {
	width: 960px;
	height:470px;
	position:relative;
}


/*
BRANDING
==================================================*/

h1.branding {
	left:20px;
	top:339px;
	position:absolute;
	width:150px;
	height:130px;
}

img.branding-add {
	left:20px;
	top:300px;
	position:absolute;
	width:63px;
	height:132px;
}

/*
SLIDESHOW
==================================================*/

div#no-slide {
	position: absolute;
	width: 100px;
	height: ;
	background: ;
	color: #fff;
	padding: 5px;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 12px;
}

div#slideshow {
	width:400px;
	height:300px;
	position:relative;
 }


/*
UNTERNEHMENSVIDEO
==================================================*/

div#player {
	float:left;
	width:440px;
}

div.imgborder-video {
	background:none;
	border: 1px solid #b4b6b7;
	padding: 2px;
	width:440px;
	float:left;
	margin:0 10px 0 0;
	display:inline;
}

/*
CONTENT
==================================================*/


div#content-container { 
	float: left;
	width: 960px;
	position:relative;
}


div#content-main-container {
	width:790px;
	float:left;
	padding:0 0 10px 0;
	*padding:0 0 140px 0;
}

div#content-main { 
	float: left;
	width: 720px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 30px 0 30px 70px;
	z-index:1!important;
}



/*
FOOTER
==================================================*/

div#footer-container {
	position: relative;
	margin-top: -130px; /* Negativer Wert der Footer-Hoehe */
	height: 120px;
	clear:both;
	width: 100%;
	font-size:11px;
	color:#595959;
	line-height:18px;
	padding-top:10px;
	background:#fff url(../images/bg-footer.jpg) top center no-repeat;
}

div#footer-content {
	margin: 0 auto!important;
	width:960px;
	padding:20px 0 0 0;
	position:relative;
}


div#footer-content1 {
	float:left;
	width:180px;
	padding:0 0 0 235px;
}

div#footer-content2 {
	float:left;
	width:180px;
	margin: 0 0 0 10px;
}

div#footer-content3 {
	float:left;
	width:150px;
	margin: 0 0 0 10px;
}


/* --------------------------------------------------------------------------- */
/* ########################### NAVIGATION #################################### */
/* --------------------------------------------------------------------------- */


ul#navi.naviactive,
ul#navi {
	float:left;
	position:relative;
	background:url(../images/navi-main.jpg) top left no-repeat;
	width:166px;
	height:240px;
	display: block;
	top:35px;
	left:10px;
}

ul#navi li {
	position: relative;
	float:left;
}

ul#navi a {
	display:block;
	height:34px;
	width:166px;
}

a.n01 { text-indent:-9999px; }
a.n02 { text-indent:-9999px; }
a.n03 { text-indent:-9999px; }
a.n04 { text-indent:-9999px; }
a.n05 { text-indent:-9999px; }
a.n06 { text-indent:-9999px; }
a.n07 { text-indent:-9999px; }

/*
ACTIVES MENUE 
==================================================*/


ul#navi.naviactive01 li a.n01,
ul#navi li a.n01:hover { background: url(../images/navi-main.jpg) no-repeat 0px -241px; }

ul#navi.naviactive02 li a.n02,
ul#navi li a.n02:hover { background: url(../images/navi-main.jpg) no-repeat 0px -275px; }

ul#navi.naviactive03 li a.n03,
ul#navi li a.n03:hover { background: url(../images/navi-main.jpg) no-repeat 0px -309px; }

ul#navi.naviactive04 li a.n04,
ul#navi li a.n04:hover { background: url(../images/navi-main.jpg) no-repeat 0px -343px; }

ul#navi.naviactive05 li a.n05,
ul#navi li a.n05:hover { background: url(../images/navi-main.jpg) no-repeat 0px -377px; }

ul#navi.naviactive06 li a.n06,
ul#navi li a.n06:hover { background: url(../images/navi-main.jpg) no-repeat 0px -411px; }

ul#navi.naviactive07 li a.n07,
ul#navi li a.n07:hover { background: url(../images/navi-main.jpg) no-repeat 0px -445px; }

/* --------------------------------------------------------------------------- */
/* ########################## FLY-OUT-MENU ################################### */
/* --------------------------------------------------------------------------- */


ul#navi li#unternehmen ul,
ul#navi li#versorgungskonzepte ul,
ul#navi li#gase ul,
ul#navi li#dienstleistungen ul,
ul#navi li#aktuelles ul {
	list-style: none;
	display: none;
	z-index:800!important;
}

ul#navi li#unternehmen ul li,
ul#navi li#versorgungskonzepte ul li ,
ul#navi li#gase ul li ,
ul#navi li#dienstleistungen ul li ,
ul#navi li#aktuelles ul li {
	background: none;
	display: block;
   padding: 0;
   position: relative;
   float: left;

}

ul#navi li#unternehmen ul li a,
ul#navi li#versorgungskonzepte ul li a,
ul#navi li#gase ul li a,
ul#navi li#dienstleistungen ul li a,
ul#navi li#aktuelles ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	height:14px;
	display: block;
	padding:8px 0 10px 20px;
	width:180px;
	line-height:18px;
	height:16px;
	/*border-top:1px solid #fff;
	border-bottom:1px solid #c9c9c9;*/
	background:#fff;
	margin:1px 0 1px 0;
}

ul#navi li#unternehmen ul li a:hover,
ul#navi li#versorgungskonzepte ul li a:hover,
ul#navi li#gase ul li a:hover,
ul#navi li#dienstleistungen ul li a:hover,
ul#navi li#aktuelles ul li a:hover {
	color: #fff!important;
	text-decoration: none;
	border:none;
	margin:1px 0 1px 0;
	background: #1B94D6;
}

ul#navi li#unternehmen ul {
	left: 166px;
	top: -3px;
	width:144px;
	position: absolute;
}

/*ul#navi li#unternehmen ul a.n0201 { border-top:none!important; height:16px!important;}
ul#navi li#unternehmen ul a.n0202 { height:13px;!important}*/

ul#navi li#versorgungskonzepte ul {
	left: 166px;
	top:-2px;
	width:144px;
	position: absolute;
}

ul#navi li#gase ul {
	left: 166px;
	top: -2px;
	width:400px!important;
	position: absolute;
}

ul#navi li#dienstleistungen ul {
	left: 166px;
	top: -1px;
	width:144px;
	position: absolute;
}

ul#navi li#aktuelles ul {
	left: 166px;
	top: 1px;
	width:250px!important;
	position: absolute;
}

ul#navi li#unternehmen:hover ul,
ul#navi li#versorgungskonzepte:hover ul,
ul#navi li#gase:hover ul,
ul#navi li#dienstleistungen:hover ul,
ul#navi li#aktuelles:hover ul {
	display: block!important;
}

ul#navi li ul li,
ul#navi li ul li ul li {
   float: none;
   position: relative;
   display: inline;
   clear: both;
   margin: 0px !important;
}



/* --------------------------------------------------------------------------- */
/* ######################## ADDITIONIAL NAVI ################################# */
/* --------------------------------------------------------------------------- */


ul#navi-add.naviactive,
ul#navi-add {
	background:url(../images/navi-add.jpg) top left no-repeat;
	position:relative;
	width:238px;
	height:25px;
	display: block;
	top:11px;
	left:714px;
}

ul#navi-add li {
	position: relative;
	float:left;
}

ul#navi-add a {
	display:block;
	height:25px;
	text-indent:-9999px;
}

a.na01 { width:65px; }

a.na02 { width:55px; }

a.na03 { width:50px; }

a.na04 { width:65px; }


ul#navi-add.naviactive01 li a.na01,
ul#navi-add li a.na01:hover { background:url(../images/navi-add.jpg) top left no-repeat; background-position: 0 -25px; }

ul#navi-add.naviactive02 li a.na02,
ul#navi-add li a.na02:hover { background:url(../images/navi-add.jpg) top left no-repeat; background-position:-65px -25px; }

ul#navi-add.naviactive03 li a.na03,
ul#navi-add li a.na03:hover { background:url(../images/navi-add.jpg) top left no-repeat; background-position: -120px -25px; }

ul#navi-add.naviactive04 li a.na04,
ul#navi-add li a.na04:hover { background:url(../images/navi-add.jpg) top left no-repeat; background-position: -170px -25px; }

/**********************/

ul#navi-add2.naviactive,
ul#navi-add2 {
	position:relative;
	width:90px;
	display: block;
	float:left;
}

ul#navi-add2 li {
	position: relative;
	width:90px;
}

ul#navi-add2 a {
	display:block;
	width:60px;
	color:#2196f7;
	text-decoration:none;
}

ul#navi-add2.naviactive01 li a.kontakt,
ul#navi-add2.naviactive02 li a.anfahrt,
ul#navi-add2.naviactive03 li a.impressum,
ul#navi-add2 li a.kontakt:hover,
ul#navi-add2 li a.anfahrt:hover,
ul#navi-add2 li a.impressum:hover { text-decoration:underline;}

/* --------------------------------------------------------------------------- */
/* ############################# LINKS ####################################### */
/* --------------------------------------------------------------------------- */


a.top {
	width:110px;
	height:20px;
	position:absolute;
	top:-10px;
	left:850px;
	text-indent:-9999px;
}

a.top:hover {
	width:110px;
	height:20px;
	position:absolute;
	top:-10px;
	text-indent:-9999px;
}

div#footer-content2 p a.escape,
div#footer-content2 p a.escape span {
	color:#2196f7;
	text-decoration:underline;
}

div#footer-content2 p a.escape:hover,
div#footer-content2 p a.escape:hover span {
	color:#2196f7;
	text-decoration:none;
}

div#content-main a,
.escape span {
	text-decoration: underline;
	color: #595959;
	outline: none;
	font-size:12px;
}

div#content-main a:hover,
.escape:hover span {
	text-decoration: none;
	color: #2196f7;
}


/* --------------------------------------------------------------------------- */
/* ############################ CONTENT ###################################### */
/* --------------------------------------------------------------------------- */


div.content-column1 {
	width:330px;
	float:left;
	padding:0 25px 0 0;
}

div.content-column2 {
	width:355px;
	float:left;
}

/* ANSPRECHPARTNER */

div.column01,
div.column02,
div.column03,
div.column04 {
	width:150px;
	float:left;
	padding:0 10px 20px 0;
}

div.column02 {
	width:100px!important;
}

div.column03 {
	width:100px!important;
}

div.column04 {
	width:220px!important;
}
/* CONTACT FIELD */

div.contact-container {
	float:left;
	background:#e4e4e4 url(../images/bg-contact-box.gif) top left repeat-y;
	width:auto;
	margin:0 15px 0 0;
}

div.contact-headline {
	height:100%;
	float:left;
	padding:7px;
	color:#134675;
	border-right:1px solid #fff;
}

div.contact-adresse {
	width:auto;
	background:#e4e4e4;
	float:left;
	padding:7px;
}

/* DOWNLOAD */

div.download-container {
	width:350px;
	float:left;
}

div.download-column01,
div.download-column02 {
	width:150px;
	background:#64B7E1;
	float:left;
	padding:7px;
	color:#134675;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

div.download-column03,
div.download-column04 {
	width:150px;
	background:#e4e4e4;
	float:left;
	padding:7px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

/* CMS */

div.cms-container {
	width:700px;
	float:left;
	padding:0 0 15px 0;
}

div.cms-txt {
	width:490px;
	float:left;
	padding:0 5px 0 0;
}

div.cms-download{
	width:150px;
	float:left;
}

div.cms-img{
	width:155px;
	height:105px;
	float:left;
}

.pdfDownload {
	background:url(../images/content/icon-pdf.gif) top left no-repeat;
	float:left;
	width:49px;
	height:22px;
	text-indent:-9999px;
	display:block;
}


/* --------------------------------------------------------------------------- */
/* ######################## GLOBAL HEADLINES ################################# */
/* --------------------------------------------------------------------------- */


h1 {
	font-size: 25px;
	color: #ccc;
	font-weight:lighter;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 20px;
	color: #333;
	font-weight:lighter;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/bg-h2.jpg) top left no-repeat;
	width:500px;
	height:30px;
	padding: 0 0 20px 0;
	position:absolute;
	top:385px;
	left:235px;
	text-indent:-9999px;
}

h3 {
	font-size: 16px;
	color: #274E91;
	font-weight:lighter;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
}

h4 {
	font-size: 13px;
	color: #555;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}


/*
H2 - HEADLINES
==================================================*/

h2.startseite 				{ background-position:0 0; }
h2.unternehmen 			{ background-position:0 -48px; }
h2.geschichte 				{ background-position:0 -96px; }
h2.abteilungen 			{ background-position:0 -144px; }
h2.ansprechpartner		{ background-position:0 -192px; }
h2.standorte 				{ background-position:0 -240px; }
h2.agb		 				{ background-position:0 -288px; }
h2.einkaufsbedingungen 	{ background-position:0 -336px; }
h2.versorgungskonzepte	{ background-position:0 -384px; }
h2.gase		 				{ background-position:0 -528px; }
h2.technische-gase		{ background-position:0 -576px; }
h2.medizinische-gase		{ background-position:0 -624px; }
h2.lebensmittelgase 		{ background-position:0 -672px; }
h2.sonstige-gase			{ background-position:0 -724px; }
h2.dienstleistungen 		{ background-position:0 -773px; }
h2.planung-installation	{ background-position:0 -821px; }
h2.beratung 				{ background-position:0 -869px; }
h2.tuev		 				{ background-position:0 -920px; }
h2.schulungen 				{ background-position:0 -970px; }
h2.sicherheit 				{ background-position:0 -1018px; }
h2.aktuelles 				{ background-position:0 -1066px; }
h2.kunden-informationen	{ background-position:0 -1114px; }
h2.bilder-urkunden		{ background-position:0 -1162px; }
h2.sonstiges 				{ background-position:0 -1210px; }
h2.kontakt	 				{ background-position:0 -1258px; }
h2.danke						{ background-position:0 -1306px; }
h2.anfahrt	 				{ background-position:0 -1354px; }
h2.impressum 				{ background-position:0 -1402px; }
h2.fehler	 				{ background-position:0 -1450px; }
	



/* --------------------------------------------------------------------------- */
/* ########################### *** P *** ##################################### */
/* --------------------------------------------------------------------------- */


div#content-main p { margin: 0 0 20px 0; line-height: 18px;}

div#datenschutzhinweis p { font-size: 12px;}

p.nopadding { margin:0!important; }

.highlight-nopadding { margin:0!important; }
	
/*
IMAGEBORDER
==================================================*/

.imgborder,
.imgborder2,
.imgborder3  {
	border: 1px solid #b4b6b7;
	padding: 2px;
	background:none;
	margin: 3px 4px 4px 0;
	cursor: pointer;
   outline: none;
}

.imgborder3 { margin: 3px 6px 4px 0!important; float:left; }
.imgborder2 { float:left; }

.imgborder-add {
	border: 1px solid #b4b6b7;
	padding: 2px;
	background:none;
	margin: 0 8px 4px 0;
	cursor: pointer;
   outline: none;
}

.imgborder:hover,
.imgborder3:hover,
.imgborder-add:hover {
	border: 1px solid #808080;
	padding: 2px;
}

.imgbordernohover {
	border: 1px solid #b4b6b7;
	padding: 2px;
	background:none;
	margin: 4px 4px 4px 0;
   outline: none;
}

.imgbordernohover3 {
	border: 1px solid #b4b6b7;
	padding: 2px;
	background:none;
	margin: 4px 4px 4px 0;
   outline: none;
	float:left;
}


/* --------------------------------------------------------------------------- */
/* #################### KONTAKT | ANFAHRT | IMPRESSUM ######################## */
/* --------------------------------------------------------------------------- */


/*
KONTAKT
==================================================*/

div#personalien { float: left; width: 350px!important;}
div#nachrichtenfeld { float: left; width: 300px;}


/*
ANFAHRT
==================================================*/

.imgbordernohover-anfahrt {
	border: 1px solid #b4b6b7;
	padding: 2px;
	width:500px;
	float:left;
}

.imgbordernohover-anfahrt-detail {
	float:left;
	border: 1px solid #b4b6b7;
	padding: 2px;
	margin: 0 0 0 10px;
}

/*
IMPRESSUM
==================================================*/

div#adressdaten { float: left; width: 300px;}
div#geschaeftsdaten { float: left; width: 300px;}