@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}




article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio[controls], canvas, video { display:inline-block; *display:inline;
*zoom:1;
}
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after { clear:both; }

html, body {
	background-color:#FFF;
	margin:0;
	padding:0; 
	
}
html {
	-webkit-overflow-scrolling:touch;
	-webkit-tap-highlight-color:#c3d9e6;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}














::-webkit-selection {
background:#e6e6e6;
color:#626968;
text-shadow:none;
}
::-moz-selection {
background:#7bacc8;
color:#626968;
text-shadow:none;
}
::selection {
background:#7bacc8;
color:#626968;
text-shadow:none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; }
::-webkit-input-placeholder {
font-size:14px;
font-size:1.4rem;
}
input:-moz-placeholder {
font-size:14px;
font-size:1.4rem;
}
.ie7 img, .iem7 img { -ms-interpolation-mode:bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; }
input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
p {
	-webkit-hyphens:auto;
	-webkit-hyphenate-character:"\2010";
	-webkit-hyphenate-limit-after:1;
	-webkit-hyphenate-limit-before:3;
	-moz-hyphens:auto;
}
.ir {
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	text-align:left;
	text-indent:-999em;
	direction:ltr;
}
.ir br { display:none; }
.hidden {
	display:none;
	visibility:hidden;
}
.visuallyhidden {
	position:absolute;
	margin:-1px;
	padding:0;
	height:1px;
	width:1px;
	overflow:hidden;
	border:0;
	clip:rect(0 0 0 0);
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	position:static;
	margin:0;
	height:auto;
	width:auto;
	overflow:visible;
	clip:auto;
}
.invisible { visibility:hidden; }
@media print {
* {
	background:transparent !important;
	color:#626968 !important;
	text-shadow:none !important;
	filter:none !important;
	-ms-filter:none !important;
}
@page {
margin:0.5cm;
}
h2, h3 {
	orphans:3;
	widows:3;
	page-break-after:avoid;
}
p {
	orphans:3;
	widows:3;
}
pre, blockquote {
	border:1px solid #808080;
	page-break-inside:avoid;
}
abbr[title]:after { content:" (" attr(title) ")"; }
a, a:visited {
	color:#626968 !important;
	text-decoration:none;
}

a[href]:after { content:" (" attr(href) ")"; }
a[href^="javascript:"]:after, a[href^="#"]:after {
content:"";
}
img {
	max-width:100% !important;
	page-break-inside:avoid;
}
thead { display:table-header-group; }
tr { page-break-inside:avoid; }
.ir a:after { content:""; }
}

.content{
    margin: 24px auto;
}









header h1{
    font-size: 26px;
}


img {
	max-width: 100%;
	height: auto;
	width:auto;
}
div#navi {
	width:994px;
	position:fixed;
	margin-top:-47px;
	z-index:999;
	
}
/* =Navigation
-------------------------------------------------------------- */
/* clip skip link for screen readers */
.skip-link {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
#access {
    font-family:Arial, Helvetica, sans-serif;
	color:#626968;
	font-size: 1.1em;
    overflow:visible;
    z-index:100;
	margin-left:0px;
}
/* style the main menu 8*/
.sf-menu{
	margin:0;
	background:url(../images/navigation.png);
	background-repeat: no-repeat;
	background-position:225px 11px;
	
	padding-top:-6px;
	position:relative;
	z-index:90;
	margin-left:13px;
	
    
    list-style:none;
	
}
/* get rid of padding and margin off all ul's (not sure about using * here, could be better) */
.sf-menu * {
    margin:0;
	
	
	padding-top:12px;
	position:relative;
	z-index:90;
	
    
    list-style:none;
	
}
/* position all dropdowns off screen */
.sf-menu ul {
    position:absolute;
    top:-999em;
	z-index:90;
	
	
	
	
}
/* style the main nav list items */
.sf-menu li {
   
	
	
   
    clear: left;
    float:left;
    position:relative;
    
	z-index:90;
	width: 100%;
}
.sf-menu li a {
	
	
    
}
.sf-menu a {
    font-size: 1.1em;
    color:#f5c87b;
    display:block;
   /* padding: 4px 0;*/
    text-decoration: none;
	height:57px;
    
	
}

.sf-menu li a:hover {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
	background-position:0 -1px;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:57px;
	
}

.sf-menu li a#active {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:57px;
	margin-top:0px;
	background-position:0 -1px;
}
.home-left {
    margin-left:55px;
	
	
}
.home-button {
    font-size: 1.1em;
    color:#f5c87b;
    display:block;
    text-decoration: none;
	width:118px;
	height:38px;
	margin-left:-65px;
	
}

.sf-menu li a.home-button#active {
	background:url(../images/navi-aktiv.gif);
	background-repeat:repeat-x;
	background-position:0 -2px;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:38px;
	padding-top:10px;
	width:118px;

}

.unternehmen-button {
    font-size: 1.1em;
    color:#F5C87B;
    display:block;
   /* padding: 4px 0;*/
    text-decoration: none;
	width:123px;
	margin-left:3px;
	height:38px;
	padding-left:10px;
}



.produkt-button {
    font-size: 1.1em;
    color:#F5C87B;
    display:block;
    text-decoration: none;
	width:86px;
	height:108px;
	margin-left:3px;
	padding-left:15px;
}

.referenzen-button {
    font-size: 1.1em;
    color:#F5C87B;
    display:block;
    text-decoration: none;
	width:111px;
	height:38px;
	margin-left:2px;
	padding-left:15px;
	
}

.service-button {
    font-size: 1.1em;
    color:#F5C87B;
    display:block;
    text-decoration: none;
	width:76px;
	height:38px;
	margin-left:3px;
	padding-left:15px;
}

.anfahrt-button {
    font-size: 1.1em;
    color:#F5C87B;
    display:block;
    text-decoration: none;
	width:168px;
	height:58px;
	margin-left:3px;
	padding-left:15px;
}


















/* change the main nav list items on hover 

.sf-menu li a:hover {
	background:url(../images/navi-aktiv.gif);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit;  fixes IE7 'sticky bug'
	position: relative;
	z-index:999;
	height:38px;
	margin-top:-2px;
	
	
}






.sf-menu li a#active {
	padding-top:8px;
    color:#ff8337;
    visibility:inherit; /* fixes IE7 'sticky bug' 
	
} */ 

	

/* style all the links */

/* style the first drop */
.sf-menu li:hover ul  {
	background-color:#d9d9d9 !important;
	background-image:none !important;
	
	  top:auto; /* match top ul list item height */
	  margin-top:-8px;
    position:relative;
	
}
.sf-menu li ul li a{
		color:#999;
		margin-top:-13px !important;
		height:20px;
	
    }
.sf-menu li ul li.current a{
		color:#7A9607 !important;
		
    }
.sf-menu li ul li  {
	width:136px;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:2px solid #B3B3B3;
	height:20px;
	text-align:center;

}
.sf-menu li ul li:hover {
        color:#999 !important;
		height:20px;
		background-color:#e5e5e5 !important;
		border-bottom:2px solid #B3B3B3;
		border-top:1px solid #fff;
    }
	.sf-menu li ul li a:hover {
        
		height:20px;
		
    }
	
	.sf-menu li ul li a.current {
	border-top:1px solid #fff;
	border-bottom:2px solid #9EB349;
    color:#7A9607 !important;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	background-image:url(../images/untermenue-aktiv.png);
	background-position: 0 2;
	background-repeat:repeat-x;
	
}

.sf-menu li ul li#subtop {
	width:136px;
	margin:0;
	
	border-bottom:2px solid #B3B3B3;
	height:20px;
	text-align:center;
	margin-top:-12px;

}
.sf-menu li ul li#subtop:hover {
        color:#999 !important;
		
		background-color:#e5e5e5 !important;
		border-bottom:2px solid #B3B3B3;
		
    }
	
	
	.sf-menu li ul li#subtop.current {
	
	border-bottom:2px solid #9EB349;
    color:#7A9607 !important;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	background-image:url(../images/untermenue-aktiv.png);
	background-position: 0 0;
	background-repeat:repeat-x;
}






@media only screen and (max-width: 599px) {
	
	div#navi {
	width:420px;
	position: relative !important;
	margin-top:15px;
	z-index:999;
	
}
	
	
	img {
	max-width: 100%;
	height: auto;
	width:auto;
}
.sf-menu  {
top:auto;
display:block;
position:relative;
width:100%;
padding-top:0px;
background: none;
background-repeat: no-repeat;
	background-position:-340px 22px;
	margin-left:6px;
	top:97px;
}
.sf-menu * {
    margin:0;
	margin-left:2px;
	width:100%;
	padding-top:0px;
	position:relative;
	z-index:90;
	
    
    list-style:none;
	
}
.home-left {
    margin-left:15px;
	
	
}
.sf-menu li a.home-button#active {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:28px;
	margin-top:15px;
	width:100%;
	margin-left:-1px;

}
.sf-menu li a.home-button:hover {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:28px;
	margin-top:15px;
	width:100%;
	margin-left:-1px;

}
.sf-menu li a.unternehmen-button:hover {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:28px;
	
	width:97.7%;
	margin-left:-1px;

}
.home-button {
	margin-top:15px;
	
	
}
.unternehmen-button {
    width:100%;
}
.sf-menu a {
    font-size: 1.1em;
    color:#999;
    display:block;
   /* padding: 4px 0;*/
    text-decoration: none;
	height:28px;
	padding-top:8px;
    
	
}

.sf-menu li a:hover {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:28px;
	width:96.4%;
	margin-left:-1px;
}

.sf-menu li a#active {
	background:url(../images/navi-aktiv.png);
	background-repeat:repeat-x;
    color:#FFDF90;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index:90;
	height:28px;
	margin-top:0px;
	width:96.4%;
	margin-left:-1px;
}



.sf-menu li  {
top:-22px;
display:block;
position:relative;
margin-left:10px;
width:98%;
background-color:#d9d9d9 !important;

}
.sf-menu li ul {
top:0px;
display:block;
position:relative;
width:98.5%;
padding-left:10px;




}
.sf-menu li.current {
top:auto;
display:block;
position:relative;
width:100%;

}





.sf-menu li.current ul {
top:auto;
display:block;
position:relative;
width:100%;
}








.sf-menu li:hover ul  {
	background-color:#d9d9d9 !important;
	background-image:none !important;
	
	  top:auto; /* match top ul list item height */
	  margin-top:0px;
    position:relative;
	
}

.sf-menu li ul li a{
		color:#999;
		margin-top:0px !important;
    }
.sf-menu li ul li.current a{
		color:#7A9607 !important;
		padding-top:-10px;
		
    }
.sf-menu li ul li {
	width:91%;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:2px solid #B3B3B3;
	height:34px !important;
	text-align: left;
	margin-left:30px;
	
}


.sf-menu li ul li a:hover {
        color:#999 !important;
		background-image: none !important;
		background-color:#e5e5e5 !important;
		border-bottom:2px solid #B3B3B3;
		border-top:1px solid #fff;
		
		width:99%;
		height:34px !important;
    }
	
	
	.sf-menu li ul li a.current {
	border-top:1px solid #fff;
	
    color:#7A9607 !important;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	background-image:url(../images/untermenue-aktiv.png);
	background-position: 0 1px;
	background-repeat:repeat-x ;
	width:99%;

	
}
.sf-menu li ul li#subtop {
	width:91%;
	margin:0;
	
	border-bottom:2px solid #B3B3B3;
	height:34px;
	text-align:left;
	margin-top:25px;
	margin-left:30px;


}
.sf-menu li ul li#subtop:hover {
        color:#999 !important;
		background-color:#e5e5e5 !important;
		width:91%;
		background-image:none !important;
		background-repeat:no-repeat;
		
		border-bottom:2px solid #B3B3B3;
		background-position: 0 -400px;
    }
	
	
	.sf-menu li ul li#subtop.current {
	
	border-bottom:2px solid #9EB349;
    color:#7A9607 !important;
    visibility:inherit; /* fixes IE7 'sticky bug' */
	background-image:url(../images/untermenue-aktiv.png);
	background-position: 0 0;
	background-repeat:repeat-x;
}
}
@media only screen and (min-width: 600px) {
    /* set height so content isn't pushed down */
    #access{
        float: left;
        height: 50px;
        width: 100%;
    }
    /* set height so content isn't pushed down add z-index to keep drops above content */
    .sf-menu{
        
    }
    /* restyle so main links are horizontally aligned
	 .sf-menu a {
        padding:0;
		padding-top:24px;
		
		
		margin-top:-23px;
		
    } */
	.sf-menu a buttonlink {
        
		
		
    }
    .sf-menu li {
        clear: none;
        width: auto; /* this will need to be adjusted for your needs */
    }
	.sf-menu li a {
		
    }
    /* new style for drop list items 
	.sf-menu li a:hover {
	background-image:url(../images/pfeil-navi.png);
		background-repeat:no-repeat;
		background-position: top right;
		
   
	
}
.sf-menu li a#active {
	background-image:url(../images/pfeil-navi.png);
		background-repeat:no-repeat;
		background-position: top right;
	
	
}
*/


  
	.sf-menu li ul li a:hover {
        color:#999999 !important;
		background-image:none !important;
    }

	
	/*neue styles 12.12.12*/

.sf-menu li ul li a.current {
	
    
    visibility:inherit; /* fixes IE7 'sticky bug' */
	
}

/*neu*/

/*neu*/
/*Links Impressum*/

/*Formular*/

label {color: #626968;}
/*Ende neue styles*/
	
	
    /* reset text indent on all drop a tags and set the width to 100% */
    
    /* reposision and style the first drop */
    .sf-menu li:hover ul{
		
        left: auto;
        position: absolute;
       
       
        z-index: 100;
		
    }
	.sf-menu li ul li a {
       
		font-size:12px;
        clear: left;
     
    }
    /* reposision and style the second drop */
    
	
    /* reposision and style the third drop */
    ul.sf-menu li li li:hover ul{
        
        position: absolute;
        
        left:100%;
		background-image:none !important;
    }
	img {
	max-width: 100%;
	height: auto;
	width:auto;
}
}
@media only screen and (min-width: 768px) {
    header h1{
   
}
img {
	max-width: 100%;
	height: auto;
	width:auto;
}
}
@media only screen and (min-width: 992px) {
    header h1{
       
    }
    /* bigger screen bigger nav */
    #access{
       
		
    }
    /* bigger screen bigger nav */
    .sf-menu{
        
		
		
    }
    /* bigger screen bigger font size and padding */
    .sf-menu a {
       
       /* padding:0;
		padding-top:24px;
		
		height:70px;
		margin-top:-23px;*/
		
    }
	.sf-menu a buttonlink {
        
		
		
    }
	
	.sf-menu li:hover ul{
        
        left: auto;
        position: absolute;
       
       
        z-index: 100;
		
		
    }
	
	
	.sf-menu li ul li a {
       
        clear: left;
       
		
		
		display:block;
		
		
		
		
    }
	
	
	
	
	
	img {
	max-width: 100%;
	height: auto;
	width:auto;
}
}
@media only screen and (min-width: 1280px) {
		.sf-menu li:hover ul{
        
        left: auto;
        position: absolute;
        z-index: 100;
		
		
    }
	
 }
 @media only screen and (min-width: 1920px) {
		.sf-menu li:hover ul{
        
        left: auto;
        position: absolute;
        
        
        z-index: 100;
	
		
    }
 }