@import url("style_navi.css");
@import url("style_content.css");
@import url("style_tiny.css");

body {
	background-color: #286c93;
	background-image: url(../images/step_0/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	margin: 0;
	padding: 10px 0 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.35em;
}
body * {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
.clear {
	clear: both;
}

body.step1, body.step2, body.step3 {
	background-image: url(../images/step_1/bg.gif);
	background-color: #362f2d;
}

div#CONTAINER {
	width: 907px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/step_0/bg_shadow.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #ffffff;
}
	body.step1 div#CONTAINER, body.step2 div#CONTAINER, body.step3 div#CONTAINER {
		background-image: url(../images/step_1/bg_shadow.gif);
	}

div#HEADER {
	height: 200px;
	padding-right: 7px;
	background-image: url(../images/step_0/bg_shadow_header.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
	div#HEADER img {
		display: block;
	}
	body.step1 div#HEADER, body.step2 #HEADER, body.step3 div#HEADER {
		background-image: url(../images/step_1/bg_shadow_header.gif);
	}


div#VIDEOHEADER {
	background-image: url(../images/step_0/bg_videoheader.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
body.step1 div#VIDEOHEADER,
body.step2 div#VIDEOHEADER,
body.step3 div#VIDEOHEADER{
	background-image: url(../images/step_1/bg_videoheader.gif);
}


div#MAIN {
	width: 907px;
	background-image: url(../images/step_0/bg_content.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
div#CONTAINER.step2 div#MAIN {
	background-image: url(../images/step_2/bg_content.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
div#CONTAINER.step3 div#MAIN {
	background-image: url(../images/step_3/bg_content.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
div#MAIN_INNER {
	background-image: url(../images/step_0/bg_left.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 907px;
}
div#MAIN.step2 div#MAIN_INNER {
	background-image: url(../images/step_2/bg_left.jpg);
}
div#MAIN.step3 div#MAIN_INNER {
	background-image: url(../images/step_3/bg_left.jpg);
}
	div#LEFT {
		width: 220px;
		float: left;
		background-image: url(../images/step_0/bg_left_shadow_top.gif);
		background-repeat: repeat-x;
		background-position: left top;
	}
	div#MAIN.step2 div#LEFT {
		background-image: url(../images/step_2/bg_left_shadow_top.jpg);
	}
	div#MAIN.step3 div#LEFT {
		background-image: url(../images/step_3/bg_left_shadow_top.jpg);
	}
	
	div#RIGHT {
		float: left;
		width: 680px;
		padding-bottom: 50px;
	}
		div.CONT_LEFT {
			width: 420px;
			float: left;
		}
		div.CONT_RIGHT {
			width: 207px;
			float: right;
		}
	div#FOOTER {
		height: 76px;
		background-image: url(../images/step_0/bg_footer.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		position: relative;
	}
	body.step1 div#FOOTER {
		background-image: url(../images/step_1/bg_footer.gif);
	}
	body.step2 div#FOOTER {
		background-image: url(../images/step_1/bg_footer.gif);
	}
	body.step3 div#FOOTER {
		background-image: url(../images/step_3/bg_footer.gif);
	}
	
	
div#stoerung {
	display: none;
}
div#stoerung.active {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	background-image: url(../images/stoerungen_6a.gif);
}
/* E-Card Flash */
div#ecard_overlay {
	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 0px; background-color: #000;
}
div#ECARD {
	position: absolute;
	top: 50px;
	height: 500px;
	z-index: 100;
}
p#ECARD_NOFLASH {
	font-size: 1.4em;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	top: 50px;	
}
/* E-Card Flash */
div#flash_overlay {
	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 0px; background-color: #000;
}
div#FLASH {
	position: absolute;
	top: 50px;
	height: 500px;
	z-index: 100;
}
p#NOFLASH {
	font-size: 1.4em;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	top: 50px;	
}