/* HTML5 display definitions  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }


/* Base */

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea { font-family:'Avenir'; color:#000; line-height: 140%; }
body { margin:0; font-size:0.9em; line-height:1.4; }

::-moz-selection { background:#33ccff; color:#fff; text-shadow:none; }
::selection { background:#33ccff; color:#fff; text-shadow:none; }


/* Links  */

a { color:#000; }
a:hover { color:#e9d500; text-decoration:none; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }


/* Typography  */

abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:700; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:700; }

/* Redeclare monospace font family:h5bp.com/j */
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before, q:after { content:""; content:none; }

small { font-size:85%; }

/* Position subscript and superscript content without affecting line-height:h5bp.com/k */
sub, sup { font-size:65%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.6em; }
sub { bottom:-0.25em; }

ul, ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }

.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; }


/* -------------------------------------- allgemein --------------------------------------- */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=372eb251-7a3a-4af3-a188-5e7bcfd896d7");
    @font-face{
/*         font-family:"Avenir LT W01_35 Light1475496"; */
		font-family: "Avenir";
        src:url("../resources/fonts/avenir/Fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
        src:url("../resources/fonts/avenir/Fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("../resources/fonts/avenir/Fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("../resources/fonts/avenir/Fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("../resources/fonts/avenir/Fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"),url("../resources/fonts/avenir/Fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg");
        font-style: normal;
        font-weight:200;
    }
/*
    @font-face{
		font-family:"Avenir LT W01_45 Book1475508";
		font-family: "Avenir";
        src:url("../resources/fonts/avenir/Fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
        src:url("../resources/fonts/avenir/Fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("../resources/fonts/avenir/Fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("../resources/fonts/avenir/Fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("../resources/fonts/avenir/Fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"),url("../resources/fonts/avenir/Fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg");
        font-style: normal;
        font-weight:200;

    }
*/
    @font-face{
/*         font-family:"Avenir LT W01_55 Roman1475520"; */
		font-family: "Avenir";
        src:url("../resources/fonts/avenir/Fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix");
        src:url("../resources/fonts/avenir/Fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"),url("../resources/fonts/avenir/Fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),url("../resources/fonts/avenir/Fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"),url("../resources/fonts/avenir/Fonts/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype"),url("../resources/fonts/avenir/Fonts/15281d0d-e3c2-46e1-94db-cb681e00bfaa.svg#15281d0d-e3c2-46e1-94db-cb681e00bfaa") format("svg");
        font-style: normal;
        font-weight:400;

    }
/*
    @font-face{
		font-family:"Avenir LT W01_65 Medium1475532";
		font-family: "Avenir";
        src:url("../resources/fonts/avenir/Fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
        src:url("../resources/fonts/avenir/Fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),url("../resources/fonts/avenir/Fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("../resources/fonts/avenir/Fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),url("../resources/fonts/avenir/Fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"),url("../resources/fonts/avenir/Fonts/3604edbd-784e-4ca7-b978-18836469c62d.svg#3604edbd-784e-4ca7-b978-18836469c62d") format("svg");
        font-style: normal;
        font-weight: 600;
    }
*/
    @font-face{
/*         font-family:"Avenir LT W01_85 Heavy1475544"; */
		font-family: "Avenir";
        src:url("../resources/fonts/avenir/Fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
        src:url("../resources/fonts/avenir/Fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("../resources/fonts/avenir/Fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("../resources/fonts/avenir/Fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("../resources/fonts/avenir/Fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"),url("../resources/fonts/avenir/Fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg");
        font-style: normal;
        font-weight:700;
    }
/*
    @font-face{
		font-family:"Avenir LT W01_95 Black1475556";
		font-family: "Avenir";
        src:url("../resources/fonts/avenir/Fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
        src:url("../resources/fonts/avenir/Fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"),url("../resources/fonts/avenir/Fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),url("../resources/fonts/avenir/Fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"),url("../resources/fonts/avenir/Fonts/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype"),url("../resources/fonts/avenir/Fonts/93603a74-2be0-436c-83e1-68f9ef616eaf.svg#93603a74-2be0-436c-83e1-68f9ef616eaf") format("svg");
        font-style: normal;
        font-weight:900;
    }
*/


body { background:#fff; padding-top:40px; }
.main { font-family:'Avenir', arial,helvetica ; font-weight:400; color:#000;
background:#fff /* url(../img/bg-main.png) repeat-y left top */; width:1051px; margin:0 auto; padding:0; min-height:600px; line-height:140%; font-size:13px; }

.main header,
.main .content { position:relative; margin:0px 8px; background:white; margin-bottom:20px; }

.main header .zumfeststellen { position:fixed; top:44px; right:50%; width:10px; margin:0 auto; z-index:1; background:transparent; height:0px;}
.main header .socialheader { position:absolute; top:100px; left:5340%; z-index:3; width:32px;}
.main header .printsendandtonav { position:absolute; top:30px; left:5340%; z-index:2;  width:32px;}
.main header .socialheader a,
.main header .printsendandtonav a { display:block; color:#000; font-size:25px; line-height:20px; padding:0; margin:0 0 0 0; text-align:center; width: 100%}
.main header .socialheader a:hover,
.main header .printsendandtonav a:hover,
.main header .printsendandtonav a:hover span { color:#e9d500; }
.main header .printsendandtonav a span,
.main header .printsendandtonav a br,
.main header .printsendandtonav br.weg { display:none;}


.main header .printsendandtonav a span { font-size:10px; color:#000;}
.main header .printsendandtonav a i.icon-arrow-up { color:#fff; background:#999; padding:8px 0px 5px 0px; font-size:15px; display:block; margin-left:27px; width:22px}
.main header .printsendandtonav a:hover i.icon-arrow-up { background:#e9d500; }
.main header .printsendandtonav a .pfeiltop { color:#fff; background:#999 url(../img/bg-pfeiltop.gif) no-repeat left top ; padding:0px; font-size:15px; display:block; margin:0 auto; width:23px; height:24px; }
.main header .printsendandtonav a:hover .pfeiltop { background:#e9d500 url(../img/bg-pfeiltop.gif) no-repeat right top; }

.main ul, 
.main ol { padding:0; list-style-type:none; margin:0px }
.main ul li { list-style-type:none; line-height:120%; margin:0 0 10px 0; padding:0 0 0 0; }
.main .f14 p { font-size:14px; }

.main h1, .main h2, .main h3, .main h4, .main h5 { margin-bottom:10px; font-weight:700; margin-top:0; line-height:140%}
.main .teaserLinkeSpalte a hgroup h2 { color:#e9d500;}
.main .teaserLinkeSpalte a:hover hgroup h2 { color:#000;}
.main h2, .main h3, .main h4, .main h5, .main h6 { color:#000;}
.main #poesie h2, .main #poesie h3, .main #poesie h4, .main #poesie h5, .main #poesie h6 { }
.main #zebra h2, .main #zebra h3, .main #zebra h4, .main #zebra h5, .main #zebra h6 {}
.main #openmike h2, .main #openmike h3, .main #openmike h4, .main #openmike h5, .main #openmike h6 {}
.main #lyrikline h2, .main #lyrikline h3, .main #lyrikline h4, .main #lyrikline h5, .main #lyrikline h6 {}

.main #poesie h3, .main #zebra h3, .main #openmike h3, .main #lyrikline h3 { color:#000;}

.main hgroup { margin-bottom:20px; }
.main hgroup h1, .main hgroup h2, .main hgroup h3, .main hgroup h4, .main hgroup h5, .main hgroup h6 { padding:0; margin:0;}
.main .image { margin:0px; background:#fff; overflow:hidden; display:block; position:relative; margin-bottom:20px; }

.main .image.bigteaser { width:708px; height:283px; margin-bottom:20px}
.main .image.smallteaser { width:344px; height:200px; /* margin-bottom:25px; */ }

.2bHidden, .hideIt, .main h1 span { display:none !important}
.2bShown, .showIt { display:block !important}

.main textarea, .main input[type="text"], .main input.ccm-input-date, .main input[type="password"], .main input[type="datetime"], .main input[type="datetime-local"], .main input[type="date"], .main input[type="month"], input[type="time"], .main input[type="week"], .main input[type="number"], .main input[type="email"], .main input[type="url"], .main input[type="search"], .main input[type="tel"], .main input[type="color"], .main .uneditable-input { 
background-color:#fff; padding:2px 6px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; font-size:13px}

.main select { height:25px; width:224px}

.main p { margin-bottom:10px; color:#000}

.main .pt20 { padding-top:20px; }
.main .pt30 { padding-top:30px; }
.main .pt40 { padding-top:40px; }
.main .pr10 { padding-right:10px; }
.main .pr20 { padding-right:20px; }
.main .pu0 { padding-bottom:0px; }
.main .pu10 { padding-bottom:10px; }

.main .p0 { padding:0px !important; }
.main .p20 { padding:20px !important; }
.main .m0 { margin:0px !important; }

.main .mo5 { margin-top:5px}
.main .mo10 { margin-top:10px}
.main .mo20 { margin-top:20px}
.main .mo30 { margin-top:30px}

.main .mr10 { margin-right:10px}
.main .mr20 { margin-right:20px}
.main .mr30 { margin-right:30px}

.main .mu0 { margin-bottom:0px;}
.main .mu10 { margin-bottom:10px !important;}
.main .mu20 { margin-bottom:20px !important;}
.main .mu30 { margin-bottom:30px !important;}
.main .mu40 { margin-bottom:40px;}
.main .mu50 { margin-bottom:50px;}
.main .mu60 { margin-bottom:60px;}
.main .mu70 { margin-bottom:70px;}
.main .mu80 { margin-bottom:80px;}

.main .ml10 { margin-left:10px}
.main .ml20 { margin-left:20px}
.main .ml30 { margin-left:30px}

.main .relative { position:relative; }

.main article { padding-bottom:30px; }
.main .centerIt { text-align:center; }
.main .rightIt { text-align:right; }
.main. .required { color:#C2DA8F;}
.main .offset0 { margin-left:0px;}

.main .blue { color:#e9d500;}
.main .blue:hover { color:#000;}

.main .linksfloaten { float:left;}
.main .rechtsfloaten { float:right !important;}

.main .default { max-width:100%; }
.main .reset { clear:both; }

.main .presseseite .mu50 { margin-bottom:0px;}
.main a p span.blue:hover { color:#000 !important; }
.main ul a { color:#000; }
.main ul a:hover { color:#e9d500; }
.main .greyline { clear:both; }
.main table th, .main table td { text-align:left; vertical-align:top;}
.main .rechts .row { margin-left:-20px}
.main .links { float:left; width:249px; margin-left:26px; padding-top:50px; }
.main .rechts { float:left; margin-left:26px; width:708px; }

.main .nocolor-nohover { color:#000; }
.main .nocolor-nohover:hover { color:#000; }
.main .grau { color:#666;}

.main a:hover img {opacity: 0.8 !important}
.main .teaserLinkeSpalte a:hover img {opacity: 1 !important}
/* .main .monatButton { display:block; float:left; text-align:center; color:#fff; padding:3px 0 2px 0; width:111px; background:#e9d500; text-transform:uppercase;} */
.main a.monatButton:hover { color:#fff; background:#ccc;}

.main .socialIcon i { font-size:21px; margin:0 10px 0 0; color:#000;}
.main .socialIcon:hover i { color:#e9d500;}


.main .kategorie { /* text-transform:uppercase; */ font-weight:700;}
label:hover { cursor:pointer;}

.main .artikelsmall ul { margin-left:17px;}
.main .artikelsmall ul li { list-style-type:disc;}
.main .artikelsmall a { color:#e9d500; }
.main .artikelsmall a:hover,
.main .aktuellhome a:hover { color:#000 }
.main .artikelsmall hgroup h2,
.main hgroup.span4 h2 { padding-top:15px;}
.main .pdflink { background: url(../img/icon-pdf.png) no-repeat left top ; padding-left:24px; margin-right:3px; margin-left:3px; }
.main .ccm-area { width:101%; }
.main .youtubeBlock { float:left; margin-left:20px; margin-bottom:20px; }
.main .aktuellhome .youtubeBlock { margin-bottom:5px; }



/*header nav*/

.main header { padding:26px 26px 0px 26px; position:relative;}
.main header a.logoHeader { float:left; height:75px; width:238px; margin:0px 37px 0 0px; position:relative; }
.main header a.logoHeader .logo-extend { position:absolute; left:0px; top:-6px; width:45%; height:144px; background:#fff url(../img/logo-hfp.png) left top no-repeat; background-size:100%; z-index:4; }


.main header a.logoHeader h1 { display:none;}

.main header .navwrapper { float:left; width:708px; }
.main .nav { padding-bottom:0px; position:relative;}

.main .navline { border-bottom:2px solid 
#000;height:2px;overflow:hidden;width:100%; margin-bottom:0px; position:absolute; z-index:1; top:35px;}
@media (min-width:481px) {
	.main .mainnav-xs { display:none; }
}
.main .mainnav { position:relative; margin-bottom:11px; min-height: 39px; border-bottom: 5px solid #000;}

.main .mainnav .nav li.top { display:block; position:relative; z-index:3;  }
.main .mainnav .nav li a.top { display:block; text-align:center; color:black; overflow:hidden; min-width:50px; height:30px; font-size:14px; /* border-right:3px solid #fff; */ font-weight:400; border: 1px solid black; box-sizing: border-box; margin-right: 10px; background:#fff; width:auto;  }
.main .mainnav .nav li a.top span { display:block; margin-top:7px; }
.main .mainnav .nav li a.top:hover,
.main .mainnav .nav li.nav-selected a.top { background:#000; color:#fff}

.main .mainnav .nav li.literaturwerkstatt { width:166px;}
.main .mainnav .nav li.poesiefestival { width:174px;}
.main .mainnav .nav li.zebra { width:155px;}
.main .mainnav .nav li.open-mike { width:117px;}
.main .mainnav .nav li.lyrikline { width:96px; }

.main .mainnav .nav li.fifth a.top { margin-right:0;}

.main .mainnav .nav li.literaturwerkstatt ul.sub {  }
.main .mainnav .nav li.poesiefestival ul.sub { margin-left:-166px}
.main .mainnav .nav li.open-mike ul.sub { margin-left:-591px}
.main .mainnav .nav li.zebra ul.sub { margin-left:-436px}

.main .mainnav .nav li.literaturwerkstatt:hover ul.sub { display:block;}
.main .mainnav .nav li.poesiefestival:hover ul.sub { display:block; }
.main .mainnav .nav li.zebra:hover ul.sub { display:block; }
.main .mainnav .nav li.open-mike:hover ul.sub { display:block; }
 
.main .mainnav .nav li ul.sub { background:#fff; width:666px; border:1px solid #000;padding:20px 20px 0px 20px; margin:-1px 0 0px 0; display:none}
.main .mainnav .nav li ul.sub li.spalte { width:222px; margin-bottom:20px}
.main .mainnav .nav li ul.sub a { display:block}
.main .mainnav .nav li li.sub2,
.main .mainnav .nav li li.sub3 { float:none;}
.main .mainnav .nav li li.sub2 { margin-bottom:20px; font-weight:normal; }
.main .mainnav .nav ul li a.nav-selected,
.main .mainnav .nav ul li a.nav-path-selected { color:#e9d500; }
.main .mainnav .nav li li.sub3 { font-weight:normal; padding-top:5px}
.main .mainnav .nav li ul.sub3 { margin-left:0px; font-size:13px; }

.main .mainnav .klappi, 
.main .mainnav-xs .mainnav .klappi,
.main .navjump,
.main .pointer.navbtn { display: none; }





.main .metanav { padding-top:10px; margin-bottom:0px;}
.main .nav li,
.main .metanav li { float:left; margin:0}
.main header ul li a { display:block;}
.main header ul li a.active { color:#000; }
.main .metanav li a { font-size:14px; color:#000; padding:5px 12px 5px 0;}
.main .metanav li a:hover { color:#e9d500;}
.main .metanav li.language ul { margin:0; padding:0; }
.main .metanav li.language { float:right; margin-top:-50px;}
.main .metanav li.language a { color:#e9d500; padding:5px; font-size:11px; padding:5px 0px 5px 6px;}
.main .metanav li.language a:hover,
.main .metanav li.language a.active { color:#000;}
.main .metanav li.language ul li:first-child a { border-right: 3px solid #000; padding:5px 6px 5px 0;}

.main header .lupenKlapper { display:block;position:absolute;top:33px;right:26px;height:68px}
.main header .lupenKlapper:hover form.search { display:block;}
.main header .lupenKlapper:hover a.lupe { display:none;}
.main header .lupenKlapper a.lupe { display:block;height:28px;width:89px;background:#fff; border:1px solid #000;}
.main header .lupenKlapper a.lupe:hover { background:red; }

.main .lupenKlapper a span { display:block; padding-top:6px; font-size:14px; color:#000; text-align:center }
.main .lupenKlapper a:hover span { color:#000; }

.main header form.search { position:absolute; top:0px; right:0px; width:230px; background:#fff; display:none; }
.main header form.search input[type="text"] { width:116px; float:right; border:1px solid #000; border-right-width:0px; height:18px; padding:5px 10px 5px 10px; }
.main header form.search input[type="submit"] { width:91px; height:30px; background:#fff; border:1px solid #000; margin:0; padding:0; float:right; color:#000 }
.main header form.search input[type="button"]:hover { background:#f0f0f0; }
.main header form.search input[type="submit"]:hover { background:#f0f0f0; color: #000; }

.main .mailing-list-msg {background: #e1ffd6; margin-bottom: 20px; padding: 20px; display: block}
.main .mailing-list-msg.msg-error {background: #ffdbdb; color: #bc2b2b}
.main .MailingListSubscribe label {display: inline-block; width: 80px}
.main .MailingListSubscribe .submit,
.main .MailingListSubscribe .mailing-list-required-note  { margin-left: 84px; width: 225px; background: #fff; border: 1px solid #000; padding-bottom: 5px; padding-top: 4px; box-sizing: border-box;}
.main .MailingListSubscribe .mailing-list-required-note { border:none; }

.main .MailingListSubscribe .captchaouter { margin-left: 84px; width: 225px; background: #fff; padding-bottom: 5px; padding-top: 4px; box-sizing: border-box; font-size:11px; line-height:2 }
.main .MailingListSubscribe .captchaouter img { width:100%; height: auto; }

.main .MailingListSubscribe .submit:hover { background:#f0f0f0;}


.main .MailingListSubscribe .mailing-list-checkboxes label {width: auto;}
.main .MailingListSubscribe .mailing-list-checkboxes input {width: auto;  margin-top: -2px}
.main .MailingListSubscribe .mailing-list-checkboxes {display: block; margin-left: 84px; margin-bottom: 20px}

/* ---------- autocomplete ---------- */
.main #searchautocomplete { width:450px; background-color:#fff; box-shadow:1px 1px 8px #666; position:absolute; top:50px; right:0px; z-index:6; }
.main #searchautocomplete section h5 { margin:0; line-height:3; padding-left:10px; color:#000; font-size:12px; cursor:pointer; background:#e9d500; border-bottom:2px solid #fff; }
.main #searchautocomplete section.literatur h5 {  }
.main #searchautocomplete section.poesie h5 { }
.main #searchautocomplete section.zebra h5 { border-bottom:0px solid #fff;  }
.main #searchautocomplete section.openmike h5 { }
.main #searchautocomplete .ergebnisse div:first-child { margin-top: 20px }

.main #searchautocomplete .ergebnisse label { margin:5px 0px 0px 10px; float:left; font-size:12px; font-weight:700; width:110px; }
.main #searchautocomplete .ergebnisse ul { margin-left:120px; margin-bottom:8px; }
.main #searchautocomplete .ergebnisse ul li { padding-top:5px; margin-bottom:0; }
.main #searchautocomplete .ergebnisse ul li a { font-size:12px; line-height:20px; }
.main #searchautocomplete .loader { background:#fff url(../img/loading_16.gif) center center no-repeat; height:40px; }
.main #searchautocomplete .weiter { text-align:right; padding-right:20px; padding-bottom:10px; padding-top:10px; display:none; }
.main #searchautocomplete .weiter a { color:#e9d500; font-weight:700; margin-left:10px; }
.main #searchautocomplete .weiter a:hover { color:#000; }

.main #searchautocomplete .ergebnisse div { display:none; }

/* -------------------- Suchergebnisse -------------------- */
.main .suchergebnisse .head { margin-bottom:20px; border-bottom:5px solid #000; padding-bottom: 5px; padding-top: 20px }
.main .suchergebnisse .head h2 { margin-bottom:0px; font-size:17px; }
.main .suchergebnisse .ccm-search-block-form input[type="text"] { border:1px solid #CCC; height: 28px;
padding: 0px 10px 0px 10px; margin-bottom:0px; width:591px; }
.main .suchergebnisse .ccm-search-block-form input.btn.btn-large { width: 91px; border-radius:0; border:1px solid #000; background: #fff;font-size: 14px; font-family: 'Avenir'; padding: 0px; height: 30px;}
.main .suchergebnisse .ccm-pagination { margin-bottom:20px; padding-top:10px; border-top:1px solid #e9d500; }
.main .suchergebnisse .ccm-pagination .ccm-page-left,
.main .suchergebnisse .ccm-pagination .ccm-page-right { top:10px; }

.main .suchergebnisse .resultat { margin-bottom:12px; }
.main .suchergebnisse .foot { margin-bottom:40px; padding-top:10px; border-top:1px solid #e9d500; }
.main .suchergebnisse .bereiche { margin-bottom:15px; }
.main .suchergebnisse .bereiche a { display:block; float:left; background-color:#000; color:#e9d500; margin-right:3px; padding:6px 15px; font-size:15px; }

.main .suchergebnisse .bereiche a:hover,
.main .suchergebnisse .bereiche a.active { background-color:#e9d500; color:#000; }
.main .suchergebnisse h2 { margin-bottom:20px; }

/* ---------- forms ---------- */
.main .presse-registration .error { border-color:#D14; }

/* ---------- levelnavi ---------- */
.main .alllevels { margin-bottom:20px; padding-top:10px; }
.main .levelnavi { margin-left:20px; line-height:1.4; padding-bottom:0px;font-size:15px; margin-bottom:20px; }
.main .levelnavi a.parent { float:left; font-weight:700; color:black; font-size:15px; height:20px;  border-bottom:5px solid #000; }
.main .levelnavi a { margin-right:16px; color:#e9d500; }
.main .levelnavi a:hover { background:#fff; color:#000 !;  }

.main .levelnavi li a.nav-item-black:hover { color:black;}
.main .levelnavi a.nav-selected { color:#000; }
.main .levelnavi li.nav-path-selected ul { width:690px; }
.main .levelnavi.special .nav-selected { color:#000; }
.main .levelnavi li.first a { /* color:#000; */ margin-bottom: 25px; }
.main #zebra .levelnavi li.first a { margin-bottom: 45px; }
.main .levelnavi ul li { line-height:150% !important;}

.main .sub3.hasSub.clearfix.seite3703,
.main .sub3.hasSub.clearfix.seite2092 { display:none; } /* hide levelsubnav for winnerfilms under ZEBRA-poetry-film-festival*/

.main .grauBox { background:#f5f5f5; padding:10px; margin-bottom:10px}
.main .grauBox.listen { padding:10px 10px 0 10px;}
.main .grauBox h2 { color:#040404; font-size:18px;}


.main .gal_img_span a.gal_img { position:relative; display: block; height: 218px; }
.main .gal_img_span a.gal_img .oflowhide {position: relative; overflow: hidden; height: 218px}
.main .gal_img_span a.gal_img .oflowhide img {width: 100%;}
.main .gallinkunten { float:none; display:block; font-size:11px; margin-top:15px; position:absolute; bottom: -21px	  }
.main .pressefotos .gal_img_span a {  display:block; position:relative; height:132px; }
.main .pressefotos .gal_img_span a.gal_img { position:relative; display: block; height: 130px; }
.main .pressefotos.gal_img_span a.gal_img .oflowhide {position: relative; overflow: hidden; height: 130px}
.main .pressefotos.gal_img_span a.gal_img .oflowhide img {width: autozzz;}


.main .arrowlink { color:#e9d500;}
.main .arrowlink:hover { color:#000;}
.main .arrowlink i.icon-arrow-right,
.main .arrowlink i.icon-arrow-left { color:#fff; height:15px; line-height:16px; background:#e9d500; width:auto;}

.main .arrowlink i.icon-arrow-right { padding:0 5px 0 6px; margin-left:10px;}
.main .arrowlink i.icon-arrow-left { padding:0 6px 0 5px; margin-right:10px;}
.main .arrowlink:hover i.icon-arrow-right,
.main .arrowlink:hover i.icon-arrow-left { color:#fff; background:#e9d500; }


.main .teaserLinkeSpalte {margin-bottom: 20px; clear:both;}
.main .teaserLinkeSpalte hgroup {margin-bottom: 15px;}
.main .teaserLinkeSpalte h3 {color: #000;}
.main .teaserLinkeSpalte h4 {color: #000;}
.main .teaserLinkeSpalte .image {}
.main .teaserLinkeSpalte .image.bigpic {float: none; width:100%; }
.main .teaserLinkeSpalte .image.bigpic img { width:100%; }
.main .teaserLinkeSpalte .image.smallpic {float: left; margin:0 10px 0px 0;}
.main .teaserLinkeSpalte a {display: block; position: relative;}
.main .teaserLinkeSpalte a:hover p,
.main .teaserLinkeSpalte a:hover h3 {color: #999}
.main .teaserLinkeSpalte a .arrowlink { position: absolute; bottom: 0px; right: 0px;}
.main .teaserLinkeSpalte a:hover .arrowlink i.icon-arrow-right {background: #ccc}
.main .teaserLinkeSpalte .rtf.smallpic {}
.main .teaserLinkeSpalte .rtf p:last-child {margin-bottom: 0; padding-bottom: 0}

.main .grauBox h2.blue { color:#000; text-transform:uppercase; padding:5px 0px; margin:0px 0px 0px 0px; border-bottom:5px solid #fff; } 
.main .grauBox.listen { padding-bottom:0;}
.main .grauBox ul { }

.main ul.listeSpalteLinks { margin-bottom: 30px }
.main ul.listeSpalteLinks li { margin:0 -10px; padding:10px; border-bottom:5px solid #fff;}
.main ul.listeSpalteLinks li article { margin:0; padding:0}

.main ul.listeSpalteLinks li span.blau { color:#000; text-transform:uppercase; font-weight: 700;}
.main ul.listeSpalteLinks li a aside { display: block; }
.main ul.listeSpalteLinks li strong { display: block; border-left: 5px solid #000; font- margin-bottom: 10px; font-size:15px; padding: 0px 0 0px 15px; font-weight: 400; margin-bottom: 10px; margin-top: 10px	}
.main .spaltenlogos { float:right; padding-right:20px; margin-bottom:20px;}

.main .spaltenlogos a { display:block; overflow:hidden; text-align:center; width:118px; height:auto; margin-bottom:10px;}
.main .spaltenlogos a:hover { opacity:0.8;} 

/*kalender*/

.main .kalender .grauBox { background:#fff; padding-left:0px; padding-right:0px; padding-top: 5px; }
.main .kalender .box-month { padding:0px; text-align:center; }
.main .kalender .box-month * { display:inline-block; vertical-align:top; }
.main .kalender .box-month h2 { padding-top:4px; }
.main .kalender .box-month .next { padding:10px 5px 5px 5px; }
.main .kalender .box-month .next:hover { color:rgba(0, 0, 0, 0.6); }
.main .kalender .box-month .blind { padding:10px 16px 15px 16px; }

.main .dayNames { padding-left: 4px; padding-bottom: 1px; background:#e9d500;  }
.main .dayNames table { width:100%; margin-bottom:10px; border:3px solid rgba(255, 255, 255, 0.01); }
.main .dayNames table td,
.main .dayNames table th { text-align:center; vertical-align:middle; font-weight:700; font-family:'Avenir'; border:2px solid rgba(255, 255, 255, 0.01); font-size:13px;}
.main .dayNames table td { position:relative; }

.main .dayNames table th { padding:10px 0px; font-size: 13px; font-weight:700; width:14.2%;}

.main .dayNames table td.past,
.main .dayNames table td.past a { color:rgba(255, 255, 255, 0.5); font-weight:200;}
.main .dayNames table td.past a:hover { color:rgba(255, 255, 255, 0.7); }

.main .dayNames table td a { display:block; margin:0px; padding:2px 0px; position:relative; text-align:center; }
.main .dayNames table td.current a { color:#fff; position:relative; z-index:1; }
.main .dayNames table td a span.round { text-align:center; height:0px; width:84%; padding-bottom:84%; border-radius:50%; position:relative; border-color:transparent; display:block; vertical-align:middle; }
.main .dayNames table td a span.marked { border: 2px solid rgba(255, 255,255, 0.6); }
.main .dayNames table td a span.in { display:block; padding-top:5px; }
.main .dayNames table td.thin a span.in { font-weight:400; }
.main .dayNames table td:not(.past) a:hover span.round { background:#000; border-color:#000; }
.main .dayNames table td a:hover { color:#fff; }
.main .dayNames table td.current a:hover { color:#fff; }

						 
/**rechte spalte*/

.main .aktuellhome { }
.main .aktuellhome h2 { font-size:18px; text-transform:uppercase; margin-bottom:15px; }
.main .aktuellhome h3 { border-bottom:5px solid #000; padding-bottom:5px; }

.main .aktuellhome article .image { width:117px; height:120px; border:0px solid #ccc; display:none; }
.main .aktuellhome article .image_bigger { width:181px; height:112px; border:1px solid #ccc; float:right; display:block; text-align:center;}
.main .aktuellhome article .clearfix.widther .linksfloaten { width:210px;}
.main .aktuellhome article .clearfix.widther .linksfloaten_bigger { width:490px; float:left;}
.main .aktuellhome article .clearfix.widther .image { display:block;}

/*allgemein content*/
.main .underlayer { height:auto; position:absolute; background:rgba(0,0,0,0.7); width:100%; bottom:0; left:0; padding:14px 0 20px; min-height: 36px}
.main .underlayer h4,
.main .underlayer h5{ color:#fff; font-weight:normal; margin:0 15px}
.main .underlayer h4 { font-size:17px;}
.main .underlayer h5 { font-size:13px;}

.main #poesie .underlayer h5,
.main #poesie .underlayer h4,
.main #zebra .underlayer h5,
.main #zebra .underlayer h4, 
.main #openmike .underlayer h5,
.main #openmike .underlayer h4,
.main #lyrikline .underlayer h5,
.main #lyrikline .underlayer h4 { color:#fff;}

.main a.einblender:hover .underlayer { background:#000;}

.main .bildunterschrift { background-color: #fff;  padding-top: 3px; margin-right:-2px  }
.main .bildunterschrift span {border-left:5px solid #000; display: block; padding: 10px 0px 10px 10px; display: block; font-size: 11px; line-height: 110%; text-align: left; margin-bottom: -1px; }

/* ---------- partner logo ---------- */
.main .partnerlogo { float:left; color:#fff; margin-left:20px; }
.main .partnerlogo table { border:1px dotted #ddd; }
.main .partnerlogo td.logo { vertical-align:middle; text-align:center; width:140px; height:74px; background:#fff; }
.main .partnerlogo a.image {  background:#fff; margin:0; width:auto; height:auto; float:none; text-align:center; }
.main .partnerlogo a.image:hover { box-shadow:0 0 8px #fff; }

/* ---------- home slider ---------- */

.main .homeslide { width:708px; height:283px; overflow:hidden; position:relative; }
.main #mover { width:10000px; position:absolute; left:-20px; }
.main #mover .einblender { float:left; }

/* ---------- kuenstler ---------- */
.main .kuenstler-liste .tbl-image { margin-left:10px; margin-bottom:10px; }
.main .kuenstler-liste .tbl-image td { width:222px; vertical-align:middle; text-align:left; }

.main .kuenstler-liste .bildunterschrift span { padding: 15px; display: block; font-size: 11px; }
.main .kuenstler-liste .bildunterschrift span { padding: 15px; display: block; font-size: 11px; }
/* ---------- liste news ---------- */
.main .news-item .tbl-image td { width:200px; vertical-align:middle; text-align:left; }


/* ---------- footer ---------- */
.main footer { background:#000; margin:0 8px 0 8px; min-height:30px;}
.main footer .footerlogos { border-top:10px solid #fff; padding-top:20px; padding-bottom:20px; }
.main footer .footerlogos .imagesmall { float:left; color:#fff; margin-right:20px; }
.main footer .footerlogos .inner { margin-left:35px; margin-right:35px; }
.main footer .footerlogos .inner h5 { color:#fff; font-size:13px; font-weight:normal; }
.main footer .footerlogos a.image {  background:#fff; margin:0; }
.main footer .footerlogos a.image span { display:none; }
.main footer .footerlogos a.image:hover { box-shadow:0 0 8px #fff; }

.main footer .footerlogos td.logo { vertical-align:middle; text-align:center; width:120px; height:58px; background:#fff; }
.main footer .footerlogos td.text { vertical-align:middle; text-align:left; padding-right:10px; white-space:nowrap; }

.main footer .footerlogos td.text br { display: none; }

.main .footerliste { position:relative; background:#000; padding-top:10px; padding-bottom: 40px;}
.main .footerliste .linksfloaten { margin-left:40px; width:175px; padding-right:10px;}
.main .footerliste .linksfloaten.lyr { width:80px;}
.main .footerliste ul:last-child { padding-bottom: 0}
.main .footerliste .linksfloaten:first-child { width:175px; padding-right:10px}
.main .footerliste .rechtsfloaten { margin-right:55px;}
.main .footerliste h3 { margin-bottom:30px; padding-left:20px; padding-top:15px; }
.main .footerliste h3 a { color:#fff; font-size:14px}
.main .footerliste h3 a:hover { color:#ccc;}
.main .footerliste ul { padding-bottom:20px; border-left:5px solid #fff; margin-right:-25px; padding-left: 15px		}
.main .footerliste ul li { margin-bottom:0px}
.main .footerliste ul a { color:#fff; font-weight:normal; display:block; padding:3px 0}
.main .footerliste ul a:hover { color:#ccc;}


.main .footernav2021 { position:relative; background:#000; padding:40px 0px;}
.main .footernav2021 ul { padding-bottom:0px; margin-right:0px; padding-left: 0px; list-style-type:none; text-align:center;     display: flex; justify-content: space-between;}
.main .footernav2021 ul li { margin-bottom:0px; display:inline-block; padding:0 40px}
.main .footernav2021 ul a { color:#fff; font-weight:normal; display:inline-block; padding:0px 0}
.main .footernav2021 ul a:hover { color:#ccc;}

.main .footerend { color:#fff; padding:30px 25px 30px 55px; background:#000;  display:none;  }
.main .footerend a.logo { background:#fff url(../img/logo-literaturwerkstatt-footer.png) left top no-repeat; width:140px; height:53px; overflow:hidden; float:left}
.main .footerend a.logo:hover { background:#fff url(../img/logo-literaturwerkstatt-footer.png) left bottom no-repeat; box-shadow:0 0 8px #fff;}
.main .footerend span { float:left; margin:40px 0 0 15px; font-style:italic;}
.main .footerend a h1 { display:none;}

/* ---------- startpopup ---------- */

.main .startpopup { background-color: rgba(255, 255, 255, 0.7); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 4; }
.main .startpopup a,
.main .startpopup h3 { color:#000; font-size:22px; }
.main .startpopup p { font-size:16px; }
.main .startpopup div { box-sizing: border-box;} 
.main .startpopup a:hover { color:#fff; }
.main .startpopup .startpopupfenster { background-color: #e9d500; position: absolute; padding: 30px;}
.main .startpopup .startpopupfenster .image { background-color: transparent; width: 15%; margin-bottom: 50px }
.main .startpopup .startpopupfenster .image img { width: 100%; height:auto; }
.main .startpopup .startpopupfenster .monatButton { width: auto; padding-left:10px; padding-right: 10px; margin-right: 10px; margin-bottom: 10px; background-color:#000; color:#e9d500; text-transform: none }
.main .startpopup .startpopupfenster .monatButton:hover { color:#fff; }
@media (min-width:768px) and (max-width: 991px) {
	.main .startpopup .startpopupfenster .image { width: 20%; margin-bottom: 50px }
}
@media (min-width:481px) and (max-width: 767px) {
	.main .startpopup .startpopupfenster .image { width: 20%; margin-bottom: 50px }
}

.main .startpopup .closebutton { position:absolute; right:20px; top:20px; font-size: 35px;}



.main .nl-overlayteaser { 
	position: absolute; top: 250px; left: 50%; 
	transform: translate(-50%, -50%); 
	-webkit-transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); /* (rechts-links, oben-unten) */
	z-index:10;  
  	-webkit-animation-name: nlteasermove;    
    -webkit-animation-duration: 2s; 
    animation-name: nlteasermove;
    animation-duration: 2s;
    animation-timing-function: ease-out;
}
@-webkit-keyframes nlteasermove {
    0% { left: -600%;}
    80%{ left : 100%;}
    100%{ left: 50%;}
}

@media (max-width: 480px) {
	.main .nl-overlayteaser { 
	position: absolute; top: 10px; }
}


.main .nl-overlayteaser .inner { background-color:rgba(255, 255, 255, 0.8); padding:15px 0; width:280px; }

.main .nl-overlayteaser .inner .closer,
.main .nl-overlayteaser .inner .actioner { background:#808080; color:#fff; }

.main .nl-overlayteaser .inner .closer { text-align:right; padding:5px 15px; font-size:16px; }
.main .nl-overlayteaser .inner .closer .btn-close { border:1px solid #fff; border-radius:0; padding:1px 2px; line-height:0; color:#fff; background-color:transparent; }
.main .nl-overlayteaser .inner .actioner { padding:5px 15px; font-size:16px; }
.main .nl-overlayteaser .inner .actioner a { color:#fff; }	
.main .nl-overlayteaser .inner .actioner a:hover,
.main .nl-overlayteaser .inner .closer .btn-close:hover	 { color:#c5c5c5; }


.main .nl-overlayteaser .inner .teaser-content { padding:15px; 15px; }
.main .nl-overlayteaser .inner .teaser-content .hl { font-size:20px; font-weight:600; margin-bottom:10px; text-transform: uppercase; line-height:1.2 }
.main .nl-overlayteaser .inner .teaser-content .text { font-size:22px; line-height:1.2; }


.main .middle-outer { position:relative; }
.main .middle-v-inner { position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); }
.main .middle-vh-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }


.main .nl-overlayteaser:hover .inner { color:#fff; background:rgba(0, 0, 0, 0.65);}



@media (max-width: 480px) {
	.main .startpopup .startpopupfenster.middle-vh-inner { position: absolute; top: 10%; left: 16%; transform: translate(-10%, -10%); -webkit-transform: translate(-10%, -10%); -ms-transform: translate(-10%, -10%);}
	.main .startpopup .startpopupfenster .image { width: 30%; margin-bottom: 30px }
}
.gradient.booking {
	background: #d15502; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxNTUwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTg0NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #d15502 0%, #de8448 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d15502), color-stop(100%,#de8448)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #d15502 0%,#de8448 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #d15502 0%,#de8448 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #d15502 0%,#de8448 100%); /* IE10+ */
	background: linear-gradient(to right,  #d15502 0%,#de8448 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d15502', endColorstr='#de8448',GradientType=1 ); /* IE6-8 */
}

div.ccm-scrapbook-list-item { clear:both; }

.main .nav ul li.sub2 a { border-bottom: 3px solid #000; margin-right:25px; font-size: 14px; padding-bottom: 5px; text-transform:uppercase;}
.main .nav li li.sub3 a { border-bottom: 0px solid;  font-size: 13px; padding-bottom: 0; text-transform:none;}
.main .nav li li.sub2 {margin-bottom: 7px; font-weight: normal; margin-bottom: 6px}
.main .nav li ul.sub3 {margin-bottom: 20px;}
.main .datum { color: #000;}
.main .orange { color:#e9d500; }
.main .black { color: black;}
.main .kategorie-blau { color:#e9d500; text-transform:uppercase;}
.main .titel-black { color: black; font-size: 15px;}
.main .blueline {border-bottom: 2px solid #e9d500;height: 2px;overflow: hidden;width: 100%; margin-bottom: 25px; margin-top:-10px;  }
.main .greyline {border-bottom: 1px solid #ccc;height: 1px;width: 100%; margin-bottom: -10px; margin-top:2px;  }
.main .mt30 {margin-top: 30px;}
.main .grey {color:#000;}

.main .mo-5 {margin-top:-5px}
.main .mo-10 {margin-top:-10px}


.main .grauBox.listen { font-size: 14px}
.main .grauBox.listen .ort{ display: block; color:#000; padding-left:20px; display:none; }

.main  .info { clear:left;}
.main .news-item .info { width: 482px; clear: left;}
/* .main .news-item .info p a { color:#e9d500;} */
.main .news-item .info p a.blau { color:#e9d500;}
.main .news-item .info p a.blau:hover { color:#000;}
.main .news-item .tbl-image { margin-top: -10px }
.main .f14 p a,
.main .news-item .info .f14 p a { color:#e9d500; }
.main .f14 p a:hover,
.main .news-item .info .f14 p a:hover { color:#000; }


.main .gespraech-item { margin-left:20px; }
.main .gdesmonats-liste  {margin-bottom: 40px;}
.main .gdesmonats-liste hgroup { margin-bottom: 15px; margin-top: 15px;}
.main .gdesmonats-liste .gespraech-item { margin-left:0px; }
.main .gdesmonats-liste .image {width: 181px; height: 200px; border: 0px solid #ccc; float: right; display: block; text-align: center; background: #fff; text-align: right}
.main .gdesmonats-liste .info { width: 482px;}
.main .gdesmonats-liste .buttons { margin-top: 25px; }
.main .gdesmonats-liste .mehr { margin-top: 10px; margin-left:8px; font-size:11px; font-weight: 700; color:#e9d500; }
.main .gdesmonats-liste .mehr img {  margin-right:15px;}
.main .audioplayer { margin-left: 25px; margin-top:30px; margin-bottom:10px; }
.main .gdesmonats-liste .audioplayer span.txt { margin-left: 10px;  font-size:11px; font-weight: 700; color:#e9d500; }
.main .gdesmonats-liste .audioplayer.second ,
.main .gdesmonats-liste .audioplayer.third {display:none; }
.main .gdesmonats-liste .info:hover .audioplayer.second, 
.main .gdesmonats-liste .info:hover .audioplayer.third
 {display:block;}
.main .gdesmonats-liste .info:hover .mehr {display:none;}
.main .gdesmonats-liste .gespraech-item .text{ width: 682px; margin-bottom:-28px}
.main .gdesmonats-liste  h4 {color:black; margin-top:-7px; margin-bottom:20px;}
.main .gdesmonats-liste .archiv {margin-bottom:35px;}
.main .gdesmonats-liste .archiv a {font-size: 15px; font-weight: 700; margin-right:15px;}
.main .gdesmonats-liste .archiv a.active {color:#e9d500; }
.main .gdesmonats-liste table.tbl-image { width: 200px; }



/* ---------- gespraech des monats ---------- */
.main .gespraech-item .tbl-image td { width:200px; background-color:#fff; vertical-align:middle; text-align:left; }
.main .gespraech-item .tbl-image td .centerblock {  display: block; }
.main .gespraech-item .tbl-image td.bu span { font-size:11px; text-align:left; padding:8px 0px 8px 10px; width:100%; background-color:#fff; border-left: 5px solid #000;margin-top: 2px; display: block; }



.main .news-liste  { margin-bottom: 50px;}
.main .news-liste .image { display: block; text-align: left; margin-bottom:0px;}
.main .trennline {border-bottom: 6px solid #dbdbdb;height: 6px;overflow: hidden;width: 97%; margin-bottom: 25px; margin-right:20px; float:left;}
.main .news-liste .linksrechts { width:inherit; height: 15px;  }
.main .news-liste .linksrechts .left  {  margin-left: 10px; }
.main .news-liste .linksrechts .right  {width: 23%; float: right; margin-top:-15px}
.main .news-liste .info  { /* margin-bottom:30px; */}
.main .news-liste .info a.txt  { color:black !important}


.main .suchzeile3, .main .suchzeile2 { margin-bottom: 35px;  width:97.3%; background: #fff ; padding:20px 15px 18px 15px; margin-top:15px; border:1px solid #000; box-sizing:border-box; }
.main .suchzeile3 a, .main .suchzeile2 a { font-size: 16px; font-weight: 700; margin-right:17px;}
.main .suchzeile3 a:last-child, .main .suchzeile2 a:last-child { margin-right:0px;}
.main .suchzeile3 a.active { color:#e9d500; }
.main .suchzeile3 .ccm-pagination, .suchzeile3 .ccm-pagination a { font-size: 12px;  margin-right:10px; color:#e9d500; font-weight:normal;}
.main .suchzeile3 .ccm-pagination .ccm-page-left a { margin-left:4px; padding-right: 20px;}
.main .suchzeile3 .ccm-pagination .ccm-page-right a { background:  url(../img/btn-next-small.png) no-repeat left center ; padding-left: 25px;}
.main .suchzeile3 .ccm-pagination .next a { float:right ; padding-right: 25px;}
.main .suchzeile3  a.black {color:black !important}
.main .suchzeile2 .ccm-pagination, .suchzeile2 .ccm-pagination a { font-size: 12px;  margin-right:10px; color:#0099CC; font-weight:normal;}
.main .ccm-pagination .ccm-page-right  {  margin-right:40px; }
.main .suchzeile2 .ccm-pagination span.ccm-page-right  span {margin-right:40px; }
.main .suchzeile2 .ccm-pagination span.ccm-page-left  span {margin-left:25px; }

.main .suchzeile2 .ccm-pagination .ccm-page-left a { margin-left:25px; padding-right: 20px;}
.main .suchzeile2 .ccm-pagination .ccm-page-right a { padding-left: 25px; margin-right:40px}

.main i.pdf-icon { background:  url(../img/icon-pdf.png) no-repeat right center ; padding-left: 30px; padding-top:2px;}


.main .suchzeile { margin-bottom: 50px; margin-top:30px; padding: 20px 0 20px 0; background: #fff; clear: both; width:708px; margin-left: 20px; border:1px solid #000; box-sizing:border-box;}
.main .suchzeile .suche {     margin-left: 20px; padding-top: 6px; float: left; }
.main .suchzeile .suche.talk { color:#e9d500; }
.main .suchzeile .kategorien  {  float:right; margin-right: 25px;}
.main .suchzeile .kategorien form#suche { margin: 0px;}
.main .suchzeile .kategorien .selectbox  { overflow: hidden; float:left; }
.main .suchzeile .kategorien .submit { float:left; }
.main .suchzeile .kategorien .selectbox select { border-radius: 0 !important; height: 30px; padding: 3px; border: 1px solid #000; width: 160px; margin: 0 -1px 0 0;  display: block; box-sizing:border-box; }
.main .suchzeile .kategorien .selectbox option { background: #ccc;  padding: 3px;   height: 30px;  outline:0px;  -webkit-appearance: none; }
.main .suchzeile .kategorien .suchbutton {  border-radius: 0;  background: #fff;     height: 30px;     padding: 3px;  border: 1px solid #000;  color:#000;     line-height: 1;  margin-bottom: 9px;     -webkit-appearance: none; }
.main .suchzeile .kategorien .suchbutton.talk {  background: #fff;     height: 30px;     padding: 3px;  border: 1px solid #000; width: 60px; }

.main .suchzeile .selectbox input.talk{  padding: 3px;  border-radius: 0;     background: #fff;     height: 16px;     padding: 0 0 0 10px; border: 1px groove #6f451b; color:#FFFFFF;     line-height: 1;     -webkit-appearance: none;     width: 160px;  margin-right: 20px;  }
 
.main .suchzeile .back { margin-left:22px;  font-size:12px; }
.main .suchzeile .next  { float:right; margin-right: 25px; margin-top:-15px; font-size:12px }
.main .suchzeile2 { margin-bottom: 27px;  width:95%; background: #fff ; padding:20px 0 20px 10px; box-sizing:border-box; border:1px solid #000; }
.main .suchzeile2 .next  { float:right; margin-right: 25px; margin-top:-15px; font-size:12px }
.main .suchzeile2 .back a, .main .suchzeile2 .next a { background:  url(../img/btn-back-small.png) no-repeat left center ; margin-left:4px;   font-size:12px}

.main .news-detail  {margin-bottom: 40px; }
.main .news-detail .bilder  { width:700 px;}
.main .news-detail .imageline { margin-right:  20px; text-align:left; width:320px; float:left; position: relative; margin-bottom: 20px }


.main .news-detail .image { width: 320px; height: 200px; border: 0px solid #ccc; float: none; display: block; text-align: center; margin-bottom: 0}
.main .news-detail .image .overlayer { background:#2a6081; position:absolute; left:0; bottom:0; width:100%; line-height: 110%; min-height: 50px; text-align: left;}
.main .news-detail .image .overlayer span {display:block; padding: 10px;}
.main .news-detail .image:hover {cursor:pointer;}
.main .news-detail .image:hover .overlayer {display:block;}
.main .news-detail .image .overlayer hgroup {margin-bottom:0}
.main .news-detail .images {clear: both; text-align: center; margin-bottom: 250px; width: 652px;}
.main .news-detail .images img {width: 300px; height: 200px;   display: block; text-align: center; float:left; margin-right: 20px;}
.main .news-detail .clearfix.widther .linksfloaten {width: 210px;}
.main .news-detail .info {width: 550px; margin-bottom: 30px;}
.main .news-detail .untertitel { margin-bottom: 10px;}


/* ---------- liste veranstaltungen ---------- */
.main .event-item .tbl-image td { width:200px; vertical-align:middle; text-align:left; }
.main .event-item .links .date { border-left:5px solid #000; padding-left: 15px; text-transform:uppercase; }

/* ---------- detail veranstaltungen ---------- */
.main .veranstaltungen .imageline { background: transparent;} 
.main .veranstaltungendetail, 
.main .news-detail { font-size:14px;}
.main .veranstaltungendetail .titel-black { margin-bottom: 20px; }
.main .veranstaltungendetail p.kategorie { border-bottom: 5px solid #000; padding-bottom: 5px; }
.main .veranstaltungen .date { border-left:5px solid #000; padding-left: 15px; text-transform:uppercase; margin-bottom: 25px;  }
.main .veranstaltungen h2 {font-size:21px; text-transform: uppercase}
.main .veranstaltungen h3 {font-size:16px;}
.main .veranstaltungen .hlabel {margin-bottom: 5px; width:auto; border-bottom: 5px solid #000; display: inline-block; }


.main .veranstaltungen .zeit   {font-size:11px; color: black; margin-bottom:15px;}
.main .veranstaltungen .links  {width: 22%; float: left;padding-top:0px; margin-left: 20px}
.main .veranstaltungen .links .image1  { border: 5px ; float:left ; display: block; margin: 15px 30px 0px 15px;  }
.main .veranstaltungen .links .image2  { border: 5px ; float: left; display: block; margin-left:10px;   }
.main .veranstaltungen .details {margin-bottom: 40px; clear: left}
.main .veranstaltungen .info-details {width: 472px; margin-bottom: 500px;}
.main .veranstaltungen .rechts  {width: 70%; float: left; margin-left: 38px}
.main .veranstaltungen .rechts-details { width: 205px; float: right; margin-left: 20px; margin-bottom: 20px; }
.main .veranstaltungen .rechtsunten  { font-size: 12px; }
.main .veranstaltungen .tickets { display:inline-block; padding:10px 20px; margin-bottom:10px; color:#fff;  font-weight:700;}
.main .veranstaltungen .rechts .icon  {margin-left: 20px; }
.main .veranstaltungen .rechts .info  {width: 55%; }
.main .veranstaltungen .image { width: 181px; height: 112px; border: 0px solid #ccc; float: right; display: block; text-align: center; background: #fff; text-align: right;}
.main .veranstaltungen .image .overlayer { background:#333333; padding:4px;  position:absolute; left:0; bottom:0; width:100%; text-align: left;  display:none}
.main .veranstaltungen .rechts-details .image {width: 205px; height:auto; border: 0px solid #ccc; float:none; display: block; text-align:left; margin-bottom: 0px; }
.main .veranstaltungen .rechts-details .imageline {margin-bottom: 20px; }
.main .veranstaltungen .rechts-details .imageline span {padding: 10px; display: block; font-size: 11px; line-height: 110%; text-align: left;  }
.main .veranstaltungen .rechts-details .image .overlayer { background:#d2d2d2; color:#000000; padding:3px;  position:absolute; left:0; bottom:0; 
                 width:100%; text-align: left; display:none}
.main .veranstaltungen .rechts-details .image .overlayer span { color:#000000;}
.main .veranstaltungen .image:hover {cursor:pointer;}
.main .veranstaltungen .image:hover .overlayer {display:block;}
.main .veranstaltungen .image .overlayer hgroup {margin-bottom:0; }
.main .veranstaltungen .suchzeile .back { margin-left:520px; }
.main .veranstaltungen .links .circle  { background-position: 0 0;  width: 60px;  height: 60px;  border-radius: 60px;  margin-left:70px;  background-image: none;  font-size: 10px;  color: #ffffff;  font-weight: 700;  text-align:center;  display: table-cell;  vertical-align:middle;  line-height: 11px; }
.main .veranstaltungen .links .circle.lyrik20 { background-image:url(../img/20-Jahre-Kreis-neu-blau.png); background-size:105%; background-repeat:no-repeat; background-position:center center;  }


/* google map */
.main .veranstaltungen .info .googleMapCanvas { width:200px; border:0px none; height: 170px;}
.main .veranstaltungen .mapbox-map { height:270px; }
.main .veranstaltungendetail .maxw { max-width:480px; }
.main .veranstaltungdetail .veranstaltungen .info p a { color:#e9d500; }
.main .veranstaltungdetail .veranstaltungen .info p a:hover { color:#000; }


/* Farben für Hauptbereiche und Menu */
.main .veranstaltungen h3.farbe, 
.main p.farbe, 
.main a.farbe { color:#e9d500;}
.main a.farbe:hover { color:#000;}

.main .nav li a.sub2 span { color:#000;}
.main .nav li a:hover,
.main .nav li ul li a:hover span,
.main .nav li ul li a.nav-path-selected:hover span,
.main .nav li ul li a.nav-path-selected span { color:#e9d500; }

.main .news-liste .span4.poesie .info a { color:#000;}
.main .news-liste .span4.poesie .info a:hover { color:#e9d500;}
.main .news-liste .span4.poesie .info a p.orange span:hover { color:#000;}

.main .nav li ul li a.nav-path-selected span { font-weight: 700;}
.main .veranstaltungen .reihe { color: #000;}
/* .main .veranstaltungen .ausserhaus .circle   { background-color: #e9d500;} */
.main .veranstaltungdetail iframe.buchung { border:1px solid #ccc; }

/* ------------------------------ Veranstaltungen Miniliste ------------------------------ */
.main .veranstaltungen.miniliste { margin-bottom:30px; }
.main .veranstaltungen.miniliste .tag h3 { margin-bottom:5px; padding-top:14px; }

.main .veranstaltungen.miniliste .miniitem { font-size:14px; margin-bottom:4px; }
.main .veranstaltungen.miniliste .miniitem span { color:#000; }
.main .veranstaltungen.miniliste .miniitem:hover span { color:#666; }
.main .veranstaltungen.miniliste .miniitem .datum { display:inline-block; width:40px; font-weight:700; }
.main .veranstaltungen.miniliste .miniitem .datum.en { width:70px; }
.main .veranstaltungen.miniliste .miniitem .datum.lang { width:auto; }

.main .news-arrowlink i {color: #fff; height: 14px; width: 11px; padding: 0 5px; line-height: 16px; background:  #808080; margin-left: 10px; margin-right: 10px; }
.main .news-arrowlink .next_btn {color: #fff; height: 14px; width: 15px padding: 0 5px; line-height: 16px; background:  #808080; margin-left: 10px}
.main .news-arrowlink:hover i,
.main .grauBox a.arrowlink:hover i,
.main .news-arrowlink:hover i {background: #e9d500;}

/* ------------------------------ Künstlerliste ------------------------------ */

.main .kuenstler-liste  {margin-bottom: 40px; font-size: 14px;}
.main .kuenstler-liste hgroup { margin-bottom: 41px; margin-top: 23px; font-size:14px;}
.main .kuenstler-liste h3 { margin-bottom: 30px;}
.main .kuenstler-liste article {margin-bottom: -2px;}
.main .kuenstler-liste .image {width: 222px; height: 162px;  display: block; margin-right:10px; text-align: right; float:left; background: #fff; border: 0px}
.main .kuenstler-liste .image .overlayer { background:#333333; padding:6px;  position:absolute; left:0; bottom:0; width:100%; text-align: left;  display:none}
.main .kuenstler-liste .image:hover {cursor:pointer;}
.main .kuenstler-liste .image:hover .overlayer {display:block;}
.main .kuenstler-liste .image .overlayer hgroup {margin-bottom:0}
.main .kuenstler-liste .info {width:62%; }
.main .kuenstler-liste .info p { margin-top: 20px; /* margin-bottom: 30px; */ margin-right:20px; }
.main .kuenstler-liste .detail-info { width:86.1%; margin-bottom: 8px; }
.main .kuenstler-liste .detail-info .image {  margin-right: -98px; margin-left:30px; margin-bottom:30px;}
.main .kuenstler-liste .video { margin-bottom:40px; }

.main .detail-info h3 { margin-top:20px; margin-bottom:10px; }

.main ul.kuenstler-mini { list-style-type: circle; margin-bottom:30px; }
.main ul.kuenstler-mini li { margin-bottom:4px; }
.main ul.kuenstler-mini li a { color:#000 !important; font-size:14px; }
.main ul.kuenstler-mini li a:hover { color:#0099CC !important; }



.main .galerie {margin-top:18px;margin-bottom: 10px; /*font-size: 13px;*/}
.main .galerie .images {  }
.main .galerie hgroup { margin-bottom: 25px; }
.main .galerie .next  {  margin: 10px 0 30px 13px; clear: left; }
.main .galerie .next_icon  {margin-left:10px;  width:15px;  background:  url(../img/btn-next-small.png) no-repeat left center ; }
.main .galerie .image {width: 329px; height: 227px;  display: block; margin-right:13px; text-align: center; float:left; background:#585858;}

.main .image .overlayer span {font-size:11px;  color:#ffffff;}

.main .startseite  { margin-top:18px;margin-bottom: 10px; /*font-size: 12px;*/}
.main .startseite .images { width: 708px; 
 } 
.main .startseite .image { width: 340px; height: 199px;  border: 1px solid #ccc; display: block; ; text-align: center; float:left; background:none;}
.main .startseite #image  {width: 708px; height: 283px; }
.main .startseite #image2 {-webkit-box-shadow: 3px -3px 6px rgba(50, 50, 50, 0.3);          -moz-box-shadow:    3px -3px 6px rgba(50, 50, 50, 0.3);           box-shadow:        3px -3px 6px rgba(50, 50, 50, 0.3);}
.main .startseite  .overlayer { background:#0a0a09 ; height:65px; /* padding:20px; */ position:absolute; left:0; bottom:0; width:100%;  display:none}
.main .startseite  .overlayer { background:#0a0a09; padding:4px;  position:absolute;  width:100%; text-align: left;  font-size:18px; 
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.6;}
 .main .startseite .overlayer h5{  padding:8px;  font-size:18px;font-size: 16px;color: #fff;}
.main .startseite .overlayer h6{  margin-left:8px; margin-top:-5px;  font-size:13px; color: #fff;}
.main .startseite .image:hover {cursor:pointer;}
.main .startseite .image:hover .overlayer {display:block;}
.main .startseite .image .overlayer hgroup {margin-bottom:0}

.main .artikelsmall  {margin-bottom: 25px; font-size:14px;}
.main .artikelsmall .image {   padding-right: 10px; /* border: 1px solid #ccc; */ float: left; display: block; text-align: left; background:#fff; float:left;}
.main .artikelsmall .image .overlayer { background:#2a6081;  position:absolute; left:0; bottom:0; width:100%;  /* display:none; */ text-align: left; line-height: 110%}
.main .artikelsmall .image .overlayer span { display: block; padding: 10px}
.main .artikelsmall .image:hover {cursor:pointer;}
.main .artikelsmall .image:hover .overlayer {display:block;}
.main .artikelsmall .image .overlayer hgroup {margin-bottom:0}
.main .artikelsmall .teaser { width:85%;}
.main .artikelsmall .text { clear:left; width:85%;}
.main .artikelsmall hgroup { margin-bottom:20px;}
.main .artikelsmall hgroup h2 { font-size:22px;}
.main .artikelsmall .teaserlinks  { width:85%; margin-bottom: 8px; }
.main .artikelsmall .teaserrechts  { width:100%; margin-bottom: 8px; }
.main .artikelsmall .teaserlinks .imageline {  margin: 10px -98px 0 30px;}
.main .artikelsmall .teaserrechts .imageline {  margin: 10px 30px 0 0px;}
.main .artikelsmall .teaser .imageline {margin-bottom:30px; margin-top: 0px }
.main .artikelsmall .teaserlinks .image, 
.main .artikelsmall .teaser .image {padding: 0; border:0;  margin-bottom:0; 
float:none; }
.main .artikelsmall .imageline .bildunterschrift {  margin-bottom:20px; }
.main .artikelsmall .imageline .bildunterschrift span {}
.main .links .artikelsmall { margin-left:0; }


.main .film {margin-bottom: 25px; font-size:14px;}
.main .film .image {   padding-right: 10px; border: 1px solid #ccc; float: left; display: block; text-align: center; background:#f8f8f8; float:left;}
.main .film .teaserlinks  { width:85%; margin-bottom: 8px; }
.main .film .teaserlinks .imageline {  margin: 10px -98px 0 30px;}
.main .film .teaserlinks .image, 
.main .film .teaser .image { padding: 0; border:0;  margin-bottom:0; float:none; width:200px; height:auto; }
.main .film .image .showbox { position: absolute; left:0px; top: 0 ; padding:0px 0px; width: 200px; min-height: 123px; height: 100%; display: table-cell; }
.main .film .image .showbox .video { position: absolute; right:10px; bottom: 10px ; padding:5px 10px; background-color: #fff; display: block; }


.main .pagingbox  { margin-bottom: 35px; padding:0; margin-top:7px; }
 
.main .paginator a.arrowlink:last-child { margin-right:0px;}

.main .paginator {}
.main .paginator  li.currentPage a {color:#444;}
.main .paginator  li {display:inline-block; margin: 0}
.main .paginator  li.currentPage a {font-size: 13px;   color:#e9d500; font-weight:normal;}
.main .paginator ul {margin: 20px 0; text-align:center;}
.main .paginator  li a { background:none; border:none; font-size: 13px;  color:#e9d500; font-weight:normal;}
.main .paginator  li a:hover {   color:#000;}
.main .paginator  li.middle a {padding: 0 2px}
.main .paginator  li.prev,
.main .paginator  li.next { /* width: 195px */ }
.main .paginator  li.next {/* text-align: right; */ }

.main .paginator  li.next.right {  }
.main .paginator  li.middle {/* width: 270px; */ text-align: center;}
.main .paginator.m0  a {}
.main .paginator.m0 ul {margin:0 12px 0 0;}

.main .paginator li a.active {color:#000 !important; border:none; cursor:default;}

.main .paginator  li.prev.off a,
.main .paginator  li.next.off a {color:#ccc;  cursor:default; }

.main .paginator  li.prev a:hover,
.main .paginator  li.next a:hover { color:#000;  }


.main .paginator li.next a.arrowlink,
.main .paginator li.prev a.arrowlink  { color:#666;}

.main .paginator li a.arrowlink:hover { color:#000;}

.main .off a.arrowlink { color:#ccc !important;}
.main .off a.arrowlink i { background:#ccc !important;}

.main #literatur a.arrowlink,
.main #poesie a.arrowlink,
.main #zebra a.arrowlink,
.main #openmike a.arrowlink,
.main #lyrikline a.arrowlink { color:#e9d500;}

.main #literatur a.arrowlink:hover,
.main #poesie a.arrowlink:hover,
.main #zebra a.arrowlink:hover,
.main #openmike a.arrowlink:hover,
.main #lyrikline a.arrowlink:hover { color:#000;}


.main .pagingbox a.active { color:#e9d500;  border-bottom: 1px solid; }
.main .pagingbox .ccm-pagination, .pagingbox .ccm-pagination a { font-size: 12px;  margin-right:10px; color:#e9d500; font-weight:normal;}
.main .pagingbox .ccm-pagination .ccm-page-left a { background:  url(../img/btn-back-small.png) no-repeat right center ; margin-left:4px; padding-right: 20px;}
.main .pagingbox .ccm-pagination .ccm-page-right a { background:  url(../img/btn-next-small.png) no-repeat left center ; padding-left: 25px;}

.main .kontakt.linksfloaten { width:300px; }
.main .kontakt.rechtsfloaten { width:350px;  margin-top:12px;}
.main .kontakt.rechtsfloaten .googleMapCanvas {
float: right; width: 350px; border: opx none; height: 350px; -webkit-box-shadow: 3px -3px 6px rgba(50, 50, 50, 0.3); -moz-box-shadow: 3px -3px 6px rgba(50, 50, 50, 0.3); box-shadow: 3px -3px 6px rgba(50, 50, 50, 0.3); }
.main .suchzeile2 .ccm-pagination .ccm-page-left  i.icon-arrow-left {padding: 0 6px 0 5px; margin-right: 10px; width: 1.25em; }
.main .suchzeile2 .ccm-pagination .ccm-page-right  i.icon-arrow-right {padding: 0 6px 0 5px; margin-left: 10px; width: 1.25em; }
.main .suchzeile2 .ccm-pagination .ccm-page-left i, .ccm-page-right i { text-align: center;  color: #fff;  height: 15px;  width: 1.25em;  line-height: 16px;  background: #0099CC; }

.main .archiv .span3 { width: 222px; margin-bottom: 50px; }
.main .archiv li { list-style-type: none; }
.main .archiv .box { padding-top: 0px; padding-bottom:10px; text-align: center; margin-bottom: 0px; margin-top: 0px;  position: relative; background-color:#fff; font-size: 16px; line-height:1.4 }
.main .archiv .box.boxfooter {font-size: 14px }
.main .archiv .box.boxfooter a {color:#e9d500  }
.main .archiv .box.boxfooter a:hover {color:#000  }
.main .archiv .box_mitte { background-color:#fff; margin-bottom: 10px; height: 197px; overflow: hidden; text-align: center}
.main .archiv .image { background-color: #fff; /* display: table-cell; vertical-align: top; */ width: 230px; height: 197px; text-align: center;  overflow: hidden; }
.main .archiv .image img{ width:140px; }

.main .archiv .txt { padding-top:20px; padding-bottom:13px; width: 230px; height: 240px; text-align: center; !important; }
.main .archiv .txt .item { margin-bottom:8px; }

.main .archiv .arrowlink i {
color: #fff; height: 14px; line-height: 14px; background: grey; }
.main .archiv .arrowlink i.icon-arrow-right {padding: 0 3px 0 4px;}

.main .presse .info{width:80%; margin-bottom:10px}
.main .presse .presse-item a {color:#e9d500; }
.main .presse .presse-item a:hover {color:#000; }
.main .presseseite .presse-item { /* padding-bottom:0px; */ }
.main  .fullwidth{width:100%; margin-bottom:30px}
.main .presse  hgroup.presse {
margin-bottom: 5px; margin-top: -15px; }
.main .presse i.icon-caret-right {
padding-left:4px; padding-top:1px; }

.main .presse .rechtsfloaten { margin-right: 80px; }
.main .presse .pdflink { padding-right: 25px; }
.main .shop .info { width: 350px; margin-top: 0px; }
.main .shop .info a {color:#e9d500; }
.main .shop .info a:hover {color:#000; }
.main .shop .image { width: 181px; height: 200px; float: right; /* background-color:#444; */ display: block; /* text-align: center; */ }

.main .programmbox { width:100%; }
.main .programmbox .box-head { background-color:#000; padding:4px 10px; }
.main .programmbox .box-head h3 { color:#fff !important; font-weight:normal; margin:0; }
.main .programmbox ul { padding:0px 0px; }
.main .programmbox ul li { margin:0; }
.main .programmbox ul li a { display:block; color:#fff !important; padding:8px 10px; }
.main .programmbox ul li hr { margin:0px 10px; padding:0; border-top-color:#fff; opacity:0.4; }
.main .programmbox ul li:last-child hr { border:none; }
.main .programmbox.literatur ul { background-color:#e9d500; }
.main .programmbox.poesie ul { background-color:#0099CC; }
.main .programmbox.zebra ul { background-color:#B10B0B; }
.main .programmbox.openmike ul { background-color:#B1017D; }

body .main .content .ccm-image-block-out { margin-left:20px; }
body .main .content .ccm-image-block { width:100%; margin:0 !important; }

/* ==|== media queries ======================================================
 EXAMPLE Media Query for Responsive Design.
 This example overrides the primary ('mobile first') styles
 Modify as content requires.
 ========================================================================== */

@media only screen and (min-width:35em) { 
 /* Style adjustments for viewports that meet the condition */
}

/* ==|== non-semantic helper classes ========================================
 Please define your styles before this section.
 ========================================================================== */

/* For image replacement */
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0; }
.ir br { display:none; }

/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden { display:none !important; visibility:hidden; }

/* Hide only visually, but have it available for screenreaders:h5bp.com/v */
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }

/* Contain floats:h5bp.com/q */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }


.main .bg-varicolor { background:rgba(233, 213, 0, 1.0); }
.main .text-varicolor { color:rgba(233, 213, 0, 1.0); }
.main .bg-grey { background-color:#eee; }
.main .bg-black { background-color:#000; }
.main .link-varicolor { color:rgba(233, 213, 0, 1.0); }
.main .link-varicolor:hover { color:#000; }
.main .link-varicolor-reverse { color:#000; }
.main .link-varicolor-reverse:hover {  color:rgba(233, 213, 0, 1.0);}
.main .text-grey { color:#444; }
.main .bg-ausfall { background:rgba(255, 0, 86, 1); }
.main .bg-onlineevent { background:#1100ff; }

.main .presse .presse-item a.link-varicolor-reverse { color:#000; }
.main .presse .presse-item a.link-varicolor-reverse:hover {  color:rgba(233, 213, 0, 1.0);}


.main .po10 { padding-top:10px; }
.main .po15 { padding-top:15px; }
.main .po20 { padding-top:20px; }

@media (min-width:481px) {
	.main header div.clearfix.mainnav-xs.open {display:none !important;}
}


/* ==|== print styles =======================================================
 Print styles.
 Inlined to avoid required HTTP connection:h5bp.com/r
 ========================================================================== */

@media print { 
 * { background:transparent !important; color:black !important; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } /* Black prints faster:h5bp.com/s */
 a, a:visited { text-decoration:underline; }
 /* a[href]:after { content:" (" attr(href) ")"; } */
 /* abbr[title]:after { content:" (" attr(title) ")"; } */
 /* .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } */ /* Don't show links for images, or javascript/internal links */
 pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
 /* thead { display:table-header-group; } */ /* h5bp.com/t */
 /* tr, img { page-break-inside:avoid; } */
 /* img { max-width:100% !important; } */
 
 @page { margin:0.5cm; }
 /* p, h2, h3 { orphans:3; widows:3; } */
 h2, h3 { page-break-after:avoid; }
 /* ab hier headland-styles */
 .main .kalender,
 .main .grauBox .listeSpalteLinks,
 .main .zumfeststellen .socialheader,
 .main .zumfeststellen .printsendandtonav,
 .main header .lupenKlapper,
 .main footer {display: none;}
 .main .image { border: 1px solid #ccc; }
 .main .einblender, .main .underlayer { background: #000 !important; color: #fff !important;}
 
 .main .mainnav ul.nav li.nav-selected a.nav-path-selected span {color: #e9d500 !important;}
}

/*------------------------video-----------------------*/
.main .dp-overlay { position:absolute; top:0; left:0; width:100%; height:100%; cursor: pointer; }
.main .dp-overlay .inner { padding:25px; color: white; position:static; }
.main .dp-overlay .playbtn i {font-size: calc(15px + 2vw); padding: 2%; color: white;}
.main .dp-overlay .playbtn,
.main .dp-overlay { display: flex; align-items: center; justify-content: center;}
.main a.ahref_privacy { position: absolute; bottom:0; left: 0; display: block; width: 100%; text-align: center; font-size: 85%; color: @litegreen2;padding:10px; }
.main a.ahref_privacy:hover { color:#fff; background-color: rgba(255, 255, 255, 0.22)}
.main .dp-overlay p { opacity:0; margin-top:-40px; transition:0.5s ease; text-align: center!important; }
.main .dp-overlay:hover p { opacity:1; height:auto;margin-top:0px;}
@media(max-width: 480px) { .main .dp-overlay .in { font-size: 85%; } }