/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

/* body { background-color: orange; } */
#wrapper { display:block; width: 90%; }

	
		header {
			width: 100%; /* 720px / 768px */
		}

		#maincontent{
			width: 100%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 100%; /* 720px / 768px */
		}

		
		footer {
			width: 93.75%; /* 720px / 768px */
		}
		.adresse  { margin-right:4px; }
		
#ornament_links { 
position: absolute; 
top: 0px;	left: -70px;
width: 100px;	height: 180px;
z-index: 100; 
background: url('../../s-ornament-li.png') no-repeat 0 0;
background-size: 100px 180px;
margin-top:434px;
}

#ornament_rechts { 
position: absolute; 
top: 0px;	right: -75px;
width: 100px; height: 180px;
z-index: 1000; 
background: url('../../s-ornament-re.png') no-repeat center right;
background-size: 100px 180px;
margin-top:100px;
}

h1 {white-space: nowrap;}

.pikachoose {
    float: none;
    position: relative;
    width: 300px;
    height: 220px;
    margin: 42px 0px 10px 0px;
    overflow: hidden;
    border: 1px solid #891519;
}

div.caption-container {
	float: left;
}

div.slideshow-container {
	position: relative;
	width:100%;
}

div.slideshow img {
	width:auto;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 100%; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 100%; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
.inhalt .shopmenu ul, .inhalt .shopmenu ul li, .inhalt .shopmenu ul li a {
width:100%; float:none;
}