@charset "UTF-8";

/***************************************/
/* LAYOUT  */
/***************************************/
@import url('reset.css');

body {
	margin:0px;
	padding:0px;
	position:relative;
	height:100%;
	text-align:center; /* Hack für IE, der das "margin:auto" nicht kennt? (part1) */
	background-color: #bfbfbf;
/*	background-image: url(../../images/background.gif);
	background-repeat: repeat-x; */
}

div#wrapper { 
	margin: 0 auto;
	width: 990px;
	text-align:left;	/* Hack für IE, der das margin:auto nicht kennt? (part2) */
	position:relative; /* hierauf beziehen sich jetzt alle Kindelemente */
	background-image: url(../../images/background.jpg);
	background-repeat: no-repeat;
	background-color: #828282;
}

div#header_wrapper {
	padding: 0px;
	height: 390px;
	margin: 0px;
}

#fade_right {
	background-image:url("../../images/fade_rechts.png");
	background-repeat:repeat-y;
	z-index: 10;
	height:99%;
	position:absolute;
	right:-80px;
	width:84px;
	display: none;
}

#fade_bottom {
	background-image: url("../../images/fade_unten.png");
	background-repeat: repeat-x;
	bottom: -84px;
	height: 84px;
	position: absolute;
	width: 990px;
	display: none;
}

/* linke Spalte */
div#col1 { 
	margin: 0px;
	padding: 0px;
	width: 200px;
	position:absolute;
	top:390px;
	left:84px;
}

/* Content Spalte */
div#col2 {
	margin:0px;
	padding:0px;
	width: 705px;
	margin-left:284px;
	min-height:345px; /* Mindesthoehe, da der Content das laengste Element sein muss! */
}
* html div#col2 {
	height: 345px; /* Mindesthoehe (s.o.) fuer den IE6, der min-height nicht kennt */
}