@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(/_images/backgrounds/bg.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
img {
	vertical-align:bottom;
}
.cleaner {
	line-height:0px;
	font-size:0px;
	clear:both;
}
.we {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#990033;
}
a.whiteInv {
color:#fff;
text-decoration:none;
}

#container {
	float:left;
	position:absolute;	
	z-index:1;		
	text-align:center;
	margin:auto;
	margin-left: -460px;
	width:923px;
	position:absolute;	
	top:0px;
	left:50%;
}



#containerLeft{
	float:left;
	text-align:left;
	width:733px;
	padding-bottom:20px;
}
#headArea{
	float:left;
	width:733px;
}
#headerImg img{
	padding:0px;
	margin:0px;
	vertical-align: bottom;
}
#logo{
	float:left;
	z-index:2;
	position:absolute;		
	top:20px;
	left:93px;
	border:none;
}

#mainNav{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	float:right;
	z-index:3;
	position:absolute;
	top:6px;
	left:433px;
}
#mainNavIndex{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	float:right;
	z-index:3;
	position:absolute;
	top:6px;
	left:433px;
}
#mainNavIndex li{
	text-align:right;
	display:block;
	font-weight:bold;
	width:300px;
	text-transform:uppercase;
	
}

#mainNavIndex li a {
	color:#C4CCD5;
	font-size:32px;
	line-height:32px;
	text-decoration:none;
	padding-right:10px;
}
#mainNavIndex li a:hover {
	color:#767A80; /*#fff*/
	font-size:32px;
	line-height:32px;
	text-decoration:none;
	border-right:3px solid #fff;
	padding-right:7px;
	
}
#mainNavIndex .current a{
	color:#767A80;
	font-size:32px;
	line-height:32px;
	text-decoration:none;
	border-right:3px solid #fff;
	padding-right:7px;
}
#mainNav li{
	text-align:right;
	display:block;
	font-weight:bold;
	width:300px;
	text-transform:uppercase;
	
}
#mainNav li a {
	color:#C4CCD5;
	font-size:32px;
	line-height:32px;
	text-decoration:none;
	padding-right:10px;
}
#mainNav li a:hover {
	color:#fff; /*#fff*/
	font-size:32px;
	line-height:32px;
	text-decoration:none;
	border-right:3px solid #fff;
	padding-right:7px;
	
}
#mainNav .current a{
	color:#fff;
	font-size:32px;
	line-height:32px;
	text-decoration:none;
	border-right:3px solid #fff;
	padding-right:7px;
}
#containerRight{
	text-align:left;
	float:right;
	width:190px;	
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
}
#navRight{
	float:left;
	background-image:url(/_images/backgrounds/bg_nav.jpg);
	background-repeat:repeat-y;
	width:190px;
}

#sub1 {
	list-style-type:none;
	padding:0px;
	margin:10px;
	margin-bottom:70px;
}
#sub1 li {
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	padding-bottom:3px;
}
#sub1 li a {
	color:#C4CCD5;
	text-decoration:none;
	font-size:16px;
	line-height:19px;
	font-weight:bold;
	line-height:16px;
}
#sub1 li a:hover {
	color:#fff;
	text-decoration:none;
}

#sub1 .current a {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	line-height:19px;
	font-weight:bold;
	line-height:16px;
}

#sub2 {
list-style-type:none;
	padding:0px;
	margin:8px;
}
#sub2 li {
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	line-height:11px;
	margin: 3px 0px 3px 0px;	
}
#sub2 li a {
	color:#C4CCD5;
	text-decoration:none;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
}
#sub2 li a:hover {
	color:#fff;
	text-decoration:none;
}
#sub2 .currentSub a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
}
#sub2 .noCurrent a {
	color:#C4CCD5;
	text-decoration:none;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
}
#metaNav {
	padding:30px 0px 8px 10px;
	width:80px;

	}
#metaNav a{
	color:#B2BCC8;
	text-decoration:none;
	text-transform:uppercase;
	margin: 10px 4px 0px 0px;
	padding:0px;	
}
#metaNav a:hover{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;	
}
#sound {
	color:#B2BCC8;
	background-image:url(/_images/backgrounds/symbol_loudspeacker.gif);
	background-repeat:no-repeat;
	background-position: top;
	padding:30px 8px 0px 0px;
	
}

#sound2 {
	float: right;
	color:#B2BCC8;
	background-image:url(/_images/backgrounds/symbol_loudspeacker.gif);
	background-repeat:no-repeat;
	background-position: top;
	padding:30px 8px 0px 0px;
	
}

#sound a, #sound2 a {
	color:#B2BCC8;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}

#sound a:hover, #sound2 a:hover{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
} 
#linkListCont{
	text-decoration:none;
	margin:10px;
	float:left;
	width:140px;
	display:inline;	
}
#linkListHead {
	background-image:url(/_images/backgrounds/bg_linklist.gif);
	background-repeat:no-repeat;
	width:140px;
	height:12px;
	font-size:0px;
	line-height:0px;
}
#linkListContent {
	background:#B2BCC8;
	width:138px;
	list-style:none;
	border-left: 1px solid #D6DBE2;
	border-right: 1px solid #D6DBE2;
	border-bottom: 1px solid #D6DBE2;	
	margin:0px;
	padding:0px 0px 15px 0px;		
}

#linkListContent li{
	margin:0px 10px 0px 10px;
	padding:5px 0px 5px 0px;
	list-style:none;
	border-bottom:1px solid #D6DBE2;
	text-transform:uppercase;
	width:118px;
}
#linkListContent li a{
	display:block;
	width:115px;
	color:#fff;
	text-decoration:none;
	background-image:url(/_images/backgrounds/link_bg_linklist.gif);
	background-repeat:no-repeat;
	background-position:right bottom;	
}


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

#contentArea{
	background-image:url(/_images/backgrounds/bg_body.gif);
	background-repeat:repeat-y;
	margin:0px 0px 0px 13px;
	float:left;
	padding:20px 10px 10px 10px;
	display:inline;
	width:700px;
}
#content {
	background-color:#fff;
	padding:20px;
	width:660px;
	float:left;
	color:#666;
	font-size:11px;
	min-height:450px; 
}
*html #content {
	height:450px;

}




/* ------------- Index ----------------- */
#contentStart {
	background-color:#fff;
	width:700px; /*660*/
	float:left;
	color:#666;
	font-size:11px;
}


#startLeft {
	height: 170px;
	float:left;
}
#startLeft img {
	border:none;
	margin: 0px 10px 0px 0px;
	float:right;
}
#startLeft #left1 {
	padding:0px 0px 0px 10px;
	width:220px; /*209*/
	border-right:1px solid #C4CCD5;
	float:left;
}
#startLeft #left2 {
	padding:0px 0px 0px 10px;
	width:220px;
	border-right:1px solid #C4CCD5;
	float:left;
}
#startLeft #left3 {
	padding:0px 0px 0px 10px;
	width:220px;
	float:left;
}
#startLeft .textIndex {
	width:80px;
	float:left;
	padding-top:10px;
}
#startLeft .textIndex a{
	text-decoration:none;
}

/* ------------- Technologie ----------------- */

#contentLeft {
	width:360px; /*360*/
	margin-right:19px;
	float:left;
}
#contentRight {
	width:280px; /*280*/
	float:left;

}
#contentLeftText {
	width:320px; /*360*/
	margin-right:19px;
	float:left;
}
#contentRightText {
	width:320px; /*280*/
	float:left;

}
#contentRight a{
	color:#666;
	text-decoration:underline;
}
#contentRight a:hover{
	color:#999;
	text-decoration:underline;
}

.prevImg{
	float:left;
	margin:10px 10px 10px 0px;
}

.textBoxStripes{
	float:left;
	width:230px;
	background-image:url(/_images/backgrounds/bg_box_stripes.gif);
	background-repeat:repeat-y;
	margin: 0px 0px 10px 0px;
	padding:10px;
	color:#6D8098;
}
.textBoxStripes a{
	color:#6D8098;
	text-decoration:underline;
}


#sub3 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 20px 0px;
	background-image:url(/_images/backgrounds/bg_line_stripes.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#sub3 li {
	list-style:none;
	font-size:11px;
}
#sub3 li a {
	color:#666;
	text-decoration:none;
	background-image:url(/_images/backgrounds/link_bg_white.gif);
	background-repeat:no-repeat;
	background-position:0px;
	font-weight:normal;
	padding: 0px 0px 2px 18px;
	display:block;
	text-transform:uppercase;	
}
#sub3 li a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#666;
	text-transform:uppercase;		
}


/* ------------- Produktoverview ----------------- */

#sliderProdOverview {
	background-color:#fff;
	width:700px;
	overflow:hidden;
	float:left;
	color:#666;
	font-size:11px;

}
#sliderProdOverview td{
	margin:0px;
	padding:0px;
	vertical-align:top;
}
#sliderProdOverview td a {
	color:#999;
	text-decoration:none;
}
#sliderProdOverview td a:hover {
	color:#999;
	text-decoration:underline;
}

.prodBox{
	text-decoration:none;
	float:left;
	width:160px;
	display:inline;
	height:242px;	
	color:#999;	
}


.prodBoxHead {
	background-image:url(/_images/backgrounds/product_box.gif);
	background-repeat:no-repeat;
	width:160px;
	height:13px;
	font-size:0px;
	line-height:0px;

}
.prodBoxContent {
	height:212px;
	background:#fff;
	width:158px;
	list-style:none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	margin:0px;
	padding:0px 0px 15px 0px;	
	color:#999;	
}

.prodOvImg {
	float:right;
	text-align:center;
	width:155px;
}
.prodOvImg img {
	border:none;
}


.linkLoudOv {
	color:#666;
	text-decoration:none;
	background-image:url(/_images/backgrounds/link_bg_white.gif);
	background-repeat:no-repeat;
	background-position:0px;
	font-weight:normal;
	padding: 0px 0px 2px 18px;
	display:block;
	text-transform:uppercase;	
	width:20px;
	height:16px;
	float:left;
	text-align:left;
	margin:-18px 0px 0px 8px;
}

.linkLoudOv a {
	color:#666;
	text-decoration:none;

}

/* ------------- Produktdetail ----------------- */


#contentLeftProduct {
	width:410px;
	margin-right:19px;
	float:left;
	position:absolute;

}
#contentRightProduct {
	width:230px;
	float:right;

}
#textRight {
	 height:336px;

}
#textRight a{
	color:#666;
	text-decoration:underline;
}
#textRight a:hover{
	color:#999;
	text-decoration:underline;
}
#sliderBottom{
	
}

#product img {

	z-index:0;
}

#finnish {
	bottom:10px;
	left:10px;
	position:absolute;
	height:auto;
	width:110px; 
	z-index:2;
	font-size:10px;
	color:#666666;
}
#finType {
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;	
}
#finnish img{
	border:none;
	margin: 6px 0px 5px 0px;
	display:block;
}
#preview {
	top:10px;
	right:10px;
	position:absolute;
	height:auto;
	width:90px;
	z-index:2;
	font-size:10px;	
}
#preview a{
	text-decoration:none;
}
.prevWindows {
	margin-bottom:10px;
}

.borderPref{
	border: 1px solid #D5DAE1;
}
.greyBg{
	background-color:#999999;
	color:#fff;
	display:block;
	padding:0px 0px 0px 3px;
	font-size:10px;			
}

#grill {
	position:absolute;
	bottom:10px;
	right:10px;
	float:right;
	height:auto;
	width:100px;
	z-index:2;
	text-align:right;
	font-size:10px;		
}
#grill a{
	text-decoration:none;
}
#grill img {
	border:none;
	margin: 6px 0px 5px 0px;
}


/* ------------- Distribution ----------------- */

#southAmerica {
	position:absolute;z-index:11;top:340px;left:210px;
}
#northAmerica {
	position:absolute;z-index:10;top:240px;left:0px;
}
#africa {
	position:absolute;z-index:14;top:280px;left:0px;
}
#asia {
	position:absolute;z-index:13;top:315px;left:0px;
}
#australia {
	position:absolute;z-index:15;top:275px;left:65px;
}
#europe {
	position:absolute;z-index:13;top:315px;left:0px;
}

#contentDistribution {
	position:absolute;
	z-index:5;
	left:55px;
	top:220px;
	float:left;
visibility:visible;


}
.contLayerEurope {
	float:left;
	/*position:absolute;
	top:0px;*/
	width:637px; /*637*/
	background-image:url(/_images/backgrounds/bg_corner.gif);
	background-repeat:no-repeat;
	background-position:right top;
display:inline;

}

.contLayerHeadEurope {
	float:left;
	height:12px;
	color: #9900CC;
	background-color:#FDFDFE;
	border-top: 1px solid #B2BCC8;
	border-left: 1px solid #B2BCC8;
	width:624px;
display:inline;
}
.contLayerContentEurope {
	float:left;
	color: #9900CC;
	background-color:#FDFDFE;
	border-right: 1px solid #B2BCC8;
	border-left: 1px solid #B2BCC8;
	border-bottom: 1px solid #B2BCC8;
	width:600px; /* - 30px */
	padding:15px 15px 20px 20px;
display:inline;

}
*html .contLayerContentEurope {
	width:598px; /*637*/
	padding:15px 10px 20px 10px;

}

.contLayer {
	float:left;
	/*position:absolute;
	top:0px;*/
	width:437px;
	background-image:url(/_images/backgrounds/bg_corner.gif);
	background-repeat:no-repeat;
	background-position:right top;

}
.contLayerHead {
	float:left;
	height:12px;
	color: #9900CC;
	background-color:#FDFDFE;
	border-top: 1px solid #B2BCC8;
	border-left: 1px solid #B2BCC8;
	width:424px;

}
.contLayerContent {
	float:left;
	color: #9900CC;
	background-color:#FDFDFE;
	border-right: 1px solid #B2BCC8;
	border-left: 1px solid #B2BCC8;
	border-bottom: 1px solid #B2BCC8;
	width:405px; /* - 30px */
	padding:15px 10px 20px 20px;



}
.adressCont {
	float:left;
	width:190px;
	margin:10px 10px 0px 0px;

}
.adressBG {
	float:left;
	background-color:#E4E8EC;
	color:#777;
	padding:1px;
	width:190px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.adressBG a{
	color:#777;
	text-decoration:underline;
}
.adressBG a:hover{
	color:#666;
	text-decoration:underline;
}

h4 {
	color:#ccc;
	font-size:32px;
	text-transform:uppercase;
	margin:0px 0px 15px 0px;
	line-height:60%;
}
.lineDistrib {
	height:1px;
	font-size:0px;
	line-height:0px;
	border-bottom:1px solid #D8DDE4;
	margin:0px 0px 10px 0px;
	padding:0px; 
	width:395px;
}
.lineDistribEurope {
	height:1px;
	font-size:0px;
	line-height:0px;
	border-bottom:1px solid #D8DDE4;
	margin:0px 0px 10px 0px;
	padding:0px; 
	width:595px;
}
h5 {
	color:#666;
	font-size:16px;
	margin:0px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:100%;
	margin-bottom:5px;
}
h6 {
	color:#ccc;
	font-size:24px;
	text-transform:uppercase;
	margin:0px 0px 15px 0px;
	line-height:60%;
}
.distrPDF{
	margin:-30px 0px 0px 0px;
	height:30px;
	padding:0px 10px 0px 0px;
	float:right;
}

/* ------------- Querscroller template ----------------- */
.textBox {
	width:330px;
	height:326px;
	overflow:hidden;
}

/* ------------- Überschriften Textformatierungen ----------------- */
h1 {
	color:#ccc;
	font-size:32px;
	text-transform:uppercase;
	margin:0px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	color:#999;
	font-size:14px;
	margin:0px;
	text-transform:uppercase;
}
h3 {
	color:#999;
	font-size:16px;
	margin:0px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:100%;
}
h3 a {
	color:#999;
	text-decoration:none;
}

.line {
	height:1px;
	font-size:0px;
	line-height:0px;
	border-bottom:1px solid #D8DDE4;
	width:230px;
}

.linkLoud {
	color:#666;
	text-decoration:none;
	background-image:url(/_images/backgrounds/link_bg_white.gif);
	background-repeat:no-repeat;
	background-position:0px;
	font-weight:normal;
	padding: 0px 0px 2px 18px;
	display:block;
	text-transform:uppercase;	
	width:20px;
	height:16px;
}

.linkLoud a {
	color:#666;
	text-decoration:none;
	background-image:url(/_images/backgrounds/link_bg_white.gif);
	background-repeat:no-repeat;
	background-position:0px;
	font-weight:normal;
	padding: 0px 0px 2px 18px;
	display:block;
	text-transform:uppercase;	
	width:20px;
	height:16px;
}

.linkPDF {
	background-image:url(/_images/backgrounds/symbol_pdf.gif);
	background-repeat:no-repeat;
	padding: 5px 0px 5px 20px;
	display:block;
	text-transform:uppercase;
	color:#666;
	text-decoration:none;

}

.linkPDF a{
	background-image:url(/_images/backgrounds/symbol_pdf.gif);
	background-repeat:no-repeat;
	padding: 5px 0px 5px 20px;
	display:block;
	text-transform:uppercase;
	color:#666;
	text-decoration:none;

}

.header3 {
	color:#999;
	font-size:16px;
	margin:0px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
.header3 a {
	color:#999;
	text-decoration:none;
}
.header2 {
	display:block;
	color:#999;
	font-size:14px;
	margin:0px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;

}
.header2{
	color:#999999;
}
a.header2 {
	color:#999999;
}

.header2 a{
	color:#999999;
}
.header2 a:hover{
	color:#999999;
	text-decoration:underline;
}
.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;

}
.text a{
	text-decoration:underline;
	color:#666;

}
.text a:hover{
	color:#999;
	text-decoration:underline;

}

#overlay {
	background-color:white;
	border:1px solid #333;
	display:none;
	height:320px;
	left:50%;
	margin-left:-320px;
	padding:25px 15px 10px;
	position:absolute;
	top:100px;
	width:640px;
	z-index:999;
}

#overlayClose {
	cursor:pointer;
	position:absolute;
	right:10px;
	top:10px;
}

a.head, a.head:hover, a.head:active, a.head:visited {color:#999999;}