body {
	font-family			: Arial, sans-serif;
	font-size			: 15px;
	color				: #333;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: #bebebe;
}

#widgetline { 
	width				: 100%; 
	height				: auto;
	border-top			: 1px solid #a0a0a0;
	padding-top			: 5px;
	text-align			: right;
}

#head {
	position				: fixed;
	width					: 100%;
	max-width				: 1920px;
	height					: 137px;
	background				: url(../images/head_bg.png) center center no-repeat;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	-ms-background-size		: cover;
	background-size			: cover;
	margin					: 0 auto;
	z-index					: 1600;
	box-shadow				: -1px 0 5px #333;
}

#head_wrapper {
	width				: 100%;
	max-width			: 1300px;
	height				: auto;
	margin				: 0 auto;
}

/* Topmenue */
#topmenue {
	display				: inline-block;
	float				: right;
	font-size			: 22px;
	font-weight			: bold;
	color				: #276a97;
	margin				: 20px 145px 0 0;
}
a.topmenu {
	display				: inline-block;
	margin				: 5px;
}

#telefon_icon {
	margin				: 5px 0 -5px 20px;
}

/* Logo */
#logo {
	display				: inline-block;
	float				: left;
	width				: 100%;
	max-width			: 62px;
	height				: auto;
	margin				: 20px 0 0 7px;
}

#logo_text {
	position			: absolute;
	font-size			: 13px;
	color				: #ececec;
	margin				: 23px 0 0 80px;
	text-shadow:  1px  1px 0px #666666,
                  1px -1px 0px #666666,
                 -1px  1px 0px #666666,
                 -1px -1px 0px #666666;
}

#magnet_text {
	font-size			: 7px !important;
	color				: #3f568c;
	background			: none !important;
	margin-right		: 2px;
}

#online_shop {
	position			: absolute;
	margin-top			: -87px;
}

#zertifikatmobile {
	display				: block;
	float				: right;
	width				: 100%;
	max-width			: 75px;
	margin				: 0px 15px 0px 0;
	border				: 2px solid #fff;
}

#zerti_impressi {
	border				: 2px solid #fff;
}

/* Menue */
#menue {
	position			: relative;
	display				: inline-block;
	float				: left;
	width				: 100%;
	clear				: both;
	text-align			: center;
	text-transform		: uppercase;
	z-index				: 1;
}

#menue ul {
	list-style		: none;
	margin			: 0px;
	padding			: 0px;
}

#menue .menu {
	display			: inline-block;
	font-size		: 15px;
	font-weight		: bold;
	color			: #276a97;
	padding			: 27px 7px 9px 7px;
}
#menue .menu:hover, #menue .menu_on:hover, #menue .menu_on , #menue li:hover a.menu {
	display			: inline-block;
	font-size		: 15px;
	font-weight		: bold;
	color			: #276a97;
	text-decoration	: underline;
	padding			: 27px 7px 9px 7px;
}

#menue li {
	display			: inline-block;
}

#submenuboxen {
	float			: left;
	width			: 100%;
	max-width		: 448px;
	border			: 1px solid rgba(190,190,190,0.8);	
	border-top		: none;
	background		: rgba(255,255,255,0.95);
}

#submenubox1 {
	display			: inline-block;
	width			: 100%;
	max-width		: 147px;
	height			: 124px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenubox2 {
	display			: inline-block;
	width			: 100%;
	max-width		: 147px;
	height			: 124px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenubox3 {
	display			: inline-block;
	width			: 100%;
	max-width		: 147px;
	height			: 124px;
	float			: left;
}

#submenuboxenbig {
	float			: left;
	width			: 703px;
	border			: 1px solid rgba(190,190,190,0.8);
	border-top		: none;
	background		: rgba(255,255,255,0.95);
}

#submenuboxbig1 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenuboxbig2 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenuboxbig3 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}

#submenuboxbig4 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
}

#submenuboxensmall {
	float			: left;
	width			: 100%;
	max-width		: 144px;
	border			: 1px solid rgba(190,190,190,0.8);	
	border-top		: none;
	background		: rgba(255,255,255,0.95);
}

#submenuboxsmall {
	display			: inline-block;
	width			: 100%;
	max-width		: 144px;
	height			: auto;
	float			: left;
}

	#menue ul li ul {
		position	: absolute;
		display		: none;
		text-align	: left;
		text-transform: none;
	}

	#menue ul li:hover ul, #menue li.sfhover ul{
		display			: block;
		width			: 98%;
		max-width		: 450px;
		padding-top		: 0;
	}

	#menue ul li ul a {
		display			: block;
		width			: 98%;
		max-width		: 450px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu:hover, #menue ul li ul .submenu_on, #menue ul li ul .submenu_on:hover {
		display			: block;
		width			: 98%;
		max-width		: 450px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
	#menue ul li ul a.submenu1 {
		display			: block;
		width			: 140px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu1:hover, #menue ul li ul .submenu1_on, #menue ul li ul .submenu1_on:hover {
		display			: block;
		width			: 140px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
		#menue ul li ul a.submenu12 {
		display			: block;
		width			: 144px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu12:hover, #menue ul li ul .submenu12_on, #menue ul li ul .submenu12_on:hover {
		display			: block;
		width			: 144px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
	#menue ul li ul a.submenu2 {
		display			: block;
		width			: 155px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 11px;
		padding			: 6px 0 6px 20px;
		margin			: 0 100% 0 0;
		background:url(../images/list.png) center left 8px no-repeat;
	}
	
	#menue ul li ul .submenu2:hover, #menue ul li ul .submenu2_on, #menue ul li ul .submenu2_on:hover {
		display			: block;
		width			: 155px;
		color			: #fff;
		font-weight		: bold;
		font-size		: 11px;
		padding			: 6px 0 6px 20px;
		text-decoration	: underline;
		background:url(../images/list.png) center left 8px no-repeat rgba(39,106,151,0.9);
	}
	
	#menue ul li ul a.submenubig {
		display			: block;
		width			: 167px;
		color			: #fff;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
		background		: #276a97;
	}

	#menue ul li ul .submenubig:hover, #menue ul li ul .submenubig_on, #menue ul li ul .submenubig_on:hover {
		display			: block;
		width			: 167px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
	#menue ul li ul a.submenu3 {
		display			: block;
		width			: 136px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu3:hover, #menue ul li ul .submenu3_on, #menue ul li ul .submenu3_on:hover {
		display			: block;
		width			: 136px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}

#caret {
	font-size			: 16px !important;
	color				: rgba(0,0,0,0.3);
	margin-left			: 20px;
	background			: none;
}

#trenner {
	display				: inline-block;
	font-size			: 14px;
	color				: #276a97;
}

#menue_schatten {
	position			: relative;
	float				: right;
	width				: 100%;
	max-width			: 966px;
	height				: 38px;
	margin				: -42px 0 0 150px;
	background			: url(../images/menue_schatten.png) right no-repeat;
	z-index				: 0;
}

#head_bild {
	width				: 100%;
	max-width			: 1920px;
	height				: 363px;
	margin				: 0 auto;
	padding-top			: 250px;
	background			: url(../images/head_bild.png) center center no-repeat;
}

@font-face {
	font-family			: 'MoanHand';
	src					: url('MOANHAND.otf');
	src					: local('MoanHand'), url('MoanHand.otf') format('truetype');
}

#slogan {
	width				: 100%;
	max-width			: 450px;
	height				: auto;
	margin				: -20px 0 0 14%;
}

#slogan1 {
	font-family			: 'MoanHand';
	font-size			: 42px;
	margin-bottom		: -10px;
	color				: #858585;
	    -webkit-animation-name: slogan1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    	animation-name: slogan1;
    	animation-duration: 4s;
		}
		@-webkit-keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}
		@keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}

#slogan2 {
	font-family			: 'MoanHand';
	font-size			: 60px;
	margin-bottom		: -10px;
	color				: #286a97;
	    -webkit-animation-name: slogan2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0s; /* Chrome, Safari, Opera */
    	animation-name: slogan2;
    	animation-duration: 0s;
		}
		@-webkit-keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		@keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		
		
#magnet {
	width				: 100%;
	max-width			: 71px;
	height				: auto;
	margin-left			: 150px;
	margin-top			: -10px;
	    -webkit-animation-name: magnet; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
    	animation-name: magnet;
    	animation-duration: 5s;
		}
		@-webkit-keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		@keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}

.wrapper {
	width				: 100%;
	max-width			: 1300px;
	height				: auto;
	margin				: -120px auto 20px auto;
}

#slider {
	
	margin-bottom		: 10px;
}

#rahmen {
	position			: absolute;
	width				: 100%;
	max-width			: 146px;
	height				: auto;
}

#content {
	padding-bottom		: 20px;
	background			: rgba(234,234,234,0.8);
}

#content_inhalt {
	padding				: 15px 50px 20px 50px;
	border-bottom		: 5px solid #276a97;
}

#breadcrumb {
	font-size			: 12px;
	font-weight			: bold;
	color				: #a0a0a0;
	border-bottom		: 1px solid #a0a0a0;
	margin-bottom		: 15px;
}

#footerlinkwrapper {
	display				: inline-block;
	float				: right;
	margin-right		: 45px;
}

#goback, #gotop, #goprint {
	font-size			: 18px !important;
	color				: #a0a0a0;
	margin				: 0 3px;
	background			: none;
}

#goback:hover, #gotop:hover, #goprint:hover {
	font-size			: 18px !important;
	color				: #276a97;
	margin				: 0 3px;
	background			: none;
	cursor				: pointer;
}

#double-right {
	font-size			: 14px !important;
	color				: #a0a0a0;
	margin-right		: 3px;
	background			: none;
}

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

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #333333;
	vertical-align			: top;
}

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

#qr {
	float				: right;
}

h1 {
	font-size 			: 20px;
	color				: #276a97;
	margin-bottom			: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 18px;
	color				: #276a97;
	margin				: 1em 0;
	font-weight			: bold;
}

a {
	color				: #276a97;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover {
	text-decoration		: underline;
}

#content ul li a {
	list-style			: none !important;
}

#content li a {
	color				: #fff;
	background			: #276a97;
	padding				: 5px;
	line-height			: 40px;
	border-radius		: 10px;
}
#content li a:hover {
	color				: #fff;
	background			: #3984b6;
	padding				: 5px;
	line-height			: 40px;
	border-radius		: 10px;
	text-decoration		: none;
}

img {
	border				: none;
}

/* smallPics */
.listainico {
	float:left;
	width:170px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/alnico-magnete.png) top center no-repeat;
}

.listneodym-ndfeb {
	float:left;
	width:170px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/ndfeb-magnete.png) top center no-repeat;
}

.listferritmagnete {
	float:left;
	width:170px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/ferritmagnete.png) top center no-repeat;
}

.listsmco {
	float:left;
	width:150px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/smco-magnete.png) top center no-repeat;
}

.listkunststoffgeb-ndfeb {
	float:left;
	width:230px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/kunststoffgebundene-magnete-ndfeb.png) top center no-repeat;
}

.listkunststoffgeb-hf {
	float:left;
	width:230px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/kunststoffgebundene-magnete-hartferrit.png) top center no-repeat;
	clear:both;
}

.listkunststoffgeb-smco {
	float:left;
	width:260px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/kunststoffgebundene-magnete-smco.png) top center no-repeat;
}

.listmagnetgummi-ndfeb {
	float:left;
	width:200px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/magnetgummi-ndfeb.png) top center no-repeat;
}

.listmagnetgummi-hartferrit {
	float:left;
	width:200px;
	max-height:120px;
	padding:110px 0 0 30px;
	background:url(../images/smallpics/magnetgummi-hartferrit.png) top center no-repeat;
}

/* smallPics Magnetsysteme*/
.magnetsysteme1 {
	float:left;
	width:195px;
	max-height:91px;
	padding:75px 0 0 30px;
	background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-ohne-bohrung.png) top center no-repeat;
}
		.magnetsysteme11 {
			float:left;
			width:145px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-ohne-bohrung.png) top center no-repeat;
		}
		.magnetsysteme21 {
			float:left;
			width:190px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung.png) top center no-repeat;
		}
		.magnetsysteme31 {
			float:left;
			width:230px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung-und-senkung.png) top center no-repeat;
		}
		.magnetsysteme41 {
			float:left;
			width:165px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-innengewinde.png) top center no-repeat;
			clear:both;
		}
		.magnetsysteme51 {
			float:left;
			width:180px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindezapfen.png) top center no-repeat;
		}
		.magnetsysteme61 {
			float:left;
			width:190px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindebuchse.png) top center no-repeat;
		}

.magnetsysteme2 {
	float:left;
	width:190px;
	max-height:91px;
	padding:75px 0 0 30px;
	background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung.png) top center no-repeat;
}
		.magnetsysteme12 {
			float:left;
			width:145px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-ohne-bohrung.png) top center no-repeat;
		}
		.magnetsysteme22 {
			float:left;
			width:180px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung.png) top center no-repeat;
		}
		.magnetsysteme32 {
			float:left;
			width:230px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung-und-senkung.png) top center no-repeat;
		}
		.magnetsysteme42 {
			float:left;
			width:180px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindezapfen.png) top center no-repeat;
		}
		.magnetsysteme52 {
			float:left;
			width:190px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindebuchse.png) top center no-repeat;
		}

.magnetsysteme3 {
	float:left;
	width:180px;
	max-height:91px;
	padding:75px 0 0 30px;
	background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-ohne-bohrung.png) top center no-repeat;
}
		.magnetsysteme13 {
			float:left;
			width:155px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-ohne-bohrung.png) top center no-repeat;
		}
		.magnetsysteme23 {
			float:left;
			width:120px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-mit-pin.png) top center no-repeat;
		}
		.magnetsysteme33 {
			float:left;
			width:175px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-mit-innengewinde.png) top center no-repeat;
		}

.magnetsysteme4 {
	float:left;
	width:190px;
	max-height:91px;
	padding:75px 0 0 30px;
	background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-mit-pin.png) top center no-repeat;
}
		.magnetsysteme14 {
			float:left;
			width:155px;
			max-height:91px;
			padding:75px 0 0 30px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-ohne-bohrung.png) top center no-repeat;
		}

#portalbilder {
	width				: 100%;
	max-width			: 150px;
	height				: auto; 
	display				: inline-block; 
	margin				: 5px 60px 10px 0;
}

#portalbild {
	width				: 100%;
	height				: auto;
	border				: 1px solid #bebebe;
	border-radius		: 15px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#titel {
	padding				: 5px 4px 2px 4px;
	font-size			: 13px;
	background			: #fff;
	color				: #276a97;
	font-weight			: bold;
	border-left			: 1px solid #bebebe;
	border-right		: 1px solid #bebebe;
	width				: 100%;
	max-width			: 144px;
}

#untertitel {
	font-size			: 12px;
	padding				: 0 4px 5px 4px;
	background			: #fff;
	border				: 1px solid #bebebe;
	border-top			: none;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	width				: 100%;
	max-width			: 144px;
}

#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul, ol {
	margin-left			: 1.3em; 
}

#kontakttextwrapper {
	float				: left;
	max-width			: 50%;
}

#formnormal {
	display				: inline-block;
	width				: 100%;
	max-width			: 48%;
	padding-left		: 15px;
	margin-left			: 15px;
	border-left			: 1px solid #d0d0d0;
}

#formnormal_l {
	float				: left;
	width				: 45%;
}

#Name {
	margin-bottom		: -3px;
}

#formnormal_r {
	float				: left;
	width				: 52%;
	margin-left			: 15px;
}

#formmobil {
	display				: none;
}

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid rgba(39,106,151,0.7);
	background			: rgba(255,255,255,0.7);
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 3px;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-family			: Arial, sans-serif;
	color				: #fff;
	border				: 1px solid #276a97;
	background			: #276a97;
	margin				: 1px 0;
	font-size			: 1em;
	width				: 100.5%;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #276a97;
	border				: 1px solid rgba(39,106,151,0.7);
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

/* mobile Menu */
.fa {
	font-size: 25px !important;
	color: #fff;
	background: #333;
}

#responsive-menu {
	display: none;
	background: #000000;
	width: 100%;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer; 
	width: 99%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 15px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 5px;
}	

#footer_menu {
	display				: none;
	position			: fixed;
	bottom				: 0px;
	left				: 0px;
	width				: 100%;
	overflow			: hidden;
	text-align			: center;
	background			: url(../images/bg_footer.png) repeat-x !important;
}
	.fmenubutton {
		float				: left;
		text-align			: center;
		width				: 19.5% !important;
		padding				: 5px 0;
		color				: #DEDEDE;
	}

@media (max-width: 1470px) {
	.wrapper {
	width				: 100%;
	max-width			: 1000px;
	height				: auto;
	margin				: -120px auto 20px auto;
	}
	
	#slogan {
	width				: 100%;
	max-width			: 350px;
	height				: auto;
	margin				: -20px 0 0 14%;
}

#slogan1 {
	font-family			: 'MoanHand';
	font-size			: 31px;
	margin-bottom		: -10px;
	color				: #858585;
	    -webkit-animation-name: slogan1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    	animation-name: slogan1;
    	animation-duration: 4s;
		}
		@-webkit-keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}
		@keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}

#slogan2 {
	font-family			: 'MoanHand';
	font-size			: 45px;
	margin-bottom		: -10px;
	color				: #286a97;
	    -webkit-animation-name: slogan2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0s; /* Chrome, Safari, Opera */
    	animation-name: slogan2;
    	animation-duration: 0s;
		}
		@-webkit-keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		@keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		
		
	#magnet {
	width				: 100%;
	max-width			: 71px;
	height				: auto;
	margin-left			: 120px;
	margin-top			: -10px;
	    -webkit-animation-name: magnet; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
    	animation-name: magnet;
    	animation-duration: 5s;
		}
		@-webkit-keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		@keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		
#kontakttextwrapper {
	float				: none;
	max-width			: 100%;
}

#formnormal {
	display				: none;
	width				: 100%;
	max-width			: 48%;
	padding-left		: 15px;
	margin-left			: 15px;
	border-left			: 1px solid #d0d0d0;
}

#formnormal_l {
	float				: left;
	width				: 45%;
}

#Name {
	margin-bottom		: -3px;
}

#formnormal_r {
	float				: left;
	width				: 52%;
	margin-left			: 15px;
}

#formmobil {
	display				: block;
	background			: rgba(255,255,255,0.3);
	border				: 1px solid rgba(40,106,151,0.2);
	border-radius		: 10px;
	padding				: 10px;
}

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid rgba(39,106,151,0.7);
	background			: rgba(255,255,255,0.7);
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 3px;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-family			: Arial, sans-serif;
	color				: #fff;
	border				: 1px solid #276a97;
	background			: #276a97;
	margin				: 1px 0;
	font-size			: 1em;
	width				: 100.5%;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #276a97;
	border				: 1px solid rgba(39,106,151,0.7);
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}
}

@media (max-width: 1310px) {
/* Menue */
#topmenue {
	display				: inline-block;
	float				: right;
	font-size			: 22px;
	font-weight			: bold;
	color				: #276a97;
	margin				: 20px 200px 0 0;
}

#online_shop {
	position			: absolute;
	width				: 100%;
	max-width			: 85px;
	height				: auto;
	margin-top			: -67px;
}

#menue {
	position			: relative;
	display				: inline-block;
	float				: left;
	width				: 100%;
	clear				: both;
	text-align			: center;
	text-transform		: uppercase;
	z-index				: 1;
}

#menue ul {
	list-style		: none;
	margin			: 0px;
	padding			: 0px;
}

#menue .menu {
	display			: inline-block;
	font-size		: 13px;
	font-weight		: bold;
	color			: #276a97;
	padding			: 27px 7px 9px 7px;
}
#menue .menu:hover, #menue .menu_on:hover, #menue .menu_on , #menue li:hover a.menu {
	display			: inline-block;
	font-size		: 13px;
	font-weight		: bold;
	color			: #276a97;
	text-decoration	: underline;
	padding			: 27px 7px 9px 7px;
}

#menue li {
	display			: inline-block;
}

#submenuboxen {
	float			: left;
	width			: 100%;
	max-width		: 448px;
	border			: 1px solid rgba(190,190,190,0.8);	
	border-top		: none;
	background		: rgba(255,255,255,0.95);
}

#submenubox1 {
	display			: inline-block;
	width			: 100%;
	max-width		: 147px;
	height			: 124px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenubox2 {
	display			: inline-block;
	width			: 100%;
	max-width		: 147px;
	height			: 124px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenubox3 {
	display			: inline-block;
	width			: 100%;
	max-width		: 147px;
	height			: 124px;
	float			: left;
}

#submenuboxenbig {
	float			: left;
	width			: 703px;
	border			: 1px solid rgba(190,190,190,0.8);
	border-top		: none;
	background		: rgba(255,255,255,0.95);
}

#submenuboxbig1 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenuboxbig2 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}
#submenuboxbig3 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
	border-right	: 1px solid rgba(39,106,151,0.8);
}

#submenuboxbig4 {
	display			: inline-block;
	width			: 100%;
	max-width		: 175px;
	height			: 187px;
	float			: left;
}

#submenuboxensmall {
	float			: left;
	width			: 100%;
	max-width		: 114px;
	border			: 1px solid rgba(190,190,190,0.8);	
	border-top		: none;
	background		: rgba(255,255,255,0.95);
}

#submenuboxsmall {
	display			: inline-block;
	width			: 100%;
	max-width		: 106px;
	height			: 62px;
	float			: left;
}

	#menue ul li ul {
		position	: absolute;
		display		: none;
		text-align	: left;
		text-transform: none;
	}

	#menue ul li:hover ul, #menue li.sfhover ul{
		display			: block;
		width			: 98%;
		max-width		: 450px;
		padding-top		: 0;
	}

	#menue ul li ul a {
		display			: block;
		width			: 98%;
		max-width		: 450px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu:hover, #menue ul li ul .submenu_on, #menue ul li ul .submenu_on:hover {
		display			: block;
		width			: 98%;
		max-width		: 450px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
	#menue ul li ul a.submenu1 {
		display			: block;
		width			: 140px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu1:hover, #menue ul li ul .submenu1_on, #menue ul li ul .submenu1_on:hover {
		display			: block;
		width			: 140px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
		#menue ul li ul a.submenu12 {
		display			: block;
		width			: 144px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu12:hover, #menue ul li ul .submenu12_on, #menue ul li ul .submenu12_on:hover {
		display			: block;
		width			: 144px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
	#menue ul li ul a.submenu2 {
		display			: block;
		width			: 155px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 11px;
		padding			: 6px 0 6px 20px;
		margin			: 0 100% 0 0;
		background:url(../images/list.png) center left 8px no-repeat;
	}
	
	#menue ul li ul .submenu2:hover, #menue ul li ul .submenu2_on, #menue ul li ul .submenu2_on:hover {
		display			: block;
		width			: 155px;
		color			: #fff;
		font-weight		: bold;
		font-size		: 11px;
		padding			: 6px 0 6px 20px;
		text-decoration	: underline;
		background:url(../images/list.png) center left 8px no-repeat rgba(39,106,151,0.9);
	}
	
	#menue ul li ul a.submenubig {
		display			: block;
		width			: 167px;
		color			: #fff;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
		background		: #276a97;
	}

	#menue ul li ul .submenubig:hover, #menue ul li ul .submenubig_on, #menue ul li ul .submenubig_on:hover {
		display			: block;
		width			: 167px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}
	
	#menue ul li ul a.submenu3 {
		display			: block;
		width			: 106px;
		color			: #276a97;
		font-weight		: bold;
		font-size		: 12px;
		padding			: 8px 0 8px 8px;
		margin			: 0 100% 0 0;
	}

	#menue ul li ul .submenu3:hover, #menue ul li ul .submenu3_on, #menue ul li ul .submenu3_on:hover {
		display			: block;
		width			: 106px;
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
		background		: #276a97;
	}

#caret {
	font-size			: 16px !important;
	color				: rgba(0,0,0,0.3);
	margin-left			: 20px;
	background			: none;
}

#trenner {
	display				: inline-block;
	font-size			: 14px;
	color				: #276a97;
}
}

@media (max-width: 1147px) {
	.wrapper {
	width				: 100%;
	max-width			: 800px;
	height				: auto;
	margin				: -120px auto 20px auto;
	}
	
	#slogan {
	width				: 100%;
	max-width			: 280px;
	height				: auto;
	margin				: -20px 0 0 14%;
}

#slogan1 {
	font-family			: 'MoanHand';
	font-size			: 25px;
	margin-bottom		: -10px;
	color				: #858585;
	    -webkit-animation-name: slogan1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    	animation-name: slogan1;
    	animation-duration: 4s;
		}
		@-webkit-keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}
		@keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}

#slogan2 {
	font-family			: 'MoanHand';
	font-size			: 36px;
	margin-bottom		: -10px;
	color				: #286a97;
	    -webkit-animation-name: slogan2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0s; /* Chrome, Safari, Opera */
    	animation-name: slogan2;
    	animation-duration: 0s;
		}
		@-webkit-keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		@keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		
		
	#magnet {
	width				: 100%;
	max-width			: 71px;
	height				: auto;
	margin-left			: 85px;
	margin-top			: -10px;
	    -webkit-animation-name: magnet; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
    	animation-name: magnet;
    	animation-duration: 5s;
		}
		@-webkit-keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		@keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}

#menue .menu {
	display			: inline-block;
	font-size		: 12px;
	font-weight		: bolder;
	color			: #276a97;
	padding			: 27px 7px 9px 7px;
}
#menue .menu:hover, #menue .menu_on:hover, #menue .menu_on , #menue li:hover a.menu {
	display			: inline-block;
	font-size		: 12px;
	font-weight		: bolder;
	color			: #276a97;
	text-decoration	: underline;
	padding			: 27px 7px 9px 7px;
}
#topmenue {
	display				: inline-block;
	float				: right;
	font-size			: 22px;
	font-weight			: bold;
	color				: #276a97;
	margin				: 20px 0 0 0;
}
}

@media (max-width: 1045px) {
	#menue .menu {
	display			: inline-block;
	font-size		: 11px;
	font-weight		: bolder;
	color			: #276a97;
	padding			: 27px 7px 9px 7px;
}
#menue .menu:hover, #menue .menu_on:hover, #menue .menu_on , #menue li:hover a.menu {
	display			: inline-block;
	font-size		: 11px;
	font-weight		: bolder;
	color			: #276a97;
	text-decoration	: underline;
	padding			: 27px 7px 9px 7px;
}
}

@media (max-width: 1023px) {
	#menue, #menue_schatten {
	position			: relative;
	display				: none;
	float				: left;
	width				: 100%;
	clear				: both;
	text-align			: center;
	text-transform		: uppercase;
	z-index				: 1;
	}
	
	#responsive-menu {
	display: block;
	}
	
	#non-mobile { display: none; }
}

@media (max-width: 950px) {
	.wrapper {
	width				: 100%;
	max-width			: 700px;
	height				: auto;
	margin				: -120px auto 20px auto;
	}
	
	#slogan {
	width				: 100%;
	max-width			: 280px;
	height				: auto;
	margin				: -20px 0 0 2%;
}

#slogan1 {
	font-family			: 'MoanHand';
	font-size			: 25px;
	margin-bottom		: -10px;
	color				: #858585;
	    -webkit-animation-name: slogan1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    	animation-name: slogan1;
    	animation-duration: 4s;
		}
		@-webkit-keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}
		@keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}

#slogan2 {
	font-family			: 'MoanHand';
	font-size			: 36px;
	margin-bottom		: -10px;
	color				: #286a97;
	    -webkit-animation-name: slogan2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0s; /* Chrome, Safari, Opera */
    	animation-name: slogan2;
    	animation-duration: 0s;
		}
		@-webkit-keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		@keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		
		
	#magnet {
	width				: 100%;
	max-width			: 71px;
	height				: auto;
	margin-left			: 85px;
	margin-top			: -10px;
	    -webkit-animation-name: magnet; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
    	animation-name: magnet;
    	animation-duration: 5s;
		}
		@-webkit-keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		@keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
}

@media (max-width: 820px) {
	.wrapper {
	width				: 100%;
	max-width			: 580px;
	height				: auto;
	margin				: -120px auto 20px auto;
	}
	
	#slogan {
	width				: 100%;
	max-width			: 280px;
	height				: auto;
	margin				: -20px 0 0 2%;
}

#slogan1 {
	font-family			: 'MoanHand';
	font-size			: 25px;
	margin-bottom		: -10px;
	color				: #858585;
	    -webkit-animation-name: slogan1; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    	animation-name: slogan1;
    	animation-duration: 4s;
		}
		@-webkit-keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}
		@keyframes slogan1 {
			from {margin-top: -250px;}
			to {margin-top: -20px;}
		}

#slogan2 {
	font-family			: 'MoanHand';
	font-size			: 36px;
	margin-bottom		: -10px;
	color				: #286a97;
	    -webkit-animation-name: slogan2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0s; /* Chrome, Safari, Opera */
    	animation-name: slogan2;
    	animation-duration: 0s;
		}
		@-webkit-keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		@keyframes slogan2 {
			from {color:rgba(255,255,255,0.0); margin-top: -200px;}
			to {color:#286a97; margin-top: 100px;}
		}
		
		
	#magnet {
	width				: 100%;
	max-width			: 71px;
	height				: auto;
	margin-left			: 85px;
	margin-top			: -10px;
	    -webkit-animation-name: magnet; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 5s; /* Chrome, Safari, Opera */
    	animation-name: magnet;
    	animation-duration: 5s;
		}
		@-webkit-keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		@keyframes magnet {
			from {margin-top:200px;}
			to {margin-top:-10px;}
		}
		
	img {
		max-width			: 100%;
		height				: auto;
		border				: none;
	}
}

@media (max-width: 700px) {
	#slider { display: none; }
	
	.wrapper {
	width				: 100%;
	max-width			: 650px;
	height				: auto;
	margin				: 0 auto 20px auto;
	}
	
	#content {
	padding-top			: 140px;
	padding-bottom		: 68px;
	background			: rgba(234,234,234,0.8);
	}
	
	#content_inhalt {
	padding				: 15px 10px 20px 10px;
	border-bottom		: 5px solid #276a97;
	}

	#head_bild {
	display				: none;
	}
	
	#zertifikatmobile {
		display				: block;
		max-width			: 60px;
		margin				: 15px 0;
	}
}

@media (max-width: 520px) {
#qr { display: none; }
#footerlinkwrapper { display: none; }
#footer_menu { display: block; }
#topmenue {	display: none; }
}

@media (max-width: 430px) {
#footer_menu {
	display				: block;
	position			: fixed;
	bottom				: 0px;
	left				: 0px;
	width				: 100%;
	overflow			: hidden;
	text-align			: center;
	background			: url(/images/bg_footer.png) repeat-x !important;
}
	.fmenubutton {
		float				: left;
		text-align			: center;
		width				: 18.5% !important;
		padding				: 15px 0;
		color				: #DEDEDE;
	}
	
/* smallPics */
.listainico {
	float:left;
	width:170px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/alnico-magnete.png) top center no-repeat;
}

.listneodym-ndfeb {
	float:left;
	width:170px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/ndfeb-magnete.png) top center no-repeat;
}

.listferritmagnete {
	float:left;
	width:170px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/ferritmagnete.png) top center no-repeat;
}

.listsmco {
	float:left;
	width:150px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/smco-magnete.png) top center no-repeat;
}

.listkunststoffgeb-ndfeb {
	float:left;
	width:230px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/kunststoffgebundene-magnete-ndfeb.png) top center no-repeat;
}

.listkunststoffgeb-hf {
	float:left;
	width:230px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/kunststoffgebundene-magnete-hartferrit.png) top center no-repeat;
	clear:both;
}

.listkunststoffgeb-smco {
	float:left;
	width:260px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/kunststoffgebundene-magnete-smco.png) top center no-repeat;
}

.listmagnetgummi-ndfeb {
	float:left;
	width:200px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/magnetgummi-ndfeb.png) top center no-repeat;
}

.listmagnetgummi-hartferrit {
	float:left;
	width:200px;
	max-height:120px;
	padding:110px 0 0 0px;
	background:url(../images/smallpics/magnetgummi-hartferrit.png) top center no-repeat;
}

/* smallPics Magnetsysteme*/
.magnetsysteme1 {
	float:left;
	width:195px;
	max-height:91px;
	padding:75px 0 0 0px;
	background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-ohne-bohrung.png) top left no-repeat;
}
		.magnetsysteme11 {
			float:left;
			width:130px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-ohne-bohrung.png) top left no-repeat;
		}
		.magnetsysteme21 {
			float:left;
			width:160px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung.png) top left no-repeat;
		}
		.magnetsysteme31 {
			float:left;
			width:230px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung-und-senkung.png) top left no-repeat;
		}
		.magnetsysteme41 {
			float:left;
			width:165px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-innengewinde.png) top left no-repeat;
			clear:both;
		}
		.magnetsysteme51 {
			float:left;
			width:180px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindezapfen.png) top left no-repeat;
		}
		.magnetsysteme61 {
			float:left;
			width:190px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindebuchse.png) top left no-repeat;
		}

.magnetsysteme2 {
	float:left;
	width:190px;
	max-height:91px;
	padding:75px 0 0 0px;
	background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung.png) top left no-repeat;
}
		.magnetsysteme12 {
			float:left;
			width:145px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-ohne-bohrung.png) top left no-repeat;
		}
		.magnetsysteme22 {
			float:left;
			width:180px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung.png) top left no-repeat;
		}
		.magnetsysteme32 {
			float:left;
			width:230px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-zylinderbohrung-und-senkung.png) top left no-repeat;
		}
		.magnetsysteme42 {
			float:left;
			width:180px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindezapfen.png) top left no-repeat;
		}
		.magnetsysteme52 {
			float:left;
			width:190px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/flachgreifer-hartferrit-mit-gewindebuchse.png) top left no-repeat;
		}

.magnetsysteme3 {
	float:left;
	width:180px;
	max-height:91px;
	padding:75px 0 0 0px;
	background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-ohne-bohrung.png) top left no-repeat;
}
		.magnetsysteme13 {
			float:left;
			width:155px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-ohne-bohrung.png) top left no-repeat;
		}
		.magnetsysteme23 {
			float:left;
			width:120px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-mit-pin.png) top left no-repeat;
		}
		.magnetsysteme33 {
			float:left;
			width:175px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-mit-innengewinde.png) top left no-repeat;
		}

.magnetsysteme4 {
	float:left;
	width:190px;
	max-height:91px;
	padding:75px 0 0 0px;
	background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-mit-pin.png) top left no-repeat;
}
		.magnetsysteme14 {
			float:left;
			width:155px;
			max-height:91px;
			padding:75px 0 0 0px;
			background:url(../images/smallpics/magnetsysteme/stabgreifer-alnico-ohne-bohrung.png) top left no-repeat;
		}
}