﻿
    body.demo                        { background: #000 url('../../img/portal-bg.jpg'); background-repeat:repeat-x; height:100%; }	    

    #portal-top-bar                  { height:85px; background: url('../../img/portal-top-bar.jpg') no-repeat; }
    #img-quicknet-logo               { width: 117px; height: 58px; margin:15px 0px 0px 0px; }

    div.box-rounded                  { width: 100%; margin:20px auto 60px auto;  background:#ffffff; }
    div.box-rounded .content         { margin: 0 12px; }
    div.box-rounded-btm              { background: url('../../img/btmright.gif') top right no-repeat; }
    img.box-rounded-image            { width: 12px; height: 12px; border: none; display: block !important; }  

    #menu-block                      { width:100%; display:block; min-height:39px; height:39px; }
    #menu-block-left                 { float:left; display:inline; width:13px; min-height:39px; height:39px; background: url('../../img/mnu-top-left.png') no-repeat; }
    #menu-block-mid                  { float:left; display:inline; width:944px; min-height:39px; height:39px; background: url('../../img/mnu-top-mid.png') repeat-x; }
    #menu-block-right                { float:right; display:inline; width:13px; min-height:39px; height:39px; background: url('../../img/mnu-top-right.png') no-repeat; }

    #menu-block-mid ul               { width:100%; padding:0px; margin:0px; }
    #menu-block-mid ul li            { list-style-type:none; display:inline; float:left; min-height:39px; height:39px; _height:39px; }

    #menu-block-mid ul li a,         
    #menu-block-mid ul li a:link,
    #menu-block-mid ul li a:active,
    #menu-block-mid ul li a:visited  { color:#fff; min-height:39px; height:39px; _height:39px; line-height:39px; padding:10px 18px 10px 18px; }
    #menu-block-mid ul li a:hover    { background: url('../../img/mnu-top-mid-hover.png') repeat-x; text-decoration:none;  }

    #promo-slide                     { width:970px; min-height:194px; height:194px; _height:194px; background: transparent url('../../img/slide-bg-970.jpg'); }
    /* .slidecontent                    { width:936px; min-height:158px; height:158px; _height:158px; margin:auto; padding:0px; } */
    #slides                          { width:936px; min-height:158px; height:158px; _height:158px; margin:auto; padding:0px; }
    
    .slidecontent                    { background:transparent; background:none; }
        
    .slidenumber                     { background:transparent; background:none; float:left; display:inline; margin-top:30px; width:100px; }
    .slidetext                       { background:transparent; background:none; float:left; display:inline; margin-top:30px; width:566px; margin-left:20px; }
    .slideimage                      { background:transparent; background:none; float:left; display:inline; margin-top:20px; width:230px; margin-left:20px; }
    #slidebrowser                    { min-height:27px; height:27px; _height:27px; margin:0px; margin-right:8px; padding:0px; float:right; }

    #promo-slide h2                  { color:#ffffff; }
    #promo-slide p                   { color:#ffffff; }
    
    div.nav { min-height:27px; height:27px; _height:27px; margin:0px; margin-right:8px; padding:0px; float:right; }
    #nav a, #nav a:link, #nav a:active, #nav a:visited { color:#ffffff; font-size:0.8em; margin:0px 1px 0px 0px; padding:4px 9px 4px 9px; text-align:center; width:23px; min-height:23px; height:23px; _height:23px; background: url('../../img/slide-0.gif') no-repeat; }
    #nav a:hover            { color:#000; background: url('../../img/slide-2.gif') no-repeat; text-decoration:none; }
    
    #nav a.activeSlide, #nav a.activeSlide:link, #nav a.activeSlide:active, #nav a.activeSlide:visited { color:#ffffff; font-size:0.8em; margin:0px 1px 0px 0px; padding:4px 9px 4px 9px; text-align:center; width:23px; min-height:23px; height:23px; _height:23px; background: url('../../img/slide-1.gif') no-repeat; }
    #nav a.activeSlide:hover { background: url('../../img/slide-2.gif') no-repeat; color:#000; text-decoration:none; }    
    #nav a:focus             { outline: none; }
    
    #innerContent                    { padding:20px; min-height:100%; height:100%; }
    #leftContentColumn               { min-height:100%; height:100%; width:500px; float:left; display:inline; }
    #rightContentColumn              { border-left:1px solid #ebebeb; min-height:100%; height:100%; width:400px; float:right; display:inline; }
    
    #wideContentColumn               { min-height:100%; height:100%; width:100%; }
    
    .leftContentBlock                { width:100%; margin-top:15px; }
    .leftContentBlock-B              { width:100%; border-bottom:1px solid #ebebeb; }

    div.LBox-rounded                 { width: 100%; background: #ebebeb; margin-left:10px; }
    div.LBox-rounded .pDiv           { margin: 0 1px; }
    div.LBox-rounded-free .pDiv      { margin: 0 1px; }        
    div.LBox-rounded-top             { background: url('../../img/gbox/topright.gif') top right no-repeat; }
    div.LBox-rounded-btm             { background: url('../../img/gbox/btmright.gif') top right no-repeat; }
    img.LBox-image                   { width: 8px; height: 8px; border: none; display: block !important; margin:0px; padding:0px; }

    div.SmBox-rounded                { width: 97%; background: #ffffff; margin:auto; }
    div.SmBox-rounded .pDiv          { margin: 0 5px; padding:10px; }
    div.SmBox-rounded-top            { background: url('../../img/wbox/topright.gif') top right no-repeat; }
    div.SmBox-rounded-btm            { background: url('../../img/wbox/btmright.gif') top right no-repeat; }
    img.SmBox-image                  { width: 6px; height: 6px; border: none; display: block !important; }

    .LBox-rounded h2                 { font-size:1.6em; margin:2px 2px 8px 8px; }

    .LBox-rounded input              { display:block; }
    .LBox-rounded input[type=checkbox], .LBox-rounded label { display:block; vertical-align:middle; } 
    .LBox-rounded .chkBox            { display:inline; vertical-align:middle; } 
    .LBox-rounded input[type=checkbox] { margin-top:6px; margin-right:5px; }
    .LBox-rounded input              { margin:4px 0px 12px 0px; }
    .LBox-rounded input[type=text]   { width:330px; }

    #try-out-image                   { width:95px; height:80px; position:absolute; z-index:9999; margin-top:-15px; margin-left:305px; }

    a.button, a.button:link, a.button:visited { background: transparent url('../../img/btn_coal2.gif') no-repeat scroll top right; color: #ffffff; display: block; float: left; font: normal 12px arial, sans-serif; height: 29px; margin-right: 6px; padding-right: 5px;  text-decoration: none; }
    a.button span span, a.button:link span, a.button:visited span { background: transparent url('../../img/btn_coal1.gif') no-repeat; color: #ffffff; display: block; line-height: 19px; padding: 5px 12px 5px 14px; _border:0px; } 
    a.button:active, a.button:hover  { background-position: bottom right; outline: none; }
    a.button:active { color: #a8a8a8; }
    a.button:active span, a.button:hover span { background-position: bottom left; padding: 5px 12px 5px 14px; /* push text down 1px */ }     

    .kundref                   { width:100%; margin:17px 0px 35px 0px; }
    .kundrefA                  { float:left; display:inline; width:100px; }
    .kundrefB                  { float:right; display:inline; margin-left:15px; width:385px; }

    .kundref em                { font-style:italic; font-size:1.3em; font-weight:normal; display:block; padding:3px; }
    .kundref strong            { display:block; padding:6px 0px 6px 0px; }

    #footer                    { background: url('../../img/footer-image.jpg'); width:100%; min-height:97px; height:97px; _height:97px; }
    #footerBlob                { width:473px; margin:30px; float:right; }
    #footLeft                  { float:left; display:inline; width:390px; }
    #footRight                 { float:right; display:inline; width:73px; margin-right:10px; }
    #qnLogo                    { width:73px; height:36px; }

    #footer a, #footer a:link, #footer a:visited, #footer a:active { color:#515151; text-decoration:none; }
    #footer a:hover { text-decoration:underline; }
    
    #calcCo                    { width:500px; margin-top:20px; background:#e4e4e4; }
    #calcCo div                { padding:15px; }  
    #iconCalc                  { width:128px; height:128px; float:right; }               

    
    

