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

* {font-family:SeroWebPro, sans-serif, "Helvetica neue", Arial, sans-serif;text-decoration:none;color:#000;background-color: transparent;}
@page {
size: auto;
margin: 1cm; 
}
@font-face {
	font-family: 'SeroWebPro';
	src: url(SeroWebPro/SeroWebPro.eot);
	src: url('SeroWebPro/SeroWebPro.eot?#iefix') format('embedded-opentype'),
		url('SeroWebPro/SeroWebPro.woff') format('woff');
}
h1 {font-size:14pt;margin-bottom:10px;}
h2 {font-size:13pt;}
h3 {font-size:13pt;}
h4, h5, p, strong, i, b, td {font-size:12pt;}
a {text-decoration:underline}
table tr { vertical-align:top;}
.rightline {position:absolute;top:48px;height:5px;width:100%;margin-left:160px;background-color:#cc0066!important;}
.leftline {height:5px;background-color:#cc0066!important;width:30px;position:absolute;top:63px;left:0;}
#footer {height:30px;width:95%!important;position:absolute;bottom:0;display:block;}
.flexslider {margin:0 auto !important;width:100%!important;}
.logo {margin:-200px 0 40px 90px;}
#haendler_banner .haendler_container { page-break-inside: avoid;}
#dienst_banner table {width:80%!important;}
.adress_person {page-break-inside:avoid;}
#ersatz_banner img {display:none;!important}
#unt_banner img {display:none;}
#footer:after {
content: "\  © nass magnet GmbH, Germany, 2020. All rights reserved";
color: rgba(51,51,51,0.6) !important;
font-size: 1.0em;
border-top: 2px solid #c0c0c0;
padding-top:5px;
}


/*OBJEKTE DIE NICHT ANGEZEIGT WERDEN*/
#copyright  {display:none!important;}
#haendler_banner img {display:none;}
#innovation_nav, #portfolio_nav, #katalog_nav {display:none;}
.mocon_info {display:none;}
#newsletter_container {display:none;}
div#fix_dat_crap_ie {display:none;}
ul {list-style-type: none;}
button {display:none;}
input {display:none;}
.main-menu {display:none!important;}
iframe {display:none;}
#dienst_banner img, #ersatz_banner img {display:none;}
#unt_banner ul li a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; text-decoration:none!important; }
#umwelt_banner img {margin-top:20px;}
#umwelt_banner a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; text-decoration:none!important; }


/*Printsetup für das Querformat*/
@media print and (orientation:landscape) {
	body {width:100%;height:auto;margin:5.7cm 2cm 1.4cm 1cm;}
	p {width:90%;}
	.logo {margin:-200px 0 40px 0px;}
	#banner_nav {display:none;}
	#header {visibility:hidden!important;}	
	.ueber {display:none;}
	#pdf_container {display:none;}
	.main-menu {display:none;}
	#newsletter_container{display:none;}
	.flex-control-nav {display:none;}
	
	/*INDEX/SLIDER*/
	.flexslider {width:1000px;height:auto;}
	.flexslider img {width:1000px;}
	#footer {height:30px;width:95%!important;position:absolute;bottom:0;display:block;}
	
	/*Unternehmen*/
	#unt_banner  {display:block;height:440px;width:1200px;}
	#unt_banner img {position:absolute;right:0;margin-top:20px;}
	#unt_banner ul {float:left;top:20px;}
	#unt_banner ul li {display:block;margin-bottom:20px;}	
	#unt1_text {float:left;}
	#unt1_banner img {display:none;}
	#h_struktur_container p {width:80%;display:inline-block;}
	#h_struktur_container h3 {margin-bottom:0;}
	#u_struktur_container p {width:80%;display:inline-block; page-break-after: auto;}
	#us_struktur_container p { width:80%;display:inline-block;}
	#unt2_banner p {width:80%;}
	#unt2_banner img {display:none;}
	#unt3_banner table {width:90%;}
	#unt3_banner table tr {margin-bottom:5px;display:block; vertical-align:top;}
	#unt4_text form, #unt4_text strong {display:none;}
	.medientext {width:400px;}
	#unt5_banner p, #unt5_banner h1, #unt5_banner table {width:990px;}
	#unt5_banner table td {vertical-align: top;}
	#unt5_banner table {margin-bottom:20px;}
	/*END Unternehmen*/
	
	/*Karriere*/
	#karriere_text, #karriere_banner {width:90%;}	
	#karriere_banner a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; text-decoration:none!important; }
	.printpage_2 {display:block; page-break-before:always!important;}
	.ihk_pic {position:absolute;top:100px;right:0px;}
	#karriere_footer #copyright {display:none!important;}
	
	/*End Karriere*/ 
	
	/*Händlerübersicht*/	
	#haendler_banner img {position:absolute;top:120px;margin-left:50%;}
	
	/*KONTAKT*/
	#kontakt_banner ul {display:block;height:466px;width:960px;}
	#kontakt_banner ul li {position:relative;top:0px;left:-40px;margin-bottom:20px;}
	#kontakt_banner a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	.adress_person {width:400px;margin-bottom:20px;}
	.adress_person img {float:right;position:relative;top:-80px;}
	#kontakt_de_banner #erstespalte_bottom {position:absolute;top:285px;margin-left:450px;}
	#kontakt_de_banner #drittespalte_top {position:absolute;top:92px;margin-left:450px;}
	.text, .adress_head, .adress_footer {margin-top:20px;width:900px;}
	#kontakt_us_banner .adress_person img {position:relative;top:-35px;}
	#kontakt_h_banner img {margin-top:5px;}
	#kontakt_h_banner #kontakt_h_h3mid {margin-top:50px;}
	
	/*Portfolio*/
	#portfolio_banner ul {height:466px;width:960px;}
	#portfolio_banner ul li {position:relative;top:0px;left:-40px;margin-bottom:20px;}
	#portfolio_banner ul li a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#system_text {width:1000px;margin-bottom:20px;}	
	#dienst_banner p { page-break-inside: avoid;width:80%;}
	#detail_container {display:none;}
	#wissen_banner ul {height:466px;width:960px;}
	#wissen_banner ul li {position:relative;top:0px;left:-40px;margin-bottom:20px;}
	#wissen_banner ul li a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#back_wissen, #werkstoffe_nav {display:none;}
	#normen_banner table tr th:first-child {text-align:center; vertical-align:middle;}
	#normen_banner table tr th:last-child { text-align:left;}
	#metalle_banner table {width:960px;text-align: left;}
	#metalle_banner table tr:first-child {background-color:#b4b4b4;}
	#metalle_banner table tr:last-child {background-color:#b4b4b4;}
	#konstr_banner p {width:90%;}
	#wissen_kunst_banner table th { text-align:left;min-width:250px;}
	/*Produkte*/
	#produkt_container .produkt { page-break-inside:avoid;height:320px;margin-right:10px;margin-top:50px;left:0;float:left;border: 1px solid #000;padding:10px;}
	#produkt_container .produkt table {width:350px; vertical-align:top;}
	.needbrfor420p {display:none;}
	#produkt_container .produkt a {display:block;font-size:10pt;text-decoration: underline;margin-bottom:20px;margin-top:15px;}
	#produkt_container .produkt a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#system6_banner #produkt2 {margin-top:50px;}
	#system8_banner .produkt {height:350px!important;}
	#system6_footer #copyright {position:absolute;bottom:-100px;}
	#system13_banner .produkt {height:380px!important;}
	#tinytubes_banner .produkt {height:400px!important;}
	#steck_banner .produkt {height:380px!important;}
	
	/*Innovation*/
	#innovation_banner ul {height:466px;width:960px;background-repeat:no-repeat;background-size:100%;background-image: url(../images/nm/innovation.png);}
	#innovation_banner ul li {position:relative;top:250px;}
	#kompetenz_banner a:after {content: " [" attr(href) "] ";display:block;font-size:10pt;text-decoration: underline;margin-bottom:20px;margin-top:5px;}
	#qualitaet_banner a:after {content: " [" attr(href) "] ";display:inline-block;font-size:10pt;text-decoration: underline;}
	#zulassung_banner form {display:none;}

	/*Katalog & Messen*/
	#katalog_messen_banner ul {height:466px;width:960px;background-repeat:no-repeat;background-size:100%; background-image:url(../images/nm/produkte_background.png)}
	#katalog_messen_banner li {position:relative;top:300px;}

}

/*Inhalt*/
	.inhalt_first_ul {margin-left:-40px;margin-bottom:0px;}
	
	/*AGB*/
	#agb_banner p {width:90%; page-break-inside:avoid;}
	#agb_banner h2 {page-break-after: auto;}
	
	/*IMPRESSUM*/
	#impressum_banner table {width:90%;}
	
/*Printsetup für das Hochformat*/
@media print and (orientation:portrait) {
body {width:100%;height:auto; margin:5.7cm 2cm 1.4cm 1cm;}
h4, h5, p, strong, i, b, td {max-width:90%;}
	.logo {margin:-200px 0 40px 0px;}
	#banner_nav {display:none;}
	#header {visibility:hidden!important;}
	#portfolio_nav {width:400px;}
	#innovation_nav {width:400px;position:relative;left:500px;bottom:154px;}
	#katalog_nav {width:400px;position:relative;bottom:286px;left:1000px;}
	.ueber {display:none;}
	#pdf_container {display:none;}
	.main-menu {display:none;}
	#newsletter_container{display:none;}
	.flex-control-nav {display:none;}
	/*INDEX/SLIDER*/
	.flexslider {width:680px;height:auto;}
	
	/*Unternehmen*/
	#unt_banner  {display:block;height:440px;width:1200px;}
	#unt_banner img {right:0;position:absolute;margin-top:20px;}
	#unt_banner ul {float:left;margin-right:60px;margin-top:20px;margin-left:-50px;}
	#unt_banner ul li {display:block;}
	#unt1_text {float:left;}
	#unt1_banner img, #unt2_banner img {display:none;}
	#h_struktur_container p {width:100%;display:inline-block;}
	#h_struktur_container h3 {margin-bottom:0;}
	#u_struktur_container p {width:100%;display:inline-block; page-break-after: auto}
	#us_struktur_container p { width:100%;display:inline-block;}
	#unt3_banner table {width:90%;}
	#unt3_banner table tr {margin-bottom:15px;display:block; vertical-align:top;}
	#unt4_text form, #unt4_text strong {display:none;}
	.medientext {width:350px;}
	#unt5_banner p, #unt5_banner h1, #unt5_banner table {width:500px;}
	#unt5_banner table td {vertical-align: top;}
	#unt5_banner table {margin-bottom:20px;}

	/*Karriere*/
	#karriere_banner a, #karriere_text {width:80%;}
	#karriere_banner a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#karriere_text {margin:0;}
	#karriere_banner p {margin:0;}
	.printsetup_1 {display:block;margin-top:0px;}
	.printpage_2 { page-break-before:;}
	.ihk_pic {position:absolute;top:120px;right:0px;}
	/*End Karriere*/
	
	/*Händlerübersicht*/
	#haendler_banner .haendler_container { page-break-before: auto;}	
	
	/*KONTAKT*/
	#kontakt_banner ul {display:block;height:290px;width:620px;}
	#kontakt_banner ul li {position:relative;top:0px;left:-40px;margin-bottom:20px;}
	#kontakt_banner a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	.adress_person {width:450px;margin-bottom:20px;}
	.adress_person img {float:right;position:relative;top:-75px;}
	#anreise_de_banner table {width:500px;}
	.text, .adress_head, .adress_footer {margin-top:20px;width:550px;}
	#kontakt_us_banner .adress_person img {top:-20px!important;position:relative;}
	/*END KONTAKT*/
	
	/*Inhalt*/
	.inhalt_first_ul {margin-left:-40px;margin-bottom:0px;}
	
	/*AGB*/
	#agb_banner p {width:90%; page-break-inside:avoid;}
	
	/*IMPRESSUM*/
	#impressum_banner table {width:90%;}
	
	/*Portfolio*/
	#portfolio_banner ul {height:290px;width:620px;}
	#portfolio_banner ul li {position:relative;top:0px;left:-40px;margin-bottom:20px;}
	#portfolio_banner ul li a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#system_text {width:80%;margin-bottom:20px;}	
	#detail_container {display:none;}
	#wissen_banner ul {height:290px;width:620px;}
	#wissen_banner li {position:relative;top:0px;margin-bottom:20px;left:-40px;}
	#back_wissen, #werkstoffe_nav {display:none;}
	#wissen_banner  ul li a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#dicht_banner b {margin-top:25px;display:block; }	
	#normen_banner table tr th:first-child {text-align:center; vertical-align:middle;}
	#normen_banner table tr th:last-child { text-align:left;}
	#metalle_banner table {width:620px;text-align: left;}
	#metalle_banner table tr:first-child {background-color:#b4b4b4;}
	#metalle_banner table tr:last-child {background-color:#b4b4b4;}
	#wissen_kunst_banner table th { text-align:left;min-width:250px;}	
		
	/*Produkte*/
	#produkt_container .produkt { page-break-inside:avoid;height:320px;margin-right:10px;margin-top:50px;left:0;float:left;border: 1px solid #000;padding:10px;}
	#produkt_container .produkt table {width:350px;}
	.needbrfor420p {display:none;}
	#produkt_container .produkt a {display:block;font-size:10pt;text-decoration: underline;margin-bottom:20px;margin-top:15px;}
	#produkt_container .produkt a:after { display:block;margin:5px 10px 10px 0; content: "(nass magnet GmbH Link / " attr(href)")"; }
	#system6_footer #copyright {position:absolute;bottom:-100px;}
	#tinytubes_banner .produkt {height:400px!important;}
	#steck_banner .produkt {height:380px!important;}
	
	/*Innovation*/
	#innovation_banner ul {height:290px;width:620px;background-repeat:no-repeat;background-size:100%;background-size:100%;background-image: url(../images/nm/innovation.png);}
	#innovation_banner ul li {position:relative;top:100px;}
	#kompetenz_banner a:after {content: " [" attr(href) "] ";display:block;font-size:10pt;text-decoration: underline;margin-bottom:20px;margin-top:5px;}
	#zulassung_banner form {display:none;}
	
	/*Katalog & Messen*/
	#katalog_messen_banner ul {height:290px;width:620px;background-repeat:no-repeat;background-size:100%; background-image:url(../images/nm/produkte_background.png)}
	#katalog_messen_banner li {position:relative;top:180px;}
	
}