/* Zwei-Spalten-Layout mit float */
/* nach: HTML5..., S. 505 */

#sidebar {
	float: right;
	margin: 0;
	padding: 1% 1%;
	border: 0;
	width: 38%;
	background-color: #EEFF30;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
} /* Breite gesamt: 36% + 2 x padding = 40% */

main {
	float: right;
	margin: 0;
	padding: 1% 1%;
	border: 0;
	width: 58%;
	background-color: #FFEE30;
} /* Breite gesamt: 56% + 2 x padding = 60% */ 

.clear {
	clear: both;
}

/* Zwei-Spalten-Layout mit CSS3:display */
/* nach: HTML5..., S. 510 */

#sidebar_d {
	float: right;
	margin-left: 14px;
	padding: 1% 1%;
	width: 38%;
	background: #AABBCC;
	display: table-cell;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
} 

#main_d {
	/*float: right;*/
	margin: 0;
	padding: 1% 1%;
	width: 58%;
	background-color: #CCBBAA;
	display: table-cell;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
} 

#wrapper_d {
	display: table;
	min-width: 720 px;
	max-width: 160em;
}