a 
{
	color: #0C1DA1;
}

h1 
{
	font-size:22px; 
	color: #1c36a8;
	line-height:26px; 
}
	
h2 
{
	font-size:12px; 
	color: #1c36a8;
	display: inline;
}

div.MainContainer {
	background-image: url(../../Images/beba/coil_left_repeat.gif);
}

div.MainNavigation
{
	background-image: url(../../Images/beba/Navigation/main_nav_background.gif);
}

.BrandTabs #tabanfang
{
	background-image: url(../../Images/beba/Tabs/tabanfang.gif);
}

.BrandTabs #tabBabyservice
{
	background-image: url(../../Images/beba/Tabs/tab1.gif);
}

.BrandTabs #tabBeba
{
	background-image: url(../../Images/beba/Tabs/tab2.gif);
}

.BrandTabs #tabNaturNes
{
	background-image: url(../../Images/beba/Tabs/tab3.gif);
}

.BrandTabs #tabAlete
{
	background-image: url(../../Images/beba/Tabs/tab4.gif);
}

.BrandTabs #tabBuebchen
{
	background-image: url(../../Images/beba/Tabs/tab5.gif);
}

.BrandTabs #tabende
{
	background-image: url(../../Images/beba/Tabs/tabende.gif);
}

div.DynamicContent
{
	background-color: #FFFFFF;
	background-image: url(../../Images/beba/content_background.gif);
	background-position: left top;
	background-repeat: repeat-y;
	
}

div.ContentControlContainer
{
	background-image: url(../../Images/beba/content_top_background.gif);
	background-position: right top;
	background-repeat: no-repeat;
	_height:55px;

	min-height:55px;
}

div.Footer
{
	background-image: url(../../Images/beba/footer_background.gif);
	background-position:right;
	clear:both;
	width:954px;
	height:105px;
}

.FooterRightContainer #bookmark
{
	background-image: url(../../Images/Footer/bookmark_gelb.jpg);
}

.FooterRightContainer #send2friend
{
	background-image: url(../../Images/Footer/recommend_gelb.jpg);
}

.FooterRightContainer #print
{
	background-image: url(../../Images/Footer/drucken_gelb.jpg);
}

.FooterShadow 
{
	background-image: none;
}

/* START: Sub navigation level one ################################################################# */
table.SubNavLevelOne
{
	background-image: url(../../Images/beba/Navigation/menuBackground.gif);
}

.SubNavLevelOneLink
{
	color: #1c36a8;
}

.SubNavLevelOneLink a:link, .SubNavLevelOneLink a:active, .SubNavLevelOneLink a:visited
{
	color: #1c36a8;
}

.SubNavLevelOneLink a:hover
{
	color: #1c36a8;
}

.SubNavLevelOneLinkActive 
{
	color: #1c36a8;
	background-image: url(../../Images/beba/Navigation/menuBackActive.gif);
}

.SubNavLevelOneLink a, .SubNavLevelOneLinkActive a
{
	color: #1c36a8;
}

.SubNavLevelOneLink
{
	color: #1c36a8;
	background: url(../../Images/beba/Navigation/menuBack.gif) top left repeat-x;
}

.leftRoundedEdge, .leftRoundedEdgeActive
{
	background: url(../../Images/beba/Navigation/leftRoundedEdge.gif) top left no-repeat;
}

.leftRoundedEdgeActive
{
	background-image: url(../../Images/beba/Navigation/leftRoundedEdgeActive.gif);
}


.mainNavigationSeparator 
{
	background: url(../../Images/beba/Navigation/menuSeparator.gif) top left no-repeat
}

/* END: Sub navigation level one  ############################################################### */
/* START: Sub navigation level two ############################################################## */

.SubNavLevelTwo
{
	float: left;
}

.SubNavLevelTwoLink
{
	color: #1c36a8;
}
.SubNavLevelTwoLink a, .SubNavLevelTwoLinkActive a
{
	color: #1c36a8;
}

.SubNavLevelTwoLink hover
{
	background-color: #ffea97;
}

.SubNavLevelTwoLinkActive
{
	color: #1c36a8;
	background-color: #ffea97;
}

.SubNavLevelTwoSeparator, .SubNavLevelTwoFirstSeparator

{
	background: url(../../Images/beba/Navigation/submenuSeparator.gif) top left no-repeat
}


/* END: Sub navigation level two ############################################################### */

/* Teaser  */

div.B1_Bottom_Teaser
{
	width:200px;
	min-height: 125px;
	_height: 125px;
	background-image: url(../../Images/Default/Teaser/Teaser_Vertical_200_FFE893.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/* New Product #################################################################### */
div.NewProductTeaser1
{
	background-image: url(../../Images/Default/Teaser/newproduct_beba.gif);
}

div.NewProductTeaser2
{
	background-image: url(../../Images/Default/Teaser/newproduct_beba.gif);
}

div.NewProductTeaser3
{
	background-image: url(../../Images/Default/Teaser/newproduct_beba.gif);
}

div.NewProductTeaserX
{
	background-image: url(../../Images/Default/Teaser/newproduct_beba.gif);
}

/* ################################################################################ */

div.IntroText h3
{
	color:#0c1da1;
}

div.ContentText h3
{
	color:#0c1da1;
}

/* ProductIntroPage ################################################## */
div.ProductIntroPage_Teaser
{
	background-image: url(../../Images/Default/Teaser/Teaser_Vertical_208_FFE893.gif);
}

/* V1_V2 ############################################# */
div.Teaser_V1_V2
{
	background-image: url(../../Images/Default/Teaser/Teaser_Vertical_312_FFE893.gif);
}

/* V1_V2_EP ############################################# */
div.Teaser_V1_V2_EP_Bottom
{
	width:198px; 
	min-height: 117px;
	_height: 117px;
	background-image: url(../../Images/Default/Teaser/Teaser_Vertical_198_FFE893.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.PropertyTop
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:url(../../Images/beba/mouseover_top.gif);
	background-repeat:no-repeat;
	padding-top:18px;
	padding-left:30px;
	padding-right:10px;
}

.PropertyMiddle
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../../Images/beba/mouseover_middle.gif);
	background-repeat:repeat-y;
	padding-left:30px;
	padding-right:10px;
}

.PropertyBottom
{
	background-image:url(../../Images/beba/mouseover_bottom.gif);
	background-repeat:no-repeat;
}

.ProductInfo
{
	margin-top:15px;
	margin-bottom:10px;
	vertical-align:middle;
}

.NewProductImage
{
	margin-left:5px;
	border:0; 
	vertical-align:middle;
	margin-top:4px;
}


.historyLeft
{
	FLOAT:left; 
	WIDTH:130px; 
	PADDING-TOP:10px;
}

.historyBG
{
	WIDTH:130px;
}

#geschichtszeitstrahl img{
	margin-bottom:7px;
}

/* Beba_Start ############################################# */

div.Beba_Start_Bottom_Teaser
{
	width:160px;
	height: 130px;
	background-image: url(../../Images/beba/Teaser/beba_home_teaser_unten.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

div.VerticalTeaserText 
{
	padding: 3px 16px 8px 12px;
}

.teaserButton
{
	border: none;
	vertical-align: top;
	margin-left: 3px;
}


/* Beba_ProduktUebersicht ############################################# */

.productList
{
	background-image: url(../../Images/beba/produktuebersicht_background.jpg);
	background-repeat: repeat-y;
	width: 658px;
	float: left;
}

.productListGroup
{
	padding-left: 20px;
	padding-right: 25px;
	margin-top: 10px;
	float: left;
	width: 613px;
}

.produktListItem
{
	width: 115px;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-left: 5px;
}

.produktListItem img
{
	border: none;
}

.produktListItem a
{
	text-decoration: none;
}

.produktListItem .produktImg
{
	margin-bottom: 8px;
}

.productListBottom
{
	float: left;
}

.mouseOverBox
{
	display: none;
	position: absolute;
	width: 230px;
	top: -137;
	left: 88;
	z-index: 99;
}

.mouseOverBox h3
{
	font-size: 11px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 8px;
}

.mouseOverBoxLeft
{
	float: left;
}

.mouseOverBoxText
{
	background-image: url(../../Images/beba/Ernaehrung/flyout_background_vertical.gif);
	background-repeat: repeat-x;
	float: left;
	width: 180px;
	height: 175px;
	font-size: 9px;
}

.mouseOverBoxRight
{
	float: left;
}

/* BebaProductDetailsPage ############################################# */
li,
p
{
	color:#1C36A8;
}

.bebaProducts,
.beba
{
	margin-top: 20px;
	float: left;
	color:#1C36A8;
}

.bebaProducts .imageLeft
{
	width: 285px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}

.bebaProducts .textRight
{
	width: 360px;
	float: right;
}

.bebaProducts .produktBulletPics 
{
	float: left;
	width: 100%;
}

.bebaProducts .produktBulletPics .nutrition-icon
{
	float: left;
}

#infoTabs
{
	background-image:url(../../images/beba/Reiter/inactive_tab.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#infoTabs .cornerLeft
{
	float: left;
}

#infoTabs .cornerRight
{
	float: right;
}

#infoTabs .tab
{ 
	float: left; 
	padding-top: 11px;
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
}

#infoTabs .active
{
	background-image: url(../../images/beba/Reiter/active_tab.gif);
}

#infoTabs .inactive
{
	background-image:url(../../images/beba/Reiter/inactive_tab.gif);
}

#infoTabs .tab a
{
	display: block;
	padding-top: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 11px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#infoTabs .tab .tab_border
{
	border-left: 2px solid white;
	float: left;
	width: 153px;
}

#infoTabs .active a
{
	color: #1c36a8;
}

#infoTabs .inactive a
{
	color: #3a51b4;
}

.bebaProducts .infobody
{
	background-image:url(../../images/beba/Reiter/background.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 30px;
	color: #1c36a8;
	width: 609px; 
	height: 240px;
}

* html .bebaProducts .infobody
{
	width: 669px; 
	height: 260px;
}

.bebaProducts .PropertyTop
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-repeat:no-repeat;
	padding-top:18px;
	padding-left:30px;
	padding-right:10px;
}

.bebaProducts #property1 .PropertyTop
{
	background-image:url(../../Images/beba/flyout_top_left.gif);
}

.bebaProducts #property2 .PropertyTop
{
	background-image:url(../../Images/beba/flyout_top_middle.gif);
}

.bebaProducts #property3 .PropertyTop
{
	background-image:url(../../Images/beba/flyout_top_right.gif);
}

.bebaProducts .PropertyMiddle
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../../Images/beba/flyout_background.gif);
	background-repeat: repeat-y;
	padding-left: 30px;
	padding-right: 10px;
}

.bebaProducts .PropertyBottom
{
	background-image:url(../../Images/beba/flyout_bottom.gif);
	background-repeat:no-repeat;
}

/* Beba_Aktuell ############################################# */

.beba .wideTeaser
{
	float: left;
	width: 655px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.beba .ImgRight
{
	background-image: url(../../Images/beba/Teaser/aktuell_teaser_background_left.jpg);
	background-position: top left;
}

.beba .ImgLeft
{
	background-image: url(../../Images/beba/Teaser/aktuell_teaser_background_right.jpg);
	background-position: top right;
}

.beba .wideTeaserText
{
	width: 320px;
	padding-top: 20px;
	float: left;
}

.beba .ImgRight .wideTeaserText
{
	padding-left: 20px;
}

.beba .ImgLeft .wideTeaserText
{
	padding-right: 30px;
}


/* Beba_Teaser_Horizontal ############################################# */

.beba .teaser
{
	float: left;
	padding-right: 25px;
}

.beba .contentTop
{
	height: 280px;
}

div.Teaser_ZS3_Top 
{
	background-image: url(../../Images/beba/teaser/horizontal_teaser_background.jpg);
	background-position: right bottom;
	height: 118px;
	width: 309px;
}

div.Teaser_ZS3_Right
{
	width: 200px;
}
div.Teaser_Horizontal_Left
{
	padding-right: 3px;
}


/* Beba Ernaerungsplan ############################################# */
.ernHeadline
{

	padding:20px 0 0 10px;
	color: #1c36a8;
	font-weight:bold;

}

.ernBgImage
{
	position:relative;
}

.ernUnderHeadlineTop
{
	padding-left: 10px;
}

.ernUnderHeadlineBottom
{
	padding-left: 10px;
}

.ernaerung .imageMap
{
	position:relative;
}

.ernContent
{
	padding: 0 0 0 10px;
	width: 600px;
}

.ernaerung .infoLayerMap
{
	width: 280px;
}

.ernaerung .infoLayerMap img
{
	margin: 0px;
}

* html .ernaerung .infoLayerMap .flyoutLeft
{
	margin-right: -3px;
}

.ernaerung .infoLayerText
{
	padding:10px 0 0 5px;
	width:205px;
	height:175px;
	background-image:url(../../Images/beba/Ernaehrung/flyout_background_vertical.gif);
	background-repeat:repeat-x;
	float: left;

}
.ernaerung .infoLayerText ul li
{
	line-height:18px;
}

.ernaerung .flyoutCloser
{
	float: left;
}

.ernaerung #infoLayer1Map1
{
	position:absolute;
	top:40px;
	left:88px;
}

.ernaerung #infoLayer2Map1
{
	position:absolute;
	top:150px;
	left:88px;
}
.ernaerung #infoLayer3Map1
{
	position:absolute;
	top:263px;
	left:385px;
}
.ernaerung #infoLayer4Map1
{
	position:absolute;
	top:600px;
	left:620px;
}
.ernaerung #infoLayer5Map1
{
	position:absolute;
	top:375px;
	left:505px;
}
.ernaerung #infoLayer6Map1
{
	position:absolute;
	top:491px;
	left:387px;
}
.ernaerung #infoLayer7Map1
{
	position:absolute;
	top:615px;
	left:88px;
}
.ernaerung #infoLayer8Map1
{
	position:absolute;
	top:727px;
	left:88px;
}
.ernaerung #infoLayer1Map2
{
	position:absolute;
	top:35px;
	left:90px;

}
.ernaerung #infoLayer2Map2
{
	position:absolute;
	top:150px;
	left:90px;
}
.ernaerung #infoLayer3Map2
{
	position:absolute;
	top:265px;
	left:390px;
}
.ernaerung #infoLayer4Map2
{
	position:absolute;
	top:375px;
	left:505px;
}
.ernaerung #infoLayer5Map2
{
	position:absolute;
	top:488px;
	left:90px;
}
.ernaerung #infoLayer6Map2
{
	position:absolute;
	top:600px;
	left:90px;
}

.ernaerung .layers
{
	visibility:hidden;
}
.ernaerung .flyoutTitle
{
	font-weight:bold;
	color: #1c36a8;
}


/* Beba_AllergieCheck ############################################# */

.introTextAllergie
{
	background-image:url(../../Images/beba/AllergieCheck/boxtop.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 80px;
	margin-bottom: -27px;
	width: 670px;
}

.introTextAllergie .textLeft
{
	margin-left: 20px;
	width: 430px;
}

.allergieTestBoxTop
{
	padding-left: 30px;
	padding-bottom: 13px;
}

.allergieTestBoxBody
{
	float: left;
	background-image:url(../../Images/beba/AllergieCheck/boxbackground.gif);
	background-repeat: repeat-y;
	padding-left: 40px;
	width: 632px;
}

* html .allergieTestBoxBody
{
	width: 100%;
}

.allergieTestBoxBody .errorMessage
{
	width: 530px;
	padding-top: 20px;
	padding-left: 64px;
	padding-bottom: 20px;
}

* html .allergieTestBoxBody .errorMessage
{
	width: 575px;
}

.questionBox
{
	float: left;
	border-bottom: dotted 1px;
}

.questionBox img
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}

.question
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
	width: 520px;
}

.question p
{
	font-weight: bold;
}

.allergieTestBoxBody input
{
	border: none;
	vertical-align: middle;
}

.allergieTestBoxBody .btnResult
{
	float: right;
	margin-top: 10px;
	margin-right: 30px;
}

.checkBoxes
{
	float: left;
	padding: 15px;
}

.allergieTestBoxBottom
{
	float: left;
}


.tabContent .infobody
{
	height: 340px;
	overflow: hidden;
}

* html .tabContent .infobody
{
	height: 360px;
}





/* Beba Relaunch Geschichte*/


.geschBackground
{
	width:670px;
	background-image:url(../../Images/beba/geschichte_background.gif);
	background-position: right bottom;

	background-repeat:no-repeat;
}
.geschBox
{
	height:360px;
	position:relative;
}
.geschContent
{
	width:470px;
	padding:30px 0 0 10px;

}
.geshBoxTitle
{
	margin: 50px 0 0 30px;
	font-weight:bold;
	color: #1c36a8;
	height:25px;
}
.pointerPosition1
{
	left:40px;
}
.pointerPosition2
{
	left:110px;
}
.pointerPosition3
{
	left:180px;
}
.pointerPosition4
{
	left:250px;
}
.pointerPosition5
{
	left:320px;
}
.pointerPosition6
{
	left:390px;
}
.pointerPosition7
{
	left:460px;
}
.pointerPosition8
{
	left:530px;

}
.pointerPosition9
{
	left:600px;
}
.geschTabs
{
	float:left;
	padding-top:20px;
	z-index:10;
	height:40px;

}
.geschTabs ul
{
	list-style-type: none;
	text-align: center; 
}
.geschTabs ul li a
{
	text-decoration:none;
	width:68px;
	text-align:center;
}
.geschTabs .inactive
{
	border-color:#fef2c6;
	width:68px;
}
.geschTabs .active
{
	border-color:#ffe893;
	width:68px;
}

.tabs_content
{
	float:left;
	color: #1c36a8;
	height: 240px;
	width: 620px;
	padding: 10px 0 0 30px;
}


/* Beba_Schutzkomplex ############################################# */

.schutzkomplex #infoTabs .tab
{
	text-align: left;
}

.schutzMainContent
{
	background-position:right bottom;
	background-repeat:no-repeat;
	width: 650px;
}

.hoverdefault
{
	background-image:url(../../Images/beba/hoverAllgemein.jpg);
}

.hoverbifidus
{
	background-image:url(../../Images/beba/hoverBifidus.jpg);
}

.hoverlcpufa
{
	background-image:url(../../Images/beba/hoverLC_Pufa.jpg);
}

.hoveroptipro
{
	background-image:url(../../Images/beba/hoverOpti_Pro.jpg);
}

.schutzBody
{
	background-image:url(../../images/beba/Reiter/background.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position:absolute;
	top:0px;
	left:0px;
	height:320px;
	width:671px;
	float:left;
}

.schutzimagemap1
{
	margin-left: 20px;
	margin-top: 20px;
	height: 320px;
	width: 669px;
	background-repeat: no-repeat;
}

.default1
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex.jpg);
}

.bifidus
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_bifidus.jpg);
}

.lcpufa
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_lcpufa.jpg);
}

.optipro
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_optipro.jpg);
}

.schutzimagemap2
{
	margin-left: 20px;
	margin-top: 20px;
	height: 320px;
	width: 669px;
	background-repeat: no-repeat;
	background-position: center top;
}
.default2
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_AA.jpg);
}
.AAbifidus
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_AA_bifidus.jpg);
}
.AAlcpufa
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_AA_lcpufa.jpg);
}
.AAoptipro
{
	background-image:url(../../images/beba/Schutzkomplex/SchutzKomplex_AA_proha.jpg);
}

.schutzBoxCloser
{
	position:absolute;
	top:320px;
	left:0px;
}

.schutzBodyContainer
{
	position: relative; 
	height: 370px; 
	margin-top:48px;
}
* html .schutzBodyContainer
{ 
	margin-top:0px;
}
.schutzHoverText1
{
	position:absolute;
	top:50px;
	left:360px;
	height: 290px;
	width: 252px;
}

.schutzHoverText2
{
	position:absolute;
	top:50px;
	left:30px;
	height: 290px;
	width: 252px;
}

