/**
 * ///////////////////////////////////////////////////
 * //////////  C M S  G R I D  S T Y L E S  //////////
 * ///////////////////////////////////////////////////
 * 
 * Page Grid Definition for iPhone/iPad
 * 
 * @author			Olli
 * @version			1.0
 * 
 * ///////////////////////////////////////////////// */




/**
 * @section			GLOBAL DOCUMENT
 * @note			Outer containers of the document
 */


body {
	background-color: #999;
}

div#sharpen {
	z-index: 5;
	width: 100%;
	min-height: 100%;
	background: transparent url(../-img/dot_bg.png) repeat;
	position: relative;
	background-image: none
}

/**
 * @section			Comunity CONTAINER
 * @note			Contains external Content
 */


/**
 * @section			HEADER SECTION
 * @note			Usually contains Logos, Claims etc.
 */



/**
 * @section			GLOBAL CONTAINER
 * @note			Contains Background Image
 */

img.bgMotiv {
	height: 300%
}

img.homeMotiv {
	height: 1%
}


/**
 * @section			HEADER SECTION
 * @note			Usually contains Logos, Claims etc.
 */




/**
 * @section			CONTENT SECTION
 * @note			Contains all the informational content of the page
 */


/**
 * @section			CONTENT STAGE
 * @note			Contains the Main Visual
 */


div#contentSection div#contentBody {
	background: transparent url(../-img/content_shadow-bg2.png) repeat-y;
}

/**
 * @section			Teaser Section
 * @note			Related to Homepage / Teaser-Slider
 */


/**
 * @section			NAVIGATION SECTION
 * @note			Contains the mainNavigation
 */


div#navigationSection {
	left: 8px;
}


/**
 * @section			FOOTER SECTION
 * @note			Usually contains copyright informations etc.
 */