#outerContainer { height: 542px; width: 778px; margin: 0 0 5px 0; }
#welcomeImg { margin-bottom: 5px; }
#toppreise { border:1px solid #ccc; width: 517px; height:540px; float:left; }

/* promo products */
#tpPromo1, #tpPromo2, #tpPromo3, #tpPromo4, #tpPromo5, #tpPromo6 { float:left; position:relative; }
#tpPromo1, #tpPromo2, #tpPromo3 { border-bottom: 1px solid #ccc; }
#tpPromo2 { border-right: 1px solid #c7c7c7; }
#tpPromo1 img { width: 516px; height: 247px; }
#tpPromo2 img { width: 258px; height: 145px; }
#tpPromo3 img { width: 257px; height: 145px; }
#tpPromo4 img, #tpPromo6 img { width: 171px; height: 145px; }
#tpPromo5 img { width: 174px; height: 145px; }

.tpPromoTitles {
	position: absolute; margin: 10px 0 0 10px;  font-size: 11px; z-index: 100;
}

#tpPromo1 .tpPromoTitles {
	position: absolute; margin: 200px 0 0 10px;  font-size: 14px; z-index: 100;
}
#tpPromo1 .tpPromoTitles a:link, #tpPromo1 .tpPromoTitles a:visited,
#tpPromo1 .tpPromoTitles a:active, #tpPromo1 .tpPromoTitles a:hover  {
	font-size:14px; text-decoration: none;
}
#tpPromo1 .tpPromoSubTitle {
	font-size:11px; text-decoration: none;
}



.tpPromoTitles a:link, .tpPromoTitles a:visited, .tpPromoTitles a:active  {
	text-decoration: underline;
	font-size: 11px;
	color: #666;
}

/* login panel */
#loginForm {
	background-image: url("/startPage/images/loginform/bg_login.jpg"); background-repeat: no-repeat;
	width:255px; height:392px; float: right; font-size: 10px; color: #666666;
}
#loginForm #innerLoginForm{ padding: 9px 9px 3px; }
#loginForm #innerLoginForm2 { padding: 9px 9px 6px; }
#loginForm #innerLoginHelp div { margin-left: 10px; }
#loginForm input { width:100%; border:1px solid #666; height: 20px; font-size: 11px; }
#loginForm ul { list-style-position: outside; padding-left:20px; margin: 10px 0; }
#loginForm li { list-style-image: url("/startPage/images/list_image.gif"); margin-bottom:3px; list-style-type: none; }
#loginForm p { padding: 0; margin: 0 0 5px; font-size: 11px; }
#loginForm p a { font-weight: bold; margin-bottom: 2px; text-decoration: underline; color: #666666; }
#loginForm hr { height: 1px; color: #c2c2c2; background-color: #c2c2c2; border: none; margin: 5px 0}
#loginForm #innerLoginHelp { 
	background-image: url("/startPage/images/girlatphone.gif"); background-repeat: no-repeat;  
	background-position: right bottom;	height: 63px;
}
#loginForm #innerLoggedIn { 
	background-image: url("/startPage/images/loggedInBottomImg.jpg"); background-repeat: no-repeat; 
	background-position: right bottom;	height: 61px;
}
#loginForm #loginSupport { width: 200px; }

/* teaser styles */
#teaserContainer { width: 523px; float: left; }
#teaserContainer div { width: 255px; height: 142px; float: left; padding: 0 6px 6px 0; float: left; }
#teaserContainer #teaser_2, #teaserContainer #teaser_4 { 
	float: right; text-align: right; margin:0 auto;
}

/* teaser random */
#randomTeaser { width:255px; height:146px; float: right; margin-top:4px; }
/* teaser ha + thema */
#teaserHaThema div { width: 255px; height: 142px; float: left; padding-bottom:6px; float: left; }
#teaserHaThema { float: left; width:255px; }

/* footer */
#startPageFooter { float: left; width:700px; margin-top:5px }



/* xmas calendar 2010 */
#xmas { border:1px solid #ccc; width: 516px; height:539px; float:left; }
/* xmas products */
#xmasPromo1, #xmasPromo2, #xmasPromo3, #xmasPromo4, #xmasPromo5, #xmasPromo6 , #xmasPromo7 { float:left; position:relative; }
#xmasPromo1, #xmasPromo2, #xmasPromo3, #xmasPromo4 { border-bottom: 1px solid #ccc; }
#xmasPromo2 {  }
#xmasPromo1 img { width: 516px; height: 217px; }
/*
#xmasPromo2 img { width: 258px; height: 145px; }
#xmasPromo3 img { width: 257px; height: 145px; }
*/
#xmasPromo2 img, #xmasPromo4 img { width: 170px; height: 145px; }
#xmasPromo3 img { width: 174px; height: 145px; }
#xmasPromo5 img, #xmasPromo7 img { width: 170px; height: 145px; }
#xmasPromo6 img { width: 174px; height: 145px; }

#xmasPromo2 img, #xmasPromo3 img, #xmasPromo5 img, #xmasPromo6 img { border-right:1px solid #CCC }

.xmasPromoTitles {
	position: absolute; margin: 4px 0 0 10px;  font-size: 11px; z-index: 100;
}

#xmasPromo1 .xmasPromoTitles {
	position: absolute; margin: 170px 0 0 10px;  font-size: 14px; z-index: 100;
}
#xmasPromo1 .xmasPromoTitles a:link, #xmasPromo1 .xmasPromoTitles a:visited,
#xmasPromo1 .xmasPromoTitles a:active, #xmasPromo1 .xmasPromoTitles a:hover  {
	font-size:14px;
}
#xmasPromo1 .xmasPromoSubTitle {
	font-size:11px;
}



.xmasPromoTitles a:link, .xmasPromoTitles a:visited, .xmasPromoTitles a:active  {
	text-decoration: underline;
	font-size: 11px;
	color: #666;
}