/* Komprimiert mit http://cssminifier.com/  */

/* #Reset & Basics
================================================== */
        html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, b, center, form, table, tr, th, td, footer, header, menu, span {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline;
                color: #383838;
                }


        form { width:97%; }

        table {
              border-collapse: collapse;
              border-spacing: 0;
              width:97%;
              }

        tr td  {
               padding:6px;
               border:solid 1px #BDBDBD;
               }


        tr.header td
                   {
               background: #e6f3f3;
               font-weight: bold;
               }

        table.noborder td,tr
                  {
              border:0;
              padding:0;
              }

       input, button
                       {
            font-size:16px;
            }

       input[type="submit"] {
            color: #383838;
            background-color: #e6f3f3;
            border: 1px solid teal;
            padding: 3px 9px 3px 9px;
            border-radius: 4px;
            }
       input[type="submit"]:hover {
            background-color: teal;
            color:white;
            }

       input[type="button"] {
            color: #383838;
            background-color: #e6f3f3;
            border: 1px solid teal;
            padding: 3px 9px 3px 9px;
            border-radius: 4px;
            }
       input[type="button"]:hover {
            background-color: teal;
            color:white;
            }

       button {
            color: #383838;
            background-color: #e6f3f3;
            border: 1px solid teal;
            padding: 3px 9px 3px 9px;
            border-radius: 4px;
            }

       button:hover {
            background-color: teal;
            color:white;
            }

/* #Basic Styles  & Standard-Desktop-Layout
================================================== */
        body {
                font-size: 16px;
                font-family: 'Titillium', sans-serif;
                // font-family: Verdana, Tahoma, Arial, Sans-serif;
                font-color: #383838;
                -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
                -webkit-text-size-adjust: 100%;
background-color:teal;
display: flex;
justify-content: center;
                 }

       ul        {
                       padding-left: 20px;
            }

       strong        {
                       font-weight: bold;
            }


/* Grunddesign der Boxen und Elemente
================================================== */

        div#map_canvas
                {
                width: 97%;
                }

    div#header   {
            padding: 0px 0 0 13px;
            margin: -5px 0 5px 0;
            height: 81px;
            background-image:url(https://www.energieausweis.at/ressources/headerimage.png);
            background-repeat:no-repeat;
            background-position:217px 0px;
            }


    div#footer   {
            padding: 10px;
            text-align: right;
            background-color: #e6f3f3;
            border-top:solid 1px #BDBDBD;
margin-left:-20px;
            }
    div#footer a {margin-right:10px;}
    div#footer p { margin: 0 0 3px 0; }




        div#listelement {
                float:left;
                width:75%;
                min-height:81px;
                padding-top:7px;
                }

        span#listname {
                font-size: 21px;
                line-height: 24px;
                text-transform:uppercase;
                display:block;
                }


    img#logo        {
            width: 144px;
            height: 65px;
            }



    div#scroll_up  {
            position: fixed;
            right:3%;
            bottom:10px;
            display:none;
            z-index:101;
            }

    div#scroll_down  {
            position: fixed;
            right:3%;
            bottom:70px;
            display:none;
            z-index:101;
            }

    img.x10x10  {
            width: 10px;
            height: 10px;
            }

    img.x16x16  {
            width: 16px;
            height: 16px;
            }

    img.x30x16  {
            width: 30px;
            height: 16px;
            }

    img.x38x38  {
            width: 38px;
            height: 38px;
            }

    img.x20x20  {
            width: 20px;
            height: 20px;
            }

    div.profilbild       {
            height:27px;
            width: 27px;
            background-size:27px auto;

            }



     .video {
             align:center;
             position: relative;
             padding-bottom: 56.25%;
             height: 0;
             overflow: hidden;
     }

     .video iframe,
     .video object,
     .video embed {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
     }




/* #Schriften
================================================== */
        h1, h2, h3, h4, h5, h6 {
font-family: 'Titillium', sans-serif;
                // font-family: "Titillium", Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
        font-color:#383838; margin: 12px 8px 4px 0;
                font-weight: normal; }
        h1 { font-size: 30px; line-height: 34px; margin-bottom:12px; text-transform:uppercase; }
        h2 { font-size: 19px; line-height: 22px; margin-top:22px; text-transform:uppercase; }
        h3 { font-size: 17px; line-height: 18px; }
        h4 { font-size: 14px; line-height: 18px; }
        h5 { font-size: 14px; line-height: 18px; }
        h6 { font-size: 14px; line-height: 18px; }
        .subheader { color: #777; }

        p { margin: 0 0 15px 0; max-width: 98%; }
        p img { margin: 0; }




/* #Links
================================================== */
    a, a:visited { color:#008080; font-weight:normal; text-decoration:none;  }
    a:active {color:#008080;}
    a:hover {color:#E6F3F3; background:#008080;}




/* #Base 960 Grid  */
    .topcontainer                                  { background-color:white; position: absolute; width:95%; max-width: 890px; padding-left:20px; margin-top: 0px;}


    .container                                  { max-width: 950px; }
    .container .column,
    .container .columns                         { float: left; display: inline; }
    .row                                        { margin-bottom: 20px; }

/* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 100%; max-width: 548px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 100%; } /* { width: 880px; } */




/* Nur für große Screens Background-Image laden */
@media screen and (min-width: 479px)  {
//         body { background-image:url(/ressources/background.png); background-repeat:repeat-y; }
                .container .fifteen.columns:not(#footer)    { min-height:600px; } /* mindesthöhe festlegen aber nicht für footer */
                .nodesktop  { display:none; border-width:0px;}

}