* { margin: 0; padding: 0; border: 0; outline-width: 0; }

body { font: normal 12px Arial, Helvetica, Sans-Serif; color: #666;  background: url(/images/dropshadow.gif) repeat-y 997px; padding-right: 8px; }
body { _behavior: url(/css/csshover3.htc); }

h2 { font: 24px Georgia, Serif; color: #cb1181; }
h3 { font: 18px Georgia, Serif; color: #cb1181; line-height:1.6em; }
h4, h4 a { font: 14px Georgia, Serif; color: #cb1181; line-height:1.6em; }

p { line-height: 1.5em; }

a { text-decoration: none; color: #3f3f3f; }
a:hover{ text-decoration: none; }
a.download { background: transparent url('/images/download_arrow.gif') no-repeat center right; height: 18px; margin: 20px 0 0; padding: 0 20px 0 2px; font-weight: bold; }
.head a.overviewLink { color: #FFF; position: absolute; left: 29px; top: 285px; font-size: 11px; font-weight: bold; padding-left: 17px; background: url(/images/arrow_back.png) no-repeat center left; }

.clearBoth { clear: both; }

.content { width: 997px; }

/* header */
#aktrenLogo { display: block; padding: 22px 0 10px 25px; height: 35px; width: 174px; }
#aktrenLogo h1 { display: none; }
/*
#bayerLogo { display: block; position: absolute; top: 10px; left: 750px; height: 43px; width: 230px; }
#bayerHeaderNavigation { position: absolute; top: 50px; left: 803px; list-style-type: none; font-size: 9px; }
#bayerHeaderNavigation li { float: left;  }
#bayerHeaderNavigation li a { color: #9E9E9E; margin: 0 2px; }
*/
#header {
    position: relative;
    z-index: 50;
    /* height: 70px; */
    background-color: #fff;
}
#header #bayerLogo {
    position: absolute;
    top: 8px;
    right: 45px;
}
#header ul#bayerHeaderNavigation *,
#header ul#bayergroup  *{
    padding: 0;
    margin: 0;
}
#header ul#bayerHeaderNavigation,
#header ul#bayergroup {
    position: absolute;
    display: block;
    width:auto;
    clear: both;
    top: 49px;
    font-size: 9px;
}
#header ul#bayergroup {
    right: 121px;
    z-index: 198;
}
#header ul#bayerHeaderNavigation {
    right: 199px;
    z-index: 200;
}

#header ul#bayerHeaderNavigation li,
#header ul#bayergroup li {
    display: inline;
    list-style: none;
    height: 16px;
    float:left;
    width:auto;
    padding: 0 0 5px 0;
}

#header #bayerLogo a, #header #bayerLogo a:link, #header #bayerLogo a:visited, #header #bayerLogo a:active, #header #bayerLogo a:hover,
#header ul#bayerHeaderNavigation a, #header ul#bayerHeaderNavigation a:link, #header ul#bayerHeaderNavigation a:visited, #header ul#bayerHeaderNavigation a:active, #header ul#bayerHeaderNavigation a:hover,
#header ul#bayergroup li a, #header ul#bayergroup li a:link, #header ul#bayergroup li a:visited, #header ul#bayergroup li a:active, #header ul#bayergroup li a:hover {
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #9E9E9E; 
}
#header #bayerLogo a:hover,
#header ul#bayerHeaderNavigation a:hover {
	color: #9E9E9E;
}

#header ul#bayergroup li a {
    padding: 0 4px 0 3px;
}

#header ul#bayerHeaderNavigation li a {
    border-left: 1px solid #9E9E9E;
    padding:  0 4px 0 3px;
}
#header ul#bayerHeaderNavigation li.first a {
    border: 0;
}

/* Bayergroup FlyOut */
#header ul#bayergroup li ul {
    display: none;
    position: absolute;
    right: 0;
    top: 19px;
    z-index: 500;
    width: 143px;
    padding: 6px 15px 9px 14px; 
}
#header ul#bayergroup li ul,
#header ul#bayergroup:hover li {
    background: none repeat scroll 0 0 #D47BB1;
}
#header ul#bayergroup:hover li  a,
#header ul#bayergroup li ul a, #header ul#bayergroup li ul a:link, #header ul#bayergroup li ul a:visited, #header ul#bayergroup li ul a:active {
	color: #fff;
}
#header ul#bayergroup li a:hover, 
#header ul#bayergroup li ul a:hover {
	color: #fff;
}
#header ul#bayergroup li:hover ul {
    display: block;
}
#header ul#bayergroup li ul li{
    border-bottom: 1px solid #fff;
    padding: 0 0 6px;
    height: 15px;
    width: 100%;
}
#header ul#bayergroup li ul li.last {
    border: none;
}
#header ul#bayergroup li ul li a{
    width: 155px;
    height: 16px; 
    border:none;
    padding: 5px 0 2px 0;
    display: block;
}

#navigation { display: block; clear: both; list-style-type: none; width: 997px; height: 23px; background: url('/images/navigation/bg.png') no-repeat; }
#navigation li { float: left; height: 23px; background: url(/images/navigation/separator.png) no-repeat top right; padding-right: 2px; }
#navigation li a { font: bold 12px Helvetica, Arial, Sans-Serif; color: #fff; padding: 5px 25px; display: inline-block; height: 13px;  }
#navigation li.active a { background: url(/images/navigation/active.png) repeat-x; color: #e5c9da; }

/* content */
div.head, #flash { position: relative; margin-bottom: 7px; }
#flashWrapper { overflow: hidden !important; clear: both; margin-bottom: 7px; }
#flashWrapper #flash { margin-bottom: 0; }
#videoPlayer { width: 492px; height: 300px; margin-bottom: 30px; }

.contentDropshadow { background: url(/images/header_shadow.png) repeat-x; }

.floatBox795 { float: left; width: 795px; position: relative; }
.floatBox540 { float: left; width: 506px; margin: 0 20px 0 14px; }
.floatBox540 h2 { margin-top: 13px; }
.floatBox540 h3 { margin: 5px 0 10px 0; line-height: 1.3em; }
.floatBox540 p { margin: 5px 0 10px 0; }

#subnavigation { width: 197px; float: left; margin-right: 5px; background: url(/images/navigation/subnavigation_shadow.png) no-repeat top right; }
#subnavigation ul { list-style-type: none; }
#subnavigation ul li a { display: block; height: 16px; padding: 3px 0 0 24px; }
#subnavigation ul li a.first { padding-top: 6px !important; }
#subnavigation ul li a.last { padding-bottom: 6px; }
#subnavigation ul li.head { background-image: none; font-weight: bold; border-top: 1px solid #848484; height: 23px; background-color: #E3E3E3; }
#subnavigation ul li.head span { display: block; border-top: 1px solid #FFF; padding: 3px 0 0 24px; }
#subnavigation ul.small { border-top: 1px solid #C8C8C8; font-size: 10px; }
#subnavigation ul.small li a { display: block; height: 13px; padding: 3px 0 0 24px; }
#subnavigation ul.small li a.first { border-top: 1px solid #DADADA; }

#footer { float: right; width: 775px; margin: 50px 20px 0 205px; padding: 10px 0; color: #8e8e8e; font-size: 10px; background: url(/images/footer_dotline.gif) repeat-x; }
#footer p { padding: 0 0 0 35px; background: url('/images/bayer_logo_footer.gif') no-repeat; line-height: 1.5em; }

/* home */
.home #flash div.head { background: url('/images/home/header.jpg') no-repeat; height: 311px; font: bold 12px Georgia, Serif; color: #FFF; }

#flash a.specialLink{ width: 250px; height: 290px; position: absolute; top: 15px; left: 730px; }
#flash .fallbackLink { position: absolute; left: 25px; top: 265px; }
#flash .fallbackLink a { color: #FFF; text-decoration: underline; }

.productTeaserContainer { background: url('/images/products/teasers_bg.png') repeat-x; height: 177px; }
.productTeaser { float: left; padding: 10px 0 0 33px; width: 453px; }
.productTeaser img { float: left; }
.productTeaser h4 { margin: 10px 0 3px 0; }
.productTeaser p { color: #787878; line-height: 1.5em; margin-bottom: 5px; }
.productTeaser strong { height: 15px; background: url('/images/arrow.png') no-repeat top right; padding-right: 20px; }

/* acupressure */
.acupressure #flash.head { background: url('/images/acupressure/header.png') no-repeat; height: 311px; }
.acupressure #flash.head a { position: absolute; display: block; background-repeat: no-repeat; }
.acupressure #flash.head a.toothaches { left: 78px; top: 58px; width: 332px; height: 66px; }
.acupressure #flash.head a.toothaches:hover, .acupressure #flash.head a.toothaches.active { background-image: url('/images/acupressure/toothaches_rollover.png'); }
.acupressure #flash.head a.headaches { left: 577px; top: 1px; width: 286px; height: 76px; }
.acupressure #flash.head a.headaches:hover, .acupressure #flash.head a.headaches.active { background-image: url('/images/acupressure/headaches_rollover.png'); }
.acupressure #flash.head a.jointPain { left: 538px; top: 105px; width: 448px; height: 87px; }
.acupressure #flash.head a.jointPain:hover, .acupressure #flash.head a.jointPain.active { background-image: url('/images/acupressure/joint_pain_rollover.png'); }
.acupressure #flash.head a.menstrualCramps { left: 57px; top: 174px; width: 382px; height: 96px; }
.acupressure #flash.head a.menstrualCramps:hover, .acupressure #flash.head a.menstrualCramps.active { background-image: url('/images/acupressure/menstrual_cramps_rollover.png'); }
.acupressure #flash.head a.overview { left: 30px; top: 280px; width: 135px; height: 15px; }

.acupressure #acupressureFlash { float:left; margin-top: 25px; width: 245px; height: 269px; border: 1px solid #F7F7F7; background-repeat: no-repeat; }
.acupressure #acupressureFlash.headaches { background-image: url(/images/acupressure/headaches_main.jpg); }
.acupressure #acupressureFlash.headaches.help { background-image: url(/images/acupressure/headaches_help.jpg); }
.acupressure #acupressureFlash.toothaches { background-image: url(/images/acupressure/toothaches_main.jpg); }
.acupressure #acupressureFlash.toothaches.help { background-image: url(/images/acupressure/toothaches_help.jpg); }
.acupressure #acupressureFlash.menstrualCramps { background-image: url(/images/acupressure/menstrual_cramps_main.jpg); }
.acupressure #acupressureFlash.menstrualCramps.help { background-image: url(/images/acupressure/menstrual_cramps_help.jpg); }
.acupressure #acupressureFlash.jointPain { background-image: url(/images/acupressure/joint_pain_main.jpg); }
.acupressure #acupressureFlash.jointPain.help { background-image: url(/images/acupressure/joint_pain_help.jpg); }

.acupressure .points { float:left;  width: 245px; margin: 25px 15px 0 0; }
.acupressure .points ul { margin-top: 15px; list-style-position: inside; line-height: 1.5em; }
.acupressure .points h4 { display: inline; cursor: pointer; }
.acupressure .points strong { display: block; }
.acupressure .points h4.inactive { background: url('/images/arrow.png') no-repeat center right; padding-right: 20px; }
.acupressure .points #assistants { margin-top: 15px; }

/* why */
.why #flash { height: 311px; }
.why .head { background-image: url('/images/why/header.png'); background-repeat: no-repeat; height: 311px; }
.why.aktren .head a.overviewLink { color: #888888; }
.why.aktren .head { background-image: url('/images/why/aktren_header.png'); }
.why.faq .head { background-image: url('/images/why/faq_header.png'); }
.why.ibuprofen .head { background-image: url('/images/why/ibuprofen_header.png'); }
.why #flash.head a { background-repeat: no-repeat; display: block; position: absolute; }
.why #flash.head a.faq { width: 136px; height: 118px; top: 0; left: 416px; }
.why #flash.head a.faq:hover { background-image: url('/images/why/faq_rollover.png'); }
.why #flash.head a.ibuprofen { width: 209px; height: 209px; top: 86px; left: 47px; }
.why #flash.head a.ibuprofen:hover { background-image: url('/images/why/ibuprofen_rollover.png'); }
.why #flash.head a.aktren { width: 209px; height: 209px; top: 84px; left: 738px; }
.why #flash.head a.aktren:hover { background-image: url('/images/why/aktren_rollover.png'); }

.why.faq .floatBox540 ul { list-style-type: none; }
.why.faq .floatBox540 ul li { margin: 3px 0 8px 0; }
.why.faq .floatBox540 ul li strong { color: #da89be; cursor: pointer; }
.why.faq .floatBox540 ul li.active strong { color: #cb1181; cursor: default; }
.why.faq .floatBox540 ul li p { line-height: 1.5em; padding-top: 3px; }

/* pharmacy */
.pharmacy { margin-top: 20px; }
.pharmacy .floatBox795 .form {  background: url(/images/pharmacy/bg.png) no-repeat; height: 320px; }
.pharmacy .form p, .pharmacy .form h2, .pharmacy .form h4 { margin-left: 75px; }
.pharmacy .form p { width: 425px; padding: 12px 0 50px 0; }
.pharmacy .form .select { position: absolute; left: 77px; top: 169px; }
.pharmacy .form .input { position: absolute; left: 295px; top: 169px; }
.pharmacy .form input, .pharmacy .form select { border: 1px solid #f1c5e1; width: 205; font-size: 11px; }
.pharmacy .form select { padding: 3px; height: 25px; }
.pharmacy .form input { padding: 4px; }
.pharmacy .form label { display: block; padding-bottom: 5px; font-size: 11px; }
.pharmacy .form a { position: absolute; left: 378px; top: 218px; font-size: 11px; font-weight: bold; }

.pharmacy #myframe { float: left; }
.pharmacy #branding { width: 250px; position: absolute; right: 20px; }
.pharmacy #result { margin-bottom: 20px; }
.pharmacy #searchresults { float: left; margin: 0 10px 0 20px; width: 245px; height: 300px; overflow: auto; }
.pharmacy #searchresults ul { list-style-type: none; }
.pharmacy #searchresults strong.title { margin-top: 10px; display: block; }
.pharmacy #searchresults strong.direction { background: url(/images/pharmacy/list_dotline.png) repeat-x bottom left; padding-bottom: 10px; display: block; }
.pharmacy #searchresults strong.direction a { font-size: 11px; }

/* sitemap */
.sitemap h2 { margin-bottom: 25px; }
.sitemap li h4 { margin-bottom: 10px; }
.sitemap .floatBox540 ul { list-style-type: none; float: left; width: 250px; }
.sitemap .floatBox540 a:hover, .sitemap .floatBox540 a:hover h4 { text-decoration: underline; }
.sitemap ul li ul { margin-bottom: 20px; }
.sitemap ul li ul li { padding-left: 20px; margin-bottom:5px; background: url("/images/arrow.png") no-repeat; }

/* active */
.active #flash.head { background: url('/images/active/header.png') no-repeat; height: 311px; }
.active #flash.head a { display: block; width: 249px; height: 311px; float: left; }
.active .floatBox540 h2 { margin: 13px 0; }
.activeTip #flash { height: 311px; }

.activeTip #flash.head.menstrualCrampsTip1 { background: url('/images/active/menstrual_cramps/tip_1.png') no-repeat; }
.activeTip #flash.head.menstrualCrampsTip2 { background: url('/images/active/menstrual_cramps/tip_2.png') no-repeat; }
.activeTip #flash.head.menstrualCrampsTip3 { background: url('/images/active/menstrual_cramps/tip_3.png') no-repeat; }
.activeTip #flash.head.menstrualCrampsTip3 a.next { left: 865px; }

.activeTip #flash.head.headachesTip1 { background: url('/images/active/headaches/tip_1.png') no-repeat; }
.activeTip #flash.head.headachesTip2 { background: url('/images/active/headaches/tip_2.png') no-repeat; }
.activeTip #flash.head.headachesTip3 { background: url('/images/active/headaches/tip_3.png') no-repeat; }
.activeTip #flash.head.headachesTip3 a.next { left: 865px; }

.activeTip #flash.head.toothachesTip1 { background: url('/images/active/toothaches/tip_1.png') no-repeat; }
.activeTip #flash.head.toothachesTip2 { background: url('/images/active/toothaches/tip_2.png') no-repeat; }
.activeTip #flash.head.toothachesTip3 { background: url('/images/active/toothaches/tip_3.png') no-repeat; }
.activeTip #flash.head.toothachesTip3 a.next { left: 865px; }

.activeTip #flash.head.jointPainTip1 { background: url('/images/active/joint_pain/tip_1.png') no-repeat; }
.activeTip #flash.head.jointPainTip2 { background: url('/images/active/joint_pain/tip_2.png') no-repeat; }
.activeTip #flash.head.jointPainTip3 { background: url('/images/active/joint_pain/tip_3.png') no-repeat; }
.activeTip #flash.head.jointPainTip3 a.next { left: 865px; }

.activeTip .head .headline, .activeTip .head .subheadline { color: #FFF; position: absolute; left: 29px;  }
.activeTip .head .headline { top: 15px; }
.activeTip .head .subheadline { top: 50px; line-height: 1em; }
.activeTip .head p.tip { width: 230px; height: 80px; position: absolute; left: 752px; top: 213px; font-size: 11px; }
.activeTip .head p.tip span { color: #cb1181; }
.activeTip .head h4.number { position: absolute; left: 755px; top: 25px; }
.activeTip .head a.next { position: absolute; left: 890px; top: 25px; }

.activeTip .floatBox540 p { margin-bottom: 15px; }
.activeTip .floatBox540 .teaser { width: 166px; position: relative; padding-top: 210px; }
.activeTip .floatBox540 .teaser img { position: absolute; left: -5px; top: 0; }

/* products */
.product { height: 312px; background: url('/images/products/products_bg.gif') no-repeat; }

.product .text { margin: 15px 0 0 30px; float: left; width: 616px; }
.product .text p { font-size: 12px; color: #818181; margin: 10px 0; height: 180px; }

#productteaser { float: right; width: 270px; height: 311px; display: block; position: relative; background: transparent no-repeat; }
#productteaser.aktrenForte { background-image: url('/images/products/ps_aktren_forte.png'); }
#productteaser.aktrenSpezial { background-image: url('/images/products/ps_aktren_spezial.png'); }
#productteaser.aktren { background-image: url('/images/products/ps_aktren.png'); }
#productteaser img { margin: 61px 0 0 23px; }
#productteaser img.special { margin: 4px 0 0 23px; }

/* teaser */
.rightTeaserContainer { float: right; width: 255px; }
.rightTeaserContainer .teaser { margin-bottom: 10px; }
.horizontalTeaserContainer { float: left; overflow: hidden; width: 795px; }
.horizontalTeaserContainer .overflowBox { width: 825px; }
.horizontalTeaserContainer .teaser { float: left; margin-right: 25px; }
.horizontalTeaserContainer .teaser.last { margin-right: 0; }

.teaser { float: left; width: 245px; background-repeat: no-repeat; padding-top: 145px; }
.teaser h4 { background: url('/images/arrow.png') no-repeat center right;  padding-right: 18px; display: inline; }
.teaser p { color: #787878; font-size: 11px; }

.aktivTeaser { background-image: url(/images/teaser/aktiv.png); }
.warumTeaser { background-image: url(/images/teaser/warum.png); }
.apothekenfinderTeaser { background-image: url(/images/teaser/apothekenfinder.png); }
.akupressurpunkteTeaser { background-image: url(/images/teaser/akupressurpunkte.png); }
.aktrenspezialTeaser { background-image: url(/images/teaser/aktrenspezial.png); }