/*
	CSS Document
	@filename:	kc_home.css
	@author:	j.wessel
	
	@purpose:	style the Alice Lounge - Mein Kundencenter homepage
	@comment:
			initial version, released: 11.08.08
			update/change:	04.09.09

*/

div.home_stage_con {
	float:left;
	clear:both;
	display:block;
	width:669px;
	height:480px;
	position:relative;
	z-index:1;
	margin:0;
	padding:0;
	border:0 none;
}

/*	triggered by JS: START */
div.home_stage_con#loggedIn {display:none;}
div.home_stage_con#loggedInQuickstart {display:none;}
div.home_stage_con#loggedInQuickstart_tarifwechsel {display:none;}
div.home_stage_con#loggedInMobileOnly {display:none;}
div.home_stage_con#loggedInMobileBasic {display:none;}
div.home_stage_con#loggedInMobileFlat {display:none;}


div.home_stage_con#loggedOut {display:block;}
/*	triggered by JS: END */
/*


		div.home_stage_top {
			float:left;
			clear:both;
			width:669px;
			height:480px;
			text-align:left;
			margin:0;
			padding:0;
		}
		div#home_stage_bot {
			top:-155px;
			display:block;
			float:left;
			height:146px;
			margin:0 0 -146px 0;
			padding:0;
			position:relative;
			width:669px;
			z-index:2;
		}

	div#swfContainer,
	div#nonFlash {
		width:669px;
		margin:0;
		padding:0;
	}
	div#nonFlash a.tsr_A {
		float:left;
		display:inline;
		width:213px;
		height:146px;
		margin:0;
		padding:0;
		border:0 none;
		overflow:hidden;
		background-color:transparent;
		position:relative;
		z-index:3;
	}
		div#nonFlash a.tsr_A img {
			width:213px;
			height:146px;
			margin:0;
			padding:0;
			border:0 none;	
		}
	div#nonFlash a#tsr_0 {
		margin:0 6px 0 9px;
	}
	div#nonFlash a#tsr_1 {
		margin:0 6px 0 0;
	}
	div#nonFlash a#tsr_2 {}
*/
/*	Styling for the stage boxes: START (Editing only here!) */

	/*	STAGE for logged out customers: START */
		/*
		div.home_stage_con#loggedOut {
            		background:url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/090702_buehne_mobile100.gif) no-repeat left top;
		}
			div.home_stage_con#loggedOut p {
				color:#616161;
				font-size:18px;
				left:20px;
				line-height:20px;
				position:absolute;
				top:108px;
				width:414px;
			}
			div.home_stage_con#loggedOut ul {
				list-style:none;
				margin:0;
				padding:0;
				background:none;
				position:absolute;
				left:22px;
				top:157px;
			}
			div.home_stage_con#loggedOut ul li {
				background:url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tmpl/lists/bullet_red_4x4.gif) no-repeat left 6px; 
				font-size:12px;
				color:#616161;
				margin:0 0 13px 0;
				padding:0 0 0 10px;
			}
			div.home_stage_con#loggedOut .loggedOutBtn {
				height: 20px;
				left: 83px;
				position: absolute;
				top: 237px;
				width: 140px;
				float: left;
				height: 20px;
				text-indent: -9999px;
				background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tmpl/btn/btn_buehne_weiterdetails.gif);
			}
			
			div.home_stage_con#loggedOut {
				background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/content/subpages/alicewelt/gw/0909_oktoberfest/bg_startseite.jpg) !important;
			}
		
			div.home_stage_con#loggedOut p {
				color:#FFFFFF;
				float:left;
				font-family:Arial;
				font-size:12px;
				left:23px;
				line-height:14px;
				margin:0;
				padding:0;
				position:absolute;
				top:119px;
				width:239px;
			}
		
			
			div.home_stage_con#loggedOut .btn {
				background: transparent url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/content/subpages/alicewelt/gw/0909_oktoberfest/btn_jetzt_mitmachen.gif) repeat scroll 0 0;
				float: left;
				height: 20px;
				left: 24px;
				position: absolute;
				text-indent: -9999px;
				top: 251px;
				width: 237px;
			}
*/
	/*	STAGE for logged out customers: END */



	/*	STAGE for logged in RESIDENTIAL customers: START */
	div.home_stage_con#loggedIn {
		background:url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/startseite_BG_afterLogin_sc.jpg) no-repeat left top;
	}
		div.home_stage_con#loggedIn div.welcomeScreen {
			display:block;
			width:500px;
			margin:50px 0 0 30px;
			font-family:Arial,Helvetica,sans-serif;
			text-align:left;		
		}
		div.home_stage_con#loggedIn div.welcomeScreen h1 {
			color:#D90011;
			font-size:18px;
			line-height:22px;
			width:100%;
		}
		div.home_stage_con#loggedIn div#defaultText {
			display:block;
			margin:40px 0px 0px 0px;
			font-size:18px;
			color:#616161;
		}
		div.home_stage_con#loggedIn div#defaultText p#line0 {
			margin:0px 0px 0px 18px;
		}
		div.home_stage_con#loggedIn div#defaultText p#line1 {
			margin:0px 0px 0px 90px;
		}
		div.home_stage_con#loggedIn div#defaultText p#line2 {
			margin:0px 0px 0px 38px;
		}


/* Mobile Basic */

	#loggedInMobileBasic {
		background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/bg_buehne_mobile_basic.jpg) !important;

	}

	#loggedInMobileBasic_ani  {
		height:76px;
		left:213px;
		position:relative;
		top:2px;
		width:222px;
		background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/ani_mobile_basic.gif) !important;
	}

	#loggedInMobileBasic h1{
		font-size:33px;
		left:23px;
		margin-bottom:0;
		margin-top:16px;
		position:relative;
	}
	#loggedInMobileBasic h2{
		color:#D90011;
		font-size:18px;
		left:23px;
		margin-top:6px;
		position:relative;
	}

	#loggedInMobileFlat h1,
	#loggedOut h1{
		font-size:31px;
		left:20px;
		margin-bottom:0;
		position:relative;
		top:0;
		margin-top: 20px !important;
	}
	#loggedInMobileFlat h2,
	#loggedOut h2 {
		color:#D90011;
		font-size:22px;
		left:23px;
		line-height:27px;
		margin-top:0;
		position:relative;
		top:3px;
	}
	#loggedInMobileFlat p,
	#loggedOut p {
		font-size:12px;
		font-weight:bold;
		left:23px;
		position:relative;
		top:103px;
		width:217px;
	}
	.h3_text_flat {
		margin-top:16px;
		float:left;
	}



	#loggedInMobileFlat,
	#loggedOut {
		background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/bg_buehne_mobile_flat.jpg) !important;
	}


#loggedInMobileBasic .loggedOutBtn {
		float: left;
		height: 20px;
		left: 306px;
		position: absolute;
		text-indent: -9999px;
		top: 218px;
		width: 146px;
		background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tmpl/btn/btn_mehrdetails.gif);
	}
#loggedInMobileFlat .loggedOutBtn,
#loggedOut .loggedOutBtn {
		float: left;
		height: 20px;
		left: 109px;
		position: absolute;
		text-indent: -9999px;
		top: 196px;
		width: 146px;
		background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tmpl/btn/btn_mehrdetails.gif);
		
	}




	/*	STAGE for logged in RESIDENTIAL customers: END */
	
	/*	STAGE for logged in QUICKSTART customers: START */
	div.home_stage_con#loggedInQuickstart {
		background:url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/AL_Start_quickstart_short.jpg) no-repeat left top;
	}
		div.home_stage_con#loggedInQuickstart h1 {
			color:#D90011;
			font-size:18px;
			line-height:20px;
			margin:30px 0 0 30px;
		}
		div.home_stage_con#loggedInQuickstart div#quickstart_intro {
			color:#616161;
			font-size:12px;
			line-height:14px;
			margin:10px 0 0 30px;
			padding:0 0 7px;
		}
			div.home_stage_con#loggedInQuickstart div#quickstart_intro p {
				color:#616161;
				font-size:12px;
				line-height:14px;
				margin:0 0 10px;
			}
		div.home_stage_con#loggedInQuickstart a#toggle_Contract {
			margin:8px 0 0 0;
		}
	/*	STAGE for logged in QUICKSTART customers: END */

/*	STAGE for logged in QUICKSTART customers: START */
	div.home_stage_con#loggedInQuickstart_tarifwechsel {
		background:url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/AL_Start_quickstart_tarifwechsel.jpg) no-repeat left top;
	}
		div.home_stage_con#loggedInQuickstart_tarifwechsel h1 {
			color:#D90011;
			font-size:18px;
			line-height:20px;
			margin:30px 0 0 30px;
		}
		div.home_stage_con#loggedInQuickstart_tarifwechsel div#quickstart_intro_tarifwechsel {
			color:#616161;
			font-size:11px;
			line-height:14px;
			margin:10px 20px 0 30px;

			padding:0 0 7px;
		}
			div.home_stage_con#loggedInQuickstart_tarifwechsel div#quickstart_intro_tarifwechsel p {
				color:#616161;
				font-size:11px;
				line-height:14px;
				margin:0 0 10px;
			}
		div.home_stage_con#loggedInQuickstart_tarifwechsel a#toggle_Contract {
			margin:8px 0 0 0;
		}
	/*	STAGE for logged in QUICKSTART customers: END */

	
	/*	STAGE for logged in MOBILEONLY customers: START */
	/*
	div.home_stage_con#loggedInMobileOnly {
	        background:url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/tsr/startseite/startseite_BG_afterLogin_default.jpg) no-repeat left top;
	}
		div.home_stage_con#loggedInMobileOnly div.welcomeScreen {
			display:block;
			width:500px;
			margin:50px 0 0 30px;
			font-family:Arial,Helvetica,sans-serif;
			text-align:left;
		}
		div.home_stage_con#loggedInMobileOnly div.welcomeScreen h1 {
			color:#D90011;
			font-size:18px;
			line-height:22px;
			width:100%;
		}
		div.home_stage_con#loggedInMobileOnly div#defaultText {
			display:block;
			margin:40px 0px 0px 0px;
			font-size:18px;
			color:#616161;
		}
		div.home_stage_con#loggedInMobileOnly div#defaultText p#line0 {
			margin:0px 0px 0px 18px;
		}
		div.home_stage_con#loggedInMobileOnly div#defaultText p#line1 {
			margin:0px 0px 0px 90px;
		}
		div.home_stage_con#loggedInMobileOnly div#defaultText p#line2 {
			margin:0px 0px 0px 38px;
		}
		*/
		/*  GW Oktoberfest START */
		div.home_stage_con#loggedInMobileOnly {
				background: url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/content/subpages/alicewelt/gw/0909_oktoberfest/bg_startseite.jpg) !important;
			}
		
		div.home_stage_con#loggedInMobileOnly p {
			color:#FFFFFF;
			float:left;
			font-family:Arial;
			font-size:12px;
			left:23px;
			line-height:14px;
			margin:0;
			padding:0;
			position:absolute;
			top:119px;
			width:239px;
		}
		
		
		div.home_stage_con#loggedInMobileOnly .btn {
			background: transparent url(/kundencenter/export/system/modules/de.hansenet.kc08/resources/residential/gfx/content/subpages/alicewelt/gw/0909_oktoberfest/btn_jetzt_mitmachen.gif) repeat scroll 0 0;
			float: left;
			height: 20px;
			left: 24px;
			position: absolute;
			text-indent: -9999px;
			top: 251px;
			width: 237px;
		}
		/*  GW Oktoberfest END */
		
	/*	STAGE for logged in MOBILEONLY customers: END */

/*	Styling for the stage boxes: END */