/**************************************/
/* Allgemeine Container
/**************************************/
body {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 85%;color: #000;background: #fff url(/html/images/upload/bg.jpg) repeat-x top left;text-align: center;padding: 0;margin: 0;overflow-y: scroll;}

#outer {width: 1000px;margin: 0 auto;padding: 15px 0 25px 0;text-align:left;}
#inner {clear:left;width: 1000px;margin: 0 0 0 0;padding: 0 0 15px 0;background: transparent url(/html/images/upload/inner-bg.jpg) repeat-x bottom left;}
#inner .InnerLeft {width: 1000px;margin: 0;padding: 0 0 0 0;background: transparent url(/html/images/upload/inner-bg-left.jpg) repeat-y top left;}
#inner .InnerRight {clear:left;width: 1000px;margin: 0;padding: 0 0 0 0;background: transparent url(/html/images/upload/inner-bg-right.jpg) repeat-y top right;}

/**************************************/
/* Header #header */
/**************************************/
#header {padding: 0;margin: 0;background: #fff url(/html/images/upload/header-bg.jpg) repeat-x top left; color: #000; width: 100%;height:146px;}
#header .HeaderInner {background: transparent url(/html/images/upload/header-bg-right.jpg) no-repeat top right;height:146px;padding: 0 15px 0 0;}
#header .HeaderRight {background: transparent url(/html/images/upload/header-bg-left.jpg) no-repeat top left;padding: 0 0 0 14px; height:146px;}
#header .logo {float:left;background: transparent;padding: 21px 0 12px 22px;}
#header .logo .printlogo {display: none;}
.HintPrint {display: none;}

/**************************************/
/* Metanavigation #metanav */
/**************************************/
#metanav {float: right;margin: 0;padding: 0 0 12px 0;background: transparent;color: #333;text-align: right;}

/**************************************/
/* Hauptnavigation #nav */
/**************************************/
#nav {margin: 0 0 0 16px;padding: 0 0 0 0;color: #fff;background: transparent url(/html/images/upload/nav-bg.jpg) repeat-x top left;height:43px;width: 820px;}
#subnav {margin: 0;padding: 0 0 0 0;color: #004c99;background: #f3f3f3;font-size: 110%;position: relative;}

/**************************************/
/* Contentbereich #content */
/**************************************/
#content {margin:0;padding:  0 13px 0 12px;color: #000;background: transparent url(/html/images/upload/inner-bg-inner.png) no-repeat top left;width: 975px;font-size: 80%;line-height: 16px;min-height: 500px;}

/**************************************/
/* Footer */
/**************************************/
#footer {clear:left;color: #000;background: transparent; margin: 0; padding: 0;}
#footer .copyright {float:right; margin: 0; padding: 4px 11px 0 0;}

/**************************************/
/* SkipNav: barrierefreie Sprungmarken */
/**************************************/
#skipnav {margin: 0; padding: 0px;}
#skipnav #skip1, #skipnav #skip2 {margin: 0; padding: 0px;font-size: 80%;}
ul#skipnav, ul#skipnav2 {list-style:none;list-style-image: none;}
ul#skipnav li,ul#skipnav2 li {display:inline;margin: 0; padding: 0;}
#skip1 a, #skip2 a {position:absolute;top:-100px;left:-1000px;background: #c8c8c8;color: #000;}
#skip1 a:focus, #skip2 a:focus, #skip1 a:active, #skip2 a:active {position:absolute;z-index:3;top:5px;left:20px}

/* Hier werden die restlichen Styles hinzugeladen */

/**************************************/
/* Contentbereich #content */
/**************************************/
#content p {margin: 0;padding: 0 0 18px 0;line-height: 140%;}

h1 {font-size: 190%;color: #a90083;background: transparent;margin: 0 0 10px 0;padding: 0;line-height: 125%;font-weight: normal;}
h2, h3, h4 {font-size: 100%;color: #000;background: transparent;margin: 0 0 2px 0;padding: 0;line-height: 110%;}

#content ul {margin: 0 0 13px 0;padding: 0 0 0 17px;list-style-type: square;list-style-image: url(/html/images/upload/tri_liste.gif);line-height: 140%;}
#content ul.ContentUl {display:table;}
#content .Ulversion {padding-top: 15px;}
#content ul li {padding-bottom: 5px;}
#content .footnote {font-size: 85%;padding-top: 10px;}
#content .FootnoteNumber {font-size: 85%;line-height:0.8em}
sup {font-size:60%; padding-left:2px; font-weight: normal;}

table {border:0; margin: 0 0 20px 0; padding: 0 0 0 0;width: 100%;}
table th {background: #ae007c; color: #fff; border-bottom: 1px solid #fff;font-weight: normal;padding: 3px 10px;vertical-align: top;}
table td {background: #f3f3f3; color: #000;padding: 10px 10px;vertical-align: top;}
table .Special {border-right: 1px solid #fff;}

/* Default Links */
a {text-decoration: none;background: transparent; color: #004c99;}
a:link {text-decoration: none;background: transparent; color: #004c99;}
a:visited {text-decoration: none;background: transparent; color: #004c99;}
a:hover {background: transparent; color: #004c99;text-decoration: underline;}
a:active {background: transparent; color: #004c99;text-decoration: underline;}
a:focus {background: transparent; color: #004c99;text-decoration: underline;}

/* Invisible Elements - fuer Textversion der Webseite */
.invis, hr {display: none;}
/* Image: Borders none*/
img {border: none;}

/* Clear */
.clearleft, .clearleft2 {clear:left;height: 0;line-height: 0px;margin: 0;padding: 0;}
.clearright {clear:right;height: 0;line-height: 0px;margin: 0;padding: 0;}
.clear {clear:both;height: 0;line-height: 0px;margin: 0;padding: 0;}

/* Clearfix for teasers */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}

/**************************************/
/* Barrierefreie Formate */
/**************************************/
.hideme, dfn {position: absolute;left: -1000px;top: -1000px;width: 0px;height: 0px;display: inline;}

/**************************************/
/* Metanavigation #metanav */
/**************************************/
#metanav ul {margin: 0;padding: 15px 19px 0 0;font-size: 80%;list-style:none;list-style-image: none;}
#metanav ul li {display:inline;margin:0;padding:0 4px 0 4px;background: transparent;}
#metanav .first {background-image:none;}
#metanav .last {padding-right: 0;}
#metanav ul a {color: #004c99; background: transparent; text-decoration: none;}
#metanav ul a:hover {color: #004c99; background: transparent; text-decoration: underline;}
#metanav ul a:active {color: #004c99; background: transparent; text-decoration: underline;}
#metanav ul a:focus {color: #004c99; background: transparent; text-decoration: underline;}
#metanav ul a.active {color: #004c99; background: transparent; text-decoration: underline;}
#metanav ul a.active:hover {color: #004c99; background: transparent; text-decoration: underline;}
#metanav ul a.active:active {color: #004c99; background: transparent; text-decoration: underline;}
#metanav ul a.active:focus {color: #004c99; background: transparent; text-decoration: underline;}

/**************************************/
/* Hauptnavigation #nav > .navcontent */
/**************************************/
/* Hauptnavigation: 1. Ebene */
.navcontent {margin:0;padding:0 0 0 23px;font-size: 100%;background: transparent url(/html/images/upload/nav-bg-left.jpg) no-repeat top left;height:43px;}
.NavcontentRight {margin:0;padding:0 10px 0 0;background: transparent url(/html/images/upload/nav-bg-right.jpg) no-repeat top right;height:43px;}
.navcontent ul {margin: 0;padding: 0 0 0 0;list-style:none;list-style-image: none;}
.navcontent ul li {float:left;background: transparent;color: #fff;padding: 8px 11px 0 13px;margin: 0;height: 24px;}
.navcontent ul li.first {background: transparent none;padding-left: 9px;}
.navcontent ul li.active {background: #e7e7e7; color: #000;}
.navcontent ul a:link  {color: #fff;text-decoration: none;background: transparent none;}
.navcontent ul a:visited {color: #fff;text-decoration: none;background: transparent none;}
.navcontent ul a:hover {color: #fff;background: transparent none;text-decoration: underline;}
.navcontent ul a:active {color: #fff;text-decoration: none;background: transparent none;}
.navcontent ul a:focus {color: #fff;text-decoration: underline;background: transparent none;}
.navcontent ul a.active {color: #000;text-decoration: none;background: transparent none;}
.navcontent ul a.active:visited {color: #000;text-decoration: none;background: transparent none;}
.navcontent ul a.active:hover {color: #000;text-decoration: underline;background: transparent none;}
.navcontent ul a.active:focus {color: #000;text-decoration: underline;background: transparent none;}
.navcontent ul a.active:active {color: #000;text-decoration: underline;background: transparent none;}

/* Hauptnavigation: 2. Ebene */
#subnav ul {margin: 0;padding: 0 0 0 2px;list-style:none;list-style-image: none;}
#subnav ul li {float:left;background: transparent;color: #004c99;padding: 5px 7px 7px 11px;margin: 0;}
#subnav ul li.first {background: transparent none;padding-left: 13px;}
#subnav ul a:link  {color: #004c99;text-decoration: none;background: transparent none;}
#subnav ul a:visited {color: #004c99;text-decoration: none;background: transparent none;}
#subnav ul a:hover {color: #004c99;background: transparent none;text-decoration: underline;}
#subnav ul a:active {color: #004c99;text-decoration: none;background: transparent none;}
#subnav ul a:focus {color: #004c99;text-decoration: underline;background: transparent none;}
#subnav ul a.active {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul a.active:visited {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul a.active:hover {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul a.active:focus {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul a.active:active {color: #000;text-decoration: underline;background: transparent none;}

/* Hauptnavigation: 3. Ebene */
#subnav ul ul {margin: 0;padding: 0 0 0 0;position: absolute; top: 27px; left: 5px;list-style:none;list-style-image: none;}
#subnav ul ul li {float:left;background: transparent;color: #004c99;padding: 7px 9px 7px 9px;margin: 0;}
#subnav ul ul li.first {background: transparent none;padding-left: 9px;}
#subnav ul ul a:link  {color: #004c99;text-decoration: none;background: transparent none;}
#subnav ul ul a:visited {color: #004c99;text-decoration: none;background: transparent none;}
#subnav ul ul a:hover {color: #004c99;background: transparent none;text-decoration: underline;}
#subnav ul ul a:active {color: #004c99;text-decoration: none;background: transparent none;}
#subnav ul ul a:focus {color: #004c99;text-decoration: underline;background: transparent none;}
#subnav ul ul a.active {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul ul a.active:visited {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul ul a.active:hover {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul ul a.active:focus {color: #000;text-decoration: underline;background: transparent none;}
#subnav ul ul a.active:active {color: #000;text-decoration: underline;background: transparent none;}


/**************************************/
/* Forms Allgemein */
/**************************************/
form {margin: 0;padding:0;}
fieldset {border:none;padding: 5px 0 0 0; margin: 0;}
legend {display: none;} 

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input:hover, input:active, input:focus, 
select:hover, select:active, select:focus
textarea:hover, textarea:active, textarea:focus {
    background-color: #fff;
}

/**************************************/
/* Layoutarea Portalteaser */
/**************************************/
/* Portal Teaser */
#PortalHaupt {margin: 0  0 11px 0;padding: 0 24px 12px 25px; background: transparent  url(/html/images/upload/hauptteaser-bg-bt.jpg) no-repeat bottom left;width:926px;height:371px;}

/* Layoutarea Hauptteaser*/
#PortalHaupt .Hauptteaser {position: relative;margin: 0 0 0 0;padding: 0;background: #d0d3db url(/html/images/upload/bg_hauptteaser.png) no-repeat left top;height:294px;border:1px solid #fff;border-bottom:none;font-size:110%;}
#PortalHaupt .Hauptteaser .HauptTeaserContent {margin: 0;padding: 5px 25px 0 25px;}
#PortalHaupt .Hauptteaser .HauptTeaserContent2 {margin:0;padding:0;background: transparent url(/html/images/upload/bg_fakten_content.png) repeat-x left top;color:#000;}
#PortalHaupt .Hauptteaser .HauptTeaserContent3 {margin:0;padding:0;background: transparent url(/html/images/upload/bg_fakten_navi.png) repeat-x left top;color:#000;}

#content .Hauptteaser h1 {padding-top: 13px;margin-bottom:7px;font-size:200%;}
#content .Hauptteaser p {padding-bottom:29px;}
#PortalHaupt .Hauptteaser .BoxContent {font-size: 110%;position: absolute; top: 5px; left: 438px;padding-right: 15px;width: 460px;}

/* Selbsttest */
#PortalHaupt .HauptTeaserContent3 img {float:right;margin:0;padding:0;}
#PortalHaupt .HauptTeaserContent3 .teaserContent {float:left;width:500px;margin:0;padding:0 0 0 10px;}
#PortalHaupt .HauptTeaserContent3 .teaserContent p {padding-bottom:10px;}

#PortalHaupt .question {margin:4px 0 0 15px;padding:0;height:229px;}
#PortalHaupt .question fieldset {margin:0;padding:0;}
#PortalHaupt .question legend {display:block;margin:0 0 5px 0;padding:0;font-size:90%;}
#PortalHaupt .question legend .error {color:#AE007C;font-weight:bold;}
#PortalHaupt .question h1 {padding-top:0;margin-bottom:14px;}
#PortalHaupt .question .marginTop {margin-top:25px;}
#PortalHaupt .question label {display:block;margin:0 0 4px 0;padding:0;}
#PortalHaupt .question .submit {margin-top:10px;}

#PortalHaupt #toolTip {height:24px;margin:0 0 5px 2px;padding:0;font-size:90%;visibility:visible;}
#PortalHaupt #toolTip span {background:#fff;color:#000;padding:5px 5px 5px 5px;}
#PortalHaupt #toolTip .answer {color:#ae007c;padding:0;}

#PortalHaupt ul.questionNav {list-style-type:none;list-style-image:none;list-style-position:outside;margin:0 0 0 2px;padding:0;font-size:80%;}
#PortalHaupt ul.questionNav li {float:left;margin:0 6px 0 0;padding:0;}
#PortalHaupt ul.questionNav li a.qnav {display:block;margin:0;padding:2px 5px 1px 5px;}
#PortalHaupt ul.questionNav li a.qnav:link, #PortalHaupt ul.questionNav li a.qnav:visited {background:#fff;color:#ae007c;border:1px solid #ae007c;text-decoration:none;}
#PortalHaupt ul.questionNav li a.qnav:focus, #PortalHaupt ul.questionNav li a.qnav:hover, #PortalHaupt ul.questionNav li a.qnav:active {background:#ae007c;color:#fff;border:1px solid #fff;text-decoration:none;}
#PortalHaupt ul.questionNav li a.qnavactive {display:block;margin:0;padding:2px 5px 1px 5px;background:#ae007c;color:#fff;border:1px solid #fff;text-decoration:none;}
#PortalHaupt ul.questionNav li a.qnavnext {display:block;margin:1px 1px 0 1px;padding:2px 5px 1px 5px;}
#PortalHaupt ul.questionNav li a.qnavnext:link, #PortalHaupt ul.questionNav li a.qnavnext:visited {background:#fff;color:#7f7f7f;border:none;text-decoration:none;}
#PortalHaupt ul.questionNav li a.qnavnext:focus, #PortalHaupt ul.questionNav li a.qnavnext:hover, #PortalHaupt ul.questionNav li a.qnavnext:active {background:#ae007c;color:#fff;border:1px solid #fff;text-decoration:none;margin:0;}

/* Spezial-Hauptteaser "Fakten" mit zusätzlicher Navigation */
#PortalHaupt .Hauptteaser .navTeaser {float:left;width:288px;height:294px;margin:0;padding:0 9px 0 9px;background: transparent url(/html/images/upload/bg_fakten_navi.png) repeat-x left top;color:#909090;border-right:1px solid #fff;text-align:right;}
#PortalHaupt .Hauptteaser .navTeaser ul {list-style-type:none;list-style-image:none;list-style-position:outside;margin:76px 0 0 0;padding:0;font-size:125%;}
#PortalHaupt .Hauptteaser .navTeaser ul li {text-transform:uppercase;margin:0;padding:0 0 15px 0;}
#PortalHaupt .Hauptteaser .navTeaser ul li a {color:#909090;text-decoration:none;font-weight:bold;}
#PortalHaupt .Hauptteaser .navTeaser ul li a:hover, a:focus, a:active {color:#ae007c;}
#PortalHaupt .Hauptteaser .navTeaser ul li a.active {color:#ae007c;}
#PortalHaupt .Hauptteaser #faktenTeaserContent {float:left;width:519px;margin:0;padding:18px 49px 0 49px;}
#PortalHaupt .Hauptteaser #faktenTeaserContent h1 {margin-bottom:16px;}
#PortalHaupt .Hauptteaser #faktenTeaserContent .teaserImg {float:left;width:240px;margin:2px 19px 0 0;padding:0 0 38px 0;background: transparent url(/html/images/upload/bildschatten.png) no-repeat left bottom;color:#000;}
#PortalHaupt .Hauptteaser #faktenTeaserContent .teaserImg img {border:1px solid #fff;}
#PortalHaupt .Hauptteaser #faktenTeaserContent .teaserContent {float:left;width:260px;margin:0;padding:0;}

/* Layoutarea Subteaser*/
#PortalHaupt .Subteaser {float:left;width: 248px;margin: 0 27px 0 0;padding: 4px 10px 46px 15px;background: transparent url(/html/images/upload/bg_subteaser.png) no-repeat left top;}
#PortalHaupt .TeaserLast {margin-right:0;}
#PortalHaupt .Subteaser img {float:left;margin-right: 10px;}
#content .Subteaser h2 {padding-top: 7px;background: transparent; color: #ae007c;font-size: 120%;}
#content .Subteaser h2 a {color: #ae007c; background #fff;}
#PortalHaupt .Subteaser .BoxContent {font-size: 100%;float:left; width:165px;}
#content .Subteaser p {padding-bottom: 14px;}
#content .TeaserLink {font-weight:bold; color: #004c99;}

/* 3 Schaltflaechen im Portalteaser */
#PortalHaupt ul.HauptLinks {clear:left;list-style: none outside;list-style-image:none;margin: 0;padding: 0;border:1px solid #fff;border-top:none;}
#PortalHaupt ul.HauptLinks li {float:left;height:75px;background: #fff;color:#000;margin:0;padding:0;border-right: 1px solid #dadbde;}
#PortalHaupt ul.HauptLinks li.First {width: 306px;}
#PortalHaupt ul.HauptLinks li.Second {width: 307px;}
#PortalHaupt ul.HauptLinks li.Third {width: 309px;border-right:none;}

/* Weitere Teaser */
#MoreNews h2, #FeatureTeaser h2 {float:left;background: #ae007c url(/html/images/upload/button-right.gif) no-repeat top right; color: #fff;height: 25px;margin-bottom:12px;}
#MoreNews h2 span.corner, #FeatureTeaser h2 span.corner {float:left;background: transparent url(/html/images/upload/button-left.gif) no-repeat top left;width: 5px;height: 25px;}
#MoreNews h2 span.content, #FeatureTeaser h2 span.content {display:block;color: #fff;padding: 7px 12px 0px 12px;}
#MoreNews h3, #FeatureTeaser h3 {background: transparent; color: #ae007c;font-size: 110%;}
#MoreNews h3 a, #FeatureTeaser h3 a {background: transparent; color: #ae007c;}
/* More Teaser */
#MoreNews {float:left; width: 291px;padding: 0 18px 0 24px;}
#MoreNews .MoreNewsBox {font-size: 110%;border-bottom: 1px solid #d5d5d5;margin-bottom: 10px;}
#content #MoreNews p {padding-bottom: 8px;}
#content #MoreNews p span {font-weight: bold; color: #004c99; background: transparent;}

/* More Rubrikteaser */
#FeatureTeaser {float:left; width: 617px; padding: 0;}
#FeatureTeaser h3 {font-size: 120%;}
#FeatureTeaser .FeatureBox {float:left;margin: 0 12px 23px 0;width: 296px;background: #f3f3f3; color: #000;}
#FeatureTeaser .FeatureBox img {float:left;border-right: 1px solid #fff;}
#FeatureTeaser .PictoOnly img {float:none;border-right: none;}
#FeatureTeaser .FeatureBox .BoxContent {float:left; width: 155px;padding: 7px 10px 0 10px;}
#content #FeatureTeaser p {padding-bottom: 0;}

/* dynamischer teaser */
#FeatureTeaser .rotating {position: relative;}
#FeatureTeaser .rotating .BoxContent {position: absolute; top:0; left:0;width: 276px;}
#FeatureTeaser .rotating .BoxContent h3 {font-size: 210%;font-weight: normal;}
#content #FeatureTeaser .rotating .TeaserLink {position: absolute; bottom: 0; left:13px; background: transparent url(/html/images/upload/bg_rotatingteaser_link.png) left top no-repeat; color: #fff; padding: 3px 0px 2px 33px; width: 235px;line-height:1.34em;}
#FeatureTeaser .rotating .TeaserLink a {color: #fff;font-weight: normal; line-height:1.34em;}

/* Artikelseite */
.ContentBox {margin: 0  24px 23px 25px;padding: 0 0 0 0;border:1px solid #fff;background: #FFF;}
.SpacerTop {margin-top: 20px;}
#content .ContentInner h1 {font-size: 190%;margin-bottom: 14px;}
#content .ContentInner img.contentpicto, #content .ContentInner .contentpicto {float:left;width: 270px; margin: 4px 14px 5px 0;}
#content .ContentInner .contentpicto p.bildunterschrift {color: #A90083; margin: 4px 0 0; padding: 0;font-size: 95%}
#content .ContentInner p.summary {font-weight: bold;}
.ContentInner {float:left; width: 578px; padding: 31px 21px 15px 13px;font-size: 120%;min-height: 400px;}
#content .LinkBox {float:right; width: 276px; padding: 0 0 3px 20px;}
#content .LinkBox h3 {float:left;background: #ae007c url(/html/images/upload/button-right.gif) no-repeat top right; color: #fff;min-height: 25px;margin-bottom:15px;}
#content .LinkBox h3 span.corner {float:left;background: transparent url(/html/images/upload/button-left.gif) no-repeat top left;width: 5px;height: 25px;}
#content .LinkBox h3 span.content {display:block;color: #fff;padding: 6px 12px 2px 12px;}
#content .LinkBox ul {margin: 0 0 0 0;padding: 9px;list-style:none;list-style-image: none;background: #f3f3f3; color: #004c99;}
#content .DownloadBox ul li {margin: 0; padding: 0 0 3px 0;}
#content .DownloadBox {float:right; width: 276px; padding: 0 0 0 20px;}
#content .DownloadBox h3 {float:left;background: #ae007c url(/html/images/upload/button-right.gif) no-repeat top right; color: #fff;min-height: 25px;margin-bottom:15px;}
#content .DownloadBox h3 span.corner {float:left;background: transparent url(/html/images/upload/button-left.gif) no-repeat top left;width: 5px;height: 25px;}
#content .DownloadBox h3 span.content {display:block;color: #fff;padding: 6px 12px 3px 12px;}
#content .DownloadBox ul {margin: 0 0 0 0;padding: 9px;list-style:none;list-style-image: none;background: #f3f3f3; color: #004c99;}
#content .DownloadBox ul li {margin: 0; padding: 0 0 6px 0;}
#content .DownloadBox ul li img {vertical-align: middle; margin-right: 5px;}
#content .DownloadBox ul li span {font-size: 85%; color: #000; background: transparent; padding-left: 25px;}

#content .InfoBox {float:right; width: 276px; padding: 0 0 15px 20px;font-size: 100%;}
#content .left {float: left; padding: 0 20px 15px 0; width:296px;}
#content .InfoBox h3 {float:left;background: #ae007c url(/html/images/upload/button-right2.gif) no-repeat top right; color: #fff;min-height: 25px;margin-bottom: 0;}
#content .InfoBox h3 span.corner {float:left;background: transparent url(/html/images/upload/button-left2.gif) no-repeat top left;width: 5px;height: 25px;}
#content .InfoBox h3 span.content {display:block;color: #fff;padding: 5px 10px 2px 10px;font-size: 85%;}
#content .InfoBox p {clear:left;margin: 0 0 0 0;padding: 8px 9px 9px 9px;background: #f3f3f3; color: #000;}
#content .InfoBox p img {float: left;margin-right: 7px;}
#content .InfoBox p .metadata {font-size: 95%;}
#content .InfoBox ul {clear:left;margin: 0 0 12px 0;padding: 9px 9px 2px 26px;background: #f3f3f3; color: #000;}

/* Infobox Seitenspalten */
#TeaserColumn .InfoBox {padding: 0 0 15px; width: 300px; font-size: 115%;}
#content #TeaserColumn .InfoBox p {padding: 8px 9px 9px 9px;font-size: 90%;}

/* More Rubrikteaser */
#TeaserColumn {float:left; width: 300px; padding: 39px 0 15px 0;}
#TeaserColumn .TeaserBox {float:left;margin: 0 0 15px 0;width: 300px;background: #f3f3f3; color: #000;font-size: 110%;}
#TeaserColumn .TeaserBox img {float:left;border-right: 1px solid #fff;}
#TeaserColumn .TeaserBox .BoxContent {float:left; width: 160px;padding: 7px 5px 7px 10px;}
#TeaserColumn .TeaserBox .BoxContentWide {clear: both; padding: 7px 5px 7px 10px;}
#content #TeaserColumn p {padding-bottom: 0;font-size: 95%;line-height: 125%;}
#TeaserColumn h2 {background: transparent; color: #ae007c;font-size: 110%;line-height: 115%;}
#TeaserColumn h2 a {background: transparent; color: #ae007c;}

/* Buttonleiste - Zurueckbutton */
.ButtonLeiste {}
#content .ButtonLeiste .backButton {background: #A90083; color: #fff; line-height:1em; float: left; margin: 0; padding: 2px 9px 5px 11px;}
#content .ButtonLeiste .backButton a {color: #fff;}

/* Tabelle sodbrennen-foerdernde Nahrungsmittel und alternativen */
.tableCompare {padding: inherit}
.tableCompare th {border-bottom: 1px solid #fff; border-right: 1px solid #fff}
.tableCompare th.alternate {background: #c0d2e5; color: #004c99}
.tableCompare td {border-right: 1px solid #fff;border-bottom: 1px solid #fff;background: #F3F3F3}
.tableCompare td h3 {color: #ae007c}
.tableCompare td.alternate h3 {color:#004c99 }

/* FAQ */
#content .FAQ div.oneaccordion {margin: 0 0 15px 0;padding: 0;}
#content .FAQ div.oneaccordion div {margin: 0; padding: 0;}
#content .FAQ h2 {font-weight: normal; border-bottom: 1px solid #d5d5d5;padding: 5px 25px 5px 15px;margin: 0;color: #003d7b; background: transparent;font-size: 100%;}
#content .FAQ h2.first {border-top: 1px solid #d5d5d5;}
#content .FAQ div h2.selected {border-bottom: 1px solid #f3f3f3; background: #f3f3f3; color: #ae007c;font-weight: bold;}
#content .FAQ div h2.selected a {background: #f3f3f3; color: #ae007c;}
#content .FAQ div.accContent {border-bottom: 1px solid #d5d5d5;padding: 5px 25px 7px 15px; background: #f3f3f3; color: #000;}
#content .FAQ div.accContent p {padding: 5px 25px 7px 15px;}
#content .FAQ div.accContent h3 {padding: 5px 25px 0 15px;}
#content .FAQ div.accContent ul {padding: 5px 25px 0 32px;}
#content .FAQ p.last {padding-bottom: 0;}
#content .FAQ a {cursor:pointer;}

/**************************************/
/* Sitemap .SiteMap */
/**************************************/
#content .SiteMap {padding-top: 15px;}
#content .SiteMap h2 {font-weight: normal;background: #F3F3F3; color: #000;margin-bottom:7px;padding: 6px 12px 6px 12px;}
#content .SiteMap h2 a {background: transparent; color: #000;}
#content .SiteMap ul {margin: 0 0 13px 12px;padding: 0;list-style:none;list-style-image: none;color: #004C99;background: transparent;}
#content .SiteMap .NoChildren {margin-bottom: 15px;}
#content .SiteMap ul ul {margin-bottom: 0;margin-top: 5px;}
#content .SiteMap ul li {margin: 0 0 0 0; padding: 1px 5px 5px 2px;}
#content .SiteMap ul ul li {margin: 0 0 0 0; padding: 2px 5px 5px 21px;}

/**************************************/
/* Selbsttest .SelbstTest */
/**************************************/
#content .SelbstTest h2 {border-bottom: 1px solid #d5d5d5;padding: 5px 25px 5px 15px;margin: 0;color: #ae007c; background: transparent;font-size: 100%;}
#content .SelbstTest p {padding: 8px 25px 15px 15px; line-height: 160%;}
#content .SelbstTest p.bmi {line-height: 200%;padding-top: 0; padding-bottom: 8px;}
#content .SelbstTest p.bmi label {width: 80px;float:left;}
#content .SelbstTest p.error {padding: 8px 25px 0 15px; color: red; font-size: 95%;}
#content p.required {text-align:right; font-size: 95%;padding-right: 15px;padding-bottom: 0;}
.SelbstTest .CheckBoxen {vertical-align: middle;margin-right: 10px;}
.SelbstTest .inputSmall {width: 40px;border: 1px solid #d5d5d5;background: #f9f9f9; color: #000;}
.SelbstTest .inputSmall:hover, .SelbstTest .inputSmall:active, .SelbstTest .inputSmall:focus {
background-color: #fff;}
.SelbstTest .submit {margin: 15px 25px 5px 15px;color: #fff; background: #ae007c;border: 1px solid #ae007c;}

/**************************************/
/* Kontakt */
/**************************************/
#content .Kontakt p {padding: 0 0 10px 0; line-height: 160%;}
#content .Kontakt p.error {color: red; font-size: 90%;padding-bottom: 3px;padding-left: 165px;}
#content .Kontakt p.submitp {clear:left; float:none;}
#content .Kontakt label {font-weight: bold; color: #ae007c; background: #fff;float:left; width: 165px;}
#content .Kontakt select,#content .Kontakt input {width: 255px;font-size: 100%;border: 1px solid #d5d5d5;font-family: Arial, Verdana, Helvetica, sans-serif;background: #f9f9f9; color: #000;margin: 2px 0 0 0;padding: 0;}
#content .Kontakt select {width: 258px;}
#content .Kontakt select:hover, #content .Kontakt select:active, #content .Kontakt select:focus {
background-color: #fff;}
#content .Kontakt input:hover, #content .Kontakt input:active, #content .Kontakt input:focus {
background-color: #fff;}
#content .Kontakt textarea {width: 255px;font-size: 100%;border: 1px solid #d5d5d5;font-family: Arial, Verdana, Helvetica, sans-serif;background: #f9f9f9; color: #000;margin: 2px 0 0 0;}
#content .Kontakt textarea:hover, #content .Kontakt textarea:active, #content .Kontakt textarea:focus {
background-color: #fff;}
#content .Kontakt .submit {margin: 15px 25px 10px 165px;color: #fff; background: #ae007c;border: 1px solid #ae007c;width: auto;padding: 0 3px;}
#content .Kontakt input.submit:hover, #content .Kontakt input.submit:active, #content .Kontakt input.submit:focus {background-color: #ae007c;}
#content .KontaktBox p.required {text-align:right; font-size: 95%;padding-right: 155px;padding-bottom:10px;}

/**************************************/
/* Boxen-Teaser mit Hintergrundbild in der Contentspalte */
/**************************************/
.TeaserBox .Subteaser {float:left;width: 183px;margin: 0 14px 21px 0;padding: 0;background: #fff url(/html/images/upload/bg_subteaser_content_middle.png) repeat-y left top;}
.TeaserBox .Subteaser .Bottom {background: transparent url(/html/images/upload/bg_subteaser_content_bottom.png) no-repeat left bottom;margin:0;padding:0 0 9px 0;}
.TeaserBox .Subteaser .Top {background: transparent url(/html/images/upload/bg_subteaser_content_top.png) no-repeat left top;margin:0;padding:4px 10px 20px 15px}
.TeaserBox .TeaserLast {margin-right:0;}
.TeaserBox .Subteaser img {float:left;margin-right: 10px;}
.TeaserBox .Subteaser h2 {padding-top: 7px;background: transparent; color: #ae007c;font-size: 120%;}
.TeaserBox .Subteaser h2 a {color: #ae007c; background #fff;}
.TeaserBox .Subteaser .BoxContent {font-size: 100%;float:left; width:165px;}
.TeaserBox .Subteaser p {padding-bottom: 14px;}
.TeaserBox .TeaserLink {font-weight:bold; color: #004c99;}

/**************************************/
/* Boxen-Teaser mit Hintergrundbild in der Teaserspalte */
/**************************************/
#TeaserIngredients {float:right; width: 300px; padding: 39px 12px 15px 0;}
#TeaserIngredients .Subteaser {float:left;width: 300px;margin: 0 0px 21px 0;padding: 0;background: #fff url(/html/images/upload/bg_subteaser_right_middle.png) repeat-y left top;}
#TeaserIngredients .Subteaser .Bottom {background: transparent url(/html/images/upload/bg_subteaser_right_bottom.png) no-repeat left bottom;margin:0;padding:0 0 9px 0;}
#TeaserIngredients .Subteaser .Top {background: transparent url(/html/images/upload/bg_subteaser_right_top.png) no-repeat left top;margin:0;padding:4px 10px 5px 11px}
#TeaserIngredients .TeaserLast {margin-right:0;}
#TeaserIngredients .Subteaser img {float:left;margin-right: 10px;}
#TeaserIngredients .Subteaser h2 {padding-top: 7px;background: transparent; color: #ae007c;font-size: 120%;}
#TeaserIngredients .Subteaser h2 a {color: #ae007c; background #fff;}
#TeaserIngredients .Subteaser .BoxContent {font-size: 100%;float:left; width:165px;}
#content #TeaserIngredients .Subteaser p {padding-bottom: 18px;font-size:100%}
#TeaserIngredients .Subteaser ul li {color: #ae007c;line-height: 1.34em;padding-bottom: 2px}
#TeaserIngredients .TeaserLink {font-weight:bold; color: #004c99;}

/**************************************/
/* Teaserliste */
/**************************************/
.TeaserList {padding: 15px 0 15px 0;}
.TeaserList .TeaserBox {margin: 0 0 15px 0;background: #fff; color: #000;font-size: 100%;}
.TeaserList .TeaserBox img {float:left;margin-right:18px;width: 120px;margin-top: 2px;}
.TeaserList .TeaserBox .BoxContent {float:left; width: 428px;padding: 0 10px 0 0;}
#content .TeaserList p {padding-bottom: 13px;font-size: 95%;line-height: 125%;}
.TeaserList h2 {background: transparent; color: #ae007c;font-size: 100%;line-height: 115%;}
.TeaserList h2 a {background: transparent; color: #ae007c;}
#content .TeaserList p.TeaserLink {font-weight: normal; padding-bottom: 0;}

/* Tooltip */
a.tooltip {border-bottom: 1px dotted #000;}
.tooltipcont {font-size: 85%;border: 1px solid #D5D5D5 !important;background: #F3F3F3!important;color: #000 !important;width: 300px !important;padding: 9px !important;line-height: 150% !important;}

/* Video */
#TeaserColumn .BoxVideo {margin-top: 20px;background:transparent;text-align:center;}
#content #TeaserColumn .BoxVideo p {text-align:right; background: #fff; color: #7f7f7f;padding-bottom: 5px;}
#content #TeaserColumn #flashcontent p {text-align:left; background: #fff; color: #000;padding-bottom: 15px;}
#content #TeaserColumn #flashcontent img {float:none;}

/* PodcastBox */
#content .PodcastBox {margin-bottom:24px;margin-top: 5px;background: #fff;}
#content .PodcastBox h2 {float:left;background: #ae007c url(/html/images/upload/button-right2.gif) no-repeat top right; color: #fff;min-height: 25px;margin-bottom: 0;}
#content .PodcastBox h2 span.corner {float:left;background: transparent url(/html/images/upload/button-left2.gif) no-repeat top left;width: 5px;height: 25px;}
#content .PodcastBox h2 span.content {display:block;color: #fff;padding: 5px 10px 2px 10px;font-size: 95%;}
#content #TeaserColumn .PodcastBox p {font-size:95%; line-height:125%;padding: 11px 10px 0}
#content .Podcast {background: #F3F3F3;}
#content #TeaserColumn .PodcastBox p img {float:none;}
#content #TeaserColumn .PodcastBox p sup {line-height: 0;}
#content .PodcastBox ul {margin: 0 0 0 0;padding: 6px 10px 11px;list-style:none;list-style-image: none;background: #f3f3f3; color: #ad208e;font-size: 95%; line-height:125%;}
#content .PodcastBox ul li {margin: 0; padding: 0 0 8px 0;}
#content .PodcastBox ul li span {font-size: 95%; color: #000; background: transparent; padding-left: 23px;display:block;}

/* Podcast */
#content .Podcast {padding: 1px 2px 8px 2px;}
#content .Podcast ul li img {vertical-align: middle; margin-right: 5px;}
#content #video2 {padding: 8px 0 2px 10px;}
#content #TeaserColumn #video2 p {padding-left: 0;}

/* Antazida Product Teaser -  Variation A*/
#content .antazidaProductTeaser {
  margin: 25px 0;
}
#content .antazidaProductTeaser img {
  float: left;
  width: 140px;
}
#content .antazidaProductTeaser h3,
#content .antazidaProductTeaser p {
  margin-left: 140px;
}
#content .antazidaProductTeaser h3 a {
  color: #ae007c;
}

/* Antazida Product Teaser -  Variation B*/
#content .antazidaProductTeaserBox,
#content .antazidaProductTeaserBox .top,
#content .antazidaProductTeaserBox .bottom {
    background: transparent url(/html/images/upload/productTeaserBoxBg.gif) no-repeat -277px top;
}
#content .antazidaProductTeaserBox {
    float:left;
    width: 277px;
    margin-right: 24px;
    position: relative;
    background-repeat: repeat-y;
}
#content .antazidaProductTeaserBox .top {
    background-position: left top;
}
#content .antazidaProductTeaserBox .bottom {
    padding: 11px 20px;
    background-position: -554px bottom;
}
#content .antazidaProductTeaserBoxLast {
    margin-right:0;
}
#content .antazidaProductTeaserBox h3 {
    font-size: 120%;
    margin-bottom: 2px;
    color: #ae007c;
}
#content .antazidaProductTeaserBox h3 a {
    color: #ae007c;
}
#content .antazidaProductTeaserBox .banner {
    position: absolute;
    top:0;
    right:0;
}
.glossaryPopup {
    font-size: 0.7352em;
    border: 1px solid #b3b3b3;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);
    background: #eee url(../images/upload/glossaryPopupBg.gif) top left repeat-x;
}
.glossaryPopup .content {
    width: 300px;
    padding: 32px 15px 10px 15px;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.5em;
}
.glossaryPopup .content h2 {
    color: #a90083;
    font-size: 1.6em;
}
.glossaryPopup .close {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 15px;
    line-height: 15px;
    text-align: right;
    color: #808080;
    padding: 0 20px 0 0;
    background: transparent url(../images/upload/glossaryPopupClose.gif) right top no-repeat;
}
.glossaryPopup .poweredBy {
    color: #808080;
    text-align:right;
    padding: 0 15px 10px;
}
.glossaryPopup .poweredBy a {
    color: #808080;
}
.glossaryPopup .poweredBy img {
    margin-left: 0.4em;
}
.glossaryPopup .close:hover {
    color: #a90083;
    background-position: right -15px;
}
.glossaryTerm,
.glossaryTerm:active,
.glossaryTerm:visited,
.glossaryTerm:link,
.glossaryTerm:focus {
    color: #000;
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
.glossaryTerm:focus {
    border-bottom: none;
}
.glossaryTerm:hover {
    cursor: help;
    text-decoration: none;
}

/* Pflichttext im Footer */
#footer {color: #666; font-size: 0.83em;padding-left: 2em}
#footer a.choreLink {background: transparent url(/html/images/upload/chorIcon.gif) left 0 no-repeat; color: #666; padding: 0 0 0 20px}
#footer a.choreLink.hidden {background-position: left -13px}
/**************************************/
/* Teasergruppe */
/**************************************/
/* Tabnavigation */
#content .TeaserGroup .TabNavigation ul {list-style: none; list-style-image: none; margin: 0; padding: 0;font-size: 90%;}
#content .TeaserGroup .TabNavigation li {float: left; margin: 0;padding:0;}
.TeaserGroup .TabNavigation li a {background: #e7e7e7; line-height:16px;}
.TeaserGroup .TabNavigation li .content {display:block;background: #e7e7e7 url(/html/images/upload/tab_right_inactive.gif) right top no-repeat;padding: 4px 16px 4px 2px}

/* erster tab - inaktiv */
.TeaserGroup .TabNavigation li.first .corner {float: left; background: #AE007C url(/html/images/upload/tab_left_inactive.gif) left top no-repeat; height:24px; width:5px;}
.TeaserGroup .TabNavigation li.first .content {padding-left:12px;}

/* erster tab - aktiv */
.TeaserGroup .TabNavigation li.firstActive a {color: #fff; background: #AE007C;}
.TeaserGroup .TabNavigation li.firstActive .corner {float: left; background: #AE007C url(/html/images/upload/tab_left_active.gif) left top no-repeat; height:24px; width:5px;}
.TeaserGroup .TabNavigation li.firstActive .content {padding-left: 12px;background: #AE007C url(/html/images/upload/tab_right_active.gif) right top no-repeat;}

/* aktiver tab (nicht first oder last) */
.TeaserGroup .TabNavigation li.prevActive .content {background: #e7e7e7 url(/html/images/upload/tab_right_prevactive.gif) right top no-repeat;}
.TeaserGroup .TabNavigation li.active a {color: #fff; background: #AE007C}
.TeaserGroup .TabNavigation li.active .corner {float: left; background: #AE007C url(/html/images/upload/tab_left_active.gif) left top no-repeat; height:24px; width:5px;}
.TeaserGroup .TabNavigation li.active .content {padding-left: 2px;background: #AE007C url(/html/images/upload/tab_right_active.gif) right top no-repeat;}

/* letzter tab - inaktiv */
.TeaserGroup .TabNavigation li.last .content {background: #e7e7e7 url(/html/images/upload/tab_right_last.gif) right top no-repeat;padding-right: 11px}

/* letzter tab - aktiv */
.TeaserGroup .TabNavigation li.lastActive a {color: #fff; background: #AE007C}
.TeaserGroup .TabNavigation li.lastActive .corner {float: left; background: #AE007C url(/html/images/upload/tab_left_active.gif) left top no-repeat; height:24px; width:5px;}
.TeaserGroup .TabNavigation li.lastActive .content {padding-left: 2px;background: #AE007C url(/html/images/upload/tab_right_last_active.gif) right top no-repeat;padding-right:9px}


.TeaserGroup {}
.TeaserGroup .TeaserBox {background: #f3f3f3; padding: 10px}
.TeaserGroup .TeaserBox .TeaserItem img {border: 1px solid #fff; float: left;display: block;margin: 0 11px 9px 0}
.TeaserGroup .TeaserBox .TeaserItem .TeaserContent {float: left; width:467px; border-bottom: 1px solid #d5d5d5; paxdding-bottom: 14px; margin-bottom: 14px}
.TeaserGroup .TeaserBox .TeaserItem .TeaserContent h2 {color: #AE007C;}
.TeaserGroup .TeaserBox .TeaserItem .TeaserContent h2 a {color: #AE007C;}
#content .TeaserGroup .TeaserContent .subline {color: #AE007C;margin: 0 0 1px;padding:0;font-size: 95%;}
#content .TeaserGroup .TeaserContent p {margin: 0; padding: 0;font-size: 85%;}
#content .TeaserGroup .TeaserContent p.TeaserLink {font-size: 90%;padding-bottom: 14px;}
.TeaserGroup .TeaserBox .last .TeaserContent {border-bottom: 0 none}

.playerModal {
    -moz-border-radius: 7px 7px 7px 7px;
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    background: url("../images/upload/glossaryPopupBg.gif") repeat-x scroll left top #EEEEEE;
    border: 1px solid #B3B3B3;
    font-size: 13px;
    padding: 25px;
    display: none;
}
.playerModal #playerContainer {
    width: 480px;
    height: 270px;
}
.playerModal .close {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 15px;
    line-height: 15px;
    text-align: right;
    color: #808080;
    padding: 0 20px 0 0;
    background: transparent url(../images/upload/glossaryPopupClose.gif) right top no-repeat;
}
.playerModal .close:hover {
    color: #a90083;
    background-position: right -15px;
}