/*	ME-Grid-Layout
	--------------
	
	Responsive design for different screen sizes
	
	Width: 850px
	Margin left and right: 14px;
	
	For more Information see corporate design manual
*/

body {
	-webkit-text-size-adjust: none;
}

.grid-container {
	position: relative;
	width: 878px;
	padding: 0;
	margin: 0 auto;
}

.grid-container .col {
	float: left;
	display: inline;
	margin: 0 14px;
	padding: 0;
}

.grid-container .col.alpha               		{ margin-left: 0; 	}
.grid-container .col.omega                		{ margin-right: 0; 	}

.grid-container .one.col 						{	width: 39px;	}
.grid-container .one-with-extra-space.col 		{	width: 46px;	}
.grid-container .two.col  						{	width: 106px;	}
.grid-container .two-with-extra-space.col 		{	width: 113px;	}
.grid-container .three.col						{	width: 173px;	}
.grid-container .three-with-extra-space.col 	{	width: 180px;	}
.grid-container .four.col  						{	width: 240px;	}
.grid-container .four-with-extra-space.col 		{	width: 247px;	}
.grid-container .five.col  						{	width: 307px;	}
.grid-container .five-with-extra-space.col 		{	width: 314px;	}
.grid-container .six.col  						{	width: 374px;	}
.grid-container .six-with-extra-space.col 		{	width: 381px;	}
.grid-container .seven.col  					{	width: 441px;	}
.grid-container .seven-with-extra-space.col 	{	width: 448px;	}
.grid-container .eight.col 						{	width: 508px;	}
.grid-container .eight-with-extra-space.col 	{	width: 515px;	}
.grid-container .nine.col  						{	width: 575px;	}
.grid-container .nine-with-extra-space.col 		{	width: 582px;	}
.grid-container .ten.col  						{	width: 642px;	}
.grid-container .ten-with-extra-space.col 		{	width: 649px;	}
.grid-container .eleven.col  					{	width: 709px;	}
.grid-container .eleven-with-extra-space.col 	{	width: 806px;	}
.grid-container .twelve.col 					{	width: 776px;	}
.grid-container .twelve-with-extra-space.col 	{	width: 783px;	}
.grid-container .thirteen.col  					{	width: 850px;	}


.grid-container .fullwidth.col					{	width: 850px;	}
.grid-container .content.col					{ 	width: 546px;	}
.grid-container .content-spacer.col				{	width: 68px;	}
.grid-container .sidebar.col					{	width: 180px;	}

.grid-container .first-half.col,
.grid-container .second-half.col				{	width: 411px;	}
.grid-container .first-third.col,
.grid-container .second-third.col				{	width: 265px;	}
.grid-container .last-third.col					{	width: 264px;	}



@media only screen and (max-device-width: 640px) {
/* @media only screen and (max-width: 480px) {
*/
	#rexsearch_form,
	#tools,
	.shift-image {
		display: none;
	}
	
	.hide-on-mobile {
		display: none !important;
	}
	
	div.main-navigation {
		margin-top: 35px !important;
	}
	
	div.main-navigation ul {
		width: 100%;
		position: relative !important;
		border: none !important;
	}
	
	div.main-navigation ul li,
	div.main-navigation ul li.extraLarge {
		display: block;
		width: 100%;
	}
	
	div.main-navigation ul li a,
	div.main-navigation ul li span.looks-like-link {
		display: block;
		border: none !important;
		width: 100% !important;	
		padding: 0 2% !important;
		line-height: 25px !important;
		background-color: #EFEFEF;
		margin-bottom: 2px !important;
		background-image: none !important;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	div.main-navigation ul li a:hover {
		background-color: #F00 !important;
		color: #FFF !important;
	}
	
	div.main-navigation ul li ul li {
		position: relative;
		display: block;
		width: 100% !important;
		padding: 0 !important;
	}
	
	div.main-navigation ul ul li a {
		padding: 0 0 0 20px !important;
		background-color: #dcdcdc !important;
	}
	
	div.main-navigation ul ul ul {
		position: relative !important;
		left: 0 !important;
		top: 0  !important;
	}
	
	div.main-navigation ul ul ul li a {
		padding: 0 0 0 40px !important;
		background-color: #bcbcbc !important;
	}
	
	div.additional-navigation {
		position: absolute;
		top: 64px;
		left: 0;
	}
	
	div.additional-navigation ul.rex-language {
	}
	
	div.additional-navigation ul.rex-language li {
		margin: 0 5px 0 0;
	}
	
	div.additional-navigation ul.rex-language li.sitemap {
		display: none;
	}
	
	#content h1 {
		font-size: 20px;
	}
	
	#content h2,
	#content h3 {
		font-size: 14px;
		line-height: 18px;
	}
	
	#content p,
	#content ul,
	#content ol,
	#content ul li,
	#content ol li  {
		font-size: 14px;
		line-height: 18px;
	}
	
	#searchWidget .form {
		width: auto !important;
	}
	
	#searchWidget .hint {
		display: none;
	}
	
	#partnerSearch .MasterDetail .MasterColumn .left,
	#partnerSearch .MasterDetail .MasterColumn .right {
		float: none !important;
		width: 100% !important;
	}

	#sidebar {
		margin-top: 36px;
	}
	
	#footer ul.rex-navi1 {
		float: none;
		margin: 10px 0;
	}
	
	#footer ul.rex-navi1 li:first-child {
		padding-left: 0;
	}
}




/*	Smartphones / quer
*/

@media only screen and (max-device-width: 640px) and (orientation: landscape) {
/* @media only screen and (max-width: 640px) and (orientation: landscape) {
*/
	.grid-container { 
		width: 452px;
	}
	.grid-container  .col { margin: 0; }

	.grid-container .one.col,
	.grid-container .one-with-extra-space.col,
	.grid-container .two.col,
	.grid-container .two-with-extra-space.col,
	.grid-container .three.col,
	.grid-container .three-with-extra-space.col,
	.grid-container .four.col,
	.grid-container .four-with-extra-space.col,
	.grid-container .five.col,
	.grid-container .five-with-extra-space.col,
	.grid-container .six.col,
	.grid-container .six-with-extra-space.col,
	.grid-container .seven.col,
	.grid-container .seven-with-extra-space.col,
	.grid-container .eight.col,
	.grid-container .eight-with-extra-space.col,
	.grid-container .nine.col,
	.grid-container .nine-with-extra-space.col,
	.grid-container .ten.col,
	.grid-container .ten-with-extra-space.col,
	.grid-container .eleven.col,
	.grid-container .eleven-with-extra-space.col,
	.grid-container .twelve.col,
	.grid-container .twelve-with-extra-space.col,
	
	.grid-container .fullwidth.col,
	.grid-container .content.col,
	.grid-container .content-spacer.col,
	.grid-container .sidebar.col,
	
	.grid-container .first-half.col,
	.grid-container .second-half.col,
	.grid-container .first-third.col,
	.grid-container .second-third.col,
	.grid-container .last-third.col,
	
	.slider-container,
	.grid-container .slider-content,
	.grid-container #slider-navigation,
	.grid-container #slider-navigation ul {
		width: 452px;
	}
	
	/*	*/
	
	input,
	textarea {
		max-width: 400px;
	}
	
	#sidebar .sidebarBox {
		float: left;
	}
	
	#sidebar .sidebarBox:nth-child(even) {
		margin-left: 92px;
	}
	
	#footer-wrap {
		height: 60px;
	}
	
	/*	*/
	
	#content img {
		max-width: 452px !important;
		height: auto !important;
	}
	
	.rightcol-content {
		width: 242px !important;
	}
	
	/*	Slider
	*/
	
	.shift-header-slider,
	.slider-content {
		height: 250px !important;
	}
	
	.grid-container #slider-navigation ul {
		top: 225px;
	}
}




/*	Smartphones / hoch
*/

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
/* @media only screen and (max-width: 480px) and (orientation: portrait) {
*/
	.grid-container { 
		width: 292px;
	}
	.grid-container  .col { margin: 0; }

	.grid-container .one.col,
	.grid-container .one-with-extra-space.col,
	.grid-container .two.col,
	.grid-container .two-with-extra-space.col,
	.grid-container .three.col,
	.grid-container .three-with-extra-space.col,
	.grid-container .four.col,
	.grid-container .four-with-extra-space.col,
	.grid-container .five.col,
	.grid-container .five-with-extra-space.col,
	.grid-container .six.col,
	.grid-container .six-with-extra-space.col,
	.grid-container .seven.col,
	.grid-container .seven-with-extra-space.col,
	.grid-container .eight.col,
	.grid-container .eight-with-extra-space.col,
	.grid-container .nine.col,
	.grid-container .nine-with-extra-space.col,
	.grid-container .ten.col,
	.grid-container .ten-with-extra-space.col,
	.grid-container .eleven.col,
	.grid-container .eleven-with-extra-space.col,
	.grid-container .twelve.col,
	.grid-container .twelve-with-extra-space.col,
	
	.grid-container .fullwidth.col,
	.grid-container .content.col,
	.grid-container .content-spacer.col,
	.grid-container .sidebar.col,
	
	.grid-container .first-half.col,
	.grid-container .second-half.col,
	.grid-container .first-third.col,
	.grid-container .second-third.col,
	.grid-container .last-third.col,
	
	.slider-container,
	.grid-container .slider-content,
	.grid-container #slider-navigation,
	.grid-container #slider-navigation ul {
		width: 292px;
	}
	
	/*	*/
	
	input,
	textarea {
		max-width: 280px;
	}
	
	img#logo {
		margin-right: 11px;
	}
	
	#sidebar .sidebarBox,
	#sidebar .sidebarBox h5 {
		width: 292px;
	}
	
	#sidebar .sidebarBox h5 {
		background-position: 112px 5px;
	}
	
	#sidebar .sidebarBox img {
		display: none;
	}
	
	#footer-wrap {
		height: 72px;
	}
	
	/*	*/
	
	#content img {
		max-width: 292px !important;
		height: auto !important;
	}
	
	.leftcol-image {
		width: 292px !important;
	}
	
	.leftcol-image img {
		width: 100% !important;
		height: auto !important;
	}
	
	.rightcol-content {
		width: 292px !important;
		margin: 24px 0 !important;
	}
	
	#content span.thumbnailLeft, 
	#content span.thumbnailLeftNoZoom {
		float: none !important;
		margin: 10px 0 0 0 !important;
	}
	
	#content span.thumbnailLeft img,
	#content span.thumbnailLeftNoZoom img {
		width: 292px !important;
		height: auto !important;
	}
	
	#content span.thumbnailLeft a.zoomLink,
	#content span.thumbnailLeftNoZoom a.zoomLink {
	}
	
	/*	Slider 
	*/
	
	.shift-header-slider,
	.slider-content {
		height: 400px !important;
	}
	
	.grid-container #slider-navigation ul {
		top: 375px;
	}
}





.grid-container:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}

.row:after,
.clearfix:after {
	clear: both; 
}

.row,
.clearfix {
	zoom: 1; 
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}






