.nav li
	{
 	background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');;

	}

a img
	{
 	border: none;;

	}

body
	{
 	line-height: 145%;
	background-color: #ffffff;
	color: #485155;
	font-size: 15px;
	font-family: 'Raleway', sans-serif;;

	}

.wrapper
	{
 	width: 100%; max-width: 100%; min-width: 100%; overflow: hidden;  ;

	}

h1
	{
 	text-transform: uppercase; font-weight: 900; display: block; line-height: 100%; ;
	color: #485155;
	font-size: 38px;

	}

h2
	{
 	text-transform: uppercase; font-weight: 200; display: block; line-height: 100%;;
	color: #a24f27;
	font-size: 28px;

	}

h3
	{
 	text-transform: uppercase; font-weight: 400; display: block; margin-bottom: 10px; ;

	}

h4
	{
 	text-transform: uppercase; font-weight: 400; display: block; margin-bottom: 10px;  ;
	color: #a24f27;

	}

a
	{
 	text-decoration: underline;
	color: #a24f27;

	}

a:hover
	{
 	text-decoration: none;;
	color: #a24f27;

	}

.allpics
	{
 
	}

.subline
	{
 	font-size: 9px;

	}

.outer
	{
 	position: relative;;
	background-color: #ffffff;
	color: #000000;
	border-right-color: #fff47f;
	border-left-color: #fff47f; 
	}

.suchbut
	{
 	margin-left: 5px; border: 1px solid #FFFFFF;
	background-color: #152F77;
	color: #FFFFFF;
	font-size: 10px;

	}

.suchfeld, .newsfeld
	{
 	border: 1px solid #8ab600; margin-left: 3px;
	background-color: #FFFFFF;
	color: #000000;

	}

.submitbutton, .newsbutin, .newsbutout
	{
 	border: none; padding: 10px;;
	background-color: #a24f27;
	color: #ffffff;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;;

	}

.bottom
	{
 	background-image: url('/upmedia/schraubenfabrik-kupferzell-footer.jpg'); background-position: center; background-repeat: no-repeat; min-height: 150px; border-top: 10px solid #a24f27; ;
	background-color: #32393b;
	color: #ffffff;
	font-size: 13px;

	}

.bottom
	{
 	background-size: cover; padding-top: 50px; position: relative; ;

	}

.bottom a
	{
 	color: #ffffff;

	}

.footer
	{
 	position: relative; margin: 0 !important; ;
	background-color: #ffffff;

	}

a.onit, a.nachoben, a.onit:hover, a.nachoben:hover
	{
 	font-size: 9px;

	}

.flyout
	{
 	position: relative;

	}

.Logo
	{
 	position: absolute; top: 0; z-index: 150;;

	}

.CONTENTSLIDE img
	{
 	min-width: 100vw; ;

	}

.top
	{
 	max-height: 650px; height: 42vw; position: relative; ;

	}

#slideshow
	{
 	position: fixed;;

	}

.inner
	{
 	width: 950px; margin-left: auto; margin-right: auto; ;

	}

.left .nav
	{
 	width: 180px; z-index: 10;;

	}

.left .nav a
	{
 	text-decoration: none; display: block; line-height: 22px; zoom: 1;;
	color: #5D9130;
	font-size: 14px;

	}

.left .nav li.act > a
	{
 	font-weight: bold;;
	background-color: #ffffff;
	color: #D70003;

	}

.left .nav li.subact > a
	{
 	font-weight: bold;;
	background-color: #F0FFFF;

	}

.left .nav a:hover
	{
 	font-weight: bold;;
	background-color: #FCC700;

	}

.left .nav > ul > li > a
	{
 	padding-left: 10px;;

	}

.left .nav > ul > li.act > a
	{
 
	}

.left .nav > ul > li.subact > a
	{
 	font-weight: bold;;

	}

.left .nav > ul > li > a:hover
	{
 
	}

.right .nav a
	{
 	text-decoration: none; display: block; line-height: 22px; zoom: 1;;
	color: #5D9130;
	font-size: 14px;

	}

.right .nav li.act > a
	{
 	font-weight: bold;;
	background-color: #ffffff;
	color: #D70003;

	}

.right .nav li.subact > a
	{
 	font-weight: bold;;
	background-color: #F0FFFF;

	}

.right .nav a:hover
	{
 	font-weight: bold;;
	background-color: #FCC700;

	}

.right .nav > ul > li > a
	{
 	padding-left: 10px;;

	}

.right .nav > ul > li.act > a
	{
 
	}

.right .nav > ul > li.act > a
	{
 	font-weight: bold;;

	}

.right .nav > ul > li > a:hover
	{
 
	}

.flyout .nav
	{
 	position: fixed !important; top:0;left:0;z-index:1003; width: 100%; background-color: rgba(255,255,255,0.9); padding: 100px 0 10px 0;;;

	}

.flyout .nav a
	{
 	text-decoration: none; display: block; line-height: 30px; padding: 0 10px; zoom: 1;;
	color: #ffffff;
	font-size: 13px;

	}

.flyout .nav li.act > a
	{
 	background-color: #ffffff;
	color: #a24f27;

	}

.flyout .nav li.subact > a
	{
 
	}

.flyout .nav a:hover
	{
 	background-color: #ffffff;
	color: #a24f27;

	}

.flyout .nav > ul > li > a
	{
 	text-transform: uppercase; font-weight: 900;;
	color: #485155;
	font-size: 13px;

	}

.flyout .nav > ul > li.act > a
	{
 	color: #a24f27;

	}

.flyout .nav > ul > li > a:hover
	{
 	color: #a24f27;

	}

.flyout .nav > ul > li > a span
	{
 	display: block;;

	}

.flyout .nav li
	{
 	position: relative;;

	}

.flyout .nav > ul > li
	{
 	display: inline-block; *display: inline; zoom: 1; vertical-align: top; ;

	}

.flyout .nav ul ul
	{
 	width: 200px; margin-left: 0; left: 0;;

	}

.flyout .nav ul ul li
	{
 	background-color: #a24f27;

	}

.flyout .nav ul ul
	{
 	position: absolute; display: none;;

	}

.flyout .nav li:hover > ul, .flyout .nav li.js-hover > ul
	{
 	display: block;;

	}

.flyout .nav ul ul
	{
 	top: 100%;;

	}

.flyout .nav ul ul ul
	{
 	top: 0; left: 100%;;

	}

.center
	{
 	margin-top: 20px;;
	color: #485155;

	}

.anzeige
	{
 	color: #EC5621;
	font-size: 12px;

	}

.anzeigesubline
	{
 	display: none;;
	color: #8bb600;

	}

.tipp
	{
 
	}

.tipptext
	{
 	margin: 0 10px 10px 10px; width: 180px;

	}

.textcontainerabstand
	{
 	margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #fbf2d9;;

	}

p
	{
 	margin-bottom: 10px;;

	}

.center ul
	{
 	list-style: disc; margin-left: 20px; margin-bottom: 10px;;

	}

.kachelhome a
	{
 	color: #ffffff;

	}

.schraube
	{
 	min-width: 70px !important; margin-top: -60px;;

	}