@charset "utf-8";
/* RESET CSS
   Autor: Urs Merk 
   Erstelldatum: 20.02.2016
*/

/* Include CSS */

@import "screen.css"; /* Standardbildschirmausgabe */
@import "menu.css"; /* Menucss */

/*@import "powermail.css";  Standardbildschirmausgabe */


/* Spezialeinstellungen für Smartphones und kleine Bildschirme */
/* iPad v3 Querformat */
/*@media only screen and
(max-device-width: 667px) and 
(orientation:landscape){
    div#umschlag{
        position:relative;
        min-width:0;
        max-width:100%;
        padding:0 1.5rem;
    }

    div#hintergrund_textfeld_rahmen{
        margin: 0 1.5rem;
    }

    div#hintergrund_textfeld{
        min-width:0;
        max-width:100%;
    }

    div#hintergrund_footer_rahmen{
        margin:0 1.5rem;
    }

    div#hintergrund_footer{
        min-width:0;
        max-width: 100%;
    }

    div#inhalt_rahmen{
    }

    div#inhalt{
    }


    div#footer{
        display:inline;
        font-size:70%;
        width:100%;
        padding-bottom:1.5rem;
    }

    div#hintergrund_footer_rahmen{
        height: 3rem;
    }

    div#footerSmart{
        display:none;
    }
}

 iPad v3 Hochformat 
@media only screen and
(max-device-width:84.99em) and 
(orientation:portrait){
    body{
        width:100%;
        font-size:150%;
    }

    div#dropdown_top{
        visibility:visible;
    }

    div#dropdown{
        visibility:visible;
    }

    div#umschlag_rahmen{
        margin-bottom:10rem;
        margin-top:5.5rem;
    }

    div#umschlag{
        min-width:100%;
        max-width:100%;
        padding:0;
    }

    div#hintergrund_textfeld_rahmen{
        margin:0;
        margin-top: 5.5rem;
    }

    hintergrund_textfeld{
        margin: 8.5rem 0 0 0;
        max-width:100%;
        min-width:100%;
    }

    div#hintergrund_footer_rahmen{
        margin:0;
        width:100%;
        height:6rem;
    }

    hintergrund_footer{
        max-width:100%;
        min-width:100%;
        padding-bottom: 0.5rem;
    }

    div#menu_rahmen{
        width:0;
    }

    div#menu{
        visibility:hidden;
    }

    div#inhalt_rahmen{
        margin:0;
        width:100%;
        max-width:100%;
    }

    div#inhalt{
        font-size:70%;
        margin-left:0;
        padding-left:3.5rem;
        padding-bottom:12rem;
    }

    div#footer{
        display:none;

    }

    div#footerSmart{
        display:inline;
        font-size:100%;
        width:100%;
    }

    .sp_links img{
        max-height:25rem;
    }

    .sp_rechts img{
        max-height:25rem;
    }


    .sp_links .bild_mit_titel{
        max-width:100%;
        max-height:100%;
    }

    .sp_rechts .bild_mit_titel{
        max-width:100%;
        max-height:100%;
    }

    button#alleBilder{
        font-size:130%;
    }
}

 Druckausgabe definieren 
@media print{
     font-family for print view 
    * {font-family: Arial Narrow,Arial,sans-serif; background-color: transparent;}



    @page{
        size: 21cm 29.7cm ;
        margin-top:1.5cm;
        margin-left: 1.5cm;
        margin-bottom:0.5cm;
    } 

      @page:first{
          size: 21cm 29.7cm ;
          margin-top:2cm;
      }

    body {
        font-size: 10pt; 
        background-color: transparent;
        color:#000;
        line-height: 1.2;
        word-spacing:1.1pt;
        letter-spacing:0.2pt; 
    }

    .top{
        counter-reset: seite;
    }


    div#hintergrund, div#menu, div#dropdown_top, div#hintergrund_textfeld_rahmen, div#header_streifen, form#TSFE_ADMIN_PANEL_FORM,
    div#dropdown_top, div#hintergrund_textfeld, div#header, button#alleBilder, div#footer{
        display:none;
    }

    div#menu_rahmen{
        width:0;
    }


    div#inhalt_rahmen{
        margin:0;
        width: 100%;
        border: 1px solid green;
    }

    div#inhalt{
        margin:0;
        padding:0;
        width:100%;
    }

    div#anzeige_rahmen{
        border:none;
        background:none;
    }


    div#umschlag_rahmen{
        position: absolute;
        border: 1px solid violet;
    }

    div#umschlag{
        min-width:0;
        max-width:18.5cm;
        height:26.7cm;
        min-height:1px;
        margin: 0;
        padding:0;
        border: 1px solid red;
    }

    div#header_rahmen{
    }

    div#footer_rahmen{
        page-break-after: always;
    }

    div#footerSmart{
        display:block;
        border:0;
        margin: 0 auto;
        width:18cm;
        font-size:9.5pt;
        z-index:30;
        background-color: #FFF;
    }
    div#hintergrund_footer{
        display:none;
    }

     keine Links anzeigen E-Mail etc. 
    a.mail[href]:after, a[href]:after,
    .csc-textpic-imagewrap a[href]:after {
        content: " ";
    }

    a{
        text-decoration: none;
        color:#000;
    }

     line break for pre 
    pre {white-space: pre-wrap;}

    .sp_links img, .sp_rechts img{
        max-width: 100%;
    }


    div#druckkopf{
        width:18cm;
        height:auto;
        position: relative;
        top: -0.25cm;
        display:inline-block;
    }


    div#Seitenrand_oben{
        page-break-before: always;
        height: 0;
    }


    .break{
    }

     Mailformular 
    .tx-powermail button{
        font-size:130%;
    }
}*/