ramsesoriginal

/** rounded corner streteched image with padding on IE8 **/

img {
	height: 100%;
	display: block;
	float: left;
	z-index: -1;
}
 
.gonzdrinnen {

ramsesoriginal

/**
 * Rounded image
 */
img {
	max-width: 400px;
	max-height: 300px;
	border-radius: 100px;
}

ramsesoriginal

/**
 * Image centering layout
 */
 

 
html, body {
	margin: 10px;
	padding:0;
}

ramsesoriginal

/**
 * Marquee
 */
/* @group Marquee */

body,html, p {
	margin: 0;
	padding: 0;
}

ramsesoriginal

/**
 * Absolute positioned stretching div
 */
.parent{
	margin:0;
	padding:0;
	position: relative;
	background-color: red;
	min-width: 1px;
	min-height:1px;

ramsesoriginal

/**
 * Absolute positioning
 */
div {
	margin:0;
	padding:0;
	border:0;
	position: relative;
	background-color: red;
	min-width: 1px;

ramsesoriginal

/*
Two columns
*/

html, body, .wrapper {
	margin:0;
	border:0;
	outline:0;
}

ramsesoriginal

/**
 * PowerConsoleLayoutRewrite
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

ramsesoriginal

(function(){
  "use strict";
  var originalHeader = document.getElementById('header-to-replace');
  var originalContent = originalHeader.innerHTML;
  var newHeader= document.createElement('header');
  newHeader.id = 'replaced-header'
  originalContent = originalContent.replace('{Test}','Lorem Ipsum');
  originalContent = originalContent.replace('{UserButtons}', '<button>Other Stuff</button><button>my Account</button><button>Shop</button>');
  originalContent = originalContent.replace('{nav}','<ul><li><a href="#">Link 1</a></li><li><a href="#">Link 2</a></li></ul>');
  originalContent = originalContent.replace('{searchBox}','searchInput');

ramsesoriginal

/**
 * List of horizontal scrollers
 */
 
* { box-sizing: border-box; }

#artikelliste {
	width: 825px; /*6 Items * 100 px + 200px title + 25px scroll button (the other one is outside)*/
	margin-left: auto;