/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/
.sprachmenu {position:absolute;top:5px;right:5px;}
/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} /*paddings und so sind teil der box*/

/* ############################### überschreiben kickstart.css ##########################*/
.grau {color:#7f8c8c;}
	body, html {
		min-height:100%;
		width:100%;
	}
	body {
		margin:0;
		padding:0 0 0 0;
		color:#000;
		background: #fff; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 0%, #cccccc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fff 0%, #cccccc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fff 0%, #cccccc 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fff 0%, #cccccc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
		font:normal 0.9em/150% 'Open Sans', arial, verdana, sans-serif;
		text-shadow: 0 0 1px transparent; /* google font pixelation fix */
	}

/*grid*/
	.col_3 {
		width: 25%;
	}
	.col_4 {
		width: 33%;
	}
	.col_6 {
		width: 50%;
	}
	.col_9 {
		width: 75%;
	}
	.col_12 {
		width: 100%;
	}
	 *[class*="col_"] {
	margin-left: 0;
	margin-right: 0;
	margin-top:0;
	margin-bottom:0;
	float: left;
	display: block;
	padding-right:2em;
	}
	.gridheader {
		margin:0 auto;
		padding:35px 35px 0 35px;
		max-width:1200px;
		/*margin-bottom:35px;*/
		
	}
	.grid {
		margin:0 auto;
		padding:35px 35px;
		max-width:1200px;
	}
	.grideyecatcher {background:#CCCCCC;margin:0 auto;
		margin-top:35px;
		padding:0;
		max-width:1130px;
		height:auto;
		min-height:335px;
		}
	
		.grideyecatcher p {margin-bottom:20px;}
		.grideyecatcher div.col_3 {padding:15px 20px 0 0;}
/*menu oben*/
	.menu {
		margin-top:82px;
		line-height:100%;
		font-size:0; /* Kill white space gap between LI elements */
		z-index:1000;
		border:0;
		background: none;
	}
	.menu li {
		border-right:1px solid  #ccc;
	}
	.menu li a {
		padding:0 25px;
		text-decoration:none;
		font-size:1.2em;
		color: #7f8c8c;
		text-transform:uppercase;
		font-weight:400;
		letter-spacing:0.01em;
	}
	.menu li.last a {
		padding-right:10px;
		margin-right:0;
	}
	.menu li.current>a, .menu li.current>a:hover, .menu li.current.hover>a {
		background: none; /* W3C */
		color:#154592;
		text-shadow:0;
		cursor:pointer;
		font-weight:600;
	}
	.menu li a:hover, .menu li.hover>a {
		background:none;
	}
	.menu li.last {
		margin-right:0;
		padding-right:0px;
		border:0;
	}
/* slideshow**/
	.slideshow{
		clear:both;
		margin:0;
		padding:0;
		width:auto;
		height:auto;
		overflow:hidden;
	}
	.bx-wrapper {
	position: relative;
	margin: 0 0 35px;
	padding: 0;
	*zoom: 1;
	}
	.bx-wrapper .bx-pager {
    display:none;
  }
/*startseite*/
	.startseitebox {
	position:relative;
	background:#fff;
	width:31.5%;
	margin-right:2.75%;
	padding:4em 2em 1em 2em;
	margin-bottom:60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	/* aktuelle Webkitbrowser brauchen keinen Prefix mehr */
	border-radius: 5px;
	}
	.startseitebox:last-child {

	
	margin-right:0;float:right;
	}
	.startseitebox a {
	display:block;
	width:70%;
	height:50px;
	background:#154592;
	color:#fff;
	text-align:center;
	margin:0 auto;
	line-height:50px;
	position:absolute;
	bottom:-25px;
	left:50%;
	margin-left:-35%;
	font-weight:600;
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	/* aktuelle Webkitbrowser brauchen keinen Prefix mehr */
	border-radius: 5px;
	border-bottom:3px solid #112957;
	}
	.startseitebox a:hover {
	background:#112957;

	}
/*typo*/
	h1, h2, h3, h4, h5, h6,i {
		font-family: 'Open Sans', sans-serif;
		font-weight:normal;
		color:#7f8c8c;
	}
	h2, h3,h1 {text-transform:uppercase;}
	h2 {letter-spacing:3px;font-size:2em;margin-bottom:30px;}
	h3,h1{
	font-size:1.5em;
	font-weight:800;
	margin:30px 0 10px 0;
	line-height:130%;
	
	}
	h1.eyecatcher {margin-top:10px;margin-bottom:5px;}
	h2.startseite {font-size:1.5em;}
.blau {color:#154592;}
/*footer*/
#footer {
		margin-top:35px;
		background:#154592 url(images/footer-bg.gif) repeat-x;
		min-height:330px;
		text-align:center;
		padding:0;
		margin:0;
		border-top:1px solid #ddd;
		color:#999;
		font-size:1em;
		text-shadow:0;
		position: relative;
		color:#fff;
		text-shadow:none;
		padding-top:2em;
		
}
#footer h4,#footer a{color:#fff; text-decoration:none;}
#footer a:hover{border-bottom:1px dotted #fff;text-decoration:none;}
/*---------------------------------
	OVERRIDES
-----------------------------------*/
	
	thead th, tbody th {
		font-family: "Open Sans", arial, verdana, sans-serif;
	}
	button, a.btn, input[type="submit"], input[type="reset"], input[type="button"] {
		font-family: "Open Sans", arial, verdana, sans-serif;
	}
	.menu {
		font-family: "Open Sans", arial, verdana, sans-serif;
	}
	blockquote, p {
		font-family: "Open Sans", arial, verdana, sans-serif;
	}
	.boxshadow {-moz-box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;
	box-shadow: 0 0 5px #666666;}
	.startbild {
	-moz-box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;
	box-shadow: 0 0 5px #666666;
	border: 0;
	left: 0;
	background: #fff;
	padding:0;margin:0 0 2em 0;
	text-align:center;
	
	}
	.startbild img {width:100%;}
	.produkttabelle {
	-moz-box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;
	box-shadow: 0 0 5px #666666;
	border: solid #fff 5px;
	left: 0;
	background: #fff;
	padding:1em;
	margin:0 0 20px 0;
	text-align:center;
	background:#fff;
	width:100%;clear:left;min-height:300px;}
	.borderrechts {border-right:1px dotted  #ccc;margin-right:2%;width:48%;}
	.borderrechtssolo {border-right:1px dotted  #ccc;}
	/*formular*/
#contactForm label {width:30%;margin-bottom:0.3em;}
#contactForm input, #contactForm textarea {width:60%;margin-bottom:0.3em;}
#contactForm input.vf__button{width:130px;}
div.vf__required label {font-weight:700;}
.vf__optional,.vf__required {border-bottom:1px dotted #ccc;margin-bottom:10px;}
.vf__error {color:#FF0000;}
.vf__main_error {color:#FF0000;padding:15px;}
.vf__error input {color:#fff;background:#FF0000;}
.vf__description {background:#333333;color:#fff;padding:10px 10px 10px 15px;height:auto;}
fieldset{
margin:30px 0 20px 0;
padding:25px 15px 15px 15px;
border:0;
background:none;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
position: relative;
top:0;
left:0;
}
	
/*---------------------------------
	LAYOUT
-----------------------------------*/
	
	#wrap {
		width:100%;
		background:#fff;
		margin:30px auto 30px auto;
		padding:0 2%;
		border:1px solid #ccc;
	}
	
	#link-top {
		display:none;
	}
	.bild-mit-hinweis {float:left;margin-right:10px;background:#333333;color:#fff;}
	.bild-mit-hinweis span {padding:5px;font-size:12px;}
@media all and (max-width: 1180px) {

	
	.menu li a {
		padding:0 10px;
		text-decoration:none;
		font-size:1.2em;
		color: #7f8c8c;
		text-transform:uppercase;
		font-weight:400;
		letter-spacing:0.01em;
	}

}
@media all and (max-width: 1024px) {
	h2, h3 {font-size:1.2em;letter-spacing:0px;}
	.menu li a {
		padding:0 5px;
		text-decoration:none;
		font-size:1em;
		color: #7f8c8c;
		text-transform:uppercase;
		font-weight:400;
		letter-spacing:0.01em;
	}
	.grid {
		margin:0 auto;
		padding:0 35px;
		max-width:100%;
	}
	.gridheader {
		margin:0 auto;
		padding:35px;
		max-width:100%;
		/*margin-bottom:35px;*/
		
	}
	.grideyecatcher {
		background:none;
		margin-top:0;
		padding:0 0 0 35px;
		box-shadow:none;
		}
	.gusstechnik, .gusstechniktext {width:100%;}
	.gusstechniktext p {width:75%;margin:0 auto;margin-bottom:35px;}
	.gusstechnik img {width:100%;margin-bottom:35px;}
	/*.col_3, .col_6, .col_9, .col_12 {
		width: 100%;
	}*/
	.bild-mit-hinweis {float:none;width:100%;margin-bottom:1em;}
	.bild-mit-hinweis img {width:100%;}
	.bild-mit-hinweis span {padding:5px;font-size:12px;}
	
}
@media all and (max-width: 768px) {
	.gridheader .col_9 {width:100%;margin-top:35px;text-align:center;}
	.menu li a {
		
		padding:0 5px;
		text-decoration:none;
		font-size:1em;
		color: #7f8c8c;
		text-transform:uppercase;
		font-weight:400;
		letter-spacing:0.01em;
	}
	
	
}
@media all and (max-width: 480px) {
.grideyecatcher {
		padding:0;
		}
.gridheader .col_9 {width:100%;margin-top:100px;text-align:right;}
#footer h4{color:#fff; text-decoration:none;font-size:1.3em;}
.borderrechts {border-right:0;margin-right:0;width:100%;margin-bottom:2em;}
.borderrechtssolo {border-right:0;}
.slideshow, .bx-wrapper{
		display:none;
	}
h2, h3, h2.startseite {font-size:1.2em;letter-spacing:0px;}
div.map, div.map iframe, div.map a {display:none;}

	.gridheader {
		margin:0 auto;
		padding:35px 35px 0 35px;
		max-width:100%;
		/*margin-bottom:35px;*/
		
	}
	.gridheader .col_3 {
		height:40px;
		
	}
	.menu li a {
		line-height:130%;
	}
	.menu li:last-child {
		border-right:1px solid  #ccc;
	}
	.bild-mit-hinweis {float:none;width:100%;margin-bottom:1em;}
	.bild-mit-hinweis img {width:100%;}
	.bild-mit-hinweis span {padding:5px;font-size:12px;}
	
	#footer {
		margin-top:1em;
		background:#154592;
		padding-top:1em;
		
	}
	.grideyecatcher {
		
		min-height:auto;
	} .grideyecatcher .col_3 p {padding:1em;}
	.gridheader .menu li,
	.gridheader .menu.vertical li,
	.gridheader .menu.vertical.right li{
	display:block;
	display:none;
	
	}

	.gridheader .menu li.menu-toggle,
	.gridheader .menu.vertical li.menu-toggle,
	.gridheader .menu.vertical.right li.menu-toggle{
	display:block;

	}

	.gridheader .menu:hover li,
	.gridheader .menu.vertical:hover li,
	.gridheader .menu.vertical.right:hover li{
	display:block;
	}

	.col_3, .col_6, .col_9, .col_12 {
		width: 100%;
	}
	
	 *[class*="col_"] {
	padding-right:0em;
	}
	.startseitebox {
	width:100%;
	margin-right:0;
	padding:5%;
	margin-bottom:60px;
	}
	.startseitebox:last-child {

	width:100%;
	margin-right:0;float:none;
	}
	/* arrows */
	.gridheader .menu li.has-menu span.arrow,
	.gridheader .menu.vertical li.has-menu span.arrow,
	.gridheader .menu.vertical.right li.has-menu span.arrow,
	.gridheader .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
	{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}

	.gridheader .menu.vertical.right li.has-menu span.arrow{
	right:5px;left:auto;
	}

	.gridheader .menu li a{
	display:block;
	}

	.gridheader .menu ul,
	.gridheader .menu ul ul,
	.gridheader .menu.vertical ul,
	.gridheader .menu.vertical.right ul{
	position:relative;
	top:0;
	left:0;
	margin:10px;
	}
}