

/* included stylesheet styles/fonts.css-- */

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/styles/fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/styles/fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/styles/fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/styles/fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/styles/fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/styles/fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* included stylesheet styles/icomoon/include_font.css-- */

@font-face {
    font-family: 'icomoon';
    src:    url('/styles/icomoon/icomoon.eot?izc8pa');
    src:    url('/styles/icomoon/icomoon.eot?izc8pa#iefix') format('embedded-opentype'),
        url('/styles/icomoon/icomoon.ttf?izc8pa') format('truetype'),
        url('/styles/icomoon/icomoon.woff?izc8pa') format('woff'),
        url('/styles/icomoon/icomoon.svg?izc8pa#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icomoon { font-family:icomoon !important;}


span[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
    }

/* included stylesheet styles/default.css-- */

/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

body{font-family: "Ubuntu", sans-serif; font-size: 16px; line-height: 1.4; height: 100%;}

.clearall{clear: both !important;}

#page{margin: 20px auto; padding: 300px 0px 50px; max-width: 100%; position: relative; background-color: rgb(255, 255, 255); min-width: 1060px; width: 1500px;}

#content{max-width: 980px; min-height: 300px; float: left; margin-bottom: 20px; width: 100%;}

#content_box{position: relative; padding: 0px 0px 0px 50px; border-bottom: 1px solid rgb(177, 123, 183); display: grid; gap: 10px; grid-template-columns: 1fr 440px;}

#footer{padding-top: 10px; position: relative; padding-left: 50px;}

#footerLinks{margin: 0px; padding: 0px; list-style-type: none;}

#footerLinks li{float: left; font-size: 0.9em; padding: 0px 10px; border-right: 1px solid rgb(177, 123, 183);}

#news_box{border-left: 1px solid rgb(177, 123, 183); overflow: auto; width: 390px; float: left; padding-left: 20px; height: auto; margin-left: 10px;}

#news_box ul{padding: 0px; margin-left: 0px; list-style-type: none;}

#news_box p.teaser{font-style: normal;}

#news_box li{padding: 0px 0px 4px; border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 10px;}

#news_box h3 a:hover{text-decoration: underline;}

#news_box h3 a{text-decoration: none; color: rgb(0, 23, 114);}

body.nonews #news_box{display: none;}

a img{border: 0px none;}

#content .testStellenTable{width: 100%; border-collapse: collapse; background-color: rgb(255, 255, 255);}

.nonews #content{max-width: 950px; padding-right: 0px; float: none;}

ul.testStellenUeb{margin: 0px; padding: 0px; list-style-type: none;}

#content ul.testStellenUeb{margin: 0px 0px 30px; padding: 0px;}

h2{font-size: 1.3em; color: rgb(13, 54, 144);}

h1{color: rgb(13, 54, 144); font-size: 1.7em; margin-top: 1.5em;}

#errors{border: 1px solid rgb(153, 153, 153); padding: 5px; background-color: rgb(228, 141, 87); color: rgb(13, 54, 144); font-weight: bold;}

#errors p{margin: 5px 0px;}

#content a img{border: 0px none;}

#content .downloadaudio a{text-decoration: none;}

.box{border: 1px solid rgb(204, 204, 204); padding: 12px; margin-bottom: 20px;}

#news_box h2 a{color: rgb(177, 123, 183); text-decoration: none;}

#news_box h2 a:hover{text-decoration: underline;}

h1 small{font-size: 0.7em;}

#content h4{color: rgb(13, 54, 144); margin: 0px;}

#ausgabeUebersicht h4 a{color: rgb(13, 54, 144); text-decoration: none;}

#news_box h3 a:visited{color: rgb(51, 102, 153);}

#ausgabeUebersicht a:visited{color: rgb(13, 54, 144);}

.align_center{text-align: center !important;}

a:hover{text-decoration: underline !important;}

#content p{margin-top: 0px; margin-bottom: 8px;}

#content .testStellenTable td{border: 1px solid rgb(13, 54, 144) !important; font-family: arial; font-size: 11px;}

.testStellenTable tr:hover{background-color: rgb(224, 224, 255);}

.infoboxRight{padding: 12px; margin-bottom: 10px; margin-left: 10px; background-color: rgb(233, 231, 240); float: right; width: 240px; box-shadow: rgb(68, 68, 68) 2px 2px 5px;}

.infoboxRight h3{margin: 0px 0px 8px;}

#content a{color: rgb(13, 54, 144); text-decoration: underline;}

#content .medClassHead a{color: rgb(13, 54, 144);}

#content .medtable a{color: rgb(13, 54, 144);}

.graficRight{float: right; margin-left: 10px; margin-bottom: 10px;}

.backlink{float: right; clear: both;}

body.aktuellarchiv .box{border: 0px none;}

.aktuellarchiv #content_box .meldBox{border-bottom: 1px solid rgb(184, 188, 223); background-color: transparent; padding-bottom: 0px; margin-bottom: 0px;}

#content_box #news_box h3{margin: 0px; font-size: 1em; color: rgb(51, 102, 153);}

#content_box #news_box p{margin-top: 0px; margin-bottom: 8px;}

.box h3{color: rgb(13, 54, 144);}

#content h4 a{text-decoration: none;}

#content .standdatum{font-size: 11px; color: rgb(102, 102, 102); text-align: right;}

.floatRight{float: right; margin-left: 15px; margin-bottom: 10px;}

#content .backlink a{text-decoration: none;}

#content .hpWeiterLink{text-decoration: none;}

#interviews{float: right; margin-left: 15px; width: 260px;}

#interviews div{clear: both; margin-bottom: 20px;}

#content_box hr.separator{border: 1px solid rgb(252, 178, 242); margin: 15px 15%;}

select{border: 1px solid rgb(153, 153, 153);}

form{margin: 0px;}

#content ul ul{margin-top: 4px; margin-bottom: 8px;}

#content li{margin: 8px 0px;}

#content .meldBox h3{margin-top: 5px;}

.aktion .frage{color: rgb(177, 123, 183); font-weight: bold;}

#content_box .frage{color: rgb(224, 87, 138); margin-bottom: 4px;}

.hivPink{color: rgb(177, 123, 183);}

.hivBlue{color: rgb(13, 54, 144);}

#content a.weiter{text-decoration: none;}

#randspalte{padding: 8px; background-color: rgb(224, 224, 255);}

#randspalte h2{margin: -8px -8px 10px; padding: 2px 10px; font-size: 1.2em; color: rgb(255, 255, 255); background-color: rgb(121, 120, 172);}

#content_box #randspalte .lightBackgroundBlock{margin: -8px; background-color: rgb(243, 224, 226);}

#randspalte .lightBackgroundBlock h3{background-color: transparent; color: rgb(13, 54, 144);}

#content_box #content .graficCenter p{text-align: left; font-size: 13px; line-height: 16px; color: rgb(68, 85, 102);}

#content .interviewee{color: rgb(177, 123, 183);}

#content .compact td{font-size: 14px; line-height: 14px;}

.cellLines th{border: 2px solid rgb(255, 255, 255);}

.bgorange{background-color: rgb(228, 141, 87);}

.bgyellow{background-color: rgb(255, 227, 152);}

.bggreen{background-color: rgb(153, 204, 153);}

.bgred{background-color: rgb(177, 123, 183);}

table{text-align: left;}

th{vertical-align: top;}

#content .backlink{margin-left: 20px;}

.align_left{text-align: left !important;}

#content .graficCenter{margin-top: 20px; margin-bottom: 20px;}

.blueBackgroundBlock h2{color: rgb(68, 68, 68); margin-left: 8px;}

.nobreakspan{white-space: nowrap;}

#actions{border-left: 2px solid rgb(204, 204, 204); overflow: auto; width: 300px; float: right; padding-left: 20px; height: 450px; padding-right: 50px;}

.blueTable{border: 1px solid rgb(121, 120, 172); background-color: rgb(204, 219, 237); border-collapse: collapse;}

.blueTable td{border-color: rgb(121, 120, 172);}

.blueTable th{background-color: rgb(98, 129, 189); color: rgb(255, 255, 255); text-align: left; padding-left: 5px;}

td{vertical-align: top;}

.rowLines td{border-bottom: 1px solid;}

#content p.supportedby{color: rgb(153, 153, 153); font-size: 12px;}

#content .slidesdownload .box{background-color: transparent;}

.align_right{text-align: right !important;}

.align_justify{text-align: justify !important;}

.frage .nb{color: rgb(13, 54, 144);}

#content .lightBackgroundBlock h4{margin-top: 0px;}

#content .blueBackgroundBlock h3{font-size: 1.1em;}

#content .caption{font-size: 11px !important; margin: 0px !important;}

#content_box .blueBackgroundBlock li p{margin-left: 0px; margin-right: 0px; margin-top: 0px;}

#content .blueHeader h2{color: rgb(255, 255, 255); margin: 0px; padding: 8px 0px 0px 8px;}

#content .blueHeader{background-color: rgb(13, 54, 144);}

.graficRight li{font-size: 13px;}

.blueBackgroundBlock h1{margin: 8px;}

#content span.grey{color: rgb(102, 102, 102);}

.blueBackgroundBlock h5{font-size: 14px; margin: 20px 0px 8px; color: rgb(13, 54, 144); background-color: rgb(184, 188, 223); padding: 2px 8px;}

#content p.compact{margin-bottom: 4px;}

#content_box .backlinkBottom{padding: 40px 0px 0px;}

.nounderline{text-decoration: none !important;}

hr.blueseparator{border: 1px solid rgb(184, 188, 223); width: 80%; margin: 30px auto;}

#content_box .infoboxRight h4{margin: 4px 0px;}

#content .blueBackgroundBlock h4{background-color: transparent; color: rgb(13, 54, 144); font-size: 14px; margin-left: 8px;}

#interviews hr{border: 2px solid rgb(204, 204, 204); width: 60%; margin: 15px auto;}

#content a:hover{background-color: rgb(184, 188, 223);}

.no_margin{margin: 0px;}

.no_margin li{margin: 0px;}

#content .no_margin li{margin: 0px;}

.lightBackgroundBlock{background-color: rgb(243, 224, 226); padding: 0.5em;}

.shadow_box{box-shadow: rgb(153, 153, 153) 4px 4px 7px;}

#page .toggleBlock H4{cursor: pointer;}

#page .toggleBlock H4.headerClosed{padding-left: 25px; background-image: url("/pics/klapp_closed.gif"); background-repeat: no-repeat;}

#page .toggleBlock H4.headerOpen{padding-left: 25px; background-image: url("/pics/klapp_open.gif"); background-repeat: no-repeat;}

.toggleBody{padding-left: 20px; overflow: hidden; transition-duration: 0.3s; transition-property: height;}

#page section.faq-toggler > H3{cursor: pointer; font-size: 14px; color: rgb(13, 54, 144); padding-left: 25px; background-image: url("/pics/klapp_closed.gif"); background-repeat: no-repeat;}

#page section.faq-toggler > #currentOpenFaqHead{padding-left: 25px; background-image: url("/pics/klapp_open.gif"); background-repeat: no-repeat;}

#page section.faq-toggler > div{padding-left: 20px; overflow: hidden; transition-duration: 0.3s; transition-property: height; height: 0px;}

.blueTable .light{background-color: rgb(255, 255, 255);}

UL.ulist_sqboller{list-style-image: url("/images/sq_boller.gif"); margin-left: 25px;}

UL.ulist_sqboller UL{list-style-image: none;}

#content UL.ulist_sqboller{margin-left: 25px;}

.graficLeft{float: left; margin: 0px 15px 15px 0px;}

IMG.logoFloatLeft{float: left; margin-right: 15px; margin-bottom: 10px;}

.blueBackgroundBlock{background-color: rgb(233, 231, 240);}

.blueBorderImg{border: 1px solid rgb(13, 54, 144);}

.blueBackgroundBlock P{margin-left: 8px; margin-right: 8px; margin-top: 0px; font-size: 0.95em;}

.blueBackgroundBlock H3{margin-top: 0px; background-color: rgb(13, 54, 144); color: rgb(255, 255, 255); padding: 4px 8px;}

#content .blueBackgroundBlock .byline{padding: 8px;}

.byline{margin: 6px 0px; text-align: right; font-style: italic;}

.cellpad3 TD{padding: 3px;}

.outdent15{text-indent: -15px; padding-left: 15px;}

.literatur p{text-indent: -10px; font-size: 12px; padding-left: 25px; line-height: 13px;}

.zeitzeugenBluebox{width: 280px; float: left; padding: 10px 10px 10px 70px; background-color: rgb(233, 231, 240); margin: 0px 20px 10px -50px; background-image: url("/images/hivschleife.png"); background-repeat: no-repeat; background-position: 10px 10px; border: 1px solid rgb(204, 204, 204); min-height: 50px;}

.textPreviewHighlight{border-top: 2px solid rgb(177, 123, 183); border-bottom: 2px solid rgb(177, 123, 183); padding: 10px; margin: 10px 0px; font-weight: bold; color: rgb(13, 54, 144);}

#hp_intro_div STRONG{font-weight: normal;}

#interviewsWide #interviewBoxHeader{background-color: rgb(204, 204, 204);}

#interviewsWide P.downloadaudio{clear: both; margin-top: 10px; padding-left: 30px;}

#content .compactList li{margin: 0px;}

#ausgabeUebersicht h4 small{font-size: 0.85em;}

#content #literatur p{font-size: 11px; text-indent: -15px; padding-left: 15px; margin: 0px;}

table.center td{text-align: center;}

table.compact .col1{font-weight: bold; text-align: left;}

#literatur{border-top: 3px solid rgb(13, 54, 144); margin-top: 20px; padding-top: 8px;}

#content .compact p{font-size: 14px; margin: 3px 0px;}

p.teaser{font-style: italic;}

.box .interviewHeader{margin-top: 0px;}

.blueTable ul{margin: 0px;}

#content .blueTable ul p{margin: 0px;}

#content .blueTable li{margin: 3px;}

#content .bbox p{margin: 1px 8px; font-weight: bold; color: rgb(0, 0, 0); font-size: 12px;}

#content .bbox p.hivBlue{font-weight: bold; color: rgb(13, 54, 144);}

h3.mon{border-top: 2px solid rgb(13, 54, 144); border-bottom: 2px solid rgb(13, 54, 144); text-align: center; background-color: rgb(224, 224, 255); margin-top: 30px;}

.blueTable.cellpad3 th{padding: 3px;}

#page #banner_ad h2{color: rgb(177, 123, 183); margin-bottom: 6px;}

#page #banner_ad{border-left: 2px solid rgb(204, 204, 204); overflow: auto; width: 300px; float: right; padding: 0px 50px 20px 20px;}

#content .smallnotes{font-size: 11px; background-color: rgb(233, 231, 240);}

#content .blueBackgroundBlock.compact p{padding-left: 8px; padding-right: 8px;}

#content_box .meldDate{width: 120px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); font-size: 11px; margin-top: 30px;}

.fussnoten{font-size: 12px;}

.fussnoten p{text-indent: -15px; padding-left: 15px;}

.blueTable.zebra tr:nth-child(2n+1){background-color: rgb(255, 255, 255);}

.blueTable.zebra2 tr:nth-child(2n){background-color: rgb(255, 255, 255);}

#content .bubblebox{background-color: rgb(121, 120, 172); font-size: 15px; font-weight: bold; color: rgb(255, 255, 255); width: 140px; text-align: center; padding: 10px; float: right; margin: 0px 0px 10px 10px;}

.home h3{margin-bottom: 5px;}

#content #iasbox h4{margin-bottom: 5px;}

span.newsdate{display: inline-block; margin-right: 10px; color: rgb(13, 54, 144);}

#referenten{column-count: 2; column-gap: 20px;}

span.bildcopy{display: inline-block; margin-top: -12px; color: rgb(255, 255, 255);}

#content a img.blueBorderImg{border: 1px solid rgb(13, 54, 144);}

.blueBackgroundBlock h3 a{color: rgb(255, 255, 255);}

#content .blueBackgroundBlock h3 a{color: rgb(255, 255, 255);}

#content .cellLines td{border: 2px solid rgb(255, 255, 255);}

h1 sup{vertical-align: text-top; font-size: 50%;}

#content .graficRight p{font-size: 13px; line-height: 16px; color: rgb(68, 85, 102);}

#content .graficLeft p{font-size: 13px; line-height: 16px; color: rgb(68, 85, 102);}

.shadowImg{box-shadow: rgb(102, 102, 102) 3px 3px 8px;}

#teststellanmeld dt{float: left; width: 140px; clear: both; margin-top: 10px; text-align: right; padding-right: 10px;}

#teststellanmeld dd{float: left; margin: 10px 0px; padding-left: 0px;}

#teststellanmeld input{border: 1px solid rgb(204, 204, 204); font-size: 16px; padding: 3px 8px; width: 400px;}

#teststellanmeld textarea{width: 400px; border: 1px solid rgb(204, 204, 204); height: 80px; padding: 3px 8px; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}

#teststellanmeld input#email{margin-bottom: 25px;}

#content #teststellanmeld .separator{border-color: rgb(153, 153, 153);}

#teststellanmeld .formsubmit{text-align: center; padding: 20px 0px 10px; clear: both;}

#aenderndiv{height: 0px; overflow: hidden; transition-property: height; transition-duration: 0.3s;}

#anmeldendiv{height: 0px; overflow: hidden; transition-property: height; transition-duration: 0.3s;}

#anmeldendiv #teststellanmeld{border: 1px solid rgb(204, 204, 204); padding: 10px; border-radius: 12px; margin: 10px; box-shadow: rgb(204, 204, 204) 5px 5px 8px; background-color: rgb(233, 231, 240);}

#aenderndiv #teststellaendern{border: 1px solid rgb(204, 204, 204); padding: 10px; border-radius: 12px; margin: 10px 10px 80px; box-shadow: rgb(204, 204, 204) 5px 5px 8px; background-color: rgb(184, 188, 223);}

#fetchemail{width: 350px; border: 1px solid rgb(204, 204, 204); font-size: 16px; padding: 4px 8px;}

#content .editbutton{text-align: center; margin-bottom: 30px;}

.teststellenerrors{border: 2px solid rgb(204, 204, 204); background-color: rgb(255, 227, 152); text-align: center; padding: 10px; color: red; font-weight: bold;}

#formcontent pre{font-size: 13px;}

#teststellaendern .formsubmit{text-align: center; padding: 20px 0px 10px; clear: both;}

#teststellaendern .formsubmit input{border: 1px solid rgb(204, 204, 204); font-size: 16px; padding: 3px 8px; width: 400px;}

#content p.cancel{margin-top: 50px; text-align: center;}

.editbutton button{border: 2px solid rgb(204, 204, 204); padding: 3px; width: 200px; margin: 20px; border-radius: 12px;}

.teststellenerrors p{font-weight: normal; color: rgb(0, 0, 0);}

#austrialink{width: 180px; text-align: center;}

#deutschlandlink{width: 180px; text-align: center;}

#content_box h3.kongressThema{background-color: rgb(233, 231, 240); padding: 2px 12px; border-top: 1px solid rgb(13, 54, 144); border-bottom: 1px solid rgb(13, 54, 144); text-align: center; margin-top: 40px;}

.home #content_box .hp_rss_feed_box .kongressThema{text-align: left; border: 0px none; padding: 0px; margin-bottom: 0px; color: rgb(102, 102, 102); margin-left: 20px; margin-top: 10px;}

.hp_rss_feed_box blockquote{margin-top: 0px;}

.hp_rss_feed_box blockquote h3{margin-top: 4px;}

.nonews #content ul.testStellenUeb li{width: 28%; margin: 5px 0px; float: left; padding: 0px 10px 0px 0px;}

#hivabo{width: 280px; float: left;}

#anmelden{float: right; width: 250px; background-color: rgb(177, 123, 183); margin-right: 30px;}

#content_box ul.testStellenUeb{max-width: 700px;}

.testStellenTable th{font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; border: 1px outset; background-color: rgb(204, 204, 204);}

.quoteblock{text-align: center; border-top: 1px solid rgb(228, 141, 87); border-bottom: 1px solid rgb(228, 141, 87); background-color: rgb(233, 231, 240); font-size: 12px; font-style: italic; margin: 12px 0px;}

#content .quoteblock p{margin: 4px 0px;}

table.blueTable.borders td{border: 2px solid rgb(233, 231, 240); padding: 2px 8px;}

#content table.pressed td{font-size: 11px; padding: 1px;}

#content .testStellenUeb a.current{background-color: rgb(228, 141, 87); color: rgb(255, 255, 255); text-decoration: none; padding: 0px 8px;}

#news_box .weiter{margin-left: 6px; vertical-align: middle;}

.ulist_dash{list-style-image: url("/pics/dash.gif"); padding-left: 25px;}

.ulist_simpledash li::before{content: "– ";}

.ulist_simpledash li{list-style: none; text-indent: -1em; padding-left: 0px;}

.ulist_simpledash{padding-left: 2em;}

ul.ulist_arrow{list-style-type: "➤ ";}

.interview #content_box .frage{font-weight: bold; margin-top: 12px;}

.meldungen #content h2{color: rgb(13, 54, 144); font-size: 1.3em; margin-top: 1.5em;}

a:hover img.weiter{background-color: rgb(177, 123, 183);}

a img.weiter:hover{background-color: rgb(177, 123, 183);}

hr.separator2{border-width: 2px; border-color: rgb(13, 54, 144); border-style: solid; width: 80%; margin: 25px auto;}

.testStellenTable h2{font-size: 13px; font-weight: normal; margin: 0px; color: rgb(13, 54, 144);}

#sisprogramm dt{width: 80px; clear: both; float: left; margin-top: 10px;}

#sisprogramm dt.block{background-color: rgb(13, 54, 144);}

#sisprogramm dd{float: left; padding: 0px; margin: 10px 10px 0px;}

#sisprogramm{padding-bottom: 30px;}

.blueTable .dark{background-color: rgb(184, 188, 223);}

.floatLeft{float: left; margin-right: 20px; margin-bottom: 10px;}

.meldungTitel{color: rgb(13, 54, 144);}

.meldungTitel small{color: rgb(177, 123, 183);}

.home #content h4{margin: 5px 0px 0px; font-weight: normal;}

.home h4 a img{vertical-align: middle;}

.mp3download{vertical-align: middle; margin-top: 5px; margin-right: 5px;}

.playAudio{margin-right: 5px;}

table.blueTable.borders th{border: 2px solid rgb(233, 231, 240);}

table .subheadercell{font-weight: bold;}

.termineblock h5{border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); background-color: rgb(204, 204, 204); padding: 0px 12px;}

#content .graficRight.wide{width: 100% !important;}

#content .expanderImage.wide{width: 100% !important; height: auto !important;}

#content .graficRight{transition-property: width, height; transition-duration: 0.4s;}

.testStellenTable .website{color: rgb(177, 123, 183);}

#content .compactList.smaller li{font-size: 12px;}

div.pressed ul{margin-left: 0px; padding-left: 20px;}

.literatur.compact{font-size: 11px;}

#content .literatur.compact{font-size: 11px;}

#content .literatur.compact p{font-size: 11px;}

#content .blueBackgroundBlock .literatur{padding-left: 10px;}

#content ol.list_pleft20{padding-left: 20px; list-style-type: lower-latin;}

#content ul.list_pleft20{padding-left: 20px;}

#content .meldungSponsor{margin: 20px 0px 0px; color: rgb(177, 123, 183); font-weight: bold;}

#content .meldungSponsor + h2{margin: 0px 0px 8px;}

#content .pressed.blueBackgroundBlock P{margin: 3px 12px;}

p.pressed.compact{font-size: 11px; line-height: 13px;}

.slides-download{display: block; border-radius: 12px; background-color: rgb(184, 188, 223); padding: 0px 8px;}

.slides-download img{vertical-align: middle;}

.kommentarBlock{border: 1px solid rgb(51, 102, 153); padding: 10px; margin: 30px 0px; background-color: rgb(224, 224, 255); border-radius: 12px; box-shadow: rgb(153, 153, 153) 4px 4px 8px;}

.expanderBox{padding-bottom: 20px; position: relative;}

.expanderBox::after{content: url("/pics/groesser.png"); position: absolute; right: 20px; bottom: 5px;}

#content .expanderBox.wide img{box-shadow: rgb(153, 153, 153) 3px 3px 6px; cursor: zoom-out;}

#content .expanderBox img{transition-duration: 0.4s; cursor: zoom-in; width: 100%;}

h3.anrisstext{font-weight: normal; font-size: 13px; background-color: rgb(184, 188, 223); color: rgb(68, 68, 68); border-top: 2px solid rgb(13, 54, 144); border-bottom: 2px solid rgb(13, 54, 144); padding: 2px 6px;}

img.download{margin-left: 5px; vertical-align: middle;}

#content .hangLeft{margin-left: -50px;}

.hepatitisLogo{color: rgb(153, 153, 153);}

.hepBlue{color: rgb(13, 54, 144);}

.hepOrange{color: rgb(228, 141, 87);}

img[alt="weiter"]{vertical-align: middle;}

img.pdf-img{vertical-align: middle; margin-left: 5px;}

.referenten p{width: 300px;}

#content #sis-programm dt{float: left; width: 80px; clear: both; margin-top: 10px;}

#content #sis-programm dd{margin-top: 10px; float: left; margin-left: 10px;}

#content #sis-programm h5{font-size: 14px; clear: both; padding-top: 20px; margin: 0px; color: rgb(224, 87, 138);}

#content #sis-programm dl{margin: 0px; padding: 0px;}

#content div.tog-slider > div{height: 0px; overflow: hidden;}

#content div.tog-slider > div.open{height: auto; overflow: hidden;}

.olist_alpha{list-style-type: upper-latin;}

#save-the-date{position: absolute; left: 285px; top: 91px;}

.highlightBlock{padding: 10px 8px; background-color: rgb(224, 224, 255); text-align: center; font-weight: bold; font-size: 1.1em; color: rgb(121, 120, 172); box-shadow: rgb(102, 102, 102) 2px 3px 6px; width: 70%; margin: 20px auto;}

.bluebar{background-color: rgb(13, 54, 144);}

#content .infoboxRight .stand{font-size: 11px; color: rgb(102, 102, 102); margin: 0px;}

#content div.interviewee{float: right; width: 250px; margin-left: 20px; border: 1px solid rgb(184, 188, 223);}

div.interviewee img{float: left; margin-right: 15px; margin-bottom: 8px;}

#content .interviewee p{color: rgb(13, 54, 144); font-size: 0.9em; line-height: 1.3em; margin: 8px 0px;}

table.v-middle td, tr.v-middle td, td.v-middle{vertical-align: middle;}

body.fragantw #content_box .frage::before{content: url("/pics/bbox.png");}

body.fragantw .antwort{background-color: rgb(233, 231, 240); padding: 8px; margin-top: 0px;}

.fragantw .interviewee p{font-size: 0.9em;}

.frage{color: rgb(224, 87, 138);}

body.fragantw .frage{color: rgb(68, 68, 68); background-color: rgb(233, 231, 240); padding: 4px 8px 10px; margin-bottom: 0px;}

body.fragantw #content .frage{color: rgb(68, 68, 68); background-color: rgb(233, 231, 240); padding: 4px 8px 10px; margin-bottom: 0px;}

.padd-box{padding: 12px;}

#content h2 small{font-size: 0.75em; color: rgb(13, 54, 144);}

.blueTable .cellbg_lightgrey{background-color: rgb(233, 231, 240); color: rgb(0, 0, 0);}

table.white_borders{border: 0px none;}

.blueTable.white_borders td{border: 2px solid white;}

.blueTable.white_borders th{border: 2px solid white;}

#header{position: absolute; left: 0px; top: 0px; width: 100%;}

#logoblock{padding: 14px 50px; clear: both; background-color: rgb(13, 54, 144); border-bottom: 7px solid; border-top: 7px solid; color: rgb(241, 123, 183); box-shadow: rgb(34, 34, 34) 0px 8px 6px -6px;}

#partnersblock{text-align: right; padding: 10px 50px 3px 0px; position: absolute; right: 0px; top: 260px;}

#searchblock{float: right; margin-top: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(177, 123, 183);}

#headerlogo{margin-right: 18px;}

#logoblock #headerlogo{max-height: 100px;}

#searchfield{border: 0px none;}

#purpose{background-color: rgb(233, 231, 240); padding: 6px; margin-bottom: 10px; margin-top: 60px;}

#footerLinks img{vertical-align: middle;}

#footerLinks a{text-decoration: none; color: rgb(0, 0, 0);}

#partnersblock img{transition-property: background-color; transition-duration: 0.5s; border-radius: 12px; vertical-align: middle;}

#mobilemenublock{float: right; display: none;}

._rulehorz{position: fixed; bottom: 0px; left: 0px;}

._rulevert{transform: rotate(0.75turn); position: fixed; bottom: 585px; right: -585px;}

#headeronline{margin-right: 30px;}

.nopartners #page{padding-top: 180px;}

#shortnews ul{list-style-type: none; padding: 0px;}

#shortnews h3{font-size: 1em; margin: 0px;}

#shortnews a{text-decoration: none; color: black;}

#shortnews p.teaser{margin: 0px 0px 1em;}

#shortnews h2{font-size: 1.5em;}

#content_box #shortnews{display: none;}

#shortnewsweiter{background-color: rgb(233, 231, 240);}

#purpose strong{font-weight: normal;}

html{height: 100%; scroll-behavior: smooth;}

#wiper-fade{transition-property: opacity; transition-duration: 0.4s; opacity: 0;}

#wiper-vertical{position: absolute; height: 0px; width: 100%; overflow: auto; top: 0px; transition-property: height; transition-duration: 0.3s;}

#wiper-vertical.full{height: 100%;}

.partners #page{padding-top: 300px;}

#downloads p{clear: both; font-size: 0.9em; margin: 4px 20px;}

#sponsorlogos img{margin: 10px; vertical-align: middle;}

#sponsorlogos{text-align: center;}

#mitfreundlichen{color: rgb(224, 87, 138);}

#nlabbestellen{float: right; margin: 0px 0px 15px 20px; text-align: center;}

#jsckrequired-notice{border: 2px solid rgb(85, 85, 136); padding: 10px; background-color: rgb(255, 227, 152); box-shadow: rgb(68, 68, 68) 2px 2px 6px;}

#cookieNotice{position: fixed; top: 40%; left: 50%; margin-top: -80px; margin-left: -100px; width: 300px; border: 2px solid rgb(85, 85, 136); padding: 20px; background-color: rgb(255, 227, 152); box-shadow: rgb(68, 68, 68) 2px 2px 6px;}

#searchblock form::after{content: "🔎 ";}

#logoblock img{vertical-align: bottom;}

.nonews.middle-block #content{max-width: 640px; float: none; margin: auto;}

#timer{background-color: rgb(252, 178, 242); position: fixed; font-size: 10px; padding: 0px 10px; right: 0px; bottom: 0px;}

#searchblock input{border: 0px none; width: 140px; padding: 2px 8px;}

#social{background-color: rgb(252, 178, 242); overflow: auto; padding: 8px 10px; margin: 30px 0px;}

#social a{color: rgb(255, 255, 255); text-decoration: none;}

#social h3{margin: 0px; color: rgb(68, 68, 68);}

#social table{float: left;}

span.social-button{display: inline-block; background-color: rgb(255, 255, 255); border-radius: 50%; line-height: 22px;}

#social td{height: 50px; vertical-align: middle;}

#twitterbox{background-color: rgb(255, 255, 255); width: 320px; float: left; margin-right: 18px; border-radius: 8px; padding: 10px; height: 100px;}

.social-button img{vertical-align: middle;}

tr:hover .social-button{background-color: rgb(248, 208, 243); transition-property: background-color; transition-duration: 0.4s;}

#content h3{font-size: 1.1em;}

#twitterbox a{color: rgb(121, 120, 172);}

#downloads .downloadimage{height: 28px;}

.infoboxLeft{padding: 12px; margin-bottom: 10px; margin-right: 10px; background-color: rgb(233, 231, 240); float: left; width: 240px;}

.mediaIcon{margin: 0px 10px; vertical-align: middle;}

.sitemap #sitemapblock td{display: block;}

#content .aktbeitraege{float: right; padding: 8px; background-color: rgb(207, 234, 254); margin: 0px 0px 10px 15px;}

#partnersblock a img:hover{background-color: rgb(207, 234, 254);}

#content_box .aktbeitraege h4{color: rgb(13, 54, 144); text-align: center; margin-top: 0px;}

#content .frage::before{content: url("/pics/bbox.png");}

#content .continue-button{font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 2px; background-color: rgb(252, 178, 242); width: 120px; margin-top: 30px;}

#meine-frage-form{background-color: rgb(207, 234, 254); padding: 10px;}

#meine-frage-form table{width: 100%;}

#meine-frage-form table td.label{width: 100px;}

#meine-frage-form input[type="text"]{width: 100%;}

#meine-frage-form textarea{width: 100%; height: 250px;}

#meine-frage-form td.submit{padding: 20px; text-align: center;}

#meine-frage-form .submit button{background-color: rgb(252, 178, 242); font-size: 16px; border: 0px none; width: 120px;}

#message{position: fixed; top: 200px; left: 50%; margin-left: -100px; width: 260px; z-index: 1000; background-color: rgb(255, 227, 152); padding: 20px; color: rgb(0, 142, 40); transition-property: opacity; transition-duration: 1s; opacity: 1; box-shadow: rgb(153, 153, 153) 1px 2px 4px;}

#message.hide{opacity: 0;}

#message:focus{display: none;}

.news-article #content{float: none; margin: 0px auto 20px;}

.news-article #content_box{padding: 0px 10px 20px;}

#content audio{display: block; margin: 12px auto; height: 40px; width: 240px; background-color: rgb(224, 224, 255);}

#content h4.pppdf-slides-download{display: inline-block; padding-right: 8px; text-align: center; background-color: rgb(224, 224, 255); font-weight: bold; margin: 15px 0px;}

#content h4.pppdf-slides-download a::before{content: url("/pics/pptpdf.png"); float: left; margin: -4px 8px 0px -4px;}

#content h3.pppdf-slides-download{padding-right: 8px; text-align: center; background-color: rgb(224, 224, 255); font-weight: bold; margin: 15px 0px;}

#content h3.pppdf-slides-download a::before{content: url("/pics/pptpdf.png"); margin: -4px 8px 0px -4px; display: inline-block; vertical-align: middle;}

a[data-badlink]::before{content: " "; font-family: icomoon; font-weight: bold; color: red;}

#badlinknotice{background-color: rgb(228, 141, 87); padding: 10px; border: 1px solid rgb(177, 123, 183);}

a[data-badlink]{cursor: pointer;}

img[alt="mp3logo"]{vertical-align: middle; margin-right: 5px;}

.interview-block{padding: 8px; background-color: rgb(233, 231, 240); margin-bottom: 22px;}

.blueTable .cellbg_darkgrey{background-color: rgb(166, 165, 165); color: rgb(0, 0, 0);}

.photoCredit{display: block; margin-top: 0px; line-height: 10px;}

#content p.no_margin{margin: 0px;}

#content .graficRight h4{font-size: 13px; margin-bottom: 0px;}

.articleGroup{border: 1px solid rgb(204, 204, 204); padding: 8px;}

#social-top{float: left; padding: 20px 40px 12px 50px;}

#social-top a{border-radius: 50%; display: inline-block;}

#social-top a:hover{background-color: rgb(207, 234, 254);}

h2.slidesHeader{background-color: rgb(28, 68, 170); color: rgb(224, 224, 255); padding: 4px 8px; margin-left: -8px;}

#registerFormTable{padding: 12px; border: 1px solid rgb(204, 204, 204); margin: 30px 0px;}

input.longInput{width: 100%;}

#partnersblock span{font-size: 16px;}

div.error{padding: 10px; background-color: rgb(255, 227, 152); color: rgb(224, 87, 138); box-shadow: rgb(68, 68, 68) 2px 2px 5px; margin-bottom: 30px;}

.restricted-area #content a{text-decoration: underline;}

#social-top2{margin-top: 8px; margin-left: 30px;}

#aenderndiv p{margin-bottom: 16px;}

body.home #content hr.separator{margin: 30px 15%; clear: both;}

div.youtubemini{width: 0px; height: 0px; overflow: hidden; text-align: center;}

.youtubeIframe{margin: auto;}

#sis-programm dt.bar{background-color: rgb(13, 54, 144);}

#twitterbox p{margin-top: 15px;}

#content_box #news_box h3.restricted-content::before{content: url("/pics/Lock-icon.png"); float: left; margin-top: 10px; margin-right: 6px;}

A.restricted-link::before{content: url("/pics/Lock-icon.png"); vertical-align: top; margin-right: 6px;}

#content .meldBox h3.restricted-content::before{content: url("/pics/Lock-icon.png"); float: left; margin-top: 10px; margin-right: 6px;}

.userloggedin .restricted-content a:hover::after{content: normal;}

#content .continue-button.restricted-content::before{content: url("/pics/Lock-icon.png"); float: left; margin-top: -8px; margin-right: -10px;}

.restricted-content a:hover::after{content: "login erforderlich"; background-color: rgb(252, 178, 242); box-shadow: rgb(153, 153, 153) 1px 2px 4px; text-decoration: none; padding: 8px; display: block; position: absolute; bottom: 25px; right: 10px;}

.restricted-content a{position: relative;}

.restricted-content img.weiterimg::after{content: url("/pics/Lock-icon.png");}

#content_box .restricted-content h4::before{content: url("/pics/Lock-icon.png"); float: left; margin-top: 10px; margin-right: 6px;}

#shortnews h3.restricted-content::before{content: url("/pics/Lock-icon.png"); float: left; margin-top: 10px; margin-right: 6px;}

.home #content_box .meldDate{margin-top: 8px;}

#content_box .mobile-only{display: none;}

#content_box .pc-only{display: block;}

#content .download-block{box-shadow: rgb(153, 153, 153) 2px 2px 4px; background-color: rgb(233, 231, 240); padding: 12px; margin: auto;}

.download-block h2{margin-left: -20px; background-color: rgb(13, 54, 144); margin-top: 0px; color: rgb(255, 255, 255); padding: 4px 8px;}

#content .download-block p::before{content: url("/pics/ppt-s.gif"); float: left; margin-top: -3px; margin-right: 10px;}

#content .pdf-slides-download::before{content: url("/pics/pdf-s.gif"); float: left; margin-right: 10px;}

#content .ppt-slides-download::before{content: url("/pics/ppt-s.gif"); float: left; margin-right: 10px;}

#content .download-block p{clear: both;}

#content .interviewBox h3{color: rgb(13, 54, 144); font-size: 1.1em;}

.pressed th{font-size: 12px;}

#content .pressed h3{margin: 4px 0px;}

#content .pressed h4{margin: 5px 0px;}

#content .advertorial a{color: rgb(166, 165, 165); text-decoration: none;}

#content .advertorial a:hover{color: rgb(0, 0, 0);}

#content p.advertorial{font-size: 12px; color: rgb(166, 165, 165);}

#sis-grafik{margin-top: -40px;}

.greyBorderImg{border: 1px solid rgb(187, 187, 187);}

#pli-error{padding: 8px; box-shadow: rgb(166, 165, 165) 2px 2px 6px; background-color: rgb(255, 227, 152); width: 400px; margin: auto;}

#urlaubsperre{padding: 10px; border: 2px solid rgb(166, 165, 165); background-color: rgb(204, 224, 255);}

#content #sponsorlogos a:hover{background-color: transparent;}

#sponsorlogos img:hover{outline: rgb(51, 102, 153) solid 1px;}

#literatur ol, ol.literatur{padding-left: 15px;}

#content .backenduser{outline: rgb(255, 227, 152) dotted 2px;}

small.img-credit{font-size: 10px; line-height: 10px; display: block; color: rgb(166, 165, 165);}

span.img-credit{font-size: 10px; line-height: 10px; display: block; color: rgb(166, 165, 165);}

#content div.preview{border: 2px dashed green;}

#content p.byline.pdf-slides-download::before{float: right; margin-left: 5px; margin-right: 0px;}

td.whitecell{background-color: rgb(255, 255, 255);}

table.grey.borders{border-collapse: collapse;}

.grey.borders td{border: 1px solid rgb(119, 119, 119);}

h4.ppt-slides-download{clear: both;}

h4.pdf-slides-download{clear: both;}

#content .meldungen-list .restricted-content::before{content: url("/pics/Lock-icon.png"); float: left; margin-top: 0px; margin-right: 6px;}

.meldungen-list{list-style-type: none; padding: 0px;}

#content .meldungen-list h3{margin: 0px 0px 5px;}

.meldungen-list span.newsdate{color: rgb(153, 153, 153); font-style: italic;}

p.meldpagelink{margin: 30px auto; width: 180px; text-align: center;}

#content p.meldpagelink{margin: 15px auto; width: 180px; text-align: center; background-color: rgb(204, 204, 204);}

#content .meldpagelink a{text-decoration: none; font-weight: bold; color: rgb(102, 102, 102);}

#content .meldungen-list li{margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid rgb(177, 123, 183);}

#symtuza-anz{margin: 20px 15px 20px 0px;}

#nlad{padding: 10px; font-size: 13px; background-color: rgb(224, 224, 255);}

.underline{text-decoration: underline;}

#content .underline{text-decoration: underline;}

#nlad h4{color: rgb(51, 102, 153); margin: 0px 0px 8px;}

#content_box #news_box #nlad p{margin-bottom: 4px;}

.leben-mit-aids .graficLeft h3{color: rgb(51, 102, 153); margin: 0px 0px 15px;}

.leben-mit-aids .graficRight h3{color: rgb(51, 102, 153); margin: 0px 0px 15px;}

.leben-mit-aids .infoboxLeft{color: rgb(51, 102, 153); margin-right: 20px; box-shadow: rgb(166, 165, 165) 2px 2px 4px inset;}

.leben-mit-aids .infoboxLeft h3{margin-top: 0px;}

#content #literatur li, #content .literatur li{margin: 4px 0px; font-size: 12px;}

.legal #content h2{border-top: 1px solid rgb(28, 68, 170); border-bottom: 1px solid rgb(28, 68, 170);}

.legal #content h3{font-size: 1em; color: rgb(68, 85, 102);}

#content .pdf-slides-download{clear: both;}

#content li.ppt-slides-download{clear: both; margin-bottom: 3px;}

#content .ppt-slides-download{clear: both;}

#news_box .blueBackgroundBlock{background-color: rgb(161, 177, 230); padding: 10px;}

#news_box .bluebox{padding: 8px; background-color: rgb(224, 224, 255);}

.sponsoren img.logo-das{width: 100px;}

.sponsoren .logo-dah{width: 100px;}

#content table.sponsoren{width: 100%;}

.sponsoren .logo-bmfg{width: 120px;}

.sponsoren .logo-bzga{width: 130px;}

td.advertorial{font-size: 12px; color: rgb(166, 165, 165);}

#content .christmas-bottom{background-image: url("/images/weihnacht-unten.png"); background-position: right bottom; background-repeat: no-repeat;}

#ausgabeUebersicht .hep-block{padding: 8px; box-shadow: rgb(166, 165, 165) 1px 1px 5px inset;}

#ausgabeUebersicht .hepandmore-title{line-height: 20px; background-color: rgb(224, 224, 224);}

.greyTable{border-collapse: collapse;}

.greyTable.borders td{border: 2px solid rgb(255, 255, 255); padding: 2px 8px;}

.greyTable td{background-color: rgb(224, 224, 224);}

div.video-container{margin: 20px 0px;}

#content h1 a{text-decoration: none;}

.home #content .kongress-hpbox h4{margin: 0px;}

.leben-mit-aids .statement{margin: 20px 0px; border-top: 1px solid rgb(170, 204, 255); border-bottom: 1px solid rgb(170, 204, 255); font-size: 15px; color: rgb(51, 102, 153); padding: 8px 20px;}

.leben-mit-aids #content .statement p{margin: 0px;}

.leben-mit-aids .i-box{box-shadow: rgb(153, 153, 153) 2px 3px 6px; width: 300px; float: right; padding: 12px; border: 1px solid rgb(166, 165, 165); margin-left: 15px; margin-bottom: 10px; font-size: 15px; color: rgb(51, 102, 153);}

.leben-mit-aids #content h3{color: rgb(224, 87, 138); font-size: 1.4em; line-height: 1.1em;}

.leben-mit-aids #content .columns2{column-count: 2;}

.autor{text-align: right; color: rgb(102, 102, 102);}

body.home #content .easl-type-header{color: rgb(51, 102, 153); background-color: rgb(224, 224, 255); padding-left: 10px;}

#content .blueBackgroundBlock .pressed p{margin: 0px 0px 0px 8px;}

.meldungen #content h2 small{color: rgb(224, 87, 138);}

#online-anmeldung a{text-decoration: none;}

#online-anmeldung{padding: 0px; text-align: center; max-width: 400px; margin: 30px auto; background-color: rgb(204, 224, 255);}

#sisanmeldhome{float: right; padding: 0px 15px; border-radius: 15px; margin-right: 60px; background-color: rgb(170, 204, 255);}

#sisanmeldhome a{text-decoration: none;}

#news_box .bluebox h2{margin: 0px 0px 10px; color: rgb(51, 102, 153);}

#news_box h2.align_right{margin: 0px;}

#news_box .bluebox a{text-decoration: none; color: rgb(68, 68, 68);}

img.weiter-transp{margin-left: 6px; vertical-align: middle;}

.bluebox span{color: rgb(0, 23, 114);}

#pageDate{position: fixed; bottom: 0px; left: 0px; background-color: rgb(233, 231, 240); padding: 2px 8px; font-size: 11px;}

#content .color-invert h3{color: rgb(255, 255, 255);}

#content div.color-invert{background-color: rgb(184, 188, 223);}

.color-invert h3 a{color: rgb(255, 255, 255);}

#content .color-invert h3 a{color: rgb(255, 255, 255);}

#content .hide{display: none;}

.borders td{border: 1px solid rgb(204, 204, 204);}

table.center-cells td{text-align: center;}

table.firstcol-left td:first-of-type{text-align: left;}

.olist_alpha_lower{list-style-type: lower-alpha;}

.whitecell td{background-color: white;}

.graficRight table{margin-bottom: 10px;}

.graficCenter table{margin-bottom: 10px;}

#content .hide-temp{display: none;}

#content ol.olist_number_normal{list-style-type: decimal;}

#content .download-box{border: 1px solid rgb(153, 153, 153); width: 200px; margin: 20px auto; padding: 5px; border-radius: 8px; background-color: rgb(233, 231, 240); box-shadow: rgb(166, 165, 165) 2px 2px 4px;}

#content .download-box a{text-decoration: none;}

.hiv-radar #content h3{color: rgb(28, 152, 154);}

#coronabox h5{margin-bottom: 0px; font-size: 13px; color: rgb(177, 123, 183); margin-top: 10px;}

#content .strongitem li{font-weight: bold;}

#content .strongitem li li{font-weight: normal;}

#content .covid-news h4{margin-bottom: 0px;}

#corona-nachrichten{float: right; width: 260px; margin-left: 30px; padding: 20px; background-color: rgb(207, 234, 254); box-shadow: rgb(136, 136, 136) 2px 2px 5px inset; color: rgb(51, 85, 119);}

#corona-nachrichten h2{margin-top: 0px;}

#corona-nachrichten h5 a{text-decoration: none; background-color: rgb(248, 208, 243); padding: 2px 8px;}

.home #content #corona-nachrichten h4{margin: 0px 0px 14px; line-height: 15px;}

#coronabox h1{margin-top: 10px;}

#coronabox h3{color: rgb(224, 87, 138);}

.red{color: rgb(224, 87, 138);}

#umfrage_impfung fieldset{margin: 45px 0px; border-radius: 20px; font-size: 16px;}

#umfrage_impfung legend{font-size: 15px; font-weight: bold; color: rgb(187, 187, 187);}

#umfrage_impfung dd{margin: 10px 0px;}

#submitDiv{text-align: center;}

#formsubmit{padding: 4px 40px; border-radius: 12px; border: 1px solid rgb(116, 99, 92);}

#umfrage_impfung .label{margin: 20px 0px;}

#umfrage_impfung .missing{background-color: rgb(255, 227, 152); color: rgb(255, 0, 0); padding: 6px 8px; box-shadow: rgb(51, 68, 85) 2px 2px 5px;}

.home #umfrage_impfung fieldset{margin: 0px 0px 10px; font-size: 13px; border: 0px none;}

.home #umfrage_impfung legend{display: none;}

.home #umfrage_impfung dd{margin: 0px;}

.home #umfrage_impfung .label{margin: 8px 0px;}

#umfrage_impfung #captchdiv input{width: 200px;}

#umfrage_impfung #captchdiv{width: 240px; margin: auto;}

#umfrage_impfung #cimg{width: 200px;}

#content #captchdiv .captchaText{font-size: 12px; font-weight: bold; color: rgb(121, 120, 172);}

#umfrage_impfung .sponsor{margin-top: 25px; text-align: center;}

#umfrage_impfung .sponsor img{width: 150px;}

#umfrage_impfung b.on{color: rgb(136, 0, 0); display: inline;}

#umfrage_impfung b{display: none;}

#thanks{background-color: rgb(255, 227, 152); padding: 9px; font-size: 16px; color: rgb(255, 0, 0); text-align: center; display: none; margin-top: 20px; box-shadow: rgb(85, 85, 136) 2px 3px 6px;}

#thanks.show{display: block;}

#danke{background-color: rgb(255, 227, 152); padding: 10px; min-height: 300px; font-size: 18px; color: rgb(13, 54, 144); font-weight: bold;}

.meldungen-list .sponsor{font-size: 12px; color: rgb(119, 119, 119);}

#news_box .sponsor{font-size: 12px; color: rgb(119, 119, 119);}

#umfrage_impfung dl{margin: 0px;}

h3.hp-sis-line2{margin-top: 10px; margin-bottom: 12px; color: rgb(224, 87, 138);}

#content_box .meldDate.floatmd{width: 160px;}

.textpreview{text-align: center; font-size: 16px; color: rgb(28, 68, 170); margin: 20px 40px;}

.textpreview::before{content: "ˮ"; font-size: 56px; font-weight: bold; float: left; display: block; margin-right: 10px;}

#banner-ad{margin-top: -62px; margin-left: -50px; width: 700px; margin-bottom: 30px; position: relative; z-index: 1000; box-shadow: rgb(102, 102, 102) 2px 3px 6px; background-color: rgb(255, 255, 255); box-sizing: border-box; height: 95px; overflow: hidden; padding: 0px;}

#content #banner-ad #samhealth-ad a:hover{background-color: transparent; color: rgb(228, 141, 87); text-decoration: none !important;}

#content #banner-ad #samhealth-ad a{color: white; text-decoration: none;}

.mini-separator{width: 60%; color: rgb(161, 177, 230); margin: 15px auto;}

#cookie-erlaubnis-x{position: fixed; width: 100%; bottom: 0px; left: 0px; padding: 20px; background-color: rgb(85, 85, 85); color: rgb(204, 255, 253); text-align: center; z-index: 1000; box-sizing: border-box; font-size: 16px;}

#vermerkfs textarea{font-size: 18px; border: 2px solid rgb(150, 176, 217); width: 400px; height: 6em;}

#content .sis h4 a{text-decoration: underline;}

#content .youtube-white{position: relative; display: inline-block;}

#content .youtube-white::before{content: url("/pics/youtube-white.png"); position: absolute; z-index: 1000; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px;}

#content .youtube-red{position: relative; display: inline-block;}

#content .youtube-red::before{content: url("/pics/youtube-red.png"); position: absolute; z-index: 1000; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px;}

.bg-pink{background-color: rgb(248, 236, 247);}

.bg-pink b{color: rgb(224, 87, 138);}

.bg-pink em{color: rgb(224, 87, 138); text-decoration: none; font-style: normal;}

#content a img.mo-shadow:hover{box-shadow: rgb(51, 51, 51) 2px 2px 5px; transform: translate(-2px, -2px);}

.boller.msd #content ul{list-style-type: "—  "; padding-left: 35px;}

.boller.msd #content ol{padding-left: 28px; font-size: 17px; font-weight: bold; color: rgb(28, 68, 170);}

.click-for-more{height: 0px; overflow: hidden; transition-duration: 0.5s; transition-timing-function: ease-in;}

#content .toggle-container{overflow: hidden; transition-property: height; transition-duration: 0.2s;}

.simple-toggler-header{cursor: pointer;}

.simple-toggler-header::after{content: "❯"; transition-property: all; transition-duration: 0.2s; transform: rotate(270deg); display: inline-block; margin-left: 12px;}

#coronabox h3.simple-toggler-header{color: rgb(13, 54, 144);}

.simple-toggler-header.closed::after{transform: rotate(90deg);}

#coronabox .toggle-container h4{margin-left: 20px;}

#bilder-leiste img{width: 70px;}

#bilder-leiste p{position: relative;}

#bilder-leiste em{position: absolute; bottom: 5px; right: 5px; display: inline-block;}

#banner-ad .pc-only img{transform: translate(0px, -5px); display: inline-block;}

.viiv #content_box .frage{color: rgb(13, 54, 144);}

#banner-ad:hover{box-shadow: none;}

#content .medienpreis{padding: 10px; background-color: rgb(254, 229, 251); color: rgb(13, 54, 144); font-weight: bold; margin: 18px 0px;}

.greyTable.cellpad3 th{padding: 2px 8px;}

#goanmeld{float: right;}

#startpage-scrollablecontent{height: 600px; overflow: auto; padding-right: 30px; margin-bottom: 20px;}

#efnform table{margin: 30px auto;}

#efnform input{width: 400px;}

#efnform button{width: 150px; margin: 10px 0px 0px;}

div#error{padding: 20px; color: red; font-size: 16px; background-color: rgb(255, 227, 152); box-shadow: rgb(136, 136, 136) 2px 2px 6px; margin: 40px 0px;}

#efnform th{text-align: right; padding-right: 10px;}

#content .toggleBody.toggleClosed{height: 0px;}

#infocenter-right .compact{margin: 6px 0px;}

#schmuck.shapeoutside{shape-outside: url("/archiv/2021-4/images/HIV-m4_21_Editorial_Inhalt-002.png"); shape-image-threshold: 0.8; margin-left: -50px; shape-margin: 20px; float: left;}

#content a .videoIcon:hover{box-shadow: rgb(51, 51, 51) 2px 2px 3px;}

#banner-ad a{text-decoration: none;}

#content .hide-front{display: none;}

#content p.antwort{margin-bottom: 16px; margin-top: 4px;}

#content ul.list_pleft20.ulist_sqboller{padding-left: 10px;}

p.aerztName{color: rgb(13, 54, 144); font-weight: bold;}

#ausgabeUebersicht h4{margin-bottom: 4px;}

#content #ausgabeUebersicht h4{margin-bottom: 6px;}

#content .empfehlbox{background-color: rgb(248, 236, 247); padding: 10px; box-shadow: rgb(187, 187, 187) 2px 2px 3px; margin-bottom: 15px;}

#content .empfehlbox h4{color: rgb(224, 87, 138); margin: 0px;}

.empfehlbox ul{padding-left: 15px; margin: 5px;}

#content .empfehlbox li{margin: 0px;}

.pinkhighlightbox{padding: 10px; box-shadow: rgb(177, 123, 183) 2px 2px 5px; margin: 20px 0px; background-color: rgb(254, 229, 251); color: rgb(13, 54, 144); font-weight: bold;}

#content .pinkhighlightbox::before{content: "... "; color: rgb(224, 87, 138);}

#sponsor-logos{text-align: center;}

#sponsor-logos img{margin: 10px 20px; display: inline-block; vertical-align: middle;}

#banner-ad.separate{margin-top: -40px; margin-left: 0px; width: 640px; margin-bottom: 30px; position: relative; z-index: 1000; box-shadow: rgb(102, 102, 102) 2px 3px 6px; background-color: rgb(255, 255, 255); box-sizing: border-box; height: 91px; overflow: hidden; padding: 0px;}

#banner-ad.separate img.pc-only{max-width: 100%;}

#persangaben dl{clear: both;}

#content .subtle-block{color: rgb(119, 119, 119); border: 1px solid rgb(224, 224, 224); padding: 10px;}

#content .luftig p{margin: 0px 0px 20px; font-size: 1.1em;}

#content .luftig{padding: 22px;}

#content_box #content .graficCenter .center-cells p{text-align: center;}

#content_box #content .graficCenter .center-cells.firstcol-left p{text-align: left;}

.newsletter-register #content td{font-size: 1.2em;}

#header-404{display: block; margin: 20px auto 0px;}

.img-credit-bottom{font-size: 10px;}

#content .img-credit-bottom{color: rgb(184, 188, 223);}

#weltaids-tag{background-color: rgb(204, 224, 255); padding: 10px; box-shadow: rgb(136, 136, 136) 2px 2px 6px; margin-bottom: 50px;}

#weltaids-tag h2{margin: 0px 0px 8px;}

table.borders{border-collapse: collapse;}

#aerztlistenav-mobile{display: none;}

.bordertopbottom{border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding-left: 15px;}

.cme-block{margin: 20px; padding: 10px; background-color: rgb(248, 236, 247);}

#programm2021 td.time{padding-right: 15px;}

#content a.inline-button{font-size: 16px; font-weight: bold; color: rgb(224, 224, 255); background-color: rgb(98, 129, 189); border-radius: 5px; padding: 2px 6px; text-decoration: none;}

#content a.floatbutton{padding: 4px 8px; background-color: rgb(252, 178, 242); color: rgb(13, 54, 144); font-size: 16px; font-weight: bold; float: right; border-radius: 5px; border: 2px outset rgb(204, 204, 204); text-decoration: none;}

#content a.pdf::before{content: url("/pics/pdf-s.gif"); vertical-align: middle; margin-right: 6px;}

.olist_lroman{list-style-type: lower-roman;}

#content a.button-link{display: inline-block; padding: 2px 8px; background-color: rgb(252, 178, 242); color: rgb(13, 54, 144); text-decoration: none;}

#content_box #news_box .bluebox p{margin-bottom: 16px;}

.blueBackgroundBlock table{margin-left: 8px; margin-bottom: 10px;}

img.max100{max-width: 100%;}

.shape-float-right{float: right; shape-image-threshold: 0.1; transform: translate(20px);}

.shape-float-left{float: left; shape-image-threshold: 0.1; transform: translate(-20px);}

#viiv-table td:last-child{width: 200px;}

#content .archiv h5{margin: 8px 0px; font-size: 1em;}

#content .archiv div{display: inline-block; width: 170px; margin-right: 15px; margin-bottom: 30px; padding: 10px; text-align: center; transition-property: all; transition-duration: 0.5s; transform: translate(0px);}

#content .archiv h5 a img{width: 150px;}

.archiv h5 a:hover{background-color: transparent;}

#content .archiv h5 a:hover{background-color: transparent;}

#content .archiv div:hover{background-color: rgb(252, 178, 242); transform: translate(4px, 4px);}

a#share-email{color: rgb(51, 51, 51); text-decoration: none;}

#share-email img{height: 20px; margin-right: 8px; vertical-align: top;}

#content .fit-content{width: fit-content;}

#sis-anmeldung .button{border-radius: 6px; background-color: rgb(51, 102, 153); color: rgb(224, 224, 255); padding: 3px 8px; text-decoration: none; margin: 0px 12px;}

#content h3.block-header{border-top: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(102, 102, 102); background-color: rgb(184, 188, 223); color: rgb(13, 54, 144);}

.block-header a:hover{text-decoration: underline;}

#content .block-header a{text-decoration: none;}

#content .center-block{margin: auto; width: fit-content; padding: 4px 8px;}

#content h2.block-header{border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(184, 188, 223);}

#content .shape-lefty-25{float: left; transform: translate(-25px);}

#content .kongress-logo-right{float: right; margin-left: 20px; margin-bottom: 20px; clear: right;}

#content img.linked:hover{outline: rgb(136, 0, 0) solid 2px;}

h3.blue-white-highlight{padding: 3px 8px; background-color: rgb(98, 129, 189); color: rgb(255, 255, 255);}

#content .peach-white-highlight{background-color: rgb(228, 141, 87); color: rgb(255, 255, 255); padding: 3px 8px;}

#content .mult-col-2{grid-template-columns: 1fr 1fr; display: grid;}

#content a.cmebutton.expired{text-decoration: line-through !important;}

.italic{font-style: italic;}

#content a.link-button{display: inline-block; border: 1px solid rgb(102, 102, 102); border-radius: 10px; padding: 2px 8px; box-shadow: rgb(51, 51, 51) 2px 2px 4px;}

img.drop-shadow{filter: drop-shadow(rgb(128, 128, 128) 2px 3px 6px);}

.tryptich{display: grid; grid-template-columns: 1fr 1fr 1fr;}

.tryptich p{text-align: center;}

#content .teaser{font-size: 1.2em;}

#news_box .bluebox small{font-size: 14px; font-weight: bold;}

#banner{text-align: center; margin-bottom: 40px;}

#versorgungsstudie{max-width: 100%;}

#versorgclick{position: absolute; top: 0px; left: -44px;}

#banner h3{margin: -40px auto 0px; position: relative; display: inline-block;}

#banner a{text-decoration: none;}

#content #banner a:hover{background-color: transparent;}

#fachtagbanner{border: 1px solid rgb(204, 204, 204); box-shadow: rgb(102, 102, 102) 2px 2px 8px; width: 80%; margin: 0px auto 50px;}




/* included stylesheet styles/primnav.css-- */

/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

#primnav{background-color: transparent;}

#primnav .menuTable1{width: 100%;}

#header .primnav a{color: rgb(13, 54, 144); text-decoration: none; font-size: 1.1em; font-weight: normal; padding: 2px 8px; white-space: nowrap; display: inline-block;}

#header .primnav span{color: rgb(13, 54, 144); text-decoration: none; font-size: 1.1em; font-weight: normal; padding: 2px 8px; white-space: nowrap; display: inline-block; cursor: pointer;}

#header .primnav td ul{position: absolute; background-color: rgb(224, 224, 255); padding: 0px; margin: 0px; visibility: hidden; border: 1px solid rgb(177, 123, 183); max-width: 250px; z-index: 1000;}

#header .primnav td ul ul{position: absolute; background-color: rgb(224, 224, 255); padding: 0px; margin: 0px; visibility: hidden; border: 1px solid rgb(177, 123, 183); max-width: 250px; z-index: 1000; left: 90%; top: 0px;}

#header .primnav td ul li{display: block; position: relative; float: none; text-align: left; padding: 0px; list-style-type: none; width: auto; min-width: 150px;}

#header .primnav td:hover > ul{visibility: visible;}

#header .primnav td ul li:hover > ul{visibility: visible;}

#header .primnav a:hover{text-decoration: none !important;}

#header .primnav span:hover{text-decoration: none !important;}

#primnav .primnav{padding: 20px 42px 8px;}

#primnav .primnav td ul a{padding: 4px 8px; color: rgb(13, 54, 144); font-size: 1.15em; display: block; line-height: 1.1em;}

#primnav .primnav td ul a:hover{background-color: rgb(13, 54, 144); color: rgb(255, 255, 255);}

#primnav .primnav li:hover a{color: rgb(177, 123, 183);}

#primnav .primnav td:last-child{border-right: 0px none;}

#primnav .primnav td{border-right: 2px solid rgb(252, 178, 242); text-align: center;}

#primnav .primnav td ul li a{color: rgb(13, 54, 144); font-weight: normal; white-space: normal;}

#primnav .primnav td ul li a:hover{background-color: rgb(13, 54, 144); color: rgb(255, 255, 255);}

#header #primnav .primnav{line-height: 18px;}

#primnav .menuTable1 td:hover > a{background-color: rgb(252, 178, 242); color: rgb(13, 54, 144);}

#primnav .menuTable1 td:hover > span{background-color: rgb(255, 255, 255); color: rgb(13, 54, 144);}

#primnav_above .logoutspan a{padding: 4px 8px; color: rgb(13, 54, 144); font-size: 1.15em; display: block; line-height: 1.1em; font-weight: normal;}

#primnav_above .logoutspan a:hover{background-color: rgb(13, 54, 144); color: rgb(255, 255, 255);}

#primnav_above .logoutspan{position: absolute; top: 18px; right: 0px; visibility: hidden; cursor: pointer; display: block; border: 1px solid rgb(177, 123, 183); text-align: left;}

#primnav_above .logged-in{position: relative;}

#primnav_above .logged-in:hover .logoutspan{visibility: visible; background-color: rgb(224, 224, 255); color: black; display: block;}

#waitwait{position: absolute; display: none; z-index: 1000; top: 50%; left: 50%;}

.logoutspan img{vertical-align: middle;}

#primnav a.current{color: rgb(224, 87, 138);}

#primnav .primnav li a.current{color: rgb(224, 87, 138);}

#primnav a span.icomoon{font-size: 20px; display: inline-block; vertical-align: top;}

#primnav td{vertical-align: middle;}

#primnav #primnav_below.primnav{padding: 8px 42px;}

#primnav .primnav td ul li.img-navitem a{padding: 0px; margin: 2px;}

#primnav .img-navitem img{padding: 0px 8px; vertical-align: bottom;}

#primnav li.img-navitem{background-color: rgb(255, 255, 255); padding: 6px 0px;}

#primnav li.img-navitem:hover{background-color: rgb(224, 224, 255);}

#primnav .primnav td ul li.img-navitem a:hover{background-color: rgb(224, 224, 255);}

#header .primnav td ul li.img-navitem{padding: 5px 0px;}

#header .primnav b{color: rgb(13, 54, 144); text-decoration: none; font-size: 1.1em; font-weight: normal; padding: 2px 8px; cursor: pointer; display: inline-block;}

#primnav .menuTable1 td > a{transition-property: all; transition-duration: 0.5s;}

#primnav .primnav .menuTable1 td li li a{color: rgb(13, 54, 144);}

#primnav .primnav .menuTable1 td li li:hover a{color: white;}



/* included stylesheet styles/compatibility.css-- */

/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

.clearfix::after{visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px;}

.four-col{column-count: 4;}

.three-col{column-count: 3;}

.two-col{column-count: 2;}

.two-col-grid{display: grid; grid-template-columns: minmax(280px, 47%) minmax(280px, 47%); gap: 5%;}

#content a { overflow-wrap: anywhere; word-wrap: anywhere; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     #content a {word-break: break-all; width: 100%; }
}

@supports (-ms-ime-align:auto) {
    #content a {word-break: break-all;}
}



/* included stylesheet styles/print.css--print */

@media print
{
/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

body{background-image: none; background-color: rgb(255, 255, 255); margin: 0px;}

#logoCell{width: 130px; height: 40px; text-align: center;}

#logoSpacerLeft{width: 30px; height: 15px;}

#logoSpacerRight{width: 40px; height: 15px;}

#logoLineLeft{width: 30px; height: 25px; background-color: rgb(0, 23, 114);}

#logoLineRight{width: 40px; height: 25px; background-color: rgb(0, 23, 114);}

#currentSection{color: rgb(255, 255, 255); background-color: rgb(0, 23, 114); width: 640px; font-size: 14px; font-weight: bold; text-align: right; padding-right: 10px;}

#zierbild{display: none;}

#content{overflow: visible; margin-left: 0px; position: relative; margin-top: 20px;}

#contentFrame{border: medium none; margin: 0px; padding: 50px 0px 0px; overflow: visible; text-align: left; position: relative; background-image: none; background-color: rgb(255, 255, 255); background-repeat: repeat-y;}

#headerDiv{position: absolute; top: 0px; left: 0px; z-index: 20;}

#page{margin: 0px; padding: 20px; position: static; width: 640px;}

#content_box{margin: 0px; position: static;}

#primNav, #secNavDiv, #footer, #middNavBg{display: none;}

#content_box #randspalte{position: static;}

p.backlink, p.backlinkBottom{display: none;}

#news_box{display: none;}

#content a:hover{background-color: transparent ! important;}


}



/* included stylesheet styles/mobile-wide.css-- screen and (max-width: 1200px) */

@media  screen and (max-width: 1200px)
{
/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

#content{max-width: 640px;}

#ic-header-block-mobile{display: none;}

body.msd #ic-header-block{height: auto;}

#content_box{width: 95vw;}

body.infocenter #page{width: 100%;}


}



/* included stylesheet styles/mobile.css-- screen and (max-width: 900px) */

@media  screen and (max-width: 900px)
{
/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

#news_box{display: none;}

#primnav .primnav{display: none;}

#content_box{padding: 0px 12px; display: block;}

#logoblock{padding: 10px 12px; background-color: rgb(13, 54, 144);}

#mobilemenublock{display: block; margin-right: 0px;}

#searchblock{display: none;}

#mobilemenu{position: fixed; z-index: 1000; right: 0px; width: 0px; transition-duration: 0.3s; transition-property: height, width; top: 70px; max-height: 80%; overflow: auto;}

#mobilemenu li{list-style-type: none;}

#mobilemenu ul{padding: 0px; margin: 0px;}

#mobilemenu a{text-decoration: none; font-weight: bold; color: rgb(13, 54, 144); display: block; padding: 2px 10px; font-size: 1.25em; line-height: 1.4em;}

#mobilemenu span.menunode{text-decoration: none; font-weight: bold; color: rgb(13, 54, 144); display: block; padding: 2px 10px; font-size: 1.25em; line-height: 1.4em;}

#mobilemenu a:hover{background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); text-decoration: none !important;}

#mobilemenu span.menunode:hover{background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); text-decoration: none !important;}

#mobilemenu ul ul a{font-weight: normal; padding-left: 30px;}

#mobileBG{margin: 4px 0px 10px 4px; background-color: rgb(224, 224, 255);}

body{background-color: rgb(255, 255, 255); padding: 0px; margin: 0px; font-size: 14px;}

#page{border: 0px none; min-width: auto; padding-top: 100px;}

#footer{padding-right: 0px;}

.home #page #content > div{padding-left: 0px;}

#mobilemenu ul ul{height: 0px; overflow: hidden; transition-property: height; transition-duration: 0.3s;}

#partnersblock{padding: 10px 20px 3px; position: static; top: auto; right: auto;}

#partnersblock img{max-width: 90%;}

#content{max-width: 100%;}

#logoblock.fixed{position: fixed; top: 0px; left: 0px; width: 100%; background-color: rgb(13, 54, 144); padding: 0px 10px; box-shadow: rgb(0, 0, 0) 0px 0px 12px;}

#logoblock.fixed #headerlogo{height: 25px; margin-right: 10px;}

#logoblock.fixed #headeronline{height: 25px;}

.fixed #headerlogo{margin-top: 4px;}

#header{z-index: 1000;}

#mobilemenu.high{top: 36px;}

#content_box #shortnews{display: block;}

#primnav td{display: block;}

#mobilemenu .menuTable1 ul{position: absolute; visibility: hidden;}

#mobilemenu .menuTable1 td:hover ul{visibility: visible; left: 150px; margin-top: -35px; border: 1px solid rgb(177, 123, 183); background-color: rgb(184, 188, 223);}

#logoblock a{white-space: nowrap;}

#logoblock #headerlogo{max-width: 28%;}

#logoblock #headeronline{max-width: 45%;}

#social-top2{margin-left: 0px;}

#headeronline{margin-right: 10px;}

#social-top{padding-left: 10px; padding-right: 30px;}

.partners #page{padding-top: 160px;}

#content_box .mobile-only{display: block;}

#content_box .pc-only{display: none;}

#ibox22{width: 100% !important; margin-bottom: 30px;}

div.mob-30 img{width: 100%;}

div.mob-30{max-width: 30%;}

div.mob-100{width: 100%;}

div.mob-100 img{width: 100%;}

#content .hangLeft{margin-left: 0px;}

#content .mob-center{float: none;}

#content .mob-center.floatLeft{float: none; text-align: center;}

img{max-width: 100%;}

.expanderBox{padding-bottom: 20px; position: relative; max-width: 100%;}

.leben-mit-aids .i-box{max-width: 90%;}

.leben-mit-aids #content .columns2{column-count: 1;}

.two-col-grid{display: block;}

#register_sis input{max-width: 100%;}

#content #register_sis dt{float: none; width: auto; text-align: left;}

#corona-nachrichten{float: none;}

#ic-header-block img{height: auto; max-height: 112px;}

#mitarbeiterinnen img{max-width: 100%;}

#mitarbeiterinnen{text-align: center;}

#content .expanderBox.wide img{max-width: none;}

#banner-ad img{max-width: 100%;}

#banner-ad{max-width: 100%; margin-left: 0px; margin-top: -30px;}

#vermerkfs textarea{max-width: 100%;}

#content .graficRight{max-width: 100%;}

#content #register_sis #fsfruebucher dt{width: 220px; max-width: 220px; float: left;}

#banner-ad.separate{height: 95px;}

#content #aerztelisteNav{display: none;}

#content #iframediv{width: 100%; height: auto;}

body.aerzteliste #content_box #content{padding-left: 0px; padding-right: 0px;}

body.aerzteliste #content_box{padding: 0px;}

#aerztlistenav-mobile{display: block; position: absolute; top: -60px; background-color: rgb(255, 255, 255); width: 100%; text-align: center;}

#content #aerztlistenav-mobile h3{margin: 0px; color: rgb(224, 87, 138); font-size: 15px; line-height: 25px;}

.aerzteliste #page{padding-top: 160px;}

#aerztlistenav-mobile a{padding: 2px 4px; margin: 0px 5px; border: 1px outset rgb(204, 204, 204); border-radius: 5px; text-decoration: none;}

#content #register_sis .widecheck dt{width: 220px; max-width: 220px; float: left;}

#content p{max-width: 100%;}

.floatRight{max-width: 100%;}

#content .mobile-block-center{float: none; display: block; margin: 8px auto;}

#clientheaderlogo{display: none;}

body.msd #ic-header-block{height: 0px;}

#clientheaderlogo-mobile{width: 95vw; display: block;}

#ic-header-block-mobile{border-bottom: 1px solid rgb(51, 102, 153); display: block;}

body.infocenter #content{max-width: 90vw; float: none;}

#infocenter-right{float: none; width: 90vw;}

#right-header{margin: 0px; height: auto;}

#content .buttons{height: auto !important;}

#content h4.cme-punkte{width: 85px; text-align: right; margin-left: 20px;}

#content .buttons .cmebutton{float: none; display: inline-block; margin: 10px auto;}

#weltaids-tag img{max-width: 50%;}

.tryptich{display: block;}

table.buttons-table{display: block; width: 100%;}

table.buttons-table tbody{display: block; width: 100%;}

table.buttons-table tr{display: block; width: 100%;}

table.buttons-table td{display: block; margin: 10px auto;}


}



/* included stylesheet css/medikamenten.css-- */

/*NAME: */
/*COMMENT: */


/*--------------------------------------------------------------------------
This Stylesheet can be edited by hand.
N.B. Changes not compatible with Firefox may however be overwritten if changes
are later made with the Wysiwyg Css-Editor using FF, since these will be ignored.
--------------------------------------------------------------------------*/

#content_box .medClassHead{border: 1px solid rgb(153, 153, 153); background-color: rgb(232, 191, 213); margin: 0px; color: rgb(0, 0, 0); padding: 2px 2px 2px 10px;}

#content_box .medClassHead h3{margin: 0px; border-bottom: 0px none;}

#content_box P.classInfos{float: right; text-align: right; margin-top: 0px; margin-bottom: 0px;}

.medtable{border-collapse: collapse; margin-bottom: 20px; width: 100%;}

.medtable td{border: 1px solid rgb(204, 204, 204); padding: 3px; font-size: 13px;}

.medtable th{border: 1px solid rgb(153, 153, 153); background-color: rgb(204, 204, 204); padding: 0px; font-size: 12px; font-weight: bold;}

#content_box .disclaimer{margin-top: 50px; font-size: 14px; color: rgb(119, 119, 119);}

.substanz{width: 25%;}

.handelsname{width: 15%;}

.abkurz{width: 10%;}

.bild{width: 5%;}

.hersteller{width: 25%;}

#content_box .seeDetails{margin-bottom: 20px; background-color: rgb(240, 240, 240); border-top: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); padding: 4px;}

.blueTable .subheadercell{font-weight: bold;}

