/* home.css - styles fuer die homepages, ohne haendlerforum */

.homeLogout {
    border:           none;
    background-color: #9E072A;
    font-family:      arial, sans-serif;
    font-size:        12px;
    font-weight:      normal;
    color:            #FFF;
    text-align:       center;
    width:            100px;
    height:           20px;
    cursor:           pointer;
}

div#de div#bottom #logoutbutton{
  border: none;
  width:64px; 
  height:17px;
}

ul.home.links {
  list-style-image: url(/img/icons/li_white.gif);
  margin-left: 17px;
  padding-left: 0px;
  margin-top: 7px;
  margin-bottom: 10px;
}

* html ul.home.links {
  margin-top:3px;
}

ul.home.links li,
ul.home.links li a {
  white-space:nowrap;
}


#de #header_nav{
  height:32px;
  position:relative;
  top:10px;
}

#de div.banner{
  position:relative;
}
#de .top {
  position: relative; 
  width:920px; 
}

#de #main {
  height:588px;
  width:920px;
}

#de .banner img {
  display: block;
}

#de #fader{
  left:0;
  position:absolute;
  top:60px;
}

#de .navFunc,#de .navFunc a,#de  .navFunc a:visited, #de .navFunc a:hover {
  color:#21314D;
}

#de ul li a, #de ul li a:visited,#de ul li  a:hover{
  color:#FFFFFF;
}



div#de,
div#all {
  position:relative;
  top:0px; left:0px;
  width:920px;
  height:660px;
  padding:0px;
}

div#de div#layer{
  height:127px;
  left:0;
  position:absolute;
  top:0;
  width:920px;
  z-index:2000;
}

div#de div#top {
  height:412px;
  left:0;
  position:relative;
  top:0;
  width:920px;
  
}

div#de div#top div.nav {
  position:absolute;
  top:12px; left:12px;
  z-index:20;
}

div#de div#top img.logo,
div#top img.logo {
  position:absolute;
  top:16px; right:12px;
  z-index:20;
}

div#top div#help {
  position:absolute;
  top:150px;
  left:12px;
  z-index:20;
}

div#top div.container {
  position:absolute;
  width:175px;
  top:150px;
  z-index:10;
}

div#help div {
  position:absolute;
  display:inline;
  top:-30px;
  left:175px;
  background-color:#fff;
  border:1px solid #78726C;
  width:175;
  padding:12px;
  z-index:30;
  visibility:hidden;
}

* html div#help div {
  width:194px;
}

div#top div.container.home_login {
  left:12px;
  width:175px;
  color:#666;
}

div#login_form label {
  line-height:16px;
  display:block;
  cursor:help;
  margin-bottom:5px;
  color:#666;
}

div#login_form input {
  margin-bottom:7px;
}

div#top div.container.kunden,
div#top div.container.unternehmen {
  left:200px;
  width:180px;
}

div#top div.container.shop,
div#top div.container.jobs {
  left:400px;
}

div#top div.banner,
div#top div.banner img.banner {
  position:absolute;
  bottom:0px;
  left:0px;
  z-index:0;
}

div#top div.banner div#fader,
div#top div.banner div#nofader {
  position:absolute;
  bottom:0px;
  left:0px;
  z-index:1;
}

div#top div.banner img#faderlink {
  position:absolute;
  bottom:0px;
  left:0px;
  width:755px;
  height:70px;
  z-index:2;
}
div#de div#top div.banner img#faderlink {
  width:755px;
  height:106px;
}

div#de div#bottom div.logo {
  height:80px;
  left:720px;
}


div#bottom{position:relative;top:0;left:0;height:115px;}

div#bottom #stoerer{position:absolute;margin-top:125px;right:0px;width:114px;text-align:right;}

div#bottom #stoerer_special{position:absolute;margin-top:125px;right:126px;width:132px;text-align:right;}

div#bottom div {
  position:absolute;
  width:120px;
  z-index:40;
}

div#de div#bottom {
  height:175px;
  position:absolute;
  top:470px;
}

div#de div#bottom div#help {
  top:2px;
  z-index:50;
 background-color:#FFFFFF;
}

div#de div#bottom div#help div {
  top:-30px;
  width:280px;
  min-height:166px;
  background-color:#fff;
  z-index:200;
}
* html div#de div#bottom div#help div {
  width:304px;
  height:180px;
}
div#de div#bottom div.container {
  top:40px;
}


div#de div#bottom div.mein_debitel {
  color:#FFFFFF;
  left:15px;
  font-size:10px;
  line-height:12px;
}

div#de div#bottom div.mein_debitel div {
  margin-top:10px;
  color:#FFFFFF;
}

div#de div#bottom div.mein_debitel form,
div#de div#bottom div.mein_debitel br {
  color:#FFFFFF;
  font-size:10px;
  line-height:12px;
}

div#de div#bottom div#home_login {
}

div#de div#bottom div.kunden {
  border-left:1px solid #FFFFFF;

  left:160px;
  height:80px;
  padding-left:10px;
}

div#de div#bottom div.shop {
  border-left:1px solid #FFFFFF;
  left:310px;
  height:80px;
  padding-left:10px;
}

div#de div#bottom div.unternehmen {
  border-left:1px solid #FFFFFF;
  left:455px;
  height:80px;
  padding-left:10px;
}

div#de div#bottom div.haendler {
  border-left:1px solid #FFFFFF;
  left:600px;
  height:80px;
  padding-left:10px;
}

div#de div#bottom div#footnote {
  position:absolute;
  bottom:-7px;
  width:500px;
}

div#de div#bottom div.mein_debitel label,
div#de div#bottom div.mein_debitel a {
  font-size:10px;
  line-height:12px;
}

div#de div#bottom div.mein_debitel label {
  margin-bottom:2px;
}

div#de div#bottom input {
  font-size:10px;
  line-height:12px;
  height:15px;
  margin-bottom:3px;
  border: 1px solid #a0a0a0;
}

div#de div#bottom div.mein_debitel button {
  font-size:10px;
  height:15px;
}

div#bottom div.haendler,
div#bottom div.kunden {
  right:130px;
}

div#bottom div.unternehmen,
div#bottom div.shop {
  right:0px;
}

div#footer {
  
  border-top:1px solid #A0A0A0;
  color:#5A534E;
  left:0;
  padding-top:8px;
  position:relative;
  top:40px;
  width:100%

}


div#footer a {
  color:#5A534E;
}

div#footer .copyright {
  float:left;
  padding-left:3px;
  color:#5A534E;
}

div#footer .nav {
  float:right;
  padding-right:12px;
  color:#5A534E;
  text-align:right;
}


.medienforum_text {
  position: absolute;
  left: 105px;
}

.medienforum_grey {
  color: #5A534E;
}

#login_username {width:120px}
#login_password {width:120px}

#loginBevore a { 
  color:#fff;
}


      div#ag{
        position:relative;
        top:0px; left:0px;
        width:920px;
        height:660px;
        padding:0px;
      }

      #ag #header_nav{
        height:32px;
        position:relative;
        top:10px;
      }
      
      #ag  #navi {
        left:20px;
        position:absolute;
        top:580px;
      }
      
      #ag .section {
        width: 250px;
        position:absolute;
        top:0px;
      }
      
      #ag #unternehmen{
        left:260px;
        
      }
     #ag  #jobs{
        left:520px;
      }
      
      
      #ag #fader{
        left:0;
        position:absolute;
        top:243px;
      }
      
      #ag #main {
        height:650px;
        width:920px;
      }
      
      #ag #kc{
        left:700px;
        top:690px;
        position:absolute;
      }
      
      #ag #os{
        left:830px;
        top:690px;
        position:absolute;
      }
      #ag .navFunc, #ag .navFunc a, #ag .navFunc a:visited, #ag .navFunc a:hover {
        color:#21314D;
      }
      #ag img {
        display:block;
      }