@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);


body {
	color: #000;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	line-height: 19px;
	z-index: 0;
	background: #fff url(../img/bg.jpg) repeat center top;
}

div#bg {
		background: url(../img/header-hintergund-kachel.jpg) repeat-x center top;

}

/* @group ++++++++ HEADER +++++++ */

header {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 242px;
	background: url(../img/header-hintergrund-startseite.jpg) no-repeat right top;
}

header.produktgruppen {
	background: url(../img/header-hintergrund-startseite.jpg) no-repeat right top;
}

header.produkt-permanent {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-rahmenstandard {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-rahmenmonostabil {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-rahmenbistabil {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-zylinder {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-lamellen {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-rotation {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.produkt-magnetventile {
	background: url(../img/header-hintergrund-produktgruppen.jpg) no-repeat right top;
}

header.magnetwissen {
	background-image: url(../img/header-hintergrund-gruppe1.jpg);
}

header.qualitaet {
	background: url(../img/header-hintergrund-startseite.jpg) no-repeat right top;
}

header.anwendungsbereiche {
	background-image: url(../img/header-hintergrund-gruppe3.jpg);
}

header.sonderentwicklung {
	background-image: url(../img/header-hintergrund-startseite.jpg);
}

header.ueberuns {
	background-image: url(../img/header-hintergrund-startseite.jpg);
}



#logo {
	margin-top: 30px;
	float: left;
}

#logo:hover {
	position: relative;
	top: -2px;
}

#facebook span {
	visibility: hidden;
}

#facebook a {
	float: right;
	display: block;
	width: 92px;
	height: 30px;
	background: url(../img/facebook-button.png) left bottom;
	margin-right: 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: none;
}

#facebook a:hover {
	height: 35px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#sprachwahl span {
	visibility: hidden;
}

#sprachwahl a {
	float: right;
	width: 20px;
	display: block;
	height: 24px;
	background: url(../img/sprach-button.png) no-repeat 0 bottom;
	margin-right: 5px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-decoration: none;
}

#sprachwahl a.aktiv, #sprachwahl a:hover {
	background-color: white;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 3px;
	box-shadow: 0px 1px 4px gray;
	border-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	border-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
}

#sprachwahl a.eng {
	background-position: -27px 4px;
}

#sprachwahl a.ger {
	background-position: 4px 4px;
}

/* @end */

/* @group ++++++++ NAVI +++++++ */

nav#hauptnavi {
	padding-top: 157px;
	width: 940px;
}

nav#hauptnavi ul {
	height: 84px;
	z-index: 1000;
}

nav#hauptnavi li {
	display: inline;
	float: left;
}

nav#hauptnavi span {
	visibility: hidden;
	overflow: hidden;
}

nav#hauptnavi a {
	text-decoration: none;
	display: block;
	height: 84px;
	background: url(../img/navi.png) no-repeat left top;
}



nav#hauptnavi .start a {
	width: 97px;
}

nav#hauptnavi .qualitaet a {
	width: 84px;
	background-position: -97px 0;
}

nav#hauptnavi .produktgruppen a {
	width: 152px;
	background-position: -181px 0;
}

nav#hauptnavi .anwendungsbereiche a {
	width: 196px;
	background-position: -333px 0;
}

nav#hauptnavi .sonderentwicklung a {
	width: 175px;
	background-position: -529px 0;
}

nav#hauptnavi .magnetwissen a {
	width: 139px;
	background-position: -704px 0;
}

nav#hauptnavi .ueberuns a {
	width: 97px;
	background-position: -843px 0;
}



nav#hauptnavi .start a:hover,
nav#hauptnavi.start .start a {
	background-position: 0 -84px;
}

nav#hauptnavi .qualitaet a:hover,
nav#hauptnavi.qualitaet .qualitaet a {
	background-position: -97px -84px;
}

nav#hauptnavi .produktgruppen a:hover,
nav#hauptnavi.produktgruppen .produktgruppen a {
	background-position: -181px -84px;
}

nav#hauptnavi .anwendungsbereiche a:hover,
nav#hauptnavi.anwendungsbereiche .anwendungsbereiche a {
	background-position: -333px -84px;
}

nav#hauptnavi .sonderentwicklung a:hover,
nav#hauptnavi.sonderentwicklung .sonderentwicklung a {
	background-position: -529px -84px;
}

/*nav#hauptnavi .magnetwissen a:hover,
nav#hauptnavi.magnetwissen .magnetwissen a {
	background-position: -704px -84px;
}*/

nav#hauptnavi .ueberuns a:hover,
nav#hauptnavi.ueberuns .ueberuns a {
	background-position: -843px -84px;
}


/* @end */



/* @group ++++++++ NAVI-eng +++++++ */

nav#hauptnavi-en {
	padding-top: 157px;
	width: 940px;
}

nav#hauptnavi-en ul {
	height: 84px;
}

nav#hauptnavi-en li {
	display: inline;
	float: left;
}

nav#hauptnavi-en span {
	visibility: hidden;
	overflow: hidden;
}

nav#hauptnavi-en a {
	text-decoration: none;
	display: block;
	height: 84px;
	background: url(../img/navi-eng.png) no-repeat left top;
}



nav#hauptnavi-en .start a {
	width: 77px;
}

nav#hauptnavi-en .qualitaet a {
	width: 86px;
	background-position: -77px 0;
}

nav#hauptnavi-en .produktgruppen a {
	width: 160px;
	background-position: -163px 0;
}

nav#hauptnavi-en .anwendungsbereiche a {
	width: 120px;
	background-position: -323px 0;
}

nav#hauptnavi-en .sonderentwicklung a {
	width: 200px;
	background-position: -443px 0;
}

nav#hauptnavi-en .magnetwissen a {
	width: 193px;
	background-position: -643px 0;
}

nav#hauptnavi-en .ueberuns a {
	width: 104px;
	background-position: -836px 0;
}



nav#hauptnavi-en .start a:hover,
nav#hauptnavi-en.start .start a {
	background-position: 0 -84px;
}

nav#hauptnavi-en .qualitaet a:hover,
nav#hauptnavi-en.qualitaet .qualitaet a {
	background-position: -77px -84px;
}

nav#hauptnavi-en .produktgruppen a:hover,
nav#hauptnavi-en.produktgruppen .produktgruppen a {
	background-position: -163px -84px;
}

nav#hauptnavi-en .anwendungsbereiche a:hover,
nav#hauptnavi-en.anwendungsbereiche .anwendungsbereiche a {
	background-position: -323px -84px;
}

nav#hauptnavi-en .sonderentwicklung a:hover,
nav#hauptnavi-en.sonderentwicklung .sonderentwicklung a {
	background-position: -443px -84px;
}

nav#hauptnavi-en .magnetwissen a:hover,
nav#hauptnavi-en.magnetwissen .magnetwissen a {
	background-position: -643px -84px;
}

nav#hauptnavi-en .ueberuns a:hover,
nav#hauptnavi-en.ueberuns .ueberuns a {
	background-position: -836px -84px;
}


/* @end */


/* @group ++++++++ CONTENT +++++++ */


#content {
	min-height: 200px;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: white;
}

#content .wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#content .kv {
	float: right;
	padding-right: 23px;
	margin-left: 30px;
	margin-bottom: 30px;
}

#content .kv-linearmagnete {
	float: right;
	margin-left: 30px;
	margin-top: 50px;
}

#content .kv-haftmagnete {
	float: right;
	margin-left: 30px;
	margin-bottom: -10px;
}

#content .links {
	float: left;
	margin-top: 30px;
	margin-right: 40px;
	margin-bottom: 30px;
}

#content .partner-links {
	padding: 10px;
	margin-top: 20px;
	margin-right: 10px;
}
#content a .partner-links {
	border: 1px solid white;
}

#content a .partner-links:hover {
	border: 1px solid gray;
}


#content .partner-rechts {
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid white;
	float: right;
}

#content .partner-rechts:hover {
	border: 1px solid gray;
}

#content .intertec {
	width: 224px;
	float: right;
	height: 80px;
	margin-left: 30px;
	margin-top: 10px;
	background: url(../img/intertec-logo.png) no-repeat;
	margin-bottom: 10px;
}

#content .intertec span {
	visibility: hidden;
}

#content .intertec:hover {
	background: url(../img/intertec-logo.png) no-repeat 0 -90px;
	text-decoration: none;
}

#content .intertec:active {
	background: url(../img/intertec-logo.png) no-repeat 0 -180px;
	text-decoration: none;
}


#content .rechts {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

/*#content .rechts.kv-start {
	float: right;
	margin-top: -32px;
	margin-left: 20px;
	margin-right: -20px;
	z-index: -1000;
}*/

#content h1 {
	color: #d33500;
	margin-bottom: 15px;
	line-height: 32px;
	font-size: 26px;
}


#content h2 {
	color: #d33500;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px;
	padding-top: 10px;
}

#content .kv-qualitaet {
	margin: 16px 35px 30px 40px;
	float: right;
}

#content .anwendung {
	width: 330px;
	float: right;
}

#content .anwendung ul {
	margin-bottom: 15px;
}

#content .anwendung li {
	padding-left: 12px;
	color: 4c4c4c;
	list-style-position: inside;
	opacity: 1;
	background: url(../img/bulletpoint.png) no-repeat 0 7px;
	margin-left: 6px;
}

#content .animationen {
	float: left;
	width: 272px;
	margin-right: 20px;
	line-height: 10px;
	background: url(../img/loading.gif) no-repeat center center;
	margin-top: 20px;
}

#content .animationen img {
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	width: 270px;
}

#content .animationen h3 {
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 8px;
	letter-spacing: 1px;
	background: url(../img/anwendungsbereiche-illus-bg.png) no-repeat 0;
	height: 24px;
	line-height: 23px;
	margin-bottom: 30px;
}

#content .magnetwissen p.tk-museo-sans {
	width: 150px;
	float: right;
	color: #d33500;
	font-size: 18px;
	line-height: 24px;
	border: 1px solid #e3e3e3;
	padding: 20px;
	text-align: center;
	background-color: #f7f7f7;
	display: inline;
}

#content .magnetwissen p {
	width: 600px;
}

#content .magnetwissen .zurueck,
#content .magnetwissen-solenoid .zurueck {
	background: url(../img/arrow-marker.png) no-repeat -20px -35px;
	padding-left: 20px;
	float: left;
	width: 0;
	margin-top: 10px;
}

#content .magnetwissen .weiter {
	background: url(../img/arrow-marker.png) no-repeat 32px -15px;
	float: right;
	width: 110px;
	margin-top: 10px;
}

#content .magnetwissen .pdf {
	background: url(../img/pdf-icon.png) no-repeat left 9px;
	padding-left: 28px;
	margin-right: 90px;
	width: 220px;
}

#content .magnetwissen .pdf-download {
	float: right;
	margin-top: 70px;
	border: 1px solid #e3e3e3;
	padding: 20px;
	width: 230px;
	height: 90px;
	margin-right: 50px;
	background-color: #f7f7f7;
}

#content .magnetwissen .kennziffern {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#content .beispiele {
	color: gray;
}

#content article {
	float: left;
	width: 650px;
	margin-bottom: 30px;
}

#content article a {
	text-decoration: none;
	color: #d33500;
}

#content article a:hover {
	text-decoration: underline;
}

#content p {
	margin-bottom: 10px;
	color: 4c4c4c;
}

#content .article-produktgruppen {
	width: 220px;
	float: left;
	margin-right: 40px;
}

#content .produktgruppen-buttons {
	width: 400px;
	margin-top: 20px;
}

#content .produktgruppen-buttons-long {
	width: 400px;
	margin-top: 20px;
	margin-left: 260px;
}

#content .article-produktgruppen-start .buttons {
	display: inline;

}

#content article a.newsletter {
	background: url(../img/button-newsletter.png) no-repeat;
	color: white;
	font-size: 15px;
	text-decoration: none;
	display: block;
	height: 37px;
	width: 261px;
	margin-left: 10px;
	padding-top: 12px;
	padding-left: 15px;
}

#content article a.newsletter:hover {
	background: url(../img/button-newsletter.png) no-repeat left -50px;
}

#content article a.newsletter:active {
	background: url(../img/button-newsletter.png) no-repeat left -100px;
}

#content .article-produktgruppen-start .button-kontakt a,
#content .produktgruppen-buttons .button-kontakt a,
#content .produktgruppen-buttons-long .button-kontakt a {
	background: url(../img/button-rot.png) no-repeat 0 0;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
	font-size: 14px;
	line-height: 20px;
}

#content .article-produktgruppen-start .button-formular a,
#content .produktgruppen-buttons .button-formular a,
#content .produktgruppen-buttons-long .button-formular a {
	background: url(../img/button.png) no-repeat;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
	font-size: 14px;
	line-height: 20px;
}

#spalterechts .button-formular a {
	background: url(../img/button.png) no-repeat;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	padding-top: 14px;
	font-size: 14px;
	line-height: 20px;
}

#content .article-produktgruppen-start .button-magnetwissen a {
	background: url(../img/button.png) no-repeat;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
	font-size: 14px;
	line-height: 20px;

}

#content .article-produktgruppen-start .button-kontakt a:hover,
#content .produktgruppen-buttons .button-kontakt a:hover,
#content .produktgruppen-buttons-long .button-kontakt a:hover {
	background: url(../img/button-rot.png) no-repeat 0 -80px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
	text-decoration: none;
}

#content .article-produktgruppen-start .button-formular a:hover,
#content .produktgruppen-buttons .button-formular a:hover,
#content .produktgruppen-buttons-long .button-formular a:hover {
	background: url(../img/button.png) no-repeat 0 -80px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
	text-decoration: none;
}

#spalterechts .button-formular a:hover {
	background: url(../img/button.png) no-repeat 0 -80px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	padding-top: 14px;
	text-decoration: none;
}

#content .article-produktgruppen-start .button-magnetwissen a:hover {
	background: url(../img/button.png) no-repeat 0 -80px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
	text-decoration: none;
}

#content .article-produktgruppen-start .button-kontakt a:active,
#content .produktgruppen-buttons .button-kontakt a:active,
#content .produktgruppen-buttons-long .button-kontakt a:active {
	background: url(../img/button-rot.png) no-repeat 0 -160px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
}

#content .article-produktgruppen-start .button-formular a:active,
#content .produktgruppen-buttons .button-formular a:active,
#content .produktgruppen-buttons-long .button-formular a:active {
	background: url(../img/button.png) no-repeat 0 -160px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
}

#spalterechts .button-formular a:active {
	background: url(../img/button.png) no-repeat 0 -160px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	padding-top: 14px;
}

#content .article-produktgruppen-start .button-magnetwissen a:active {
	background: url(../img/button.png) no-repeat 0 -160px;
	width: 177px;
	color: white;
	float: left;
	margin-right: 20px;
	text-align: center;
	height: 55px;
	margin-top: 10px;
	padding-top: 14px;
}

#content aside a.icon-pdf {
	padding-left: 23px;
	background: url(../img/icons.png) no-repeat 0 bottom;
	padding-top: 1px;
	display: block;
}

#content .article-produktgruppen a.icon-anwendung,
#content aside a.icon-anwendung {
	padding-left: 23px;
	background: url(../img/icons.png) no-repeat 0 top;
	padding-top: 1px;
}

#content .article-produktgruppen a.icon-sonderentwicklung,
#content aside a.icon-sonderentwicklung {
	padding-left: 23px;
	background: url(../img/icons.png) no-repeat -20px -30px;
	padding-top: 1px;
}

#content .article-produktgruppen a.icon-magnetwissen,
#content aside a.icon-magnetwissen {
	padding-left: 23px;
	background: url(../img/icons.png) no-repeat -40px -59px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#content .ablauf {
	width: 140px;
	float: left;
	text-align: left;
	padding-left: 0px;
	padding-right: 19px;
	margin-bottom: 40px;
}

#content .ablauf a {
	background: url(../img/pdf-icon.png) no-repeat left;
	padding-left: 23px;
}

#content table {
	width: 400px;
	/* float: left;
	margin-top: 20px;*/
	margin-bottom: 20px;
	text-align: center;
	background: rgb(248, 248, 248);
}

#content .table-solenoid {
	width: 600px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#content th {
	color: #d33500;
	font-weight: lighter;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content tbody {
	margin-right: 40px;
	padding-right: 40px;
}

tr:nth-child(even) {
 background-color: #ececec;
}

tr:nth-child(odd) {
 background-color: #00000;
}

#content td {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
}
#content .bezeichnung,
#content .bezeichnung {
	text-align: left;
	padding-left: 5px;
}

#content aside {
	float: right;
	width: 240px;
	padding-left: 20px;
	padding-bottom: 40px;
	background: url(../img/halbespalte-kontur.png) no-repeat left bottom;
}

#content aside .icons {
	margin-top: 25px;
}

#content aside .kontakt a {
	background: url(../img/kontakt-icons.png) no-repeat 0 1px;
	padding-left: 25px;
	text-decoration: none;
	color: #d33500;
}

#content aside a {
	text-decoration: none;
	color: #d33500;
}

#content aside a:hover {
	text-decoration: underline;
}

#content aside img {
	margin-top: 10px;
}

#content aside .kontakt a:hover {
	text-decoration: underline;
}

#content aside .kontakt .skype {
	background: url(../img/kontakt-icons.png) no-repeat 0 -21px;
}

#content aside .kontakt p {
	color: 4c4c4c;
}


/* @group ---- Navi Produktgruppen ---- */

#content aside ul#produktgruppen li {
	border-bottom: 1px solid #e3e3e3;
	background: url(../img/navi-produktgruppe.jpg) 15px 0 no-repeat;
	margin-left: -19px;
	padding-left: 16px;
}

#content aside ul#produktgruppen li.last {
	margin-bottom: 20px;
}

/*#content aside ul#produktgruppen li:hover,
#content aside ul#produktgruppen li.aktiv {
	background-color: #f7f7f7;
}*/

#content aside ul#produktgruppen li.aktiv a,
#content aside ul#produktgruppen li.aktiv:hover a {
	color: #d33500;
}

#content aside ul#produktgruppen li a {
	color: gray;
	text-decoration: none;
	display: block;
	padding-left: 60px;
	height: 30px;
	padding-top: 10px;
}

#content aside ul#produktgruppen li a:hover {
	color: black;
	text-decoration: none;
}

#content aside ul#produktgruppen li.produkt-permanent {
	background-position: 15px -40px;
}
#content aside ul#produktgruppen li.produkt-permanent:last-child, #content aside ul#produktgruppen li.produkt-lamellen:last-child {
	margin-bottom: 20px;
}
#content aside ul#produktgruppen li.produkt-rahmenstandard {
	background-position: 15px -80px;
}
#content aside ul#produktgruppen li.produkt-rahmenmonostabil {
	background-position: 15px -119px;
}
#content aside ul#produktgruppen li.produkt-rahmenbistabil {
	background-position: 15px -158px;
}
#content aside ul#produktgruppen li.produkt-zylinder {
	background-position: 15px -200px;
}
#content aside ul#produktgruppen li.produkt-lamellen {
	background-position: 15px -239px;
}
#content aside ul#produktgruppen li.produkt-rotation {
	background-position: 15px -279px;
}
#content aside ul#produktgruppen li.produkt-magnetventile {
	background-position: 15px -318px;
	margin-bottom: 20px;
}



/* @group FREQUENCY Produkte */

#content aside ul#produktgruppen li.produkt-quarze {
	background-position: 15px 0;
}

#content aside ul#produktgruppen li.produkt-oszillatoren {
	background-position: 15px -45px;
}

#content aside ul#produktgruppen li.produkt-keramikresonatoren {
	background-position: 15px -95px;
}

#content aside ul#produktgruppen li.produkt-saw {
	background-position: 15px -143px;
}

/* @end */

#content aside .anfrage {
	margin-top: 10px;
}

#content aside .anfrage a {
	color: #d33500;
	text-decoration: none;
}

#content aside .anfrage a:hover {
	text-decoration: underline;
}

/* @end */





/* @group ---- Navi Magnetwissen ---- */

#content aside ul.magnetwissen-inhalt li {
	border-bottom: 1px solid #e3e3e3;
	list-style-position: inside;
	margin-left: -19px;
	color: gray;
}

#content aside ul.magnetwissen-inhalt li:hover,
#content aside ul.magnetwissen-inhalt li.aktiv {
	background-color: #f7f7f7;
	color: black;
}

#content aside ul.magnetwissen-inhalt li a {
	color: gray;
	text-decoration: none;
	display: block;
	height: 30px;
	padding-top: 10px;
	margin-left: 20px;
}

#content aside ul.magnetwissen-inhalt li a:hover {
	color: black;
	text-decoration: none;
}

#content .magnetwissen ul.magnetwissen-inhalt li a {
	color: gray;
}

#content .magnetwissen ul.magnetwissen-inhalt li {
	list-style-position: inside;
	color: gray;
}

#content .magnetwissen ul.magnetwissen-inhalt li.aktiv a {
	color: black;
	text-decoration: underline;
}


/* @end */






#content .halbespalte-balken-links {
	float: left;
	width: 291px;
	margin-right: 30px;
	padding-left: 0;
	background: url(../img/halbespalte-kontur.png) no-repeat left bottom;
	margin-bottom: 40px;
	clear: left;
}

#content .halbespalte-balken-mitte {
	width: 291px;
	margin-right: 30px;
	padding-left: 0;
	background: url(../img/halbespalte-kontur.png) no-repeat left bottom;
	margin-bottom: 40px;
	float: left;
}

#content .halbespalte-balken-rechts {
	float: right;
	width: 291px;
	padding-left: 0;
	background: url(../img/halbespalte-kontur.png) no-repeat left bottom;
	margin-bottom: 40px;
}

#content .halbespalte-balken-links h3, #content .halbespalte-balken-rechts h3, #content .halbespalte-balken-mitte h3 {
	width: 281px;
	height: 20px;
	background-image: url(../img/halbespalte-bg.png);
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 4px;
}

#content .halbespalte-balken-links a h3:hover, #content .halbespalte-balken-rechts a h3:hover, #content .halbespalte-balken-mitte a h3:hover {
	color: white;
	text-decoration: underline;
}

#content .halbespalte-balken-links a img:hover, #content .halbespalte-balken-rechts a img:hover, #content .halbespalte-balken-mitte a img:hover {
	border: 1px solid gray;
}

#content .halbespalte-balken-links a img, #content .halbespalte-balken-rechts a img, #content .halbespalte-balken-mitte a img {
	border: 1px solid white;
	float: right;
	clear: right;
	padding: 5px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 20px;
}
#content .halbespalte-balken-links img, #content .halbespalte-balken-rechts img, #content .halbespalte-balken-mitte img {
	border: 1px solid white;
	float: right;
	clear: right;
	padding: 5px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 20px;
}

#content .halbespalte-balken-links p, #content .halbespalte-balken-links ul, #content .halbespalte-balken-rechts p, #content .halbespalte-balken-rechts ul, #content .halbespalte-balken-mitte p, #content .halbespalte-balken-mitte ul {
	padding-left: 15px;
}

#content .halbespalte-balken-links ul li, #content .halbespalte-balken-rechts ul li, #content .halbespalte-balken-mitte ul li {
	background: url(../img/bulletpoint.png) no-repeat 0 6px;
	padding-left: 10px;
}

#content .halbespalte-balken-links ul li.presse-pdf {
	background: none;
	padding: 0;
}

#content .halbespalte-balken-links ul li.presse-pdf a img {
	padding: 0;
	margin: 0 7px 0 0;
	float: left;
}

#content .halbespalte-balken-links ul li.presse-pdf a img:hover {
	border: none;
	padding: 1px;
}

#content .spezifisches {
	width: 275px;
	float: left;
	margin-right: 40px;
}

/* @end */



/* @group ++++++++ FOOTER +++++++ */

footer {
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	background: url(../img/footer-hintergrund-kachel.jpg) repeat-x;
	color: white;
	height: 250px;
	clear: both;
}

footer .wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	padding-top: 30px;
	background: url(../img/footer-hintergrund.jpg) no-repeat;
}

footer a {
	text-decoration: none;
	color: white;
	border-bottom: 1px dotted silver;
	padding-bottom: 1px;
}

footer a:hover {
	background-color: white;
	color: black;
}

footer section, footer address {
	float: left;
	padding-right: 30px;
}

footer #sitemap {
	padding-left: 150px;
	line-height: 18px;
}

footer #firmeninfo {
	width: 360px;
}

footer #firmeninfo p {
	margin-bottom: 15px;
}

footer h1, footer strong {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 7px;
	line-height: 18px;
}


/* @end */

/* @group ++++++++ Diverse +++++++ */

.clear-both {
	clear: both;
}


/* @end */

/* @group ++++++++ Fancybox +++++++ */

.bildergalerie a img {
	line-height: 50px;
	border: 1px solid silver;
	margin-bottom: 3px;
	margin-right: 3px;
}

.bildergalerie a:hover img {
	border: 1px solid #d33500;
}

.bildergalerie-thermo a img {
	line-height: 50px;
	border: 1px solid silver;
	margin-bottom: 3px;
	margin-right: 20px;
}

.bildergalerie-thermo a:hover img {
	border: 1px solid #d33500;
}

.bildergalerie-thermo-bsp a img {
	line-height: 50px;
	border: 1px solid silver;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.bildergalerie-thermo-bsp.rechts a img {
	float: right;
}

.bildergalerie-thermo-bsp a:hover img {
	border: 1px solid #d33500;
}

.overlay h1 {
	color: #d33500;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px;
	padding-top: 10px;
}

.overlay p {
	margin-bottom: 10px;
	color: 4c4c4c;
}

/* @end */

/* @group ++++++++ Mailchimp +++++++ */

#mc_embed_signup{background:#fff; clear:left; font:12px
Lucida Grande, Lucida Sans Unicode, Verdana,Helvetica,Arial,sans-serif; }

/* @end */

/* @group ++++++++ SEO +++++++ */

.twocols .one {
	width:310px;
	margin-right:30px;
	float: left;
}

 .twocols .two {
 	width:310px;
 	float: right;
 }

.threecols .one, .threecols .two, .threecols .three {
	float:left;
	margin-right: 35px
}

.threecols .three {
	margin-right: 0;
}

.threecols ul li {
	background: url(../img/arrow-marker.png) no-repeat -10px -15px;
	padding-left: 20px;
}

.threecols ul li.nolink {
	background: url(../img/arrow-marker.png) no-repeat 0 5px;
	padding-left: 20px;
}

article ul.haken {
	margin-bottom: 10px;
}

article ul.haken li {
	background: url(../img/haken.png) no-repeat left 3px;
	padding-left: 20px;
}

#definition {
	margin-top: 20px;
}

ul.bullets li {
	background: url(../img/bulletpoint.png) no-repeat 0 7px;
	padding-left: 12px;
}

/* New CSS3 Button */
#content article a.button {
	display: block;
	color: #fff;
	text-decoration: none;
	background: red;
	padding: 8px 12px;
	border-radius: 5px;
	line-height: normal;
	background: -webkit-linear-gradient(top, rgb(120, 194, 5) 0%, rgb(85, 144, 1) 71%, rgb(89, 131, 30) 100%);
	background: -o-linear-gradient(top, rgb(120, 194, 5) 0%, rgb(85, 144, 1) 71%, rgb(89, 131, 30) 100%);
	background: -ms-linear-gradient(top, rgb(120, 194, 5) 0%, rgb(85, 144, 1) 71%, rgb(89, 131, 30) 100%);
	background: -moz-linear-gradient(top, rgb(120, 194, 5) 0%, rgb(85, 144, 1) 71%, rgb(89, 131, 30) 100%);
	background: linear-gradient(to bottom, rgb(120, 194, 5) 0%, rgb(85, 144, 1) 71%, rgb(89, 131, 30) 100%);


	margin: .2em 10px .2em 0;
	text-align: center;
}

#content article a.button:hover {
	background: -webkit-linear-gradient(top, rgb(147, 206, 55) 0%, rgb(116, 161, 51) 80%, rgb(122, 156, 75) 100%);
	background: -o-linear-gradient(top, rgb(147, 206, 55) 0%, rgb(116, 161, 51) 80%, rgb(122, 156, 75) 100%);
	background: -ms-linear-gradient(top, rgb(147, 206, 55) 0%, rgb(116, 161, 51) 80%, rgb(122, 156, 75) 100%);
	background: -moz-linear-gradient(top, rgb(147, 206, 55) 0%, rgb(116, 161, 51) 80%, rgb(122, 156, 75) 100%);
	background: linear-gradient(to bottom, rgb(147, 206, 55) 0%, rgb(116, 161, 51) 80%, rgb(122, 156, 75) 100%);

}

/* Grauer Kontaktbutton */

#content article a.button.email {
	background: -webkit-linear-gradient(top, rgb(0, 159, 252) 0%, rgb(0, 124, 197) 61%, rgb(0, 135, 201) 98%, rgb(0, 138, 207) 100%);
	background: -o-linear-gradient(top, rgb(0, 159, 252) 0%, rgb(0, 124, 197) 61%, rgb(0, 135, 201) 98%, rgb(0, 138, 207) 100%);
	background: -ms-linear-gradient(top, rgb(0, 159, 252) 0%, rgb(0, 124, 197) 61%, rgb(0, 135, 201) 98%, rgb(0, 138, 207) 100%);
	background: -moz-linear-gradient(top, rgb(0, 159, 252) 0%, rgb(0, 124, 197) 61%, rgb(0, 135, 201) 98%, rgb(0, 138, 207) 100%);
	background: linear-gradient(to bottom, rgb(0, 159, 252) 0%, rgb(0, 124, 197) 61%, rgb(0, 135, 201) 98%, rgb(0, 138, 207) 100%);
}

#content article a.button.email:hover {
	background: -webkit-linear-gradient(top, rgb(26, 169, 252) 0%, rgb(26, 137, 203) 61%, rgb(26, 150, 210) 99%, rgb(26, 150, 212) 100%);
	background: -o-linear-gradient(top, rgb(26, 169, 252) 0%, rgb(26, 137, 203) 61%, rgb(26, 150, 210) 99%, rgb(26, 150, 212) 100%);
	background: -ms-linear-gradient(top, rgb(26, 169, 252) 0%, rgb(26, 137, 203) 61%, rgb(26, 150, 210) 99%, rgb(26, 150, 212) 100%);
	background: -moz-linear-gradient(top, rgb(26, 169, 252) 0%, rgb(26, 137, 203) 61%, rgb(26, 150, 210) 99%, rgb(26, 150, 212) 100%);
	background: linear-gradient(to bottom, rgb(26, 169, 252) 0%, rgb(26, 137, 203) 61%, rgb(26, 150, 210) 99%, rgb(26, 150, 212) 100%);
}

/* @end */

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */

.ie7 nav#hauptnavi,
.ie7 nav#hauptnavi-en {
	padding-top: 63px;
	width: 940px;
}

.ie6 #content td,
.ie7 #content td,
.ie8 #content td {
	border-top: 1px solid #e3e3e3;
}




.ie6 div { } /* apply only on Internet Explorer 6 and below */

/* Filters */
	.filters {
	margin-top: 44px;
	position: relative;
	padding-top: 36px;
	}

.filters:before {
  content: '';
  display: block;
  position: absolute;
  left: -30px;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 10px solid #d33500;
  top: 0;
  z-index: 2;
}

.filter:after {
  content: 'Produktfilter';
  display: block;
  position: absolute;
  top: 0;
  background: #d33500;
  color: #fff;
  left: -20px;
  top: 0;
  padding: 4px 20px;
  width: 220px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.04);
  z-index: 1;
}

.filterable {
	transition: all .5s;
}

.irrelevant {
  -ms-transform: scale(1,0);
  -webkit-transform: scale(1,0);
  -moz-transform: scale(1,0);
  transform: scale(1,0);
  opacity: 0;
  background: rgb(120, 194, 5)!important;

  float: left;
  width: 0;
  overflow: hidden;
  height: 0;
}

.filter label {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.disabled {
	opacity: 0.5;
	pointer-events: none;
}

/*
As there’s no way to restrict `nth-child` to specific classes (a.k.a. there’s no `nth-of-class`),
we need to use classes and set/switch those classes via JavaScript (see filters.js)
*/
.filter-table tr:nth-child(even),
.filter-table tr:nth-child(odd) {
	background-color: transparent;
}

.filter-table tr.relevant.even {
	background-color: #ececec;
}

.filter-table tr.relevant.odd {
	background-color: #00000;
}

.cookiebot-container{
		display: none;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll{
	background-color: #d33500 !important;
	border: none!important;
	padding-top: 4px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
	background-color: #000000 !important;
	border: none!important;
	padding-top: 4px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}

.button-quarzfinder {
	opacity: 1;
	margin-bottom: 10px;

}
.button-quarzfinder:hover {
	opacity: 0.7;
	transition: all .3s ease-in-out;
}
.quarzkontakt {
background: url(../img/button-rot.png) no-repeat 0 0;
width: 177px;
color: white !important;
float: left;
margin-right: 20px;
text-align: center;
height: 55px;
margin-top: 10px;
padding-top: 14px;
font-size: 14px;
line-height: 20px;
}

.quarzkontakt:hover{
	text-decoration: none !important;
	opacity: 0.7;

}