@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}

font-family: "arial","MS Serif", "New York", sans-serif




/* Mobile Layout: 480px and below. */

.gridContainer {
	width:100%;		
}
nav{
width:100%;
padding:7px 0 0 0;
display:block;
border-width:thin;
border-bottom-style:solid;
border-color:rgb(204,204,204);
}

nav ul{
list-style:none;
display:block;
}
nav ul li{
display:inline-block;
vertical-align:bottom;
}
nav ul li a{
text-decoration:none;
color:blue;

}	
#logo{
	
}

#nav{
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width:100%;
		
}
nav{
width:100%;
padding:7px 0 0 0;
display:block;
border-width:thin;
border-bottom-style:solid;
border-color:rgb(204,204,204);
}

nav ul{
list-style:none;
display:block;
padding:0 10px 0 20px;
}
nav ul li{
display:inline-block;
vertical-align:bottom;
}
nav ul li a{
text-decoration:none;
padding:0 5px 0 5px;
color:red;
}	
#logo{
	padding-right:20px;
}

#nav{
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width:100%;
}
nav{
width:100%;
height:60px;
background-color:#E01D22;
-webkit-box-shadow: 0px 23px 40px -14px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 23px 40px -14px rgba(0,0,0,0.52);
box-shadow: 0px 23px 40px -14px rgba(0,0,0,0.52);
z-index:2;
position:relative;
border:0px;
}

nav ul{
list-style:none;
display:block;
margin-left:50%;

}
#nav{
display:inline-block;
margin-top:5px;
}

nav ul li a{
text-decoration:none;
padding:0 30px 0 30px;
color:white;
}	

#logo{
	position:absolute;
	left:5%;
	top:-3px;
}

#pic-slide{
	width:100%;
	height:auto;
	z-index:1;
	position:relative;
	border:0px;
	margin-bottom:-5px;
	-webkit-box-shadow: 0px 23px 40px -14px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 23px 40px -14px rgba(0,0,0,0.52);
	box-shadow: 0px 23px 40px -14px rgba(0,0,0,0.52);
}

#text-slide{
	width:auto;
	background: rgba(210, 210, 210, .4);
	border-color: rgba(255, 255, 255, .4);
	border-style:solid;
	border-width:2px;
	border-radius:5px;
	position:absolute;
	top:155px;
	left:6.3%;
	padding:0 2% 0 2%;
	color: #58585B;
	z-index:3;
}

#text-slide-head{
	font-size:36px;
	line-height:0px;
	vertical-align:middle;
	clear:inherit;
	}
h2{
	font-size:14px;
	
	}
.link{
	text-decoration:none;
	color: #58585B;
	line-height:0px;
}

#capacity2{
	width:100%;
	height:auto;
	background-color:white;
	margin-top:2%;
}

#capacity2 ul{
	vertical-align:middle;
}

#ul1{
	width:30%;
	list-style:none;
	display:inline-block;
	margin-left:5%;
}

#ul2{
	width:50%;
	list-style:none;
	display:inline-block;	
	
}

#capacity2 li{
	width:100%;	
	
}

#capacity2 p{
	width:100%;
	background-color:#E6E7E8;
	padding:5px 10px 10px 10px;
	margin-top:5px;
	color:#808284;
}

#tplogo2{
	width:50%;
	height:auto;
	margin-left:25%;
}

#optimex{
	width:100%;
	height:auto;

}

#hoelscher{
	width:100%;
	height:auto;

}

#capacity2 b{
	color:#58585B;
}

#capacity2 div{
	border-bottom:solid;	
	border-color:#58585B;
	width:50%;
	padding-bottom:5px;
}

	
#sitemap{
	width:100%;
	height:50px;
}
	
}