/**
 * @author      Christian Schuelling
 * @package     Joomla!
 * @subpackage  Template Plastic Union
 * @link        http://whykiki.de
 * @email       info@whykiki.de
 * @copyright   Christian Schuelling
 *
 * Template PLastic Union
 * Copyright (C) 2013 Christian Schuelling
 *
 *
 *
 *	Layout 980
 *
**/

/* ************************** LAYOUT ****************************
*****************************************************************/


@media (max-width: 768px) 
{

#wrapper{
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  overflow: hidden !important; /* FF Scroll-leiste */
  background: #FFF;
}

#main-navigation{
	display: none;
}

#sub-navigation{
	display: none;
}

#headline{
	float:none;
	width: 100%;
	max-width: 580px;
}

#menu{
	display: block;
	width: 100%;
}

#content-wrapper{
	width: 90%;
	padding: 5%;
	margin: 0px;
}

#item-page{
	width: 100%;
	float:left;
	margin: 0px;
}

#pictures{
	width: 90%;
	height: auto;
	min-width: 400px;
	max-width: 580px;
	margin: 0 auto;
	min-height: 150px;
	background-size:contain !important;
	background-position: top center !important;
	float: none;
}

#sidebar{
	display: none;
}

#footer{
	width: 100%;
	height: auto;
	background: #9ec449;
	clear:both;
}

#footer-navigation .menu {
    list-style-type: none;
    text-align: center;
    width: 100%;
}

#footer-navigation .menu li a {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 10px;
    text-decoration: none;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border-bottom: 1px solid #99bc4e;
}

#footer-navigation .menu li a:hover {
background: #99bc4e;
}

#footer-navigation .menu li.active a {
    color: #889399 !important;

}

#footer-navigation .menu li:last-child a {
    border-bottom: medium none;
}

div.fcp_line label {
    display: block;
    max-width: 90%;
    text-align: left;
    width: auto;
}

.bestellformular input[type="text"] {
    border: 1px solid #6E797F;
    height: 25px;
    width: 100% !important;
	max-width: 100%;
}
.fcp_form input, .fcp_form textarea, .fcp_form select {
    width: 100% !important;
	max-width: 100%;
}


}