/*****
NIKE-KULTUR.CH 2014
ava
******/

// @import "front.css";

/*ICONS*/

.icons {
    width: 45px;
}

.icons a {
    float: left;
}

.icon-edit,
.icon-delete {
    width: 16px;
    height: 16px;
    margin: 0 3px;
}

.icon-edit {
    background: url('images/icon-edit.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background-image 0.2s ease-in-out;
}

.icon-edit:hover {
    background: url('images/icon-edit_hover.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.icon-delete {
    background: url('images/icon-delete.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background-image 0.2s ease-in-out;
}

.icon-delete:hover {
    background: url('images/icon-delete_hover.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/** Update Hofer Filip, 20.12.2014 */

body.tid-1271 div.frame-type-textpic .ce-textpic div.ce-gallery{
    float: left;
}

body.tid-1271 div.frame-type-textpic .ce-textpic div.ce-bodytext{
    margin-left: 110px;
}

.polytext .frame-type-div hr.ce-div {
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px dotted rgb(142, 129, 114);
    margin: 1em 0;
    height: 1px;
    color: transparent;
    background-color: transparent;
}

.polytext > .frame-default, .polytext .csc-header-n1 {
    margin: 0 0 30px;
    clear:both;
}
@media only screen and (max-width: 480px) {
    .frame-default, .csc-frame, .content menu {
        margin-left: 3% !important;
    }
}

// .ce-textpic .ce-gallery{
//     margin-bottom: 20px;
// }

// .ce-textpic.ce-right div.ce-gallery{
//     float: right;
//     margin-left: 10px;
// }

// .ce-textpic.ce-left div.ce-gallery{
//     float: left;
//     margin-right: 10px;
// }

// .ce-textpic .ce-gallery{
//     min-width: 100px;
//     margin: 4px 20px 20px 0px;
// }

// div.ce-textpic.ce-center .ce-gallery {
//     position: relative;
//     float: right;
//     right: -50%;
// }

/** Update Hofer Filip, 20.12.2014 END */
/** CSS update for frp_veranstaltungen,pi12 ->  h3 is the new h2 */ 
 
.tx-frpveranstaltungen-pi12 h3{ 
    font-size: 128.6%; 
    line-height: 133.3%; 
} 
 
#resultate td h3 { 
    font-size: 133.3%; 
} 
 
/** pi12 Update end */ 
/*remove dotted border without reducing usability for textbrowsers */

a:active,
a:focus {
    outline: none
}

input::-moz-focus-inner {
    border: 0;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0 0 1em
}

.powermail_legend {
    display: none;
}

.tx-powermail h3 {
    display: none;
}

.powermail_submit {
    float: left !important;
}
.tx-powermail .parsley-error {
    background-color: #F08080 !important;
}
.tx-powermail .parsley-errors-list{
    float: left;
    list-style-type: none;
    text-align: right;
    width: 85%;
    margin-top: -0.9em;
}
.powermail_all dt {
    font-weight: bold;
}
.powermail_all dd {
    margin: 0.5em 0;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

html,
body {
    overflow-y: auto !important;
}

body {
    font-size: 87.5%;
}

body,
header,
h1,
h2,
h3,
h4,
h5,
h6,
div,
li,
p,
dd,
dt,
td,
th {
    font-family: "times new roman", times, georgia, serif;
    font-weight: normal;
}

.typo3 p,
.typo3 li,
.typo3 .dt {
    font-size: 124.3%;
}

aside p,
aside li,
aside dd,
aside dt,
form label,
form input,
form textarea,
menu.lang li,
.access,
.footer p,
aside header,
aside h1,
aside h2,
aside h3,
aside h4,
aside h5,
aside h6,
.polytext .bulletin p,
.polytext .bulletin .figcaption,
p.internal-link a,
a.internal-link,
input[type=submit] {
    font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif;
    font-size: 88.6%;
    font-style: normal;
    letter-spacing: normal;
}

p.internal-link a,
a.internal-link {
    font-size: 68.75%;
}

aside p.internal-link a,
aside a.internal-link {
    font-size: 100%;
    background-position: 0 -3px;
}

.typo3 td,
.typo3 td p,
.typo3 td li {
    font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif;
    font-size: 78.6%;
}

.typo3 td label,
.typo3 td p,
.typo3 td li,
.typo3 td span {
    font-size: 100%
}

td td {
    font-size: 100%
}

body,
section,
aside,
menu,
div,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dd,
dt {
    line-height: 137.5%;
    color: rgb(87, 101, 113);
}

b,
strong,
th {
    font-weight: normal;
    color: rgb(0, 0, 0)
}

th {
    text-align: left;
}

a {
    color: rgb(142, 129, 114);
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

a:hover {
    border-bottom-color: rgb(142, 129, 114);
}

td>a:hover {
    border-bottom-color: transparent;
}

a.noborder,
a.noborder:hover {
    border: none
}

.brand {
    min-height: 160px;
    overflow: hidden;
    background-color: #fff;
}

.header.logo {
    margin-left: 25%;
}

.header.logo a.bgi {
    background-image: url('images/logo_31082011_de_big.png');
    width: 450px;
    height: 93px;
}

.header.logo h1 {
    padding: 40px 0 0 0
}

html[lang=fr_CH] .header.logo a.bgi {
    background-image: url('images/logo_31082011_fr.png');
    width: 372px;
    height: 51px;
}

header,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(0, 0, 0)
}

h1 {
    font-size: 157%;
    line-height: 109%
}

header,
h2 {
    font-size: 128.6%;
    line-height: 133.3%
}

h3 {
    font-size: 112%
}

h4 {
    font-size: 110%
}

h5 {
    font-size: 105%
}

h6 {
    font-size: 100%
}

td h2 {
    font-size: 133.3%
}

.footer a.pdf {
    background-position: 0 -4px;
}

.polytext {
    clear: left;
}

.polytext > .csc-default,
.polytext .csc-header-n1 {
    margin: 0 0 30px;
}

.polytext .csc-default .divider {
    clear: both;
}

.polytext .csc-default .divider hr {
    border: none;
    border-bottom: 1px dotted rgb(142, 129, 114);
    margin: 1em 0;
    height: 1px;
    color: transparent;
    background-color: transparent;
}

.polytext .csc-textpic-caption,
.polytext p.figcaption {
    font-size: 85.7%;
    font-style: italic;
    display: block;
}

div.polytext div.csc-textpic-imagewrap,
.polytext div.csc-textpic-single-image {
    margin-bottom: 20px;
}

div.polytext div.csc-textpic-imagewrap img,
.polytext div.csc-textpic-single-image img {
    margin: 0;
}

.csc-textpic-imagewrap a {
    display: block;
    line-height: 100%;
    margin: 0;
    padding: 0;
}

.polytext .csc-textpic-intext-left .csc-textpic-single-image,
.polytext .csc-textpic-imagewrap {
    min-width: 100px;
    margin: 4px 20px 20px 0;
    height: 100%;
}

.polytext .denkmaltag .figure {
    float: right;
    width: 200px;
    margin: 0 0 1em 1em;
    background-color: rgb(255, 255, 255);
    padding: 0 0 .5em 1em;
}

.polytext .denkmaltag .figure img {
    max-width: 100%;
    border: 0;
}

.polytext table {
    width: 100%
}

.polytext td {
    padding: 5px 10px 5px 0
}

.polytext tr {
    border-bottom: 1px dotted rgb(142, 129, 114)
}

.polytext form {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.polytext form .advanced {
    clear: both;
    padding: 10px;
    background-color: rgb(245, 245, 245)
}

.polytext form label,
.polytext form input,
.polytext form textarea {
    float: left;
    margin-bottom: 10px
}

.polytext form label,
.polytext form input,
.polytext form textarea,
.polytext form span.fieldvalue {
    width: 380px
}

.polytext form div.row {
    float: left;
    width: 100%;
    clear: both;
    background-color: rgb(245, 245, 245)
}

.polytext form input[type=text],
.polytext form select,
.polytext form textarea,
.polytext form label,
.polytext form span.fieldvalue {
    float: left;
    margin: 0 0 2em;
}

.row label {
    padding-left: 0.5em;
}

.polytext input[type=image] {
    width: auto
}

.polytext input[type=checkbox] {
    margin-right: 0.5em
}

.polytext input[type=number] {
    width: 50px;
    border-bottom-width: 1px;
    text-align: right;
    padding: 0;
    line-height: 100%
}

.polytext form label {
    clear: left;
    width: 120px
}

.polytext form label.cb {
    float: none;
    width: 100%;
    clear: both
}

.polytext form label.cb input {
    float: left;
    width: 15px;
    margin: 0 7px 0 0;
    padding: 0;
    vertical-align: text-top
}

.polytext form label.cb p {
    float: left;
    width: 375px
}

.polytext form .checkboxes {
    margin: 0 0 1em
}

.polytext form .field {
    clear: both;
    margin: 0 0 1em
}

.polytext input[type=checkbox],
.polytext input[type=radio],
.polytext input[type=submit] {
    width: auto
}

.polytext input[type=submit]:hover {
    border-bottom: 1px dotted rgb(142, 129, 114);
}

.polytext input[type=date],
.polytext input[type=datetime],
.polytext input[type=datetime-local],
.polytext input[type=email],
.polytext input[type=month],
.polytext input[type=number],
.polytext input[type=password],
.polytext input[type=range],
.polytext input[type=tel],
.polytext input[type=text],
.polytext input[type=time],
.polytext input[type=url],
.polytext textarea,
.polytext input[type=week] {
    background: #fcfcfc;
    border-style: solid;
    border-color: rgb(154, 163, 170);
    border-width: 0 0 1px
}

.polytext input[type=radio] {
    border: 1px solid rgb(154, 163, 170)
}

.polytext input[type=date]:focus,
.polytext input[type=date]:hover,
.polytext input[type=datetime]:focus,
.polytext input[type=datetime]:hover,
.polytext input[type=datetime-local]:focus,
.polytext input[type=datetime-local]:hover,
.polytext input[type=email]:focus,
.polytext input[type=email]:hover,
.polytext input[type=month]:focus,
.polytext input[type=month]:hover,
.polytext input[type=number]:focus,
.polytext input[type=number]:hover,
.polytext input[type=password]:focus,
.polytext input[type=password]:hover,
.polytext input[type=range]:focus,
.polytext input[type=range]:hover,
.polytext input[type=tel]:focus,
.polytext input[type=tel]:hover,
.polytext input[type=text]:focus,
.polytext input[type=text]:hover,
.polytext input[type=time]:focus,
.polytext input[type=time]:hover,
.polytext input[type=url]:focus,
.polytext input[type=url]:hover,
.polytext input[type=week]:focus,
.polytext input[type=week]:hover,
.ms-list.ms-focus {
    background-color: rgb(245, 246, 247);
}

.tx-indexedsearch {
    width: 100%;
    float: left;
}

.tx-indexedsearch input[type=submit],
.tx-felogin-pi1 input[type=submit] {
    display: block;
    clear: both
}

.tx-indexedsearch select + select {
    margin-left: 1em;
}

.tx-indexedsearch p.internal-link a {
    margin: 0;
    padding-left: 16px
}

.tx-indexedsearch-sw {
    color: rgb(0, 0, 0)
}

.tx-felogin-pi1 form {
    margin-top: 1em
}

.tx-felogin-pi1 legend {
    display: none
}

aside header {
    font-weight: normal;
    color: rgb(87, 101, 113)
}

aside ul {
    padding-left: 17px;
    list-style-image: url('li-aside.png')
}

aside > .csc-default {
    border-top: 1px dotted rgb(142, 129, 114);
    padding-top: 1em
}

aside > .csc-default:first-child {
    border-top: none;
    padding-top: 0
}

menu.main {
    display: none;
    width: 15%;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgb(142, 129, 114)
}

menu.main li {
    font-size: 124.3%;
    margin: 0
}

menu.main li li {
    font-size: 95.7%;
    line-height: 138.5%
}

menu.main li li li {
    font-size: 100%
}

menu.main ul {
    padding-left: 20px;
    list-style-type: none
}

menu.main a,
menu.main li.pas a,
menu.main li.active li.pas a {
    color: rgb(87, 101, 113);
    border: none
}

menu.main li.active > a,
menu.main a:hover,
menu.main li.pas > a:hover,
menu.main li.active li.pas > a:hover {
    color: rgb(35, 7, 0)
}

menu.main .uid-26 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgb(142, 129, 114)
}

menu.level3 {
    padding: 0;
    margin: 0
}

menu.level3 li {
    margin-left: 10px;
    margin-bottom: 48px;
    padding-left: 10px;
    background: transparent url('images/li_line_front.gif') left center no-repeat;
}

menu.level3 li.active a {
    color: rgb(35, 7, 0)
}

menu.level3 li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

menu.lang {
    margin: 0
}

menu.lang a {
    color: rgb(87, 101, 113);
    border: none;
    display: inline-block;
    padding: 0 5px;
}

.access {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
    border: none;
    display: inline-block;
}

menu.lang li:after {
    content: '|'
}

menu.lang li:after {
    content: '|'
}

menu.lang li:last-child:after {
    content: ''
}

menu.lang li.active a {
    color: rgb(0, 0, 0)
}

.search.main {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2.5em;
    width: 205px;
}

.search.main input {
    width: 200px;
}


/*veranstaltungansicht*/

.tx_frpveranstaltungen_pi1 a,
.tx_frpveranstaltungen_pi1 a:hover,
.tx_frpveranstaltungen_pi12 a,
.tx_frpveranstaltungen_pi12 a:hover {
    border: none
}

.tx-frpveranstaltungen-pi2,
.tx-frpveranstaltungen-pi10 {
    margin: 0 0 1em;
    word-wrap: break-word;

}

.tx-frpveranstaltungen-pi2 .agenda,
.tx-frpveranstaltungen-pi10 .agenda {
    float: left;
}

.tx-frpveranstaltungen-pi2.termine,
.tx-frpveranstaltungen-pi10.termine {
    padding: 0.5em 0 0;
    border-top: 1px dotted rgb(142, 129, 114);
    border-bottom: 1px dotted rgb(142, 129, 114)
}

.tx-frpveranstaltungen-pi2 h5,
.tx-frpveranstaltungen-pi10 h5 {
    margin: 0;
    font-weight: normal
}

.tx-frpveranstaltungen-pi2 ul,
.tx-frpveranstaltungen-pi10 ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}

.tx-frpveranstaltungen-pi2 li,
.tx-frpveranstaltungen-pi10 li {
    margin: 0;
    padding: 0
}

.tx_frpveranstaltungen_pi1,
.tx_frpveranstaltungen_pi12 {
    border-spacing: none;
    border-collapse: collapse
}

.tx_frpveranstaltungen_pi1 td,
.tx_frpveranstaltungen_pi12 td {
    margin: 0
}

.tx_frpveranstaltungen_pi1 td.ort,
.tx_frpveranstaltungen_pi12 td.ort {
    white-space: nowrap
}

.tx_frpveranstaltungen_pi1.agenda tr:hover,
.tx_frpveranstaltungen_pi1.denkmaltag tr:hover,
.tx_frpveranstaltungen_pi12.agenda tr:hover,
.tx_frpveranstaltungen_pi12.denkmaltag tr:hover {
    background-color: rgb(245, 246, 247)
}

.tx_frpveranstaltungen_pi1 tr:hover,
.tx_frpveranstaltungen_pi12 tr:hover,
.tx-frpveranstaltungen-pi2 tr:hover {
    background-color: transparent
}

.tx_frpveranstaltungen_pi1 tr:first-child td,
.tx_frpveranstaltungen_pi12 tr:first-child td {
    padding-top: 1em;
}

.tx_frpveranstaltungen_pi1 tr:last-child td,
.tx_frpveranstaltungen_pi12 tr:last-child td {
    padding-bottom: 1em;
    /*border-bottom:1px dotted rgb(87,101,113);*/
}

.tx_frpveranstaltungen_pi1 tr:first-child td,
.tx_frpveranstaltungen_pi12 tr:first-child td {
    color: rgb(0, 0, 0)
}

.tx-frpveranstaltungen-pi2 td,
.tx-frpveranstaltungen-pi10 td {
    vertical-align: top
}

.tx-frpveranstaltungen-pi2 p.ort,
.tx-frpveranstaltungen-pi10 p.ort {
    margin: 0
}

.tx-frpveranstaltungen-pi2 .dt,
.tx-frpveranstaltungen-pi10 .dt,
.tx-frpveranstaltungen-pi2 .dd,
.tx-frpveranstaltungen-pi10 .dd {
    margin: 0;
    padding: 0;
}

.tx-frpveranstaltungen-pi2 .agenda .dt,
.tx-frpveranstaltungen-pi10 .agenda .dt,
.tx-frpveranstaltungen-pi2 .agenda .dd,
.tx-frpveranstaltungen-pi10 .agenda .dd {
    float: left
}


/*Falls wie in Brosch�re*/


/*.tx-frpveranstaltungen-pi10 .dt {float:left;}*/

.tx-frpveranstaltungen-pi2 .dt,
.tx-frpveranstaltungen-pi10 .dt {
    font-weight: normal;
    color: rgb(0, 0, 0)
}

.tx-frpveranstaltungen-pi2 .agenda .dt,
.tx-frpveranstaltungen-pi10 .agenda .dt {
    width: 120px
}

.tx-frpveranstaltungen-pi2 .agenda .dd,
.tx-frpveranstaltungen-pi10 .agenda .dd {
    width: 390px
}

.tx-frpveranstaltungen-pi2 .dl,
.tx-frpveranstaltungen-pi10 .dl,
.tx-frpveranstaltungen-pi2 div.description,
.tx-frpveranstaltungen-pi10 div.description {
    width: 100%;
    border-bottom: 1px dotted rgb(87, 101, 113);
    margin: 0 0 1em;
    padding: 0 0 0.5em;
}

.tx-frpveranstaltungen-pi2 .agenda .dl,
.tx-frpveranstaltungen-pi10 .agenda .dl {
    float: left;
    clear: left;
}

.tx-frpveranstaltungen-pi2 .termine div.dd,
.tx-frpveranstaltungen-pi10 .termine div.dd {
    font-size: 114.3%;
}

.tx-frpveranstaltungen-pi2 div.description,
.tx-frpveranstaltungen-pi10 div.description {
    float: none;
    clear: none;
}

.tx-frpveranstaltungen-pi2 .figure + .dl,
.tx-frpveranstaltungen-pi10 .figure + .dl {
    clear: none;
}

.tx-frpveranstaltungen-pi2 .dl .dl,
.tx-frpveranstaltungen-pi10 .dl .dl {
    clear: none;
    border: none;
    margin: 0;
    width: 380px;
}

.tx-frpveranstaltungen-pi10 .dl .dl.org {
    width: auto;
}

.tx-frpveranstaltungen-pi2 .csc-textpic-intext-right .csc-textpic-single-image,
.tx-frpveranstaltungen-pi10 .csc-textpic-intext-right .csc-textpic-single-image {
    background-color: rgb(255, 255, 255);
    padding: 0 0 0 1em;
    margin: 0 0 0 1em !important;
    max-width: 200px;
}

.tx-frpveranstaltungen-pi2 .csc-textpic-intext-right .csc-textpic-single-image img,
.tx-frpveranstaltungen-pi10 .csc-textpic-intext-right .csc-textpic-single-image img {
    max-width: 100%;
}

.tx-frpveranstaltungen-pi2.denkmaltag .figure.picto,
.tx-frpveranstaltungen-pi10.denkmaltag .figure.picto {
    width: 100%;
    float: none;
    margin: 0 0 1em;
    padding: 0;
}

.tx-frpveranstaltungen-pi2 .figure.picto img,
.tx-frpveranstaltungen-pi10 .figure.picto img {
    padding: 0 2px;
    margin: 0 0 0.5em;
    border-left: 1px dotted rgb(142, 129, 114);
}

.tx-frpveranstaltungen-pi2 .figure.picto img:first-child,
.tx-frpveranstaltungen-pi10 .figure.picto img:first-child {
    border-left: none;
    padding-left: 0;
}

.tx_frpveranstaltungen_pi11:before,
.tx_frpveranstaltungen_pi12:before,
.tx_frpveranstaltungen_pi11:after,
.tx_frpveranstaltungen_pi12:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.tx_frpveranstaltungen_pi11:after,
.tx_frpveranstaltungen_pi12:after {
    clear: both;
}


/*///// SHOP/PRODUCTS /////*/

.tt-products article {
    margin: 0 0 4em;
}

.tt-products em {
    display: block;
    margin: 0 0 1em;
}

.tt-products h2 a {
    color: rgb(0, 0, 0);
}

.tt-products .description h2 {
    font-size: 100%;
}

.tt-products td h2 {
    font-size: 133.3%;
}

.tt-products header p {
    font-size: 87.5%;
}

.tt-products tr:hover {
    background-color: transparent;
}

.tt-products form {
    margin: 0 0 1em;
    float: none;
}

.tt-products form.search {
    margin: 0 0 2em;
}

.tt-products form label {
    clear: left;
}

.tt-products form input,
.tt-products form select,
.tt-products form textarea {
    font-size: 100%;
    vertical-align: middle;
}

.tt-products .search input {
    font-size: 78.6%
}

.tt-products .shop .order input {
    float: none;
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 85.7%;
}

.tt-products .shop .order {
    padding: 0.5em 0;
    margin: 0 0 2em;
    border: 1px dotted rgb(142, 129, 114);
    border-width: 1px 0;
    text-align: right;
    clear: left;
}

.tt-products .shop .options {
    clear: left;
}

.tt-products .shop .order p {
    margin: 0;
}

.tt-products .shop .description {
    width: 400px;
    margin: 0;
    float: left;
}

.tt-products .shop .description p a,
.tt-products .shop section > a,
.tt-products .search .description p a,
.tt-products nav {
    font-size: 85.7%;
    text-align: center;
    padding: 1em 0;
}

.tt-products .shop figure {
    width: 100px;
    margin: 0 20px 5px 0;
    float: left;
}

.tt-products .shop figure img {
    max-width: 100%;
    overflow: hidden;
}

.tt-products .shop figcaption,
.tt-products .shop .csc-textpic-caption {
    font-style: italic;
    font-size: 78.6%;
    display: none;
}

.tt-products .shop.detail figure {
    width: 200px;
    margin: 0 0 5px 20px;
    float: right;
}

.tt-products .shop.detail .description {
    width: 100%;
    float: none;
}

.tt-products .shop.basket td {
    vertical-align: top;
    padding-bottom: 2px
}

.tt-products .shop.basket tbody tr:last-child td {
    border-bottom: 1px dotted rgb(142, 129, 114);
    padding-bottom: 2em;
}

.tt-products .shop.basket tbody tr:first-child td {
    padding-top: 2em;
}


/*///// LIGHTBOX /////*/

#lbImageDetails,
#lbCaption,
#lbNumberDisplay,
#lbPresent {
    font-weight: normal !important;
    font-style: italic;
}


/*///// IMAGE MAP CANTONS /////*/

.tx-frpveranstaltungen-pi1 select,
.tx-frpveranstaltungen-pi12 select {
    width: 380px;
    margin: 0 0 1em
}

.tx-frpveranstaltungen-pi1 nav.cantons,
.tx-frpveranstaltungen-pi12 nav.cantons {
    position: relative;
    width: 520px;
    height: 332px;
    margin-bottom: 2em;
}

.tx-frpveranstaltungen-pi1 nav.cantons img,
.tx-frpveranstaltungen-pi12 nav.cantons img {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
}


/*///// BULLETIN ARCHIV /////*/

.bulletin {
    width: 95px;
    margin: 0 11px 10px 0;
    float: left;
}

.bulletin img {
    max-width: 100%;
    border: 0;
}

.bulletin.last {
    margin-right: 0;
}

.footer div.info {
    border-top: 1px dotted rgb(87, 101, 113);
    margin-top: 0.5em;
}


/*pi14*/

.tx-frpveranstaltungen-pi14 .csc-textpic-single-image img {
    max-width: 200px !important;
}


/*Formhandler*/

.tx-frpveranstaltungen-pi15 form input.error {
    border-color: #f00;
    background-color: rgba(255, 0, 0, 0.05);
}

.tx-frpveranstaltungen-pi15 form span.error {
    text-indent: -8000px;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    text-align: left !important;
    direction: ltr !important;
    text-decoration: none;
    outline: none;
    border: 0;
    margin: 0;
    width: 1.5em;
    height: 1.5em;
    float: left;
    margin-left: 5px;
    background: transparent url('images/icon-required.svg') center no-repeat;
    background-size: 1.5em;
}

@media screen {
    ::selection {
        background-color: rgb(229, 224, 218);
    }
    ::-moz-selection {
        background-color: rgb(229, 224, 218);
    }
    ::-webkit-selection {
        background-color: rgb(229, 224, 218);
    }
    .wrapper {
        width: 100%;
        max-width: 1200px;
        min-height: 100%;
    }
    .content {
        width: 75%;
        float: right;
        margin: 0;
        margin-bottom: 80px;
    }
    .content .polytext {
        width: 60%;
    }
    div.main {
        width: 100%;
        margin-bottom: 42px;
        background-color: transparent
    }
    aside {
        width: 30%;
        margin: 0 0 0 40px
    }
    .lang {
        width: 20%;
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        padding: 10px
    }
    .footer {
        clear: both;
        margin: 50px 0 0 0;
        padding-top: 5px;
        max-width: 1200px;
        width: 100%;
        background: white;
        position: fixed;
        bottom: 0;
        z-index: 2;
        ;
    }
    button:focus,
    button:focus,
    input:focus,
    select:focus,
    select:focus,
    textarea:focus,
    textarea:focus,
    .ms-list.ms-focus {
        -moz-box-shadow: rgb(142, 129, 114) 0 0 4px;
        -webkit-box-shadow: rgb(142, 129, 114) 0 0 4px;
        box-shadow: rgb(142, 129, 114) 0 0 4px;
        /* for Opera */
        z-index: 1;
    }
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"],
    .ie6_button,
    * html button {
        background: #fff url('images/button.png') repeat-x;
    }
    input[type=submit],
    a.pdf {
        display: inline-block;
        padding-left: 16px;
        background: transparent url('images/link_arrow.png') left top no-repeat;
    }
    .tt-products .search section > a {
        text-transform: lowercase;
        font-size: 85.7%;
        display: inline-block;
        margin-left: 4px;
        padding-left: 12px;
        background: transparent url('images/link_arrow.png') left center no-repeat;
    }
    a.internal-link,
    .internal-link a {
        display: inline-block;
        margin-left: 4px;
        padding-left: 12px;
        background: transparent url('images/link_arrow.png') 0 0 no-repeat;
    }
    .polytext input[type=submit] {
        color: rgb(142, 129, 114);
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgb(255, 255, 255);
        outline: none;
        margin-top: 1em;
        float: none;
        clear: both;
        text-align: left;
        display: inline-block;
        padding: 0 0 0 16px;
        background: transparent url('images/link_arrow.png') left -2px no-repeat;
    }
    #lbLightbox *,
    #lbBottomNav * {
        line-height: 100% !important;
        padding-bottom: 0 !important
    }
}

@media print {
    .screen {
        display: none
    }
    body {
        width: 520px;
        font-size: 10pt
    }
    .header.logo a.bgi {
        background-image: none;
        display: none;
    }
    .mmenu {
        display: none
    }
    aside {
        display: none
    }
    .brand .logo img {
        display: block !important
    }
    .polytext {
        float: none;
        width: 520px
    }
    div {
        text-align: left
    }
    p,
    li,
    dt,
    dd,
    td {
        font-size: 10pt !important;
        line-height: 125% !important
    }
    .csc-textpic-caption {
        font-size: 75%;
        font-style: italic
    }
    dd p,
    dd li {
        line-height: 100% !important
    }
    dl,
    dd,
    dt {
        margin: 0 0 0.5em;
        padding: 0;
    }
    .tx-frpveranstaltungen-pi2 .agenda,
    .tx-frpveranstaltungen-pi10 .agenda {
        float: none;
    }
    td,
    th {
        padding: 0.5em;
        vertical-align: top
    }
    td td,
    td p,
    td li {
        line-height: 100%
    }
    .tx-frpveranstaltungen-pi2 div.description:after,
    .tx-frpveranstaltungen-pi10 div.description:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    body,
    section,
    aside,
    menu,
    div,
    td,
    th,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    dd,
    dt,
    a {
        color: rgb(102, 102, 102);
    }
    .tx-frpveranstaltungen-pi2,
    .tx-frpveranstaltungen-pi10 {
        float: none
    }
    .header.logo {
        margin-left: 0;
        display: block
    }
    .footer {
        margin: 0 !important
    }
    .seitentools {
        display: none !important
    }
    .access {
        display: none
    }
    #eid,
    #leaflet,
    #gotoleaflet {
        display: none
    }
    .rslides_tabs {
        display: none
    }
    div.main {
        margin-bottom: 100px;
    }
    .divider {
        display: none;
    }
    .tx-frpveranstaltungen-pi14 .ort {
        font-size: 14pt !important
    }
    .tx-frpveranstaltungen-pi14 hr {
        display: none !important
    }
    .tid-1084 .footer {
        display: none !important
    }
    .pagebreak {
        page-break-after: always;
    }
    .pagebreak:last-of-type {
        page-break-after: auto
    }
}

.tx-felogin-pi1 input[type=submit] {
    float: left;
}


/*Respnsive*/

body.tid-774 .csc-menu {
    display: none;
}


/*MobileMenu*/

.icon.mmenu {
    font-size: 20px;
    background: url('images/mmenu.png');
    text-indent: -8000px;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    text-align: left!important;
    direction: ltr!important;
    text-decoration: none;
    outline: 0;
    border: 0;
    margin: 0;
    float: left;
    width: 40px;
    height: 35px;
    padding: 0;
    background-size: cover;
}

.csc-menu {
    display: none;
}

.exportbtn {
    margin: 0.5em 1em !important;
}

img {
    height: auto;
    width: auto\9;
    /* ie8 */
}

.tx-frpveranstaltungen-pi13 .eid {
    display: none;
}

.tx-frpveranstaltungen-pi13 .icon-delete {
    background-size: 15px;
    cursor: pointer;
}

.tx-frpveranstaltungen-pi13 .shareit {
    margin-top: 2em;
}

@media only screen and (max-width: 480px) {
    div.main {
        margin-bottom: 50px !important;
    }
    .logo h1 {
        margin-left: 2em;
        float: right;
    }
    .header.logo a.bgi {
        width: 115px;
    }
    .typo3 p,
    .typo3 li,
    .typo3 .dt {
        font-size: 114.3%;
    }
    menu.main li li {
        font-size: 85.7%;
        line-height: 138.5%
    }
    menu.main li {
        font-size: 114.3%;
        margin: 0
    }
    aside p,
    aside li,
    aside dd,
    aside dt,
    form label,
    form input,
    form textarea,
    menu.lang li,
    .access,
    .footer p,
    aside header,
    aside h1,
    aside h2,
    aside h3,
    aside h4,
    aside h5,
    aside h6,
    .polytext .bulletin p,
    .polytext .bulletin .figcaption,
    p.internal-link a,
    a.internal-link,
    input[type=submit] {
        font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif;
        font-size: 78.6%;
        font-style: normal;
        letter-spacing: normal;
    }
    .csc-textpic-text {
        margin-left: 0 !important;
        clear: both;
    }
    div.csc-textpic-center .csc-textpic-center-outer,
    div.csc-textpic-center .csc-textpic-center-inner {
        float: none !important;
        right: auto !important;
    }
    div.polytext div.csc-textpic-imagewrap img,
    .polytext div.csc-textpic-single-image img {
        max-width: 280px !important;
    }
    ce-textpic ce-right ce-intext
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none;
        margin-left: 0 !important;
    }
    .tt-products .shop .description {
        width: 100%;
    }
    .polytext .ce-bodytext {
        clear:both;
    }
    .polytext .ce-gallery {
        width:100%;
    }
    menu.lang {
    }
    .header.logo {
        margin: 1em;
    }
    .lang {
        min-width: 38%;
    }
    aside,
    menu.main {
        clear: both;
    }
    aside {
        width: 100%;
    }
    .content {
        width: 100% !important;
        float: none;
        margin: 0;
    }
    .content .polytext,
    aside,
    menu.main {
        width: 90%;
        margin: 0 1em;
    }
    menu.main {
        float: none;
    }
    .footer {
        display: none;
    }
    .polytext form label,
    .polytext form input,
    .polytext form textarea {
        width: 100%;
    }
    .polytext form label.cb p {
        float: left;
        width: 90%;
    }
    .footer {
        width: 100%;
        margin: 0 1em;
    }
    /*Ticket 12089*/
    .polytext {
        margin: 0 !important;
    }
    .csc-default, .csc-frame, .content menu{
        margin-left: 3% !important;
    }
    .tx-frpveranstaltungen-pi12 {
        margin-left: 3%;
    }
    .tx-frpveranstaltungen-pi12 table td.ort {
        max-width: 100px;
    }
    .tx-frpveranstaltungen-pi10 .csc-textpic-intext-right .csc-textpic-single-image {
        float: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .tx_frpveranstaltungen_pi1 td.ort,
    .tx_frpveranstaltungen_pi12 td.ort {
        white-space: normal;
    }
    .tx-frpveranstaltungen-pi12 .sucheExtended {
        margin-bottom: 0;
    }
    .tx-frpveranstaltungen-pi12 .sucheExtended form {
        float: left;
        width: 100%;
    }
    #c8183,#c7994,#c7067,
    .module.nav-tabs ul,
    nav.cantons,
    .textFelder label,
    .textFelder input,
    aside {
        display: none;
    }
    #c8184,#c7285,#c7998 {
        display: block;
    }
    .tx-frpveranstaltungen-pi12 select {
        width: 100%;
        height: 30px;
    }
    .polytext form label {
        margin: 0;
    }
    .polytext table {
        width: 95%;
    }
    .tx-powermail .layout3 label{
        width: 55% !important;
    }
}

@media only screen and (min-width: 780px) and (max-width: 980px) {
    .tid-774 .logo h1 {
        margin-left: 0 !important;
        float: none;
    }
    .tid-774 .icon.mmenu {
        display: none;
    }
    .icon.mmenu {
        display: block;
    }
    .content .polytext {
        width: 60% !important;
        float: left;
    }

    aside {
        float: left;
        clear: none !important;
        width: 30% !important;
    }
    .footer {
        display: block;
    }
}

@media only screen and (min-width: 320px) and (max-width: 980px) {
    .logo h1 {}
    .typo3 p,
    .typo3 li,
    .typo3 .dt {
        font-size: 114.3%;
    }
    menu.main li li {
        font-size: 85.7%;
        line-height: 138.5%
    }
    menu.main li {
        font-size: 114.3%;
        margin: 0
    }
    aside p,
    aside li,
    aside dd,
    aside dt,
    form label,
    form input,
    form textarea,
    menu.lang li,
    .footer p,
    aside header,
    aside h1,
    aside h2,
    aside h3,
    aside h4,
    aside h5,
    aside h6,
    .polytext .bulletin p,
    .polytext .bulletin .figcaption,
    p.internal-link a,
    a.internal-link,
    input[type=submit] {
        font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif;
        font-size: 78.6%;
        font-style: normal;
        letter-spacing: normal;
    }
   .content menu{
        margin: 0 1em;
    }
    .header.logo {
        margin: 1em;
    }
    .footer {
        display: none;
    }
    .lang {
        min-width: 235px;
    }
    aside,
    menu.main {
        clear: both;
    }
    aside {
        width: 100%;
    }
    .content {
        width: 100% !important;
        float: none;
        margin: 0;
    }
    .content .polytext,
    aside,
    menu.main {
        width: 90%;
        margin: 0 1em;
    }
    aside .bodytext{
        clear:left;
    }
    menu.main {
        float: none;
    }
    .polytext form label,
    .polytext form input,
    .polytext form textarea {
        width: 100%;
    }
    .polytext form label.cb p {
        float: left;
        width: 90%;
    }
    .footer {
        width: 100%;
        margin: 0 1em;
    }
    .csc-textpic-imagewrap {
        float: left !important;
        margin-left: 0 !important;
    }
    .csc-textpic-imagewrap img {
        float: left;
    }
    .tx-powermail .layout3 label{
        width: 55% !important;
    }
}

@media only screen and (min-width: 780px) {
    .lang {
        padding-right: 3%;
    }
    body.tid-774 .csc-menu {
        display: block;
    }
    .csc-menu {
        display: block;
    }
    .icon.mmenu {
        display: block;
    }
    menu.main {
        display: none;
    }
}

@media only screen and (min-width: 980px) {
    menu.main {
        display: block;
        width: 20%;
        margin: 0 4% 0 1%
    }
    .icon.mmenu {
        display: none;
    }
    .footer div.info {
        padding: 0.5em 0 0 25%;
    }
}

body.singlecolumn .content .polytext {
    width: 100% !important;
    float: none;
}

body.singlecolumn .content aside {
    display: none;
}


/****************************************/

.frp_form dt,
.frp_form dd {
    float: left;
    padding-right: 3.703703703704%;
    margin: 0;
    padding: 0;
}

.frp_form dt {
    width: 22.222222222222%;
    clear: both;
}

.frp_form dd {
    width: 70.37037037037%;
}

.slideshow_img img {
    width: 100%;
}


/*Powermail*/

.powermail_radio_inner label,
.powermail_check_inner label {
    clear: none !important;
    width: 95% !important;
}

.powermail_radio_inner input,
.powermail_check_inner input {
    margin-right: 0.5em;
}

.powermail_check_legend {
    display: none;
}

.tx-srfeuserregister-pi1-error + input{
    background-color: #F08080 !important;
}

/*Powermail*/
/*Special layout3*/
.tx-powermail .layout3 label{
    width: 40%;
    margin-bottom: 1em;
}
.tx-powermail .layout3 input{
    width: 40%;
}
.tx-powermail .layout3 .powermail_select {
    width: 10%;
    margin-left: 30%;
}
.tx-powermail .layout3 .powermail_fieldwrap_type_text {
    clear:left;
    padding-bottom: 2em;
}

.tx-powermail .layout3 label[for=powermail_field_postkarten],
.tx-powermail .layout3 label[for=powermail_field_broschuere],
.tx-powermail .layout3 label[for=powermail_field_weltformat],
.tx-powermail .layout3 label[for=powermail_field_a3] {
    font-size: 110%;
}


/* 2018 change from powermail to forms */
/***************************************/
.frame-type-form_formframework .form-check-label {
    width: 100%;
}
/* multicheckboxes 100% w */
.frame-type-form_formframework label[for*=multicheckbox] {
    width: 100%;
}

.frame-type-form_formframework .form-group {
    border-bottom:none;
}

.frame-type-form_formframework .btn-primary {
    color: rgb(142, 129, 114);
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgb(255, 255, 255);
    outline: none;
    margin-top: 1em;
    float: none;
    clear: both;
    text-align: left;
    display: inline-block;
    padding: 0 0 0 16px;
    background: transparent url('images/link_arrow.png') left -2px no-repeat;    
}

.parsley-required {
    font-size: 100% !important;
    color: #F08080;
}

.powermail_fieldwrap_type_captcha {
    clear: both;
}
.powermail_fieldwrap_type_captcha .powermail_captchaimage {
    margin-left: 120px;
    margin-top: -20px;
}