body {
	font-family: Helvetica,Arial,sans-serif;
	width: 100%;
	height: 100%;
	background-image: url(/imgs/bg_main.png);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	text-align: center;
	color: #4b4b4d;
	line-height: 1.4em;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	}


	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Firefox < 16 */
	@-moz-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Internet Explorer */
	@-ms-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Opera < 12.1 */
	@-o-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
#header {
	text-align: left;
	top: 0px;
	width: 100%;
	height: 80px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ff0000;
}
#header2 {
	text-align: left;
	width: 1200px;
	height: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
#logo {
	margin: 0px 0px 0px 65px;
	width: 155px;
	height: 55px;
	float: left;
	}
#nav {
	margin: 40px 0px 0px 25px;
	float: left;
	width: 950px;
	vertical-align: bottom;
	font-size: 13px;
	font-weight: 600;
	color: #484c55;
	padding: 0;
	text-align: left;
	}
#header-bild {
	margin: 0px auto 0px auto;
	clear: both;
	width: 1200px;
	height: 500px;
}
#container {
	width: 1200px;
	background: url(../imgs/bg-container.png);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	z-index: 1;
	}
#content {
	margin: 0px 0px 0px 0px;
	padding: 0px 300px 0px 250px;
	text-align: left;
	width: 650px;
}
.artikel {
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 650px;
}
.artikel-grau {
	margin: 40px 0px 0px 0px;
	padding: 30px 30px 30px 30px;
	text-align: left;
	width: 590px;
	background-color: #ecedee;
}
.artikel35 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 650px;
}
#sub {
	margin: -50px 0px 0px 210px;
	z-index: 2;
}
#footer1 {
	clear: both;
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 100%;
	background-color: #484c54;
	color: #FFFFFF;
}
#footer1a {
	margin: 0px auto 0px auto;
	padding: 25px 300px 25px 250px;
	text-align: left;
	width: 650px;
	background-color: #484c54;
	color: #FFFFFF;
}
#footer2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 100%;
	background-color: #eceded;
}
#footer2a {
	margin: 0px auto 0px auto;
	padding: 15px 300px 15px 250px;
	text-align: left;
	width: 650px;
	color: #484c54;
	font-size: 13px;
}
h1 {
	margin: 0px 0px 60px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 34px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3;
	color: #711e71;
	}
h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.0;
	padding: 0px 0px 0px 0px;
	color: #711e71;
	margin: 0px 0px 20px 0px;
	}
h3 {
	font-size: 13pt;
	font-weight: bold;
	margin: 0px 0px 12px 3px;
	color: #711e71;
	}

a {
	text-decoration: none;
	color: #731e6f;
	}
a:hover {
	text-decoration: none;
	color: #484c55;
	}
a.footer {
		text-decoration: none;
		color: #FFFFFF;
		}
a.footer:hover {
		text-decoration: none;
		color: #711e71;
		}
a.leistung {
		margin: 0px -5px 0px 0px;
		width: 195px;
		height: 195px;
		display: inline-block;
		background-image: url(../imgs/button_leistung_w.png);
		text-decoration: none;
		color: #731e6f;
		}
a.leistung:hover {
		background-image: url(../imgs/button_leistung_g.png);
		text-decoration: none;
		color: #484c55;
		}
a.leistung2 {
			margin: 0px -5px 0px 0px;
			width: 195px;
			height: 195px;
			display: inline-block;
			background-image: url(../imgs/button_leistung_g.png);
			text-decoration: none;
			color: #731e6f;
			}
a.versand {
			margin: 0px -5px 0px 0px;
			width: 195px;
			height: 195px;
			display: inline-block;
			background-image: url(../imgs/button_versandlogistik_w.png);
			text-decoration: none;
			color: #731e6f;
			}
a.versand:hover {
			background-image: url(../imgs/button_versandlogistik_g.png);
			text-decoration: none;
			color: #484c55;
			}
a.versand2 {
				margin: 0px -5px 0px 0px;
				width: 195px;
				height: 195px;
				display: inline-block;
				background-image: url(../imgs/button_versandlogistik_g.png);
				text-decoration: none;
				color: #731e6f;
				}
a.branche {
				margin: 0px -5px 0px 0px;
				width: 195px;
				height: 195px;
				display: inline-block;
				background-image: url(../imgs/button_branchenlogistik_w.png);
				text-decoration: none;
				color: #731e6f;
				}
a.branche:hover {
				background-image: url(../imgs/button_branchenlogistik_g.png);
				text-decoration: none;
				color: #484c55;
				margin: 0px -5px 0px 0px;
				width: 195px;
				height: 195px;
				display: inline-block;
				}
a.branche2 {
					margin: 0px -5px 0px 0px;
					width: 195px;
					height: 195px;
					display: inline-block;
					background-image: url(../imgs/button_branchenlogistik_g.png);
					text-decoration: none;
					color: #731e6f;
					}
a.kontakt {
					margin: 0px -5px 0px 0px;
					width: 195px;
					height: 195px;
					display: inline-block;
					background-image: url(../imgs/button_kontakt_w.png);
					text-decoration: none;
					color: #731e6f;
					}
a.kontakt:hover {
					background-image: url(../imgs/button_kontakt_g.png);
					text-decoration: none;
					color: #484c55;
					}
a.kontakt2 {
					margin: 0px -5px 0px 0px;
					width: 195px;
					height: 195px;
					display: inline-block;
					background-image: url(../imgs/button_kontakt_g.png);
					text-decoration: none;
					color: #731e6f;
				}
ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
}
li {
					list-style-type: none;
					background:url(../imgs/bullet.png);
					background-repeat: no-repeat;
					background-position: 0 6px;
					padding-left: 20px;
				}
img.zoom {
				 transition: transform 0.8s;
					-moz-transition: transform 0.8s;
					-webkit-transition-duration: 0.8s; /* Safari */
					-o-transition: transform 0.8s;
					-ms-transition: transform 0.8s;
				}
img.zoom:hover {
				 transform: scale(1.5, 1.5);
					-moz--transform: scale(1.5, 1.5);
					-webkit-transform: scale(1.5, 1.5);
					-o--transform: scale(1.5, 1.5);
					-ms--transform: scale(1.5, 1.5);
				}
p {
  margin: 0.5em 0;
}