/* 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 {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline; }


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

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

        td                {
                        max-width:300px;
                word-wrap: break-word;
                }

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

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

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


/* #Basic Styles  & Standard-Desktop-Layout
================================================== */
        body {
                font-size: 13px;
                font-family: Verdana, Tahoma, Arial, Sans-serif;
                font-color: #383838;
                -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
                -webkit-text-size-adjust: 100%;
                 }

       ul        {
                       padding-left: 20px;
            }

       strong        {
                       font-weight: bold;
            }


/* Grunddesign der Boxen und Elemente
================================================== */
    div#header   {
            padding: 0px 0 0 55px;
            margin: 7px 0 10px 0;
            height: 81px;
            background-image:url(http://www.energiesparhaus.at/ressources/headerimage.png);
            background-repeat:no-repeat;
            background-position:217px 0px;
            }


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


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

    div#navigation_left {
            width:155px;
            padding: 5px;
            margin-bottom:5px;
            background: #e6f3f3;
            border:solid 1px #BDBDBD;
            display:inline;
            }

    div#navigation_left a { display:block; margin-left:0px; margin-bottom:2px; }
    div#navigation_left p a { display:inline;}


    div#navigation_right {
            float:right;
            width:155px;
            padding: 5px;
            margin-bottom:5px;
            background: #e6f3f3;
            border:solid 1px #BDBDBD;
            }

    div#navigation_right a { display:block; margin-left:0px; margin-bottom:2px; }


    div#navigation_small {
            display:none;
            }

    div#navigation_small p { margin: 0 0 3px 0; }


    div#adbox_content {
            /* float:right;
            margin: 10px 0px 10px 0px; */
            float:left;
            margin: 10px 10px 10px 0px;
            }


    div#adbox_header {
            position: absolute;

            top: 22px;
            left: 458px;
            }

    div#adbox_right {
            position: fixed; /* relative; */
            left:959px;
            top:-10px; /*110px;*/  }

    div#adbox_bottom {
            margin: 10px 0px 5px 0px;
            }


    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 {
                color: #383838;
                font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
        font-color:#383838; margin: 12px 8px 4px 0;
                font-weight: bold; }
        h1 { font-size: 21px; line-height: 25px; margin-bottom:12px;}
        h2 { font-size: 16px; line-height: 20px; margin-top:22px;}
        h3 { font-size: 13px; line-height: 18px; }
        h4 { font-size: 13px; line-height: 18px; }
        h5 { font-size: 13px; line-height: 18px; }
        h6 { font-size: 13px; line-height: 18px; }
        .subheader { color: #777; }

        p { margin: 0 0 10px 0; }
        p img { margin: 0; }



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




/* #Base 960 Grid  */
    .container                                  { position: absolute; width: 960px; margin: 0 auto; padding: 0; margin-left:27px; margin-top: 0px;}
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

/* Base Grid */
    .container .three.columns                   { width: 160px; }
    .container .twelve.columns                  { width: 700px; }
    .container .fifteen.columns                 { width: 880px; }


/* Nur für große Screens Background-Image laden */
@media screen and (min-width: 768px)  {
         body { background-image:url(http://www.energiesparhaus.at/ressources/background.png); background-repeat:repeat-y; }
                 .nodesktop  { display:none; border-width:0px;}
}