/*
	referenced by
	- fileadmin/templates/typoscript/page.ts
	- fileadmin/templates/typoscript/ob/page.ts
	and by many forms (fileadmin/templates/plugins/form/forms/...)

*/


/* for OB-Pages look at fileadmin/templates/css/ob/cq_ob_style.css */


/* in lists the background-images should be attached to the li's */
/* in pure texts the background-images are attached to the a's */
/* use background-images because we can position them exactly as we want them (list-style-images cannot be positioned) */



/* ----------------------------------------------------------- */
/* ---------------basic and general a-tags-------------------- */
/* ----------------------------------------------------------- */

a {
    color: #275579
}

a.underline {
    text-decoration:underline;
}




/******* Kontext footer / header ********************************/
#footer a.send,
#footer a.print,
#footer a.back,
#footer a.to-top,
div.news-single-backlink a{
    background-repeat: no-repeat;
    color: #626262;
    text-decoration: none;
    margin-left: 15px;
    padding-left: 15px;
}

a.to-top{
    background-image: url("../images/bullet-top.gif");
    background-position: 0 2px;
    padding-left: 17px;
}


a.back{
    background-image: url("../images/bullet-back.gif");
    background-position: 0 2px;
}

a.print{
    background-image: url("../images/bullet-print.gif");
    background-position: 0 0;
}

a.send{
    background-image: url("../images/bullet-send.gif");
    background-position: 0 1px;
}

a.consent-declaration-link {
    background-image: url("../images/bullet-intern-grau.gif");
    background-position: 0 1px;
    text-decoration: underline;
}
/******* ende Kontext footer ********************************/


/* ----------Google Analytics Opt-Out-Link -------------------------------- */
#footer .optout{
    background-image: url("../images/bullet-extern-grau.gif");
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding-left: 1.1em;
    margin-left: 1.8em;
}

div#content .rte-optout{
    background-image: url("../images/bullet-extern-grau.gif");
    background-repeat: no-repeat;
    background-position: 0 1px;
    margin-left: 1.8em;
}
div#content .rte-optout a{
    padding-left: 13px;
}
/* -----ende-----Google Analytics Opt-Out-Link ---------------------------- */



/* tt_news and linklistnews **********************************************/
/* reset padding of 17px for big and ordinary news --> image */
div.news-list-container div.middle-box-02 div.middle-box-02-image a,
div.news-list-container div.middle-box-01 div.middle-box-01-image a{
    padding-left: 0;
}

/* reset padding of 17px for big and ordinary news --> title */
div.news-list-container div.middle-box-02 div.middle-box-02-content a,
div.news-list-container div.middle-box-01 div.middle-box-01-content a{
    padding-left: 0;
}

a.read {
    background-image: url("../images/bullet-intern-grau.gif");
    background-repeat: no-repeat;
    display: block;
    padding-left: 17px !important;
}

/* big news --> read more */
div.news-list-container div.middle-box-02 div.middle-box-02-content a.read {
    background-position: 0 5px;
}

/* ordinary news --> read more */
div.news-list-container div.middle-box-01 div.middle-box-01-content a.read {
    background-position: 0 3px;
}


/* begin tt_news - linklistnews - ****************************************/
/* linklistnews --> read more */
div.news-linklistnews li.intern a.read,
div.news-linklistnews li.intern a{
    padding-left: 17px !important;
    background-position: 0 5px;
}
/* news - override styles-for-un-classed rte-links-from-content.css */
div.news-linklistnews div.linklist ul.linkliste li.pdf,
div.news-linklistnews div.linklist ul.linkliste li.doc,
div.news-linklistnews div.linklist ul.linkliste li.docx,
div.news-linklistnews div.linklist ul.linkliste li.xls,
div.news-linklistnews div.linklist ul.linkliste li.xlsx,
div.news-linklistnews div.linklist ul.linkliste li.ppt,
div.news-linklistnews div.linklist ul.linkliste li.pptx,
div.news-linklistnews div.linklist ul.linkliste li.formular,
div.news-linklistnews div.linklist ul.linkliste li.forms,
div.news-linklistnews div.linklist ul.linkliste li.info,
div.news-linklistnews div.linklist ul.linkliste li.gallery,
div.news-linklistnews div.linklist ul.linkliste li.video,
div.news-linklistnews div.linklist ul.linkliste li.mp3,
div.news-linklistnews div.linklist ul.linkliste li.flv,
div.news-linklistnews div.linklist ul.linkliste li.audio,
div.news-linklistnews div.linklist ul.linkliste li.facebook,
div.news-linklistnews div.linklist ul.linkliste li.mail,
div.news-linklistnews div.linklist ul.linkliste li.address,
div.news-linklistnews div.linklist ul.linkliste li.adress,
div.news-linklistnews div.linklist ul.linkliste li.file,
div.news-linklistnews div.linklist ul.linkliste li.zip,
div.news-linklistnews div.linklist ul.linkliste li.gps,
div.news-linklistnews div.linklist ul.linkliste li.gpx,
div.news-linklistnews div.linklist ul.linkliste li.autobus,
div.news-linklistnews div.linklist ul.linkliste li.extern{
    padding-left: 17px !important;
}
/* ende tt_news - linklistnews - ****************************************/





/* ------------------------------------------------------------------------------------------- */
/* -------------- RTE-links, Text-links in general ------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
p a,
div.cq_flex div.text a,
.container_inner_content .csc-default a{
    background-repeat: no-repeat !important;
    padding-left: 17px;
    background-position: 0 3px;
}

/* display links in RTE-Texts in the right column with underline */
div#sidebar-right-inner p span a,
div#content div.csc-default p a{
    color: #454543;
    text-decoration: underline;
}


p a.intern,
div.cq_flex div.text a.intern,
.container_inner_content .csc-default a.intern {
    background-image: url("../images/bullet-intern-grau.gif");
    padding-left: 12px;
}


p a.mail,
div.cq_flex div.text a.mail,
.container_inner_content .csc-default a.mail {
    background-image: url("../images/bullet-mail-grau.gif");
}

p a.gallery,
div.cq_flex div.text a.gallery,
.container_inner_content .csc-default a.gallery {
    background-image: url("../images/bullet-gallery-grau.gif");
}

p a.video,
div.cq_flex div.text a.video,
.container_inner_content .csc-default a.video,
p a.flv,
div.cq_flex div.text a.video,
.container_inner_content .csc-default a.flv {
    background-image: url("../images/bullet-video-grau.gif");
}

p a.audio,
div.cq_flex div.text a.audio,
.container_inner_content .csc-default a.audio,
p a.wave,
div.cq_flex div.text a.audio,
.container_inner_content .csc-default a.audio {
    background-image: url("../images/bullet-sound-grau.gif");
}

p a.mp3,
div.cq_flex div.text a.mp3,
.container_inner_content .csc-default a.mp3 {
    background-image: url("../images/bullet-mp3-grau.gif");
}

p a.extern,
div.cq_flex div.text a.extern,
.container_inner_content .csc-default a.extern {
    background-image: url("../images/bullet-extern-grau.gif");
    padding-left: 12px;
    background-position: 0 2px;
}

p a.pdf,
div.cq_flex div.text a.pdf,
.container_inner_content .csc-default a.pdf {
    background-image: url("../images/bullet-pdf-grau.gif");
}

p a.doc,
div.cq_flex div.text a.doc,
.container_inner_content .csc-default a.doc,
p a.docx,
div.cq_flex div.text a.docx ,
.container_inner_content .csc-default a.docx {
    background-image: url("../images/bullet-doc-grau.gif");
}

p a.xls,
div.cq_flex div.text a.xls,
.container_inner_content .csc-default a.xls,
p a.xlsx,
div.cq_flex div.text a.xlsx,
.container_inner_content .csc-default a.xlsx {
    background-image: url("../images/bullet-xls-grau.gif");
}


p a.ppt,
div.cq_flex div.text a.ppt,
.container_inner_content .csc-default a.ppt,
p a.pptx,
div.cq_flex div.text a.pptx,
.container_inner_content .csc-default a.pptx {
    background-image: url("../images/bullet-powerpoint-grau.gif");
}

p a.file,
div.cq_flex div.text a.file,
.container_inner_content .csc-default a.file {
    background-image: url("../images/bullet-file-grau.gif");
}

p a.formular,
div.cq_flex div.text a.formular,
.container_inner_content .csc-default a.formular {
    background-image: url("../images/bullet-formular-grau.gif");
}

p a.zip,
div.cq_flex div.text a.zip,
.container_inner_content .csc-default a.zip {
    background-image: url("../images/bullet-zip-grau.gif");
}

p a.gps,
div.cq_flex div.text a.gps,
.container_inner_content .csc-default a.gps,
p a.gpx,
div.cq_flex div.text a.gpx,
.container_inner_content .csc-default a.gpsx {
    background-image: url("../images/bullet-gps-grau.gif");
}

p a.info,
div.cq_flex div.text a.info,
.container_inner_content .csc-default a.info {
    background-image: url("../images/bullet-info-grau.gif");
}

p a.autobus,
div.cq_flex div.text a.autobus,
.container_inner_content .csc-default a.autobus {
    background-image: url("../images/bullet-bus-grau.gif");
}

p a.adress,
div.cq_flex div.text a.adress,
.container_inner_content .csc-default a.adress {
    background-image: url("../images/bullet-adresse-grau.gif");
}

p a.facebook,
div.cq_flex div.text a.facebook,
.container_inner_content .csc-default a.facebook {
    background-image: url("../images/bullet-facebook.gif");
    background-position: 0 0;
}

/* hack: reset padding-left of 17px */
/* Alle img-Elemente, die direkt innerhalb eines a-Elements liegen */
div.csc-default p a>img{
    margin-left: -17px;
}

/* ----- ende RTE-Links, text-links ------------------------------------------------------------------ */




/* --------------------------------------------------------------------------------------------------- */
/* ------------ middle-linkbox - civserv-cq_employee and cq-address ---------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* occurs on any pages in the context of other extensions too */
/* styling is on the a's for historic reasons, even though its lists */
div.middle-linkbox a,
div.middle-linkbox span{
    background-repeat: no-repeat !important;
    padding-left: 17px;
    background-position: 0 3px;
}

/* no padding for an a-tag inside a span class="something" */
div.middle-linkbox span a{
    padding-left: 0;
}

/* where does this one occur?! */
div.middle-linkbox a.extern{
    margin-left: 0;
    margin-top: 1em;
    background-position: 0 0;
}

div.middle-linkbox a.homepage{
    background-image: url("../images/bullet-homepage.gif");
    background-position: 0 1px;
}

div.middle-linkbox a.adress {
    background-image: url("../images/bullet-adresse-grau.gif");
}

div.middle-linkbox a.mail {
    background-image: url("../images/bullet-mail-grau.gif");
}

div.middle-linkbox span.phone {
    background-image:url("../images/bullet-phone.gif");
}

div.middle-linkbox span.fax {
    background-image:url("../images/bullet-fax.gif");
}

/* middle-linkbox - civserv-cq_employee inside tt_news ********************/
div.news-content div.middle-linkbox a.intern,
div.news-content div.middle-linkbox a.pdf,
div.news-content div.middle-linkbox a.audio,
div.news-content div.middle-linkbox a.extern{
    margin-left: -25px;
}
/* ende middle-linkbox - civserv-cq_employee ------------------------------*/




/* ----------------------------------------------------------- */
/* ------------ cq-address div.listen a and span ------------- */
/* ----------------------------------------------------------- */
/*
    the following selectors mostly occurs in cq_address

    cq_adress contexts:
        listview:
        div.tx-cq-address div.listen p.Daten a
        div.tx-cq-address div.listen p.Daten span

        detailview:
        div.tx-cq-address div.boxInfo p.Daten a
        div.tx-cq-address div.boxInfo p.Daten span

    see (for listview): http://local.hamm.citeq.de/index.php?id=7634
*/
/* ------------------ cq_address ----------------------------- */

div.tx-cq-address li{
    padding-left: 0;
}

div.tx-cq-address div.teaserBild a{
    padding-left: 0;
}

/* http://www.hamm.de/gesundheit/famgeso/bildung-und-betreuung.html --> detail page */
div.tx-cq-address div.geso_list ul li a{
    padding-left: 0;
}

/* http://www.hamm.de/famgeso.html - Suchmaske und Suchergebnisse */
div.tx-cq-address form#geso-search-form div.suchMaske div.eingabefelder div.floatDiv a{
    padding-left: 0;
}

div.tx-cq-address form#geso-search-form div.suchMaske div.suchergebnisbereich li{
    padding-left: 17px;
}

div.tx-cq-address form#geso-search-form div.suchMaske div.suchergebnisbereich li a{
    padding-left: 0;
}

div.tx-cq-address form#geso-search-form div.suchMaske ul.tx_cqaddress_widget_paginator li a{
    padding-left: 0;
}


    /* ahref class="adresse" defined in cq_address */
/* span class="adresse" defined in cq_address */
div.tx-cq-address div.listen a,
div.tx-cq-address div.listen span,
div.tx-cq-address div.boxInfo a,
div.tx-cq-address div.boxInfo span{
    padding-left: 14px;
    background-repeat: no-repeat !important;
    background-position: 0 3px !important;
}

/* no padding for an a-tag inside a span class="something" */
div.tx-cq-address div.listen span a,
div.tx-cq-address div.boxInfo span a{
    padding-left: 0;
}

div.tx-cq-address div.listen .adresse,
div.tx-cq-address div.boxInfo .adresse{
    background: url("../images/adresse_schwarz.gif");
    text-decoration:underline;
}

/* span class="telefon" defined in cq_address */
div.tx-cq-address div.listen .telefon,
div.tx-cq-address div.boxInfo .telefon{
    background: url("../images/fon_schwarz.gif");
}

/* span class="telefax" defined in cq_address */
div.tx-cq-address div.listen .telefax,
div.tx-cq-address div.boxInfo .telefax{
    background: url("../images/fax_schwarz.gif");
}

/* ahref class="email" defined in civserv */
/* span class="email" defined in cq_address */
/* ahref class="email" defined in tt_address */
div.tx-cq-address div.listen .email,
div.tx-cq-address div.boxInfo .email{
    background: url("../images/email_schwarz.gif");
    background-repeat: no-repeat;
    text-decoration:underline;
}
div.tx-cq-address .contact-data span.email{
    background: url("../images/email_schwarz.gif");
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 17px;
}


/* span class="extern" defined in cq_address (and elsewhere ?)*/
div.tx-cq-address div.listen .extern,
div.tx-cq-address div.boxInfo .extern{
    background: url("../images/extern_schwarz.gif");
}

/* span class="bus" defined in cq_address */
div.tx-cq-address div.listen .bus,
div.tx-cq-address div.boxInfo .bus{
    background: url("../images/extern_schwarz.gif");
}

/* li class="facebook-schwarz" defined in cq_address */
div.tx-cq-address div.listen .facebook-schwarz,
div.tx-cq-address div.boxInfo .facebook-schwarz{
    background: url("../images/bullet-facebook-schwarz.gif");
}
/* ---------------- ende cq_address div.listen a and span ----------------------------- */






/* -------------------------------------------------------------------------------- */
/* ------------------ Styling for lists ------------------------------------------- */
/* -------------------------------------------------------------------------------- */



/* --- begin --- LINKLIST BASIC ---------------------------- */
/* override content.css .content ul */
ul.linkliste{
    margin-left: 0;
    list-style: none;
}

/* prevent grey-square before cq_flex li.something and before tt_news read more-link */
div.cq_flex ul.linkliste,
div.news-linklistnews ul.linkliste,
.container_inner_content .csc-default ul.linkliste,
div#content-inner div.news-content ul.linkliste{
    margin-left: 0;
    list-style: none;
}

/* weitere Infos zum Thema */
div.news-content div.cq_flex ul.linkliste li a{
    padding-left: 17px;
}

/* --- end --- LINKLIST BASIC ---------------------------- */




/* used in linklistnews */
span.filetype{
    padding-left: 10px;
}

/**** content-inner - "header" (zeile mit datum, voicereader, backlink und facebook-button) ****/
div#socialshareprivacy li.facebook {
    background: none;
}






/* -------------------------------------------------------------------------------- */
/* --------------- basic and general backgrounds ---------------------------------- */
/* --------------- background-images for li's for all purposes -------------------- */
/* --------------- tx-cq-address and linklist predominantly ----------------------- */

/* tx-cq-address li's - see: http://www.hamm.de/de/gesundheit/famgeso/traeger-von-a-z.html */

li {
    background-repeat: no-repeat !important; /* must needs be important */
    padding-left: 17px;
    background-position: 0 3px;
}

/* linklist styling */
div.linklist li{
    background-position: 0 3px; /* need to define bgp for linklist explicitly */
}
div.linklist li.facebook{
    background-position: 0 0;
}
div.linklist li.extern{
    background-position: 0 2px;
}

div.linklist li.intern{
    background-position: 0 5px;
}

/* http://local.hamm.citeq.de/stadtgeschichte */
div.linklist li.intern a{
    background-image: none;
    display: block;
}


/* avoid collision with cq_ob_style.css */
/* div.col2 only in OB-pages */
div.col2 div.linklist li.intern a{
    background-image: none;
    padding-left: 0;
}

/* http://local.hamm.citeq.de/ob/bildlich/medienarchiv-2017.html */
div.linklist li.gallery a{
    display: block;
}

div.col2 div.linklist li.gallery a{
    padding-left: 0;
}


/* for contact-data styling see also content.css */
/* styling for lists from cq_address */
div.tx-cq-address ul.contact-data li{
    background-position: 0 2px;
}



/* repair, hack */
/* address-list in middle of page */
div.tx-cq-address ul.contact-data li.phone{
    padding-left: 17px;
}
div.tx-cq-address ul.contact-data li.fax{
    padding-left: 17px;
}
div.tx-cq-address ul.contact-data li.square{
    padding-left: 17px;
}
div.tx-cq-address ul.contact-data li.square a{
    padding-left: 0;
}





/* general styling for li's */
li.square{
    background:url("../images/bullet-square.gif");
}

li.phone{
    background:url("../images/bullet-phone.gif");
}

li.fax{
    background:url("../images/bullet-fax.gif");
}

li.intern,
li.read{
    background: url("../images/bullet-intern-grau.gif");
}

li.mail {
    background: url("../images/bullet-mail-grau.gif");
}

li.pdf{
    background:url("../images/bullet-pdf.gif");
}

li.doc,
li.docx{
    background:url("../images/bullet-doc-grau.gif");
}

li.xls,
li.xlsx{
    background:url("../images/bullet-xls-grau.gif");
}

li.gallery {
    background: url("../images/bullet-gallery-grau.gif");
    background-position: 0 2px !important;
}

li.video,
li.flv {
    background: url("../images/bullet-video-grau.gif");
}

li.audio,
li.wave{
    background: url("../images/bullet-sound-grau.gif");
}

li.mp3 {
    background: url("../images/bullet-mp3-grau.gif");
}

li.extern {
    background: url("../images/bullet-extern-grau.gif");
}

li.ppt,
li.pptx {
    background: url("../images/bullet-powerpoint-grau.gif");
}

li.file {
    background: url("../images/bullet-file-grau.gif");
}

li.formular{
    background: url("../images/bullet-formular-grau.gif");
}

/* osiris */
li.forms{
    background: url("../images/bullet-formular-grau.gif");
}

li.zip {
    background: url("../images/bullet-zip-grau.gif");
}

li.gps,
li.gpx {
    background: url("../images/bullet-gps-grau.gif");
}

li.info {
    background: url("../images/bullet-info-grau.gif");
}

li.autobus {
    background: url("../images/bullet-bus-grau.gif");
}

li.adress {
    background: url("../images/bullet-adresse-grau.gif");
}

li.homepage{
    background: url("../images/bullet-homepage.gif"); /* same as bullet-extern-grau.gif */
}

li.facebook {
    background: url("../images/bullet-facebook.gif");
    background-position: 0 0;
}


/* ----------------------------------------------------------- */
/* --------------- sitemap begin ----------------------------- */
/* ----------------------------------------------------------- */
div.csc-sitemap ul{
    margin-left:0;
    margin-bottom: 0.3rem;
}

/*
div.csc-sitemap ul li{
    list-style: none;
    font-weight: bold;
    line-height:150%;
}
*/

div.csc-sitemap ul li{
    list-style: none;
    font-weight: bold;
}
div.csc-sitemap ul li a{
    text-transform: uppercase;
    display: block;
    border:1px solid #dadada;
    border-left:0;
    border-right:0;
    padding:5px 0 6px 10px;
    margin-bottom:9px;

}

div.csc-sitemap ul ul li{
    background-image: url("../images/bullet-intern-grau.gif");
    background-position: 0 3px;
    margin-left:17px;
    display: inline;
}

div.csc-sitemap ul ul li a{
    text-transform: none;
    padding:0 0 0 0;
    margin-bottom:3px;
    border:none;
    display: inline-flex;
}

div.xcsc-sitemap li a{
    display: inline-flex;
}

/* ----------------------------------------------------------- */
/* --------------- sitemap end ------------------------------- */
/* ----------------------------------------------------------- */






/*************************************************************************************************************/
/************************** misc plugins *********************************************************************/
/*************************************************************************************************************/

/* --------------------------------------------------------------------------------- */
/* ------------------------ plugin civserv ----------------------------------------- */
/* -- see also: fileadmin/templates/plugins/civserv/templates/css/musterstadt.css -- */
/* --------------------------------------------------------------------------------- */
div.tx-civserv-pi1 div.element-block ul#organisations a{
   padding-left:0;
}


div.tx-civserv-pi1 .grey-block{
    padding-left:12px;
    padding-bottom:12px;
}

div.tx-civserv-pi1 .grey-block ul{
    list-style: none;
    margin-left: 0;
}

div.tx-civserv-pi1 .grey-block li{
    padding-left: 17px;
}

div.tx-civserv-pi1 .grey-block a{
    padding-left: 0;
}

div.tx-civserv-pi1 .grey-block li,
div.tx-civserv-pi1 .grey-block a{
    background-position: 0 3px;
}

div.tx-civserv-pi1 div.list ul{
    margin-left:0;
}

div.tx-civserv-pi1 div.list li,
div.tx-civserv-pi1 div.list a{
    padding-left: 0;
}




/* --------------------------------------------------------------------------------- */
/* -------------------- plugin cq_address ------------------------------------------ */
/* --------------------------------------------------------------------------------- */
/* see:
- typo3conf/ext/cq_address/Resources/Private/Partials/Sidebar/SidebarRight.html
- typo3conf/ext/cq_address/Resources/Private/Templates/GesoTopic/List.html
*/
div.tx-cq-address div.listbox-small-2-columns a.intern {
    padding-left: 17px;
}




/* ------------------------------------------------------------------------------------ */
/* -------------------- plugin cq_simplegallery --------------------------------------- */
/* -- see also: fileadmin/templates/plugins/cq_simple_gallery/layout/css/gallery.css -- */
/* ------------------------------------------------------------------------------------ */
div.galerie div.images ul.tabs li,
div.galerie div.images-big ul.tabs li{
    padding-left: 0;
}


/* --------------------------------------------------------------------------------- */
/* -------------------- plugin cq_vmp ---------------------------------------------- */
/* --------------------------------------------------------------------------------- */
div#vmp td a{
    padding-left: 0;
}


/* --------------------------------------------------------------------------------- */
/* -------------------- cq_flex pi11 ----------------------------------------------- */
/* --------slider in middle content area ------------------------------------------- */
/* ----see also: typo3conf/ext/cq_flex/Resources/Public/Css/slider/SliderAll.css --- */
div.nivo-controlNav a,
div.nivo-directionNav a{
   padding-left: 0 !important;
}

div.nivo-directionNav a.nivo-prevNav{
    background-position: 0 0;
}

div.nivo-directionNav a.nivo-nextNav{
    background-position: -30px 0 !important;
}


/* --------------------------------------------------------------------------------- */
/* -------------------- cq_flex pi3 ------------------------------------------------ */
/* ------- http://local.hamm.citeq.de/stadtgeschichte ------------------------------ */
div.cq_flex_pi3inline div.linklist ul.linkliste li.intern{
    background-position: 0 3px;
}

div.cq_flex_pi6inline div.linklist ul.linkliste li.intern{
    background-position: 0 3px;
}



/* --------------------------------------------------------------------------------- */
/* -------------------- plugin cq_locationlaw --------------- ---------------------- */
/* --------------------------------------------------------------------------------- */
div.ordinancetitle li.intern a{
    padding-left: 0;
}