/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) {
body {
	background-image:none;
}
#seite {
	width: 100%;
	overflow: scroll; /* Overflow should scroll */
	left: 0px;
	-webkit-overflow-scrolling: touch; /* This gives us scrollbars. */
	position: fixed; /* This means we don't have to worry about overflow issues */
	-webkit-transition: left 0.2s ease-in;
	transition: left 0.2s ease-in;
}
.slide-in #right{
	
	display:block;
	
	
}
.VersionBar ul li {
	
float:none;	
}
.naviFixedBarContainer{
	
width:100%; margin:0 auto;

	
}
#MobileKategorie li {
float:left; padding:5px;
width:45%; 
}
 

#RechtsTopten,#RechtsZufallartikel,#RechtsObserved, #RechtsUserbox {	
display:none;	
}

#RechtsWarenkorb{
	display:block;
 
}


div.top {
		display:block;
}
#VatInfo{
width:100%!important;
}
.menu-icon{
display:none;
}

.empfehlung {
	display:none;
}
div.seite {
	width:100%;
}
#left {
	display:none;
}
#right {
		width:100%;
		clear:both; 
		overflow:hidden;
}
#right img{
 
}
#content {
	width:100%;
	margin: 0px;
	margin-top:10px;
}
#TopBanner {
	width:100%;
	height:auto;
}
.VersionBar, .VersionBar ul li {
	height:auto;	
 text-align:center;
}
div.top {
	width:100%;
	padding:0 0px;
	margin:0 auto;
	height:40px;
	 position:relative;
	 text-align:right;
}
div.top .Langs {
 
 position:absolute;
 right:0px;top:5px;
}
div.top .TrendLogo img {
 width:116px;
 height:auto;
}
.loginForm {
	margin:20px 0;
}
ul.dropdown ul {
	width:100% !important;
}
ul.dropdown li {
	font-weight: bold;
	float: none;
	zoom: 1;
	width:100%
}

ul.dropdown li:last-child{
	font-weight: bold;
	float: none;
	zoom: 1;
	width:100% !important;
	text-align:center;
  
}

 
ul.dropdown li:last-child input{
 
 
}
ul.dropdown li:last-child input[type=text],ul.dropdown li:last-child input[type=password]{

	border:1px solid #333333;
	 
}
 
ul.dropdown li a {
	width:100% !important;
	padding: 4px 0px !important;
}
ul.dropdown li ul li {
	font-weight: bold;
	float: none;
	zoom: 1;
	width:100%;
}
ul.dropdown li ul li a {
	width:100% !important;
	padding: 4px 0px !important;
}


.ItemImg{
width:40% 	!important;
}
.ItemImg a img{
width:90%;
height:auto;
}
.ItemContent{
width:50% 	!important;	
}
.slide-in{
	
}
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {
	
	
.ItemImg{
width:40% 	!important;
}
.ItemImg a img{
width:90%;
height:auto;
}
.ItemContent{
width:55% 	!important;	
}




}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
	
.ItemImg{
width:20% 	!important;
}
.ItemImg a img{
width:90%;
height:auto;
}
.ItemContent{
width:75% 	!important;	
}

#RechtsTopten,#RechtsZufallartikel,#RechtsObserved, #RechtsUserbox, #RechtsWarenkorb {	
display:block;	
 }

 


#left {
 
 
}
#right {
		display:block;
		width:20%;
} 
#content {
		width:75%;
		margin: 0px;
		margin-top:10px;
}
ul.dropdown ul {
	width:100% !important;
}
ul.dropdown li {
	font-weight: bold;
	float: left;
	zoom: 1;
	width:inherit;
}

ul.dropdown li:last-child{
	font-weight: bold;
	float: left;
	zoom: 1;
	width:auto !important;
}
ul.dropdown li:last-child input{
 
}
ul.dropdown li a {
	width:70px !important;
	padding: 4px 15px !important;
}
 
ul.dropdown li ul li {
	font-weight: bold;
	float: left;
	zoom: 1;
	width:255px;
	;
}
ul.dropdown li ul li a {
	width:200px!important;
	padding: 4px 25px !important;
	;
}
ul.dropdown li:nth-child(7) ul li a {
	width:148px!important;
	padding: 4px 25px !important;
	;
}

.UserBoxHeader,.WarenkorbHeader{

width:170px 	!important;	
}
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {

#seite {
  	overflow:auto  !important; /* Overflow should scroll */
	 width: 1050px;
	-webkit-overflow-scrolling:none; /* This gives us scrollbars. */
	position:static; /* This means we don't have to worry about overflow issues */
	-webkit-transition: none;
	transition: none;
	height:inherit !important;
}

.naviFixedBarContainer{
	
width:1050px; margin:0 auto;

	
}
.VersionBar ul li {
	
float:left;	
}

#VatInfo{
width:205px !important;	
}
.menu-icon{
display:none;
}

#MobileKategorie{
display:none;	
}

.slide-in{
display:none;
}
body {
	background-image:url(/img/background/absurdidad_2.png);
}
.empfehlung {
	display:block;
}
div.seite {
	width: 1050px;
}
div.top {
		height:80px;
}
#left {
	width:217px;
	display:block;
}
#right {
	width:210px;
	display:block;
}
#right img{
 
}
#content {
	width: 620px;
	margin-left: 0px;
	margin-top:0px;
	
}

.VersionBar, .VersionBar ul li {
height:30px;
text-align:left;
}
#TopBanner {
	width:1050px;
	height:auto;
}
div.top {
	width: 1050px;
	padding:0 2px;
	margin:0 auto;
	height:91px;
}

div.top .Langs {
margin-top:0px;	
}
div.top .TrendLogo img {
 width:150px;
}


.loginForm {
	margin:10px 0;
}


.ItemImg{
width:25% 	!important;
}
.ItemContent{
width:70% 	!important;	
}


.UserBoxHeader,.WarenkorbHeader{

width:200px 	!important;	
}

ul.dropdown li a {
	width:90px !important;
	padding: 4px 25px !important;
}

}

@media only screen and (max-device-width: 480px),
		only screen and (max-width: 480px) {
			
			
			
			
	.naviNew A:link, .naviNew A:hover, .naviNew A:visited {
		font-size: 18px !important;
		font-weight:500;
	}	

			
		.naviNew > li > span {
			  font-size: 15px !important; font-weight:500;
			}		
			
			.WarenkorbHeader,#RechtsWarenkorb {
				
				width:100% !important;
				display:table;
				
			}
			.WarenkorbBody{
				text-align: center;
					margin:10px auto;
				max-width:100% !important;
				 
				
				
				
			}
			
		   .CartItem{
				
				height:80px !important;
				
			}
		  .CartItem td,.WarenkorbBody a,.WarenkorbBody div{
			 
				font-size:22px !important;
			}
			.CartItem,#showCartBox td{
				 font-size:22px !important;
				
			}
			 .CartItemImg{
				 width:140px !important;
			 
			}
		 	.CartItemImg img{
				 width:120px !important;
			 
			}
			.CartItemBtn{
				width:50px !important;
			}
			.CartItemBtn img{
				width:40px !important;
				height:40px !important;
			}
			.VersionBar{
				
				padding:10px !important;
			}
			
			/*	Search form*/
			
			div.top .Suchen_Top {
				
 
					width: 450px;
					padding:30px 10px !important;
					position: relative;
					clear:both;
					margin:10px auto  !important;;
				 
				
			}
 
			/*	Search form*/ 
			
			
			ul.dropdown li ul li a {
				width: 100% !important;
				padding: 5px !important;
				font-weight:700 !important;
			}
			
			#content3,  #content3 > table, #content2, #content2 > table{				
				
				max-width:100% !important;
				
			}
	 
			
			#content2 form[name='step2'] td {
				float: left !important;
				width: 100% !important;
				display: block !important;
				text-align:left !important;
			}
			
		 	 #content2 form[name='step3'] table {
	 			max-width:100% !important;
			}
			 	 #content2 form[name='step4'] table {
	 			max-width:100% !important;
			}
			
			#naviFixedBar {
				height: 50px !important;
			}

}