/* Baselayout styles */
body
{
	font-size: 9pt;
}

body, table, th, td, p, div, span, img, ul, ol, iframe 
{ 
	border:0px none #6A6A6A; 
	padding:0px; 
	margin:0px; 
	font-family: arial,verdana,sans-serif;
	font-weight: normal;
	color:#3e3d40; 
}

:focus { outline:none;}

body { background-color: #ddf0ff}
table { border-spacing:0px; border-collapse:collapse; }

.LoginTeaserLink div a { color: #0162b0; }

/* Div - Layout styles */
.LayoutBlock
{
	position: relative;
	top: 0em;
	left: 0em;
	clear: both; 
}

.LayoutBlockEnd
{
	position: relative;
	top: 0em;
	left: 0em;
	clear: both;
	height:.01em;
	overflow:hidden;
}

.LayoutPart
{
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
}

.LayoutPartRight
{
	position: relative;
	top: 0em;
	left: 0em;
	float: right;
}

.LayoutSubPart
{
	overflow: hidden;
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
}

.LayoutSubPart2
{
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
}
.LayoutSubPartRight
{
	overflow: hidden;
	position: relative;
	top: 0em;
	left: 0em;
	float: right;
}

.BackgroundScale
{
	position: absolute; 
	top: 0em; 
	left: 0em; 
	width: 100%; 
	height: 100%;
}

.BackgroundScale2
{
	position: absolute; 
	top: 0em; 
	left: 0em; 
	
	height: 100%;
}

.BackgroundScale img
{
	position: absolute; 
	top: 0em; 
	left: 0em; 
	width: 100%; 
	height: 100%;
}

.LayoutPart .TeaserTopLayer
{
	z-index:40;
}

.LayoutPart .TeaserContent
{
	margin: 0px 1em 1em 1.3em;
}
.LayoutPart .TeaserHeadline {
color:White;
font-weight:bold;
margin:0.4em 0 0.4em 1.2em;
}

.LayoutPart .ContentHeadline {
color:White;
font-weight:bold;
margin:0.4em 0 0.4em 1.5em;
}

.LayoutPart .RightTeaserHeadline
{
	color: White;
	font-weight: bold;
	margin: 0.4em 0px 0.4em 0em;
}

.MainInnerContent
{
	position:relative;
	top:0;
	left:0;
	margin: 1em 2.7em 0em 2.5em;
}

/* Header-Area */

.MandatoryMenuTop
{
	margin-top: 0.8em;
	margin-right: 1.3em;
}

.NavTopHolder
{
	float:right;
}

.NavTopHolder .SearchBox
{
	color: #0061af;
	font-weight:bold;
	float: right;
	margin-top: -7px;
}

.NavTopHolder .SearchBox input
{
	border:0;
	padding:0;
	margin:0;
	width: 12.5em;
	font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; line-height: 15px; height: 15px
}

.NavTopHolder .MandatoryMenu
{
	font-weight:bold;
	color: #0061af;
	float:right;
}

.NavTopHolder .MandatoryMenuItem
{
}

.NavTopHolder .MandatoryMenuItem a
{
	font-weight:bold;
	text-decoration: none;
	color: #0061af;
}

.NavTopHolder .MandatoryMenu a:hover
{
	text-decoration:underline;
}

.NavTopHolder .MandatoryMenu .MandatorySeparator { color: #0061AF }

/* Main Menu */
.MainMenu .MenuItemLink
{
	position: relative; 
	margin: 1.2em 0.2em 0em 0.2em;
	font-weight:bold;
}

.MainMenu .MainMenuItem,
.MainMenu .MainMenuSelectedItem
{
	margin-left: .2em;
}

.MainMenu .MainMenuSelectedItem .MenuItemLink
{
	color: #5b0000;
	margin-top: .7em;
}

.MainMenu a,
.MainMenu a:link, 
.MainMenu a:visited, 
.MainMenu a:focus
{
	color: White;
	text-decoration: none;
}

.MainMenu a:Hover
{
	color: #5b0000;
	text-decoration: none;
}

/* SubMenu */

.SubMenu
{
}

.SubMenu .SubMenuItem 
{
	color: White;
	font-size: 0.92em;
	font-weight:bold;
	float:left;
	margin: .5em 0em 0em 0em;
}

.SubMenu .SubMenuItem a, 
.SubMenu .SubMenuItem a:link, 
.SubMenu .SubMenuItem a:visited, 
.SubMenu .SubMenuItem a:focus
{
	color: White;
	font-weight:bold;
	text-decoration: none;
}

.SubMenu .SubMenuItem a:hover
{
	color:#5b0000;
}

.SubMenu .SubMenuItemActive a
{
	color: #5b0000;
	font-size: 0.92em;
	font-weight:bold;
	float:left;
	margin: .5em 0em 0em 0em;
}

.SubMenu .SubMenuItemActive a:visited
{
	color: #5b0000;
}

/* Content */

.FullContent
{
	width: 80.49em;
	min-height: 35em;
}

/* Footer menu */

/* .FooterArea { z-index: 100; } */


.FooterMenu
{
	color: #FFFFFF;
}

.FooterMenu .FooterMenuItem
{
	color: #FFFFFF;
}

.FooterMenu .FooterMenuItem a
{
	text-decoration: none;
	color: #FFFFFF;
}

.FooterMenu .FooterMenuItem a:hover
{
	color: #6A6A6A;
}

/* BreadCrumb styles */

.BreadCrumb
{
	margin: .5em 0em .0em 1.8em;
	height: 1.6em;
}

.BreadCrumb,
.BreadCrumb a
{
	font-weight: bold;
	text-decoration: none;
}

.BreadCrumb div
{
	font-weight: bold;
}

.BreadCrumb a:hover
{
	font-weight: bold;
	text-decoration: underline;
}

/* Login-Teaser */

.LoginTeaser
{
	z-index:40;
}

.LoginTeaserContent
{
	margin: 0em 0em 0em .2em; 
}

.LoginTeaserHeadline
{
	color: White;
	margin: .4em 0em .4em 1em;
	font-weight: bold;
}

.LoginTeaserControls
{
	position:relative;
	top:0;
	left:0;
	margin: 1em 0em 0em 1em;
	width: 19.3em;
}

.LoginTeaserText
{
	font-size: 1em;
	color: Black;
	margin-top:.3em;
}

.LoginTeaserReplyText
{
	margin: 3em 0em 2em 0em;
	color: Black;
}

.LoginTeaserLink a div
{
	font-size: 1em;
	font-weight: bold;
	color: Black;
}

.LoginTeaserLink a:hover div
{
	text-decoration: none;
}

.LoginError
{
	color:Red;
	margin-bottom: .1em;
	font-size: 0.9em;
	font-weight: bold;
}

.LoginTeaserTextBox
{
	font-size: 1em;
	margin: 0;
	padding: 0;
	padding-left: .05em;
	color: Black;
	width: 9.3em;
	border:0;
}

.LoginTeaserTextBoxFrame
{
}

.LoginTeaserDivNoScript
{
	padding-top: 2em;
	color:Red
}

/* BranchingTemplate */
.HeroTeaserImage
{
	margin-top: 0em;
	margin-left: 0em;
	width: 21.5em;
}

.HeroTeaserContent
{
	width: 33em;
	height: 12em;
	margin: 1em 0em 0em 2em;
}

.divContent .HeroTeaserContent h1
{
	font-size: 1.55em;
	margin: 0em;
}

.BranchingTeaserChannelLink
{
	margin-bottom: .8em;
}

.BranchingTeaserChannelLink a
{
	font-weight: bold;
}

.BranchingTeaserHeaderLink
{
	margin-bottom: .8em;
}

.BranchingTeaserHeaderLink a
{
	font-size: 1.55em;
	font-weight: bold;
	text-decoration: none;
}

.BranchingTeaserContent
{
	width: 26em;
	margin: 1.1em 0em 0em 1.2em;
}

.BranchingTeaserContent .LinkHeader
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0em;
}

.BranchingTeaserImage
{
	width: 9.92em;
	height: 6.67em;
	margin-right: 1em;
	margin-bottom: .8em;
}

.CategoryTeaserHeadContent
{
	margin: 0em 0em 0em 1em;
	width: 55em;
}

.CategoryTeaserCenterContent
{
	margin: 1em 1em 1em 2em;
}

/* Content */

.FooterBar
{
	float: right;
}

.FooterBarItem a
{
	color: Black;
}

.FooterBarItemText
{
	margin-top: .5em;
}

.FooterBarItemTextLeft
{
	margin-top: .3em;
}

/* Community-Teaser */

.NewCommunityMembers
{
}

.NewCommunityMembersHeadline
{
	color: White;
	margin: .3em 0em .4em 1em;
	font-weight: bold;
}

.NewCommunityMembersList
{
	margin: 1em 0em 0em 1em;
	width: 22em;
}

.NewCommunityMembersText
{
	font-size: .75em;
	color: Black;
	margin-top:.2em;
}

.NewCommunityMembersLink
{
	width: 17em;
	overflow: hidden;
}

.NewCommunityMembersLink div a
{
	font-size: 1em;
	font-weight: bold;
	color: #1D9FEB;
}

.NewCommunityMembersLink div a:hover
{
	text-decoration: underline;
}

/* Registration */
.Registration .FormularLine
{
	
	min-height: 2em;
	clear:both;
}

.Registration .FormularTextClass
{
	width: 14em;
	font-weight: normal;
}
.Registration .FormularTextClass .FormularValueRepeaterClass
{
}

.Registration .FormularFieldClass select
{
	width: 26em;
}

.Registration .FormularFieldClass input
{
	border:0.09em solid #A5ACB2;
	width:25.8em;
}

.Registration .FormularErrorClass span
{
	color: Red;
	font-weight: bold;
}

.Registration .FormularLinkClass
{
	margin-top: .1em;
}

.Registration .FormularLinkClass a.FormLinkButton
{
	font-weight: bold;
}

.Registration .FormularIdentificationTableClass { width: 400px; margin: 1.5em 0 0 0 }
.Registration .FormularFieldClassCheckbox { width: 35px }
.Registration .FormularFieldClassText { width: 365px }
.Registration .RegistrationInfo { color: #1D9FEB; font-size: 14px; line-height: 20px; padding-left: 14px }
.Registration .CheckImage { width: 1.5em; height: 1.42em; border: 0 none; }

/* ContactForm */
.ContactForm { position: relative; top: 0; left: 0; margin: 2em 1em 0 2em; font-size: 9pt; min-height: 461px }
.ContactForm h1 { margin: 0 0 17px 0 !important }
.ContactForm h2 { margin: 0 0 10px 0 !important; color: #1D9FEB }
.ContactForm h3 { margin: 0 0 10px 0 !important; color: #1D9FEB; font-size: 1.2em }
.ContactForm select, .ContactForm .control input, .ContactForm textarea { border: 1px solid #C8C8C8; outline: none 0; font-family: Arial,Verdana,Sans-Serif; font-size: 9pt; padding: 2px }
.ContactForm textarea { resize: none }
.ContactForm select { margin: 0; width: 385px }
.ContactForm input { width: 379px }
.ContactForm .TopicArea * { color: White }
.ContactForm .StartLeft { background: url('/ernaehrungsstudio/Templates/Common/Images/Contact/box_links.png') no-repeat top left; width: 324px; height: 293px; margin-right: 6px }
.ContactForm .StartRight { background: url('/ernaehrungsstudio/Templates/Common/Images/Contact/box_rechts.png') no-repeat top left; width: 324px; height: 293px }
.ContactForm .TopicArea { padding: 20px }
.ContactForm .TopicArea select, .ContactForm .TopicArea option { color: Black }
.ContactForm .TopicArea select { width: 250px }
.ContactForm .backButton { background: url('/ernaehrungsstudio/App_Themes/Community/Images/Buttons/PfeilButton_links.gif') no-repeat top left; padding: 3px 0 0 25px; height: 17px; display: block; width: 40px }
.ContactForm .submitButton { background: url('/ernaehrungsstudio/App_Themes/Community/Images/Buttons/PfeilButton_gross.gif') no-repeat top left; padding: 3px 0 0 25px; height: 17px; display: block; width: 40px }
.ContactForm .TopicArea .submitButton { font-size: 13px; font-weight: bold }
.ContactForm .TopicArea .error span { color: #FFC800 }
.ContactForm .error span { color: Red }
.ContactForm div.error { margin-top: 3px }
.ContactForm .StartLeft a { display: block; background: url('/ernaehrungsstudio/Templates/Common/Images/Contact/box_links_kreis.png') no-repeat top left; height: 16px; font-size: 13px; line-height: 16px; font-weight: bold; padding-left: 22px }
.ContactForm .fieldName { float: left; margin-top: 3px; vertical-align: top; width: 255px; padding-right: 5px }
.ContactForm .fieldInput { float: left; vertical-align: top; width: 390px }
.ContactForm .contactLine { clear: both; padding-top: 3px }
.ContactForm .repeaterLine { clear: both; padding-top: 3px }
.ContactForm .repeaterLine .fieldName { margin-top: 0 }
.ContactForm .bold { font-weight: bold }
.ContactForm .labelDetailsLine { clear: both; font-size: 0.8em; line-height: 1.2em; margin-bottom: 3px }
.ContactForm .SubjectClass textarea { height: 80px; width: 639px }
.ContactForm .MaxCharDisplay { color: #1D9FEB }
.ContactForm .evk input { margin: 0; padding: 0; width: 20px; outline: none 0; font-family: Arial,Verdana,Sans-Serif; font-size: 9pt }
.ContactForm div.zip { width: auto }
.ContactForm .zip input { width: 60px }
.ContactForm div.city { width: auto; padding-left: 10px }
.ContactForm .city input { width: 303px }
.ContactForm .checkbox input { width: 20px; margin: 0; padding: 0; outline: none 0; font-family: Arial,Verdana,Sans-Serif; font-size: 9pt }

/*.ContactForm
{
}

.ContactForm .FormularLine
{
	margin-left: 6.42em;
	min-height: 2em;
	clear:both;
}

.ContactForm .FormularTextClass
{
	width: 12.5em;
	font-weight: bold;
}

.ContactForm .FormularRepeaterTextClass
{
	width: 20em;
	font-weight: bold;
}

.ContactForm .FormularValueRepeaterClass
{
}

.ContactForm .FormularFieldClass select
{
	width: 23.92em;
}

.ContactForm .FormularFieldClass input
{
	border:0.09em solid #A5ACB2;
	width:23.35em;
}

.ContactForm .FormularErrorClass span
{
	color: Red;
	font-weight: bold;
}

.ContactForm .FormularLinkClass
{
	margin-top: .1em;
}

.ContactForm .FormularLinkClass a.FormLinkButton
{
	font-weight: bold;
}*/

/* NewsletterForm */

.NewsletterForm
{
}

.NewsletterForm .Error { color: Red }
.NewsletterForm .FormularLine
{
	margin-left: 6.42em;
	min-height: 2em;
	clear:both;
}

.NewsletterForm .FormularTextClass
{
	width: 12.5em;
	font-weight: bold;
}

.NewsletterForm .FormularRepeaterTextClass
{
	width: 20em;
	font-weight: bold;
}

.NewsletterForm .FormularValueRepeaterClass
{
}

.NewsletterForm .FormularFieldClass select
{
	width: 23.92em;
}

.NewsletterForm .FormularFieldClass input
{
	border:0.09em solid #A5ACB2;
	width:23.35em;
}

.NewsletterForm .FormularErrorClass span
{
	color: Red;
	font-weight: bold;
}

.NewsletterForm .FormularLinkClass
{
	margin-top: .1em;
}

.NewsletterForm .FormularLinkClass a.FormLinkButton
{
	font-weight: bold;
}

.Print
{
	overflow:hidden;
}

.BrigittePixel
{
	height: 1;
	width: 1;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.imagePlaceholder
{
	vertical-align:text-bottom;
}


/* SocialBookmarks */

.SocialBookmarksHome img,
.SocialBookmarksContent img,
.SocialBookmarksBlogs img
{
	width: 8.83em ;
	height: 1.33em;
}


.SocialBookmarksHome
{
	float: left;
	position: relative;
	width: 10em;
}

.SocialBookmarksHome .Separator
{
	margin-left: 0.4em; 
	margin-right: 0.3em
}

.SocialBookmarksHome .FooterMenuItem
{
	margin-right: 0.12em;
}

.SocialBookmarksContent
{
	margin-right: 0.84em;
}

.SocialBookmarksContent .FooterMenuItem
{
	margin-right: 0.42em;
}

.SocialBookmarksBlogs
{
	margin-right: 1em;
}

.SocialBookmarksBlogs .FooterMenuItem
{
	margin-right: 0.42em;
}

.socialLinksWindow
{
}

.socialBookmarksItems
{
	position:absolute;
	left:2.2em;
	top:1.5em;
}

.socialBookmarksItemsLine
{
	left:2em;
	position: relative; 
	height: 4em; 
	width: 19em;
}

.socialBookmarksItemsLink
{
	float:left; 
	margin-left:2em;
	margin-top:0.2em;
	color:#0061AF
}

.socialBookmarksItemsLink a
{
	color:#0061AF
}

.socialLinksWindow img
{
	width:auto;
	height:auto;
}

.socialCloseButton
{
	cursor: pointer;
}

.LinkContNextWithTitle
{
	height:2.2em;
	background-color:White;
	padding-left:1em;
	padding-top:1em;
	margin-bottom:1.5em;
}

/* W3B Layer: Position of the logo image changed */
#fml img { position: relative; top: 10px }