/* LAYOUT STUFF */

/* The 100% width in #outer_wrapper is used to prevent an IE bug regarding backgound painting, but this also creates a gap between #footer and #outer_wrapper. To remove that gap, the same declaration is added to #footer */
#outer_wrapper 
{
	min-width:760px;
	width:100%;
}

#wrapper 
{
	/* background:url(/bilder/beispiel/hoch_2.jpg) repeat-y right */
}

/* In IE6 (v6.0.29?) #header and #sidebar content play peek-a-boo. So here I give "layout" to this element (using width) and use negative lateral margins as well to make sure IE doesn't show an horizontal scrollbar */
#header 
{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	width:100%;
	margin:0 -1px;
}

/* display:inline is in there to prevent an IE Bug (IE doubles margins on floats). */
#container 
{
	width:100%;
	float:left;
	display:inline;
	margin-left:-136px;
}

#left
{
	float:left;
	width:150px;
	display:inline;
	margin:5px 0px 0px 132px;
}

#main 
{
	margin-left:282px;
	width:auto;
}

/* the trick is in the padding/margin values.  */
/* Note that this element is *not* a float. If the sidebar is shorter than #main, then there is no need for this rule. */
#sidebar
{
	padding-left:100%;
	margin-left:-136px;
	padding-top:5px;
	padding-right:2px;
}

/* this is to make sure IE6 (v6.0.29?) *shows* this element */
#inner-sidebar
{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* Because of the 100% width declaration (needed for IE), the lateral margins need to go (or the box would be 2px too wide) */
#footer
{
	width:100%;
	clear:both;
	border-top:1px solid #ddd;
	border-bottom:1px solid #EDF2F2;
}