/* CSS Document */


/**
 * @Common Stylesheet
 * @for www.jas-welding.com
 *
 * @author SNYSOLUTIONS | www.snysolutions.com
 */



* {
 margin: 0px;
 padding: 0px;
}


body {
	background-image: url(../images/bg-repeat.jpg);
	background-repeat: repeat;
}



/*----------Content------------------------------------------------------------*/

#center-text {
	z-index: 1000;
	background-image: url(../images/content_home-repeat2.jpg);
	background-repeat: repeat;
	width: 866px;
	/*height: 100%;*/
	height: 100%;
	position: relative;
	top: 272px;
	left: -2px;
	margin-left: 2px;
	margin-right: 2px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

/*----------ProductFrame------------------------------------------------------------*/



#produktnavigation-content #productframe01 {
	z-index: 10;
	background-image: url(../images/product-frame01.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe03 {
	z-index: 10;
	background-image: url(../images/product-frame03.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe04 {
	z-index: 10;
	background-image: url(../images/product-frame04.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe05 {
	z-index: 10;
	background-image: url(../images/product-frame05.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe06 {
	z-index: 10;
	background-image: url(../images/product-frame06.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe07 {
	z-index: 10;
	background-image: url(../images/product-frame07.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}


#produktnavigation-content #productframe08 {
	z-index: 10;
	background-image: url(../images/product-frame08.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe09 {
	z-index: 10;
	background-image: url(../images/product-frame09.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe10 {
	z-index: 10;
	background-image: url(../images/product-frame10.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

#produktnavigation-content #productframe11 {
	z-index: 10;
	background-image: url(../images/product-frame11.jpg);
	background-repeat: no-repeat;
	width: 866px;
	height: 190px;
	position: absolute;
	top: -1px;
	left: -1px;
}

/*----------Subnavigation------------------------------------------------------------*/

#subnavibox {
	z-index: 1000;
	width: 866px;
	height: 164px;
	background-repeat: repeat;
	position: relative;
	top: 255px;
	margin-right: 2px;
	padding-left: 0px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}




#produktnavigation-content {
	z-index: 9999;
	width: 864px;
	height: 157px;
	position: relative; 
	top: 0px; 
	left: 1px;
	margin-bottom: -14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/bg_productnavi.jpg);
	background-repeat: repeat;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #8299E7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #8299E7;
	letter-spacing: 1px;
}



#produktnavigation-content ul {
	text-align: center;
	z-index: 9999;
	position: relative;
	top: -21px;
	left: 0px;
	list-style-type: none;
}

#produktnavigation-content ul li img {
	z-index: -9999;
	position: relative;
}


/*----------Produktnavigation01-----------------------------------------------------------*/

#produktnavigation-content ul li a {
	position: relative;
	top: 10px;
	left: 0px;
	width: 120px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
      opacity: 0.6; /* fuer Firefox */
      filter: alpha(opacity=60); /* fuer IE */
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}

#produktnavigation-content ul li a:hover,
#produktnavigation-content ul li a:active {
	position: relative;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	color: #DDF;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;

}


#produktnavigation {
	z-index: 9999;
	position: relative;
	top: 15px;
	line-height: 17px;
}

/*----------Subnavigation Elements fourproducts------------------------------------------------------------*/


.fourproducts01 {
	z-index: 9999;
	position: absolute;
	left: 170px;
	width: 120px;
}

.fourproducts02 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 295px;
}

.fourproducts03 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 435px;
}

.fourproducts04 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 570px;
}

.fourproducts05 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 710px;
}

.fourproducts01active {
	z-index: 9999;
	position: absolute;
	left: 170px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fourproducts02active {
	z-index: 9999;
	position: absolute;
	left: 295px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fourproducts03active {
	z-index: 9999;
	position: absolute;
	left: 435px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fourproducts04active {
	z-index: 9999;
	position: absolute;
	left: 570px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}


.fourproducts01active img,
.fourproducts02active img,
.fourproducts03active img,
.fourproducts04active img {
	top: 3px;
}

/*----------Subnavigation Elements fiveproducts------------------------------------------------------------*/


.fiveproducts01 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 120px;
}

.fiveproducts02 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 245px;
}

.fiveproducts03 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 375px;
}

.fiveproducts04 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 500px;
}

.fiveproducts05 {
	z-index: 9999;
	position: absolute;
	width: 120px;
	left: 620px;
}

.fiveproducts01active {
	z-index: 9999;
	position: absolute;
	left: 120px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fiveproducts02active {
	z-index: 9999;
	position: absolute;
	left: 245px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fiveproducts03active {
	z-index: 9999;
	position: absolute;
	left: 375px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fiveproducts04active {
	z-index: 9999;
	position: absolute;
	left: 500px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fiveproducts05active {
	z-index: 9999;
	position: absolute;
	left: 620px;
	width: 120px;
	top: 10px;
	font-size: 12px;
      opacity: 1.0; /* fuer Firefox */
      filter: alpha(opacity=100); /* fuer IE */
}

.fiveproducts01active img,
.fiveproducts02active img,
.fiveproducts03active img,
.fiveproducts04active img,
.fiveproducts05active img {
	top: 3px;
}






/*----------Subnavigation Elements------------------------------------------------------------*/

#footersubnavigation {
	z-index: 8800;
	position: relative;
	top: 10px;
	left: 0px;
	margin-bottom: -6px;
	
}


/*----------Product Content & Teaser------------------------------------------------------------*/




#productcontent {
	z-index: 900;
	position: absolute;
	width: 222px;
	top: 10px;
	left: 1px;
	height: 100%;
}


img {
	border: 0px;

}

#footer {
	z-index: 800;
	position: relative;
	top: 18px;
	left: 0px;
	margin-right: -2px;
	width: 802px;
	height: 18px;
}


p {
	padding: 3px 0px 0px 1px; 
}


/*----------CSS from news2------------------------------------------------------------*/


#site {
      position: absolute;
	top: 10px;
      width: 866px;
      left: 50%;
      margin-left: -430px; /* die hälfte der Breite */
      padding: 15px 0 15px 0; /* je nach Geschmack ;) */
}


/*----------Header------------------------------------------------------------*/

#head-automatikhelme-jas {
	z-index: 800;
	background: url(../images/head-automatikhelme-jas.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-automatikhelme-optrel {
	z-index: 800;
	background: url(../images/head-automatikhelme-optrel_2009.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}


#head-schutzschilde {
	z-index: 800;
	background: url(../images/head-schutzschilde.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}



#head-atemschutz {
	z-index: 800;
	background: url(../images/head-atemschutz.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}



#head-wigtig {
	z-index: 800;
	background: url(../images/head-wig_tig.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}


#head-schutzausruestung {
	z-index: 800;
	background: url(../images/head-schutzausruestung.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-schweisserwerkzeuge {
	z-index: 800;
	background: url(../images/head-schweisserwerkzeuge.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-hitzeschutz {
	z-index: 800;
	background: url(../images/head-hitzeschutz.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-schutzvorhaenge {
	z-index: 800;
	background: url(../images/head-schutzvorhaenge.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-autogentechnik {
	z-index: 800;
	background: url(../images/head-autogentechnik.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-sprays_beizmittel {
	z-index: 800;
	background: url(../images/head-sprays_beizmittel.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}


#head-news {
	z-index: 800;
	background: url(../images/head-news.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 866px;
	height: 215px;
}

#head-top {
	z-index: 800;
	background: url(../images/head-top.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 866px;
	height: 18px;
}

#head-bottom {
	z-index: 800;
	background: url(../images/head-bottom.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 233px;
	left: 0px;
	width: 866px;
	height: 37px;
}




/*----------Content------------------------------------------------------------*/



.sign {
	position: relative;
	top: -6px;
}


#zoom {
	position: relative;
	top: 30px;
	left: 15px;
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#product-content-text img {
	position: relative;
	top: 1px;
	padding-right: 0px;
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#product-content-text a {
	position: relative;
	top: 0px;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#product-content-text a:hover {
	color: #89A8FB;
	font-weight: bold;
	text-decoration: none;
}

#product-content-text a:active {
	color: #89A8FB;
	font-weight: bold;
	text-decoration: none;
}


/*----------Content Text------------------------------------------------------------*/



#product-content-text {
	z-index: 9999;
	position: relative;
	top: 0px;
	padding-top: 50px;
	left: 220px;
	z-index: 5000;
	width: 590px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;

 }

#headline {
	z-index: 9999;
	position: relative;
 }

#content-text {
	z-index: 9999;
	position: relative;
	top: 15px;
	left: 25px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 140px;
	min-height: 80px;
 }

#content-text ul {
	position: relative;
	top: 10px;
	left: 0px;
	margin: 0px 0px -40px 0px;
	list-style-type: none;
}

#content-text ul li {
	padding: 1px 0px 1px 0px;
}

#content-text p {
	padding: 6px 0px 0px 0px; 
}



h1 {
	z-index: 5000;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
}

h3 {
	z-index: 5000;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
}


h4 {	
	z-index: 5000;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}


/*----------Teaser Text------------------------------------------------------------*/


/*----------Sprachauswahl------------------------------------------------------------*/
/*----------Navigation------------------------------------------------------------*/

#navigation {
	z-index: 999;
      width: 620px;
	position: absolute; 
	top: 2px; 
	left: 147px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 2px;
}

#navigation ul li {
	font-size: 11px;
	display: block; /* navi horizontal */
	float: left; /* navi horizontal */
	text-transform: uppercase;
}


#navigation ul li a {
	padding: 0px 6px 0px 8px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#navigation ul li a:hover {
	padding: 0px 6px 0px 8px;
      background-color: #888EE2;
	color: #ffffff;
	font-weight: bold;
}



.navi-bg {
	z-index: 998;
	height: 100%;
	padding: 0px 6px 24px 8px;
	color: #000000;
      background-color: #DDEEFF;
}


/*----------Sprachauswahl------------------------------------------------------------*/
#selectlanguage {
	z-index: 6999;
	position: absolute;
	top: 3px;
	left: 752px;
}


#selectlanguage ul {
	list-style-type: none;
}

#selectlanguage img {
	position: relative;
	border: 0px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}


/*----------deutsch-----------------------------------------------------------*/

#language ul li a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	border-style: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;

}

#language ul li a:hover,
#language ul li a:active {
	font-weight: bold;
	text-align: left;
	color: #ffffff;
      opacity: 0.8; /* fuer Firefox */
      filter: alpha(opacity=80); /* fuer IE */

}


.language {
	z-index: 77;
	position: absolute;
}

/*----------content-----------------------------------------------------------*/
/*----------Product Content Links-----------------------------------------------------------*/



/*----------CSS Layout elements-----------------------------------------------------------*/
/*----------CSS Layout elements | Teaser--------------*/



/*----------CSS Layout elements | Content--------------*/



#line-left {
	z-index: 900;
	background-image: url(../images/line-left-repeat.jpg);
	background-repeat: no-repeat;
	width: 8px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}



#line-right {
	z-index: 900;
	background-image: url(../images/line-right-repeat.jpg);
	background-repeat: no-repeat;
	width: 8px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 858px;
}


#subnaviline-left {
	z-index: 900;
	background-image: url(../images/line-left-repeat-products.jpg);
	background-repeat: no-repeat;
	width: 8px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}



#subnaviline-right {
	z-index: 900;
	background-image: url(../images/line-right-repeat-products.jpg);
	background-repeat: no-repeat;
	width: 8px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 858px;
}