/*	Reset*/
	------------------		
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
	display: block;
}
a img {border: 0;}
* {
	margin:0;
	padding:0
}

/*	hebatec CSS Framework
	------	
	Reset
	Body mit Grundtextfarbe und Grundschriftart
	Farben für Schriften und Hintergründe
	Setup
		Typographie, Links, Tabellen, Listen, Formulare
    Klassen
		Icon Webfont+Formatierung, Buttons, Bilderformatierungen
	Layout Media Queries
	    PC STANDARD/Tablet Portrait: 992px 
		   wrap, container
		   header, logo
		   nav
		   content
				Einzelseiten
				Artikellisten
				Bildergalerien
				Anreisser
				Unternehmen
				Kontakt
				Aktuell
				Startseite
		   footer
		PC: 1220px
		Wide Screen: 1544px
		HD Screen: 1980px
		Tablet Portrait: 768px
		Mobile Layout Landscape: 480px
		Mobile Layout Portrait: 320px
		Retina
   Clearfix
*/
/*
Farben

Hausfarbe 1		orange		#ff6600		RGB	255 102 0	Verlauf #FF7724		#CC4C00		Textfarbe	#333333  	Linkfarbe	#ffffff
Hausfarbe 2		dunkelgrau	#333333		RGB	51 51 51	Verlauf #515151		#282828		Textfarbe	#F0EEE1		Linkfarbe	

Aktionsfarbe	blau		#009CE2		RGB	0 156 226	Verlauf #00B9FE		#0084B6		Textfarbe	#ffffff		Linkfarbe	#333333
Füllfarben		beige		#F0EEE1		RGB		
				weiss		#ffffff		RGB		
				
				
Textcolor		#333333
Linkcolor		#ff6600			
*/
	
body {
	font-family: 'Open Sans', Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #333333;
	-webkit-tap-highlight-color: rgba(51,51,51,0.2);
	background: #333333 url(../images/layout/body_bg.jpg) top center;
}	
/*	Farben für Schriften und Hintergründe
	------------------	*/
	
/*Standardlink*/
a {
	color: #064791;
	/*-webkit-tap-highlight-color: rgba(255,102,0,0.2);*/
}
a:hover {
	color: #333333;
}	
	
/*Hausfarbe Farbton: dunkelgrau*/	
.hf {
	background-color: #0C509E;
	color: #333333
}
.hf-gradient {
	background: #0C509E; 
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1175E3) to(#0C509E)); 
    background: -webkit-linear-gradient(#1175E3, #0C509E); 
    background: -moz-linear-gradient(#1175E3, #0C509E);
    background: -ms-linear-gradient(#1175E3, #0C509E);
    background: -o-linear-gradient(#1175E3, #0C509E); 
    background: linear-gradient(#1175E3, #0C509E); 
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1175E3', endColorstr='#1175E3',GradientType=0 );
	color: #333333;
}
.hf a, .hf-gradient a {
	color: #ffffff
}

/*Hausfarbe 2 Farbton:beige*/
.hf2 {
	background-color: #333333;
	color: #F0EEE1;	
}
.hf2-gradient {
  background: #333333; 
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#515151) to(#282828)); 
    background: -webkit-linear-gradient(#515151, #282828); 
    background: -moz-linear-gradient(#515151, #282828);
    background: -ms-linear-gradient(#515151, #282828);
    background: -o-linear-gradient(#515151, #282828); 
    background: linear-gradient(#515151, #282828); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#282828',GradientType=0 );
	color: #F0EEE1;	
}

/*Aktionsfarbe  Farbe: orange*/
.af {
	background: #009CE2;
	color: #ffffff;
}	
.af-gradient{
	background: #009CE2; 
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00B9FE) to(#0084B6)); 
    background: -webkit-linear-gradient(#00B9FE, #0084B6); 
    background: -moz-linear-gradient(#00B9FE, #0084B6);
    background: -ms-linear-gradient(#00B9FE, #0084B6);
    background: -o-linear-gradient(#00B9FE, #0084B6); 
    background: linear-gradient(#00B9FE, #0084B6); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B9FE', endColorstr='#0084B6',GradientType=0 );
	color: #ffffff;
}
	
/*Hovering*/
button.hf:hover, button.hf-gradient:hover, .hf a:hover, .hf-gradient a:hover , button.hf2:hover, button.hf2-gradient:hover, .hf2 a:hover, .hf2-gradient a:hover, button.af:hover, button.af-gradient:hover, .af a:hover,  .af-gradient a:hover
	{
	opacity: 0.75;
	filter:alpha(opacity=75); /* IE4-8 */
	}	
/*Links*/	

/*Sonderfarben*/
.hf a, .hf-gradient a {
}
.hf a:hover, .hf-gradient a:hover {
}
.hf2 a, .hf2-gradient a {
	color: #ff6600
}
.hf2 a:hover, .hf2-gradient a:hover {
color: #eeeeee
}
.af a, .af-gradient a {
}
.af a:hover, .af-gradient a:hover {
}
textarea, input, select { 
	background: #fff;
}
optgroup, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder
	{
	color: #888;
	}

/*	Selektoren
	------------------	*/
h1,h2  {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 70px 0;
	line-height: 0.9;
	text-transform: uppercase;
	text-align: right
}

h1 span, h2 span {
	font-weight: normal;
	font-size: 18px
}
/*h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 0.75em 0;
	line-height: 1.5;
}*/
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 0.75em 0;
	text-transform: uppercase;
	color: #616161;
	clear: both
}
h4 {
	font-size: 14px;
	margin: 0 0 0.75em 0;
}
h5 {
	font-size: 13px;
	margin: 0 0 0.75em 0;
}
h6 {
	font-size: 13px;
	margin: 0 0 0.75em 0;
}
p {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 1em;
}
hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 20px 0;
}

/*img, video {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
}*/
/*Links*/
a {
	outline:none;
	text-decoration:none;
	}
a:hover, a:active {
 	outline: 0;
	}
	
/*Tabellen*/
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
td {
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #ccc;
  padding: 0.5em 0.5em 0.5em 0;
}
/*Listen*/
ol, ul {
  margin: 0 0 15px 15px;
}
/*Formulare*/
form {
  margin: 0;
}
fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;/*IE7*/
}

label {
	display:block;
	}
button {
  font-size: 13px;
  width: 100%;
  margin: 0;
  vertical-align: baseline;
  color: #fff !important; 
  *vertical-align: middle; /*IE7*/
}

input, select {
  font-size: 13px;
  width: 100%;
  margin: 0 0 10px 0;
  vertical-align: baseline;
  *vertical-align: middle; /*IE7*/
}

textarea {
  font-size: 13px;
  width: 100%;
  margin: 0 0 10px 0;
  vertical-align: baseline;
  *vertical-align: middle; /*IE7*/
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder {
  color: #888;
}
/*Standardeinstellungen in FF überschreiben*/
button:invalid, a.button:invalid, input:invalid, input[type="button"]:invalid, input[type="reset"]:invalid, input[type="submit"]:invalid, textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner, a.button::-moz-focus-inner, input::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*onclick*/
button:focus, a.button:focus, input:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus, textarea:focus {
  -webkit-box-shadow: 0 0 3px #333333;
  -moz-box-shadow: 0 0 3px #333333;
  box-shadow: 0 0 3px #333333;
  /* Opera */
  z-index: 1;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  border: solid 1px #ccc;
  padding: 2px 5px 2px 5px;
   outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  border-radius: 0;
}
textarea {
  min-height: 3em;
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
select {
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea, select[size], select[multiple] {
  height: auto;
}
optgroup {
  font-family: 'Open sans', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #333;
}
/* kill phantom spacing and dotted border that appears in Firefox */
optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* addresses box sizing set to content-box and excess padding in IE7-9 */
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 1em;
  *width: 1em;
}
/* make sure disable elements really are disabled */
button[disabled], input[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], span.disabled {
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  border: solid 1px #d2d2d2 !important;
  text-shadow: none !important;
  color: #888888 !important;
  background: #eee !important;
  cursor: default !important;
  top: 0 !important;
}
input:required + label::after {
  content:" *"; 
} 
/* Klassen

   ========================================================================== */

   .logo_print {
	display:none;
}
   
/*Buttons*/
button, [role] a.button, span.disabled, input[type="button"], input[type="reset"], input[type="submit"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: auto;
  overflow: visible;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 #000;*/
  cursor: pointer;
  border: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  padding: .5em 1em;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
  color: #eee;
  outline: 0;
}
button:hover, [role] a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  
  }
button:active, [role] a.button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  position: relative;
  top: 1px;
}
/*Icons*/
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../schriften/websymbols-regular-webfont.eot');
    src: url('../schriften/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../schriften/websymbols-regular-webfont.woff') format('woff'),
         url('../schriften/websymbols-regular-webfont.ttf') format('truetype'),
         url('../schriften/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}  
.icon {
 font-family: 'WebSymbolsRegular';
 }
/*Abstand nach links*/
.icon_links {
 padding: 0 0px 0 10px
} 
/*Abstand nach Rechts*/
.icon_rechts {
 padding: 0 10px 0 0px;
} 
a:before, a:after {
     font-family:'WebSymbolsRegular';
}
/*Nach oben*/	
#toTop {
		text-align:center;
       	box-shadow: 0 0 3px #333;
		-webkit-box-shadow: 0 0 3px #333;
		-moz-box-shadow: 0 0 3px #333;
		border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        position:fixed; /* this is the magic */
        bottom:20px; /* together with this to put the div at the bottom*/
        right:20px;
        cursor:pointer;
        display:none;
}
/*IE7 HInweis*/
p.browserupdate {
	background: #333;
	color: #fff;
	padding: 0.75em
	}
.browserupdate a {
	color: red
}

/*Bilderformatierungen*/
.bild {
	
}
.bild_text {
	float:left;
	margin: 0 20px 20px 0;
}
.bild_text_re {
	float:right;
	margin: 0 0 10px 10px;
}
.bild_text_rahmen {
	float:left;
	margin: 0 10px 10px 0;
	padding: 1px;
	border:1px solid #ccc;
}
.bild_text_re_rahmen {
	float:right;
	margin: 0 0 10px 10px;
	padding: 1px;
	border:1px solid #ccc;
}
/*Bild mit Unterschrift*/
p.bild_unterschrift {
	float:left;
	width:200px;/*anpassen*/
	margin: 0 10px 10px 0;
}
p.bild_unterschrift img {
	display:block;
}

.box-shadow {
	box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	-moz-box-shadow: 0 0 3px #000;
 }

.border-radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.col2sp {
	width: 280px;
	margin-right: 20px;
	float: left;
}

ul.gallery {
	list-style: none;
	margin: 0
}
	
ul.gallery li {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	
	}

ul.gallery li a{

	display: block;
	width: 130px;
	height: 98px;
	
	}
	
ul.gallery li img{
	width: 130px;
	height: 98px;
	display: block
	
	}
	
	/* For inline examples only */
#PhotoSwipeTarget { width: 100%; height: 200px; }

#Indicators { text-align: center; margin-top: 20px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }

	
/*PC STANDARD */

/*		Bildschirmgröße  1024px für PC/Tablet Landscape
------------------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8      9      10
px		68    160    252    344    436    528    620    712    804    896	*/

/*@media only screen and (min-width: 944px) and (max-width: 1219px) {*/

#container {
	min-width: 980px;
	max-width: 1440px;
	margin:auto;
}

#content_wrap {

}

#content {
	float: right;
	/*width: 580px;*/
	padding: 10px 0px 0 275px;
	z-index:0
}

#content ul li {
	line-height: 2em
}

#startseite, #unternehmen, #service, #fertigung, #produkte, #kontakt {
	padding: 35px 50px 460px 50px;
}

#unternehmen, #fertigung, #kontakt {
	background: #E1E1E1
		}


span.blau {
	text-transform: uppercase;
	color: #0c509e;
	font-weight: bold
}

#map {
	width: 580px;
	height:350px
}

.flexslider {
	width:580px;
	}
	
	
	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

	/* FlexSlider Necessary Styles
	*********************************/ 
	.flexslider {margin: 0; padding: 0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	/*.flexslider .slides img {width: 100%; display: block;}*/
	.flex-pauseplay span {text-transform: capitalize;}

	.flexslider ul.slides li div {
	color: #000;
	}
	
	.flexslider ul.slides li div img{
	float: left;
	margin: 0 25px 0 0;
	padding: 60px 0 0 0;
	}
	
	.flexslider ul.slides li div h2{
	color: #0c509e;
	font-weight: bold;
	text-align: left;
	padding: 60px 0 0 0;
	margin: 0 0 15px 0
	}
	
	.flexslider ul.slides li div a{
	float: right
	}
	
	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .slides {display: block;} 
	* html .slides {height: 1%;}

	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	* include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}


	/* FlexSlider Default Theme
	*********************************/
	.flexslider {margin: 0 0 60px 0;  position: relative;  }
	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}

	.carousel li {margin-right: 5px}


	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
	.flex-direction-nav .flex-prev {left: -36px;}
	.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
	.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
	.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


#sidebar {
	float: left;
	width: 250px;
	padding: 25px 26px 0 25px;
	background: url(../images/layout/sidebar_bg.jpg) top right repeat-y;
	position:fixed;
	height: 100%;
	

}

#sidebar ul {
	text-align: right;
	text-transform: uppercase;
	list-style: none;
}

#sidebar ul li a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 26px;
	color: #0B4B93;
	font-weight: bold;
	display:inline-block;
}

#sidebar ul li a:hover {

	color: #999
}

/*}*/



/*	Clearfix
	------------------	
header:after, nav:after, #content_wrap:after, #col_wrap:after {
		content: "";
		display: table;
		clear: both;
	}*/