/* Diese Datei enth�lt konkrete Style-Angaben
f�r die Startseite.
*/ 
#index_main {
	margin: 0px 0px 50px;
	width: 700px;
	float: right;
}
/*Promoteaser*/
.promo_teaser .top, 
.webinar_item .top {
	background: url("/sc/img/bg_start_teaser.png") no-repeat top left;
	height: 15px;
}

.promo_diaet_teaser .top {
	background: url("/sc/img/bg_diaetberater_teaser.png") no-repeat top left;
	height: 15px;
}
.promo_teaser .subc,
.webinar_item .subc {
	background: url("/sc/img/bg_start_teaser.png") no-repeat bottom left;
	padding: 0px 10px 13px 14px;
}

.promo_diaet_teaser .subc{
	background: url("/sc/img/bg_diaetberater_teaser.png") no-repeat bottom left;
	padding: 0px 10px 13px 14px;
}
.promo_diaet_teaser select{
	border: 1px solid #CCCCCC;
	color: #777777;
	padding: 3px;
	width: 160px;
}
	
/*Teaser*/
.subcolumns {
	overflow: hidden;
	padding-left:3px;
}
.teaser {
	width: 232px;
	float: left;
}
.teaser_twocolumnwide {
	width: 424px;
	float: left;
}
.teaser_twocolumnsmall {
	width: 265px;
	float: left;
}
.teaser .top{
	background: url("/sc/img/bg_start_teaser.png") no-repeat top right;
	padding: 10px 9px 5px 8px;
}
.teaser_twocolumnwide .top {
	background: url("/sc/img/bg_start_teaser_landing.png") no-repeat top left;
	padding: 10px 9px 5px 8px;
}
.teaser_twocolumnsmall .top {
	background: url("/sc/img/bg_start_teaser_landing.png") no-repeat top right;
	padding: 10px 0px 0px 6px;
}
.teaser_twocolumnsmall .berater_top {
	background: url("/sc/img/bg_diaetberater_teaser.png") no-repeat top right;
	padding: 10px 0px 0px 6px;
}
.teaser .subc {
	background: url("/sc/img/bg_start_teaser.png") no-repeat bottom right;
	padding: 0px 17px 30px 17px;
}
.teaser_twocolumnwide .subc {
	background: url("/sc/img/bg_start_teaser_landing.png") no-repeat bottom left;
	padding: 0px 10px 9px 10px;
}
.teaser_twocolumnsmall .subc {
	background: url("/sc/img/bg_start_teaser_landing.png") no-repeat bottom right;
	padding: 5px 17px 32px 17px;
}
.teaser_twocolumnsmall .berater_subc {
	background: url("/sc/img/bg_diaetberater_teaser.png") no-repeat bottom right;
	padding: 5px 17px 15px 17px;
}
.berater_subc label{
	font-size: 120%;
	font-weight: bold;
	width: 170px;
	float: left;
}
.berater_subc input {
	border: 1px solid #CCCCCC;
	color: #777777;
	padding: 3px;
	width: 160px;
}
.teaser h2, .promo_teaser h2, .teaser_twocolumnwide h2, .teaser_twocolumnsmall h2 {
	color:#1F6899;
	margin:0;
	padding-top:0.5em;
	font-family:'Arial narrow',Arial,Helvetica,sans-serif;
}
.teaser h3, .promo_teaser h3, .teaser_twocolumnwide h3, .teaser_twocolumnsmall h3 {
	color:#74B0D8;
	font-family:'Arial narrow',Arial,Helvetica,sans-serif;
	font-size:1.25em;
	line-height:1em;
	margin:0 0 0.5em;
}
.teaser .subc img, .teaser_twocolumnwide .subc img, .teaser_twocolumnsmall .subc img, .teaser_twocolumnsmall .berater_subc img {
	padding-bottom: 0.5em;
}
.teaser .subc h2 img, .teaser .subc h3 img, 
.teaser_twocolumnwide .subc h2 img, .teaser_twocolumnwide .subc h3 img, 
.teaser_twocolumnsmall .subc h2 img, .teaser_twocolumnsmall .subc h3 img,
.teaser_twocolumnsmall .berater_subc h2 img, .teaser_twocolumnsmall .berater_subc h3 img {
	padding: 0;
}
.teaser .subc p, .teaser_twocolumnwide .subc p, .teaser_twocolumnsmall .subc p, .teaser_twocolumnsmall .berater_subc p {
	padding: 0;
	color:#148A8A;
	line-height:1.67em;
}
.teaser_link {
	background:transparent url(/sc/img/ic_teaser_link.png) no-repeat scroll 0 0;
	color:#1F6899;
	cursor:pointer;
	float:right;
	font-family:'Arial narrow',Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding: 0px 0 3px 26px;
}
.teaser_link_berater {
	padding: 23px 0px 0px 0px;
}
a.teaser_link_orange {
	background:transparent url(/sc/img/ic_teaser_link_hell.png) no-repeat scroll 0 0;
	cursor:pointer;
	font-family:'Arial narrow',Arial,Helvetica,sans-serif;
	padding: 2px 0 3px 22px;
	color: #FFA835;
	font-size: 15px;
	text-decoration: none;	
}
.teaser_paragraphbox{
	width: 200px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}
.teaser_paragraphbox .p_top{
	background: url("/sc/img/bg_start_teaser_paragraphbox.png") no-repeat top left;		
}
.teaser_paragraphbox .p_subc{
	padding: 13px 3px 1px 7px;
	background: url("/sc/img/bg_start_teaser_paragraphbox.png") no-repeat bottom left;	
	height: 100px;	
}
.p_subc .plain {
	margin-bottom: 10px;	
}
.teaser_twocolumnwide .p_subc p {
	color: #000;	
}

/* Promo Di�tberater */
#promo_diaetberater{
	position: absolute;
	height: 0px;
	width: 450px;
	top: 275px;	
	left: 405px;	
	display: inline;
}

#promo_diaetberater p{
	font-weight: bold;
	line-height: 1.6em;
}

#promo_diaetberater p.question{
	font-weight: normal;
	margin: 0;
}

/*
 Assistentenbox
*/
#index_assistant {
	width: 360px;
	margin: 20px 0pt 0pt 0px;
	padding: 45px 16px 30px 202px;
	border: 0;
	color: #000;
	background: url('/sc/img/hauptgrafik.png') no-repeat;
}

#index_assistant h1 {
	margin: 0 8px;
	padding: 0px 0 1px 0;
	font-size: 130%;
	color: #000;
}

#index_assistant h1 small {
	font-size: 75%;
	line-height: 1;
	vertical-align: top;
}

#index_assistant div {
	margin: 0 0 4px 8px;
	padding: 0 0 0 16px;
	text-indent: -16px;
	color: #4D4D4D;
	font-size: 12px;
}

#index_assistant input {
	
}

#index_assistant button {
	font-size: 90%;
	display: block;
	margin:-7px 0px 0px 225px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height:28px;
	width:130px;
}
/* Teaserboxen */
#index_tl, #index_tr, #index_bl, #index_br {
	position: relative;
	float: left;
	width: 160px;
	height:120px;
	padding: 8px 10px 0px 108px;
	border: 0px;
}
#index_br {
	width: 255px;
	padding: 8px 10px 0px 13px;
}
#index_tl, #index_bl {
	margin: 20px 20px 0pt 0px;
}
#index_tr, #index_br {
	margin: 20px 0px 0pt;
}
#index_tl a, #index_bl a {
	position: absolute;
	bottom: 7px;
	right: 30px;
}
#index_tr a, #index_br button {
	position: absolute;
	bottom: 7px;
	right: 10px;
}
#index_br button {
	text-align: right;
}

#index_main.wide #headline_startpage {
	padding:10px 0px 5px 0px;
}

/* Green background for teaser */
.subc.green_background{
	background:url('/sc/img/bg_start_teaser_green.png') no-repeat scroll right bottom transparent;
}

/* Box oben links */
#index_tl {
	background: url('/sc/img/teaser_vip_bg.png') no-repeat;
}
/* Box oben rechts */
#index_tr {
	background: url('/sc/img/teaser_online_shop_bg.png') no-repeat;
}
/* Box unten links */
#index_bl {
	background: url('/sc/img/teaser_fuenf_gruende.png') no-repeat;
}


/*Login-Box*/
#start_login_box{
	position:absolute;
	top: 230px;
	left: 0;
	width:167px;
	padding:13px 11px;
	padding-bottom: 18px;
	background: url('/sc/img/login_bg_round.png') no-repeat;
	margin: 0;
}

#start_login_box_bottom {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 191px;
	height: 15px;
	background: url('/sc/img/login_bg_round_b.png') no-repeat;
	margin: 0;
}

#formManagerContainer {
	width:185px;
}	
#formManagerContainer strong {
	font-size: 80%;
}
.formRow, .appInnerDesktop {
	background-color: transparent;
}	
.bgModuleField, .bgModuleFieldMandatory, .bgModuleFieldError, .bgModuleFieldMandatoryError {
	background-color: transparent;
	padding: 5px 0px;
}
.formPrevButton {
	width: 20px;
}
.textfieldLabel {
	width:185px;
}
.textfieldElement {
	width:183px !important;
}

.mp_head {
	display: none;
}
.mp_body, .mp_foot, .promo {
	margin: 0;
	background-color: transparent;
	padding-left: 0;
}
.mp_foot {
	padding: 0 0 10px;
}
.mp_foot ul.linklist {
	list-style: none;
}
.mp_body p {
	width: 183px;
	font-size: 85%;
}
.mp_body input {
	border: 1px solid #999;
	width: 183px;
}
.mp_body label {
	display: block;
	width: 185px;
	margin-bottom: 10px;
	background-color: #fdf5d6;
	color: #333;
	font-size: 85%;
}
.mp_foot li {
	display: block;
	width: 185px;
	font-size: 85%;
}
.mp_foot li.login_link {
	text-align: right;
}
.mp_foot li.login_link a strong {
	color: #333;
	padding-left: 12px;
	background: url("/sc/img/linkbullet_1.png") no-repeat 0px 0.3em;
}