/*Adventskalender */

/* ----- Basis-Layout / kleiner Bildschirm ----- */

#ak2012 a { padding: 10px; display: block; }


#ak2012 a:hover h2, #ak2012 a:focus h2 { text-decoration: none; }

.left, .right, .small-hide { display: none; }

@font-face {
    font-family: 'PTSansBold';
    src: url('/kalender/fonts/PTS75F-webfont.eot');
    src: url('/kalender/fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
    url('/kalender/fonts/PTS75F-webfont.woff') format('woff'),
    url('/kalender/fonts/PTS75F-webfont.ttf') format('truetype'),
    url('/kalender/fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('/kalender/fonts/PTS55F-webfont.eot');
    src: url('/kalender/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
    url('/kalender/fonts/PTS55F-webfont.woff') format('woff'),
    url('/kalender/fonts/PTS55F-webfont.ttf') format('truetype'),
    url('/kalender/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.boxbody {
    font-size: small;
    background-color: #ededed;
    margin-bottom: 15px;
    border-right: thin solid #e5e5e5;
    list-style-type: none;}


.popupprintorder {background-image:none;background-color:#fff;}


.prov_adress_print {margin-left:20px;}


/* ----- Layout, sobald das 3x8-Bild passt | Breite: 3x 250px + 4x 1px border + 2x 20px padding ----- */

@media only screen and (min-width : 794px) {
    p.small-hide { display: block; }
    span.small-hide { display: inline; }
    .teaser { text-indent: -9999px; }
}
#ak2012 { position: relative; padding: 0; width: 976px; height: 660px;  margin: 10px auto; }
#ak2012 li { position: absolute; padding: 0; margin: 0; list-style: none; width: 244px; height: 110px; overflow: hidden; }
#ak2012 li a { position: absolute; padding: 10px; width: 224px; height: 90px; text-decoration:none;}

#ak2012 p, #ak2012 h2 { font-size: 20px; line-height: 24px; margin: 0 0 8px 0; color: #FFF; }
#ak2012 p { font-size: 14px; line-height: 18px; }

#ak2012 span { position: absolute; top: 10px; left: 10px; font-size: 12px; width: 24px; height: 24px; text-align: center; color: #FFF; background: #CD0000; display: inline-block; }

#ak2012 .left, #ak2012 .right { position: absolute; top: 0; width: 122px; height: 110px; background: #FFF url(/kalender/img/2017-background.png) 0 0 no-repeat; display: block;border: none; }
#ak2012 .left  { left: 0; }
#ak2012 .right  { left: 122px; }

#ak2012 a:hover .left, #ak2012 a:focus .left, #ak2012 .done a .left { left: -122px; }
#ak2012 a:hover .right, #ak2012 a:focus .right, #ak2012 .done a .right { left: 244px; }

#ak2012 a .left, #ak2012 a .right {
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s;
}

#ak2012 a:hover .left, #ak2012 a:hover .right  {
    -ms-transition: left 1s;
    -o-transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    transition: left 1s;
}

#ak23 { top: 0px; left: 0px; }
#ak16 { top: 0px; left: 244px; }
#ak10 { top: 0px; left: 488px; }
#ak13 { top: 0px; left: 732px; }

#ak3 { top: 110px; left: 244px; }
#ak8 { top: 110px; left: 488px; }
#ak20 { top: 110px; left: 0px; }
#ak6 { top: 110px; left: 732px; }

#ak12 { top: 220px; left: 488px; }
#ak17 { top: 220px; left: 0px; }
#ak24 { top: 220px; left: 244px; }
#ak9 { top: 220px; left: 732px; }

#ak21 { top: 330px; left: 0px; }
#ak1 { top: 330px; left: 488px; }
#ak5 { top: 330px; left: 732px; }
#ak14 { top: 330px; left: 244px; }

#ak7 { top: 440px; left: 488px; }
#ak19 { top: 440px; left: 732px; }
#ak22 { top: 440px; left: 0px; }
#ak2 { top: 440px; left: 244px; }

#ak15 { top: 550px; left: 732px; }
#ak11 { top: 550px; left: 0px; }
#ak4 { top: 550px; left: 488px; }
#ak18 { top: 550px; left: 244px; }



#ak23 .left  { background-position: 0px 0px; }
#ak23 .right  { background-position: -122px 0px; }

#ak16 .left  { background-position: -244px 0px; }
#ak16 .right  { background-position: -366px 0px; }


#ak10 .left  { background-position: -488px 0px; }
#ak10 .right  { background-position: -610px 0px; }

#ak13 .left  { background-position: -732px 0px; }
#ak13 .right  { background-position: -854px 0px; }

/*next row */


#ak20 .left  { background-position: 0px -110px; }
#ak20 .right  { background-position: -122px -110px; }

#ak3 .left  { background-position: -244px -110px; }
#ak3 .right  { background-position: -366px -110px; }

#ak8 .left  { background-position: -488px -110px; }
#ak8 .right  { background-position: -610px -110px; }

#ak6 .left  { background-position: -732px -110px; }
#ak6 .right  { background-position: -854px -110px; }



#ak17 .left  { background-position: 0px -220px; }
#ak17 .right  { background-position: -122px -220px; }
#ak24 .left  { background-position: -244px -220px; }
#ak24 .right  { background-position: -366px -220px; }
#ak12 .left  { background-position: -488px -220px; }
#ak12 .right  { background-position: -610px -220px; }
#ak9 .left  { background-position: -732px -220px; }
#ak9 .right  { background-position: -854px -220px; }

#ak21 .left  { background-position: 0px -330px; }
#ak21 .right  { background-position: -122px -330px; }
#ak14 .left  { background-position: -244px -330px; }
#ak14 .right  { background-position: -366px -330px; }
#ak1 .left  { background-position: -488px -330px; }
#ak1 .right  { background-position: -610px -330px; }
#ak5 .left  { background-position: -732px -330px; }
#ak5 .right  { background-position: -854px -330px; }

#ak22 .left  { background-position: 0px -440px; }
#ak22 .right  { background-position: -122px -440px; }
#ak2 .left  { background-position: -244px -440px; }
#ak2 .right  { background-position: -366px -440px; }
#ak7 .left  { background-position: -488px -440px; }
#ak7 .right  { background-position: -610px -440px; }
#ak19 .left  { background-position: -732px -440px; }
#ak19 .right  { background-position: -854px -440px; }

#ak11 .left  { background-position: 0px -550px; }
#ak11 .right  { background-position: -122px -550px; }
#ak18 .left  { background-position: -244px -550px; }
#ak18 .right  { background-position: -366px -550px; }
#ak4 .left  { background-position: -488px -550px; }
#ak4 .right  { background-position: -610px -550px; }
#ak15 .left  { background-position: -732px -550px; }
#ak15 .right  { background-position: -854px -550px; }