* {
                margin:0;
                padding:0;
                }

        html, body {
                height:100%;
                }

        body {
                /*background-color:#90a0bb;
                background-image: url(../img/back-bg.jpg);
                background-repeat: no-repeat;
                background-position:center;
                background-attachment:fixed;*/
                color:#630;
                font:100.01%/1.4 sans-serif;
                text-align:center; /* horizontal centering for IE Win quirks */
                }
 /* container margin-bottom muss h?lfte von der gesamth?he sein */
        #distance {
                width:1px;
                height:50%;
                background-color:#fc6;
                margin-bottom:-350px; /* half of container's height */
                float:left;
                }

        #container {
                margin:0 auto;
                position:relative; /* puts container in front of distance */
                text-align:left;
                height:700px;
                width:964px;
                clear:left;


                }


#background {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	text-align:left;
	background-image:none;
}
#backgroundimage {
	position:fixed;
}



h1{padding: 10px 10px 10px 0px; font-family: Helvetica, verdana, sans serif;font-size:22px; color:#0069b2}

input.coninput
{
	border: 2px solid #0069b2;
	margin: 3px 0px 3px 0px;
	width: 200px;
	height: 1.3em;
}

textarea.conta
{
	border: 2px solid #0069b2;
	margin: 3px 0px 3px 0px;
	width: 260px;	
	height: 7em;
}

input.conbut
{
	border: 2px solid #CCCCCC;
	width: 120px;
	height: 30px;
	background-color: #0069B2;
	color: #ffffff;
}

#header
{

background-image: url(../img/header.png);
background-repeat: no-repeat;
background-position:center;
height: 161px;
/*width: 764px;*/
padding: 0px;
margin: 0px;
}

#content-box
{
width: 960px;
height: 540px;
border: 2px solid #0069b2;
background-color: #fff;
margin: 0px;
padding: 0px;
}

#navi_container
{
/*width: 760px;*/
background-color: #0069b2;
height: 50px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #549acc;
}
#navi_container_in
{
padding:12px 0px 0px 20px;
margin:0px;
}

#content-catalogues
{
background-color: #0069B2;
/*width: 760px;*/
height: 489px;
margin: 0px;
padding: 0px;
}

#content-start-en
{
background-image: url(../img/start_en.jpg);
background-repeat: no-repeat;
width: 760px;
height: 489px;
margin: 0px;
padding: 0px;
}

#content-start-de
{
background-image: url(../img/start_de.jpg);
background-repeat: no-repeat;
width: 760px;
height: 489px;
margin: 0px;
padding: 0px;
}

#content-kontakt
{
font-size: 12px;
color: #000;
font-family: verdana, sans-serif;
width: 760px;
height: 489px;
margin: 0px;
padding: 0px;
}

#content-kontakt-in
{

width: 760px;
height: 489px;
margin: 0px;
padding: 20px 0px 0px 50px;
}

#content-next
{

/*width: 760px;*/
height: 489px;
margin: 0px;
padding: 0px;
}

#content-next-left
{
float:left;
background-image: url(../img/heyer.jpg);
background-repeat: no-repeat;
height: 489px;
width: 190px;
margin: 0px;
padding: 0px;
}

#content-next-left-impressum
{
float:left;
background-image: url(../img/impressum.jpg);
background-repeat: no-repeat;
height: 489px;
width: 190px;
margin: 0px;
padding: 0px;
}

#content-next-left-produkte { background-image: url(../img/gas.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width: 190px; height: 489px; float: left; }
#content-next-left-produkte-anschluss
{
float:left;
background-image: url(../img/stein.jpg);
background-repeat: no-repeat;
height: 489px;
width: 190px;
margin: 0px;
padding: 0px;
}

#content-next-left-produkte-gas
{
float:left;
background-image: url(../img/gas.jpg);
background-repeat: no-repeat;
height: 489px;
width: 190px;
margin: 0px;
padding: 0px;
}

#content-next-left-jobs
{
float:left;
background-image: url(../img/berg.jpg);
background-repeat: no-repeat;
height: 489px;
width: 190px;
margin: 0px;
padding: 0px;
}

#catalogue-menu
{
	background-image: url(../img/blume.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 190px;
	height: 465px;
	overflow: hidden;
	

}

#catalogue-menu-inner
{
	margin-left: 24px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	/* background-color: #BAC6D8; warning, will be overwritten by js menu, global.js */
	width: 136px;
	color: #ffffff;
	font-size: 15px;		
}

#catalogue-content
{
	float: right;
	width: 770px;
	height: 484px;
	background-color: #0069B2;
}

#catalogue-content-inner
{
	padding: 25px 20px 20px 10px;
	color: #000000;
	font-size: 12px;
	height: 420px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #ffffff;
}

.productnamepreview
{
	color: #006AB3;
	font-weight: bold;
	font-size: 14px;
}

h2
{
	font-size: 20px;
	color: #006AB3;
}

.detailedimg
{
	width: 210px;
	height: 210px;
	border: 2px solid #006AB3;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul
{
	list-style-image: url(../img/list_img.jpg);
	color: #0074B2;
	padding-left: 15px;
}

.valueTable
{
	background-color: #0074B2;
	color: #0074B2;
}
.valueTableRow
{

}
.valueTableTD
{
	background-color: #ffffff;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
}
.valueTableTH
{
	background-color: #E9F8FC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}
.valueTableCellNC
{
	background-color: #0074B2;
}

.requestLTD
{
	padding-right: 5px;
	color: #000000;
}

a.cataloguemorelink {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
         color: #dd0000;
         font-weight:bold;
        text-decoration: underline;
}

a.cataloguemenulink {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
         color: #fff;
         font-weight:bold;
        text-decoration: none;
}

a.cataloguemenulink:link {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #fff;
        text-decoration: none;
        font-weight:bold;
}
a.cataloguemenulink:visited {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #fff;
        text-decoration: none;
        font-weight:bold;
}

a.cataloguemenulink:hover {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #0069B2;
        text-decoration: underline;
        font-weight:bold;
}

a.cataloguemenulinka {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
         color: #0069B2;
         font-weight:bold;
        text-decoration: underline;
}

a.cataloguemenulinka:link {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #0069B2;
        text-decoration: none;
        font-weight:bold;
}

a.switchlanguage
{
	float: right;
	padding-right: 20px;
}

a.requestlist
{
	float: right;
	padding-right: 5px;
}

a.pagelink {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #0069B2;
        text-decoration: none;
        font-weight:bold;
}

a.pagelinka {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #0069B2;
        text-decoration: underline;
        font-weight:bold;
}

a.cataloguemenulinka:visited {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #0069B2;
        text-decoration: underline;
        font-weight:bold;
}

a.cataloguemenulinka:hover {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #0069B2;
        text-decoration: underline;
        font-weight:bold;
}



a.linkformat2:active {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
        text-decoration: none;
         color: #fff;
         font-weight:bold;

}

a.linkformat2a {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 0px 15px 0px 0px;
        text-decoration: underline;
        font-weight:bold;

}

a.linkformat2a:link {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 0px 15px 0px 0px;
        text-decoration: underline;
        font-weight:bold;

}

/* links, die durch bbc code erzeugt werden */
a.cclink
{
	color: #0174B3;
	text-decoration: none;
	font-weight: bold;
}


#content-next-right
{
font-family: verdana, sans-serif;
font-size: 11px;
color:#000;
background-color:#fff;
width: 770px;
height: 489px;
margin: 0px 0px 0px 190px;
padding: 0px;
}

#content-next-right-in
{

	margin: 0px;
	padding: 10px 10px 10px 30px;
	height: 470px;
	overflow-x: scroll;
}

#content-next-right-in-scrollable
{
margin: 0px;
padding: 10px 10px 10px 30px;
height: 469px;
overflow-x: hidden;
overflow-y: scroll;
}

.navlist {
	padding:0px;
}

.navlist li
{
	display: inline;
	list-style-type: none;
	padding: 5px 5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
}

a.linkformatsl {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
         color: #fff;
         font-weight:bold;
        text-decoration: none;
}

a.linkformat2 {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
         color: #fff;
         font-weight:bold;
        text-decoration: none;
}

a.linkformat2:link {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
        color: #fff;
        text-decoration: none;
        font-weight:bold;
}
a.linkformat2:visited {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
        color: #fff;
        text-decoration: none;
        font-weight:bold;
}

a.linkformat2:hover {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
        color: #fff;
        text-decoration: underline;
        font-weight:bold;
}



a.linkformat2:active {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        padding: 0px 15px 0px 0px;
        text-decoration: none;
         color: #fff;
         font-weight:bold;

}

a.linkformat2a {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 0px 15px 0px 0px;
        text-decoration: underline;
        font-weight:bold;

}

a.linkformat2a:link {
        font-family: Helvetica,verdana, sans-serif;
        font-size: 13px;
        color: #fff;
        padding: 0px 15px 0px 0px;
        text-decoration: underline;
        font-weight:bold;

}




a.linkformat3 {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 0 15px 0 0;
         color: black;
         font-weight:normal;
        text-decoration: none;
}
a.linkformat4 { color: white; font-size: 12px; font-family: verdana, sans-serif; font-weight: normal; text-decoration: none; padding: 0 15px 0 0; }
a.linkformat1 { color: #e53534; font-size: 12px; font-family: verdana, sans-serif; font-weight: bold; text-decoration: none; padding: 0 15px 0 0; }
a.linkformat1:link {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #e53534;
        text-decoration: none;
        font-weight:bold;
}
a.linkformat1:visited {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #e53534;
        text-decoration: none;
        font-weight:bold;
}

a.linkformat1:hover {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        color: #e53534;
        text-decoration: underline;
        font-weight:bold;
}



a.linkformat1:active {
        font-family: verdana, sans-serif;
        font-size: 12px;
        padding: 0px 15px 0px 0px;
        text-decoration: none;
         color: #e53534;
         font-weight:bold;

}

a.linkformat1a {
        font-family: verdana, sans-serif;
        font-size: 12px;
        color: #e53534;
        padding: 0px 15px 0px 0px;
        text-decoration: underline;
        font-weight:bold;

}

a.linkformat1a:link {
        font-family: verdana, sans-serif;
        font-size: 12px;
        color: #e53534;
        padding: 0px 15px 0px 0px;
        text-decoration: underline;
        font-weight:bold;

}


.rot {

        font-family:helvetica, verdana, sans serif;
        font-size:10px;
        font-weight: bold;
        color:#b2003f;

}

.submit, .reset {
 width: 120px;
 height: 30px;
 background-color: #0069b2;
 color: #fff;
 font-weight:bold;
 font-family:helvetica, verdana, sans serif;
 border: 2px solid #ccc;
}
.input, .textarea
{
background-color: #fff;
color: #000;
border:  2px solid #0069b2;
font-family:helvetica, verdana, sans serif;
font-size: 13px;

}


div#catmm
{
		color: #0069B2; 
		background-color: #BAC6D8;
		font-weight: bold;
		padding-top: 0px;
		padding-left: 7px;
		margin-top: -5px;
		margin-left: -5px;
		width: 134px;
		font-size: 13px;		
				
}

div#catmmm
{
	position: absolute;
	top: 197px;
	left: 183px;
	z-index: 500;	
	text-align: left;
	width: 150px;
	background-color: #BAC6D8;
	padding: 5px;
	border: 1px solid #90a0bb;
	visibility: hidden;
}

ul#catmenu
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;	
	
}

#catmenu li
{
	
	padding: 0px;
	margin: 0px;
	padding-bottom: 7px;
}


#catmmm ul
{
	list-style-type: none;
	list-style-image: none;
}

/* Erstes Menü Layer */
#catmmm a.mmenual1
{ 
	background: #BAC6D8;
	margin-left: 1px;
	white-space: nowrap;
}

#catmmm a.mmenual1:hover 
{

	background: #BAC6D8;
	white-space: nowrap;
}

/* Zweites Menü Layer um selben Wert einrücken, wie den ersten (Bündigkeit) */
#catmmm a.mmenual2
{
	margin-left: 5px;
}

/* Alle anderen Layer */

#catmmm a 
{
  font-family: Helvetica,verdana, sans-serif;
  font-size: 12px;
  padding: 0px 15px 0px 0px;
  color: #fff;
  font-weight:bold;
  text-decoration: none;
	background: #BAC6D8;
	
	
}

#catmmm a:hover 
{
  font-family: Helvetica,verdana, sans-serif;
  font-size: 12px;
  padding: 0px 15px 0px 0px;
  color: #0069B2;
  text-decoration: underline;
  font-weight:bold;        
	background: #BAC6D8;
	
	
}

/* Positionierung */
#catmmm li 
{
	position: relative;
}

#catmmm ul ul 
{
	
	background: #BAC6D8;
	border: 1px solid #90a0bb;
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 500;
}

#catmmm ul ul ul 
{	
	top: 0;
	left: 100%;
}

/* Ein- und Ausblendung */

#catmmm ul ul,
#catmmm ul li:hover ul ul,
#catmmm ul ul li:hover ul ul
{
	display: none;
}

#catmmm ul li:hover ul,
#catmmm ul ul li:hover ul,
#catmmm ul ul ul li:hover ul
{
	display: block;
}

/* Cookiehinweis */
#cookiedingsbums a {color:#fff; text-decoration:underline;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:15px 150px 15px 0}

#cookiedingsbums { 
   outline: 1px solid #0069b2; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #0069b2; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:16px;
   color: #fff;
}

#cookiedingsbumsCloser {
   color: #000;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
   padding:10px;
   background: #fff; /* Old browsers */
   outline: none;
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

table.cookies {
	border: 1px solid #0069b2;
	margin: 15x 0;
	padding: 5px;
}
table.cookies tr td {
	width: 25%;
	padding: 5px 0;
}

table.cookies tr:first-child td {
	font-weight: bold;
}