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

body {
	background-image:url(../img/background.png);
	background-repeat:repeat;
	margin: 0;
	}
		.button-micro{
			background-color: #d54929;
width: 192px;
height: 44px;

color: white;
position: absolute;
padding-top: 5px;
cursor: pointer;
margin-left: 384px;
margin-top: -306px;
font-family: 'lato', sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
text-align: center;
			}

			.button-micro:hover{
			background-color:#333;


			}

#container{
	center
	top
	min-height:768px;
	}

	#neu{
		position:absolute;
		z-index:500;
		margin: -35px 0px 0px 107px;
		-moz-transform:rotate(20deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(20deg); /* Safari */
-o-transform:rotate(20deg); /* Opera */
-ms-transform:rotate(20deg); /* IE9 */
transform:rotate(20deg); /* W3C */

		}
		.neu{
	color:#FFF;
	font-size:7px;
	position:absolute;
	margin:-20px 0px 0px 75px;
			}

#header{
	background-image:url(../img/header.jpg);
	background-position:center;
	height:489px;
	}

	#header_content{
		margin:auto auto auto auto;
		width:900px;
		height:100px;
		}

	#navigation{
		float:left;
		font-family: 'Lato', sans-serif;
		position:relative;
		margin:40px 0px 0px -40px;
		color:#FFF;
		font-size:13px;
		font-weight:700;
		z-index:500;
		position:absolute;

		}

		#navigation ul {
			list-style:none;

		}

		#dlose{
			cursor:pointer;
			margin-top:-100px;

			}

		#navigation li {
			float:left;
			text-align:center;
			margin-right:20px;

		}
		#navigation a{
		color:#FFF;
		text-decoration:none;

		}

		#navigation a:hover{

		border-bottom: solid 1px transparent;
-webkit-transition: border-color 1000ms;
-moz-transition: border-color 1000ms;
	padding-bottom:2px;
	border-color:#d54929;





		}
		#navigation a:active{
		border-bottom: 1px solid;
	border-color:#d54929;
	padding-bottom:2px;


		}

		#navigation2{
			width:207px;
		float:left;
		font-family: 'Lato', sans-serif;

		margin:-12px 0px 0px 270px;
		color:#FFF;
		font-size:13px;
		font-weight:700;
		z-index:500;
		position:absolute;

		}

		#navigation2 ul {
			list-style:none;

		}

		#navigation2 li {
			float:left;
			text-align:center;
			margin-right:15px;


		}
		#navigation2 a{
		color:#fff;
		text-decoration:none;
		background-color:#d54929;
		padding:2px 5px 2px 5px;

		}

		#navigation2 a:hover{
			background-color:#30383a;
		transition: background-color 1000ms;
	-webkit-transition: background-color 1000ms;
-moz-transition: background-color 1000ms;
border:none;

		}

		#navigation2 a:active{
	background-color:#30383a;
	border:none;


		}

	#logo{


		width:150px;

		height:49px;
		margin:50px 0px 0px 700px;
		z-index:500;
		position:absolute;

		}

	#inhalt{
		width:900px;
		height:400px;
		margin:-20px auto auto auto;
		}

		#inhalt h1{

			font-family: 'Quicksand', sans-serif;
	color:#fff;
	font-size:230%;
	font-weight:400;


			}

			#inhalt h3{

			font-family: 'Quicksand', sans-serif;
	color:#fff;
	font-size:100%;
	font-weight:400;
margin-top:-25px;
margin-bottom:30px;


			}

			.discription_product{





	border-left: 1px solid;
	border-color:#999;
	padding-left:5px;
	margin-bottom:10px;





				}

				.discrip{
				position:absolute;

				font-family: 'Lato', sans-serif;

	font-size:13px;
	font-weight:400;
	color:#fff;

	font-style:italic;
	width:250px;
	line-height:20px;



				}

				#technical_data{
					position:absolute;
					width:240px;
					margin:-6Px 0px 0px 325px;
					font-family: 'Lato', sans-serif;
					font-size:13px;
					font-weight:400;
					color:#fff;


					}

					#technical_data h3{
					font-family: 'Lato', sans-serif;
					font-weight: 700;
					font-size: 14px;
					color: #FFF;
					border-bottom:1px solid;
				border-bottom-color:#D54929;
				padding-bottom:5px;
					}

					#technical_data p{
						margin-top:2px;
						margin-bottom:6px;
					font-style:italic;
					font-weight: 400;
					padding-left:0px;
						border-bottom: 1px dotted;
	border-color:#999;
	padding-bottom:2px;




					}

#data_size{

	font-weight:700;
	margin-bottom:2px;
	margin-top:-20px;


	}

#data_material{

	font-weight:700;
	margin-bottom:2px;


	}
#data_kabel{

	font-weight:700;
	margin-bottom:2px;


	}
#data_fassung{

	font-weight:700;
	margin-bottom:2px;


	}
	#data_kennzeichen{

	font-weight:700;
	margin-bottom:2px;


	}
	#data_farben{

	font-weight:700;
	margin-bottom:2px;


	}



.kreis_weiß {

  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #FFF;

}
.kreis_blau{

margin-top:-10px;
margin-left:45px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #00F;
border-color:#FFFFFF;

}

.kreis_grün{

margin-top:-10px;
margin-left:30px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #090;

}

.kreis_grün_tree{

margin-top:-10px;
margin-left:15px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #090;

}

.kreis_orange{

margin-top:-10px;
margin-left:60px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #F60;

}

.kreis_rot{

margin-top:-10px;
margin-left:75px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #F00;

}

.kreis_rot_star{

margin-top:-10px;
margin-left:15px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #F00;

}
.kreis_violett{

margin-top:-10px;
margin-left:90px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #909;

}

.kreis_gelb{

margin-top:-10px;
margin-left:15px;
width: 10px;
height: 10px;
border-radius: 50px;
background-color: #FF0;

}

#kontaktformular
{

margin-top: 15px;

	}

#kontaktformular p
{
	font-family: 'lato', sans-serif;
color: white;
font-size: 14px;
font-weight: 400;
margin-top: -20px;
margin-bottom: 5px;
	}

	#kontaktformular h1
{
margin-left:-1px;
margin-bottom: 45px;
	}

	#kontaktformular input
{
font-family: "lato", Helvetica, Arial, sans-serif;
margin: 0px 0 40px 0;
width: 220px;
background:
white;
color:
#666;
font-size: 14px;
border: 1px solid
#BFC2C4;
padding: 4px 10px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.1);
	}

#kontaktformular2
{
	font-family: 'lato', sans-serif;
	font-size: 14px;
	color:White;
margin-top:-303px;

margin-left: 290px;

	}
	#kontaktformular2 p
{
	margin-bottom:1px;
margin-top:8px;
	}


#kontaktformular2 input{
	font-family: "lato", Helvetica, Arial, sans-serif;
margin: 0 0 20px 0;
width: 220px;
background:
white;
color:
#666;
font-size: 14px;
border: 1px solid
#BFC2C4;
padding: 4px 10px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.1);

	}

	#kontaktformular3{
		margin-left:600px;
		margin-top:80px;

		}

			#kontaktformular3 p{
		font-family: 'lato', sans-serif;
color: white;
font-size: 13px;
font-weight: 400;
margin-top: -71px;
margin-bottom: 42px;
margin-left: -308px;
width: 258px;

		}

		#kontaktformular3 #kontakt_senden{
			font-family:'lato',sans-serif;
width: auto;
font-size: 14px;
font-weight: bold;
color:
#414141;
padding: 4px 19px;
margin: -12px 0 0 -160px;
cursor: pointer;
background:
white;
background: -moz-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
white), color-stop(100%,
whiteSmoke));
background: -webkit-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: -o-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: -ms-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: linear-gradient(top,
white 0%,
whiteSmoke 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
border: 1px solid
#BDBFC0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#kontaktformular4{
	color:
white;
font-family: 'lato';
margin-left: 601px;
height: 290px;
margin-top: -272px;
border-left: 1px solid;
padding-left: 35px;
border-left-color:
#F60;

	}

	#kontaktformular4 h2{
		font-size:18px;
	margin-top:2px;


	}
		#kontaktformular4 p{
		font-size:14px;
		margin-bottom:-8px;



	}






		#content{

			background-image:url(../img/line.png);
	background-position:center;
	height:69px;
			}
				#content2{

			background-image:url(../img/line.png);
	background-position:center;
	height:69px;
	margin:-20px -10px 0px -10px;
			}
						#content3{

			background-image:url(../img/line.png);
	background-position:center;
	height:69px;
	margin:-35px -10px 0px -10px;
			}

					#content4{

			background-image:url(../img/line.png);
	background-position:center;
	height:69px;
	margin:19px -10px 0px -10px;
			}

						#content5{

			background-image:url(../img/line.png);
	background-position:center;
	height:69px;
	margin:19px -10px 0px -10px;
			}



			#light{

		width:900px;
		height:60px;
		margin:auto auto auto auto;


				}

		#footer{

			center
			min-height:250px;
			margin:auto auto auto auto;
			font-family: 'Lato', sans-serif;
			font-weight:700;
			font-size:14px;
			color:#FFF;
			margin-top:25px;

			}
					#footer p{

			font-family: 'Lato', sans-serif;
			font-style:italic;
			font-weight:300;
			margin-bottom: -14px;
			border-left: 1px solid;
border-color:
#d54929;
padding-left: 5px;
			}

			#footer a{

			font-family: 'Lato', sans-serif;
			font-style:italic;
			font-weight:300;
			color:#999;
			text-decoration:none;

			}

				#footer a:hover{

			font-family: 'Lato', sans-serif;
			font-style:italic;
			font-weight:300;
			color:#d54929;

			}

			#content_footer{
				center
				postion:relative;
				width:900px;
				min-height:300px;
				margin:auto auto auto auto;

				}


				#kontakt{
					float:left;
					position:relative;
					width:225px;


			}
					#downloads{
					float:left;
					position:relative;
					width:225px;

			}
				#newsletter{
					float:left;
					position:relative;
					width:185px;

			}



				#bestellen{
					position:absolute; left: -9999px;

			}

			input[type=submit] {
	font-family: "lato",sans-serif;
text-decoration: none;
width: auto;
font-size: 14px;
font-weight: bold;
color:
#414141;
padding: 2px 10px;
margin: 23px 0px 3px 6px;
cursor: pointer;
background:
white;
background: -moz-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
white), color-stop(100%,
whiteSmoke));
background: -webkit-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: -o-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: -ms-linear-gradient(top,
white 0%,
whiteSmoke 100%);
background: linear-gradient(top,
white 0%,
whiteSmoke 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
border: 1px solid
#BDBFC0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;

				}




					#socialmedia{
					float:left;
					position:relative;
					width:225px;

			}





			#image_right{
				margin-left:630px;
				margin-top:46px;
				float:left;



				}

			#footer2{
				font-size:11px;
color:white;
margin:15px auto auto auto;
width:900px;

font-family:'lato';




				}

				#footer2 ul{
					font-size:11px;

					margin-left:725px;
					margin-top:-13px;


					list-style:none;


					}


				#footer2 ul li{

					padding-right:15px;
					float:left;

					}

					#footer2 ul li a{
						text-decoration:none;
						color:white;



					}

					#footer2 ul li a:hover{
						color:#999;


					}

					#details{

						margin-right: 107px;
margin-top: 10px;



						}

					#detail{
						opacity:1;
						float:right;
z-index: 1001;
background-color:
#E85133;
color:
white;
font-family: 'lato';
font-weight: 700;
padding-left: 5px;
padding-right: 5px;
width: auto;
height: 17px;
margin-top: -80px;
font-size: 13px;

						}
						#detail2{
							opacity:0.9;
							float:right;

z-index: 1001;
background-color:
#E85133;
color:
white;
font-family: 'lato';
font-weight: 700;
padding-left: 5px;
padding-right: 5px;
width: auto;
height: 17px;
margin-top: -62px;
font-size: 13px;

						}

						#detail3{
							opacity:0.9;
							float:right;

z-index: 1001;
background-color:
#E85133;
color:
white;
font-family: 'lato';
font-weight: 700;
padding-left: 5px;
padding-right: 5px;
width: auto;
height: 17px;
margin-top: -44px;
font-size: 13px;

						}

						#image_map{
							position: absolute;
margin-top: -15px;
margin-left: -633px;

							}

							#image_map a{
							border:none;

							}

											#image_map a:hover{
								opacity:0.5;
								transition: ease-in-out opacity 1000ms;
								-webkit-transition: ease-in-out opacity 1000ms;
								-moz-transition:ease-in-out opacity1000ms;
								border:none;



							}

							.adresse_venlo{

								font-family: 'lato', sans-serif;
	font-size: 14px;
	color:White;


								}

								.adresse_venlo p{

								line-height:10px;


								}

								.adresse_venlo h2{

								line-height:10px;
	font-family: 'lato', sans-serif;
	font-size: 16px;

								}

								.adresse_venlo h4{
									margin-bottom:-5px;

								line-height:10px;
	font-family: 'lato', sans-serif;
	font-size: 14px;

								}

									.adresse_imp{

								font-family: 'lato', sans-serif;
	font-size: 12px;
	color:White;


								}

								.adresse_imp p{

								line-height:10px;


								}

								.adresse_imp h2{

								line-height:10px;
	font-family: 'lato', sans-serif;
	font-size: 16px;

								}

								.adresse_imp h4{
									margin-bottom:-5px;

								line-height:10px;
	font-family: 'lato', sans-serif;
	font-size: 14px;

								}

								.zeit_venlo{
									margin-top:30px;

									}

									.zeit_venlo p{
									line-height:10px;

									}

									.zeit-venlo h2{

								line-height:10px;
	font-family: 'lato', sans-serif;
	font-size: 16px;

								}

								#cash{
									margin-left:10px;
									margin-top:-25px;
									float:left;

									}

									#impressum_adresse{
									margin-left:10px;
									margin-top:-25px;
									float:left;

									}

									#carry
									{

										margin-left:88px;
										margin-top:-27px;
										float:left;
										height:280px;



										}

										#carrycarry
									{

										margin-top: -27px;
										margin-left: 56px;
										float:left;
										height:280px;



										}

										#ab{
											background-image:url(../images/ab.png);
											width:92px;
											height:92px;
											position:absolute;
											margin-left: 164px;
margin-top: 238px;


											}

										#impressum
									{
										position:absolute;
										margin-left:420px;
										margin-top:-27px;
										float:left;
										height:280px;
										width:450px;
										}

										.impress{
											font-family: 'lato', sans-serif;
	font-size: 14px;
	color:White;
	}

										.impress p{
								font-size:12px;
								line-height:12px;


								}

							#facebook {
								cursor:pointer;

								margin-top:5px;
								margin-left:3px;
								}

								#standart_input{
									font-family: "lato", Helvetica, Arial, sans-serif;
margin: 0 0 0px 0;
width: 155px;
background:
white;
color:
#666;
font-size: 12px;
border: 1px solid
#BFC2C4;
padding: 4px 10px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.1);

									}

#lang{
	color:white;
	width:150px;
	height:30px;
	position:absolute;
	font-family: "lato", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:700;
	margin-top:15px;

	}

	#lang a{
	color:white;
	text-decoration:none;

	}

			#lang a:hover{

	color:white;
	text-decoration:none;
	}