/* Screen CSS 4 emsol.at by WerbungEvent.at */
html, body{ margin:0; padding:0; height:100%; width:100%; }
html{ background: #fff url(../pix/hg-body2.gif) repeat-x 50% -40px; }
body{ font-family: "Century Gothic", DIN, Tahoma, sans-serif; text-align:center; position:relative; line-height:1.4em; }
#page{ width:900px; margin:0 auto; min-height:100%; position:relative; }
#top{ background: url(../pix/alexander-schnalzer-emsol.jpg) 575px 0 no-repeat; list-style-type:none; width:900px; height:180px; margin:0 auto; padding:0; position:relative;  }
#logo{ margin:0; padding:0; position:absolute; top:45px; left:10px; width:280px; height:80px; }
#telort{ margin:0; padding:0; position:absolute; top:15px; right:0; width:200px; height:128px; }
#content{ margin:30px auto; padding:0; text-align:left; position:relative; padding-bottom:40px; color:#222; }
#content h1{ margin:0; font-size:1em; }
#content h2{ font-weight:normal; font-size: 1.2em; color: #321; line-height:1.4em; letter-spacing:0.02em; margin-bottom:0; }
#content h2 b{ color:#d43; font-weight:normal; }
#home h2{ text-align:right; }

#content .topmsg{ width:100%; text-align:center; height:120px; overflow:hidden; text-indent:-990em; background:url(../pix/hl-einkauf-gewinn.png) 50% no-repeat; }
#optimierung .topmsg{ background-image:url(../pix/hl-perspektiven-einkauf.png); }
#erfolge .topmsg{ background-image:url(../pix/hl-einkauf-wachstum.png); }
#kontakt .topmsg{ background-image:url(../pix/hl-kontakt.png); }
#vorteile .topmsg{ background-image:url(../pix/hl-richtungsweisend-unternehmen.png); }
#netzwerk .topmsg{ background-image:url(../pix/hl-partnernetzwerk.png); }
#content h3{ margin-top:0; font-weight:normal; color: #321; font-size: 1.1em; padding-bottom:2px; letter-spacing:0.01em; border-bottom:2px solid #f90; }
#content h3 img{ padding-top:0.5em;}
#content .noul{ border-bottom:0; }
#content h4{ font-size:1.2em; font-weight:normal; color:#444; letter-spacing:0.01em; margin-top:0; margin-bottom:0.5em; }
#content p, #content li{ font-size:0.9em; letter-spacing:0.01em; }
#content td p{ margin:0.5em; }
#content a{ color: #333; text-decoration:none; border-bottom:1px solid #f90; }
#content a:visited{ color: #333; }
#content a:hover{ color: #f90; border:0; }
#content h3 a{ color:#666; border:0; }
#content h3 a:visited{ color:#777; border:0; }
#content h3 a:hover{ color:#222; border:0; }
#content strong{ font-weight:normal; }
#content table{ border:0 none; padding:0; margin:0; }
#content .meldung{ float:left; padding-top:20px; border-bottom:1px dashed #ccc; position:relative; }
#content th{ text-align:left; background-color: #F90; font-weight:bold; }
#content .zeilehell td, #content .zeiledunkel td, #content .zeilehover td{ color: #000; border-bottom:1px solid #ccc; }
#content .zeilehell{ background-color: #FFF; } 
#content .zeiledunkel{ background-color: #EEE; }
#content caption{ text-align:left; margin-bottom:1em; }
#content .vertline{ border-right: 1px solid #ccc; }
span b{ display:block; float:left; width:16em; margin-right:1em;}
em{ font-size:1.5em; line-height:0.8em; font-style:normal; }

.col{ float:left; width:32%; margin-right:1%; }
.col h3{ border-bottom:0px; }

#sidebar{ float:right; width:20em; background-color:#fec; border-left:20px solid #fff; margin:1em; margin-right:0; padding:1em; font-size:90%; }
#sidebar a{ text-decoration:none; color:#222; border-bottom:0px; }
#sidebar a:visited{ color: #333; }
#sidebar a:hover{ color: #222; border:0;  }
#sidebar a b{ color:#333; border-bottom:1px solid #f90; }
#sidebar a:visited b{ color: #333; }
#sidebar a:hover b{ color: #f90; border:0; }
#sidebar hr{ border:0; border-bottom:1px solid #321; }

.foto{ float:left; padding-right:20px; }
.fototable td{ text-align:center; }
.fototable th{ display:none; }
.textnormal{ background-color: transparent; border: 1px solid #666; color: #222; padding:4px; }
.textfocus{ background-color: #fff; border: 1px solid #d43; color: #000; padding:4px; }
.button{ padding:2px 3px; border: 1px solid #d43; background-color: #d43; color: #fff; font-weight:bold;
}
label b{ border-bottom:1px solid #999; display:block; float:left; width:6em; margin-right:0.5em; font-weight:normal; }
.skiplink{ position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; font-size:0.7em; }
.clear{ clear:both; }
img{ border:0; }

/* Tabs */
.liteTabs { position: relative; margin: 0; padding: 0; overflow: hidden; width: 100%; }
.liteTabs ul { margin: 0; padding: 0; overflow: hidden }
.liteTabs li { float: left; list-style-type: none }
.liteTabs li a { display: block; text-decoration: none; outline: 0; padding: 6px 12px; margin-right: 2px; background-color: #eee; color:#321;}
.liteTabs a:visited { background-color: #eee; }
.liteTabs a:hover { background-color: #ccc; color:#321 !important; }
.liteTabs a:focus { text-decoration: underline; }
.liteTabs a.selected, .liteTabs a.selected:hover { background-color:#f90; color:#321;  }
.liteTabs div { float: left; width: 100%; padding:0 15px; }
.liteTabs div.selected { position: static !important; }
.borders ul { position: relative; top: 1px; }
.borders li a { border: 1px solid #321 !important; }
.borders li a:visited { border: 1px solid #321 !important; }
.borders div { border: 1px solid #321; background-color:#fff; }
.tabs{ background:url(../pix/hg-tabs.png) bottom center no-repeat; padding-bottom:29px; }

#navi{ list-style-type:none; position:absolute; left:0px; top:155px; width:98%; height:40px; margin:0; padding:0; font-size:0.8em; line-height:33px; text-align:left; }
#navi li{ z-index:10; margin:0; padding:0; float:left; }
#navi a{ display:block; color:#fff; text-decoration:none; padding:0 14px; margin:0 4px; text-transform:uppercase; letter-spacing:0.2em; }
#optimierung #lioptimierung a, #home #lihome a, #erfolge #lierfolge a, #produkte #liprodukte a, #kontakt #likontakt a, #vorteile #livorteile a, #netzwerk #linetzwerk a { color:#fff; cursor:default; border-bottom: 4px solid #f90; }
#navi a:active{ position:relative; top:1px; }
#navi a:visited{ color:#ddd; text-decoration:none; }
#navi a:hover{ color:#f90; text-decoration:none; }

#bottom{ background-color:#f1f1f1; position:relative; clear:both; height:40px; margin-top:-40px; z-index:1; text-shadow: #fff 1px 1px 0; font-size:0.8em; }
#bottom ul{ width:860px; margin:0 auto; padding:0; padding-left:30px; color:#666; list-style-type:none; text-align:right; }
#bottom li{ display:inline; line-height:40px; }
#bottom a{ color:#666; padding:0 5px; text-shadow: #fff 1px 1px 0; }
#bottom a:visited{ color:#555; text-decoration:none; }
#bottom a:hover{ color:#222; text-decoration:none; text-shadow:none; }

/*Slideshow*/
#slides { display: none; margin-top:2em; }
#slides .slidesjs-navigation { margin-top:5px; }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
/*      background-image: url(pix/navigation.png);
      background-repeat: no-repeat; */
      display:block;
/*      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px; */
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }
/*
    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }
*/
    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
/*      width: 13px;
      height: 0; */
      padding-top: 13px;
/*      background-image: url(pix/pagination.png); */
      background-position: 0 0;
      float: left;
/*      overflow: hidden; */
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
      color:#f90 !important;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
      color:#f90;
    }

	#slides a{ border:none !important; }
    #slides a:link,
    #slides a:visited {
      color: #333; 
    }

    #slides a:hover,
    #slides a:active {
      color: #f90;
    }