/* LEIS HEISTERHAGEN Rechtsanwaelte */
/* Created by COLOR INVASION - www.colorinvasion.de */


#html,body {
  margin: 0 auto;
  height: 100% auto;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
}



  #top_canvas {
    position: relative;
    width: 940px;
    height: 100%;
    margin-left: -470px;
    left: 50%;
    float: left;
  }

    #top_left {
      position: relative;
      width: 215px;
      height: 100%;
      bottom: 0px;
      float: left;
    }

      #greybox {
        position: relative;
        height: 110px;
        width: 215px;
        top: 0px;
        background-color: #A1A1A1;
        float: left;
      }

      #whitespace {
        position: relative;
        height: 20px;
        width: 100%;
        background-color: #FFFFFF;
        float: left;
      }

    #navbox {
      position: relative;
      width: 215px;
      height: 230px;
      background-color: #084299;
      float: left;
    }



  #top_right {
    position: relative;
    width: 705px;
    height: 100%;
    background-color: #FFFFFF;
    float: right;
  }

    #logo {
      position: relative;
      width: 705px;
      height: 110px;
      background-color: #FFFFFF;
      background-image: url(logo.svg);
      background-size: 345px;
      background-position: bottom;
      background-repeat: no-repeat;
      float: left;
    }

    #pic_top1 {
      position: relative;
      width: 705px;
      height: 230px;
      background-image: url(pics/toppic.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
    }

    #pic_top2 {
      position: relative;
      width: 705px;
      height: 230px;
      background-image: url(anwaelte/pics/toppic.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
    }

    #pic_top3 {
      position: relative;
      width: 705px;
      height: 230px;
      background-image: url(rechtsgebiete/pics/toppic.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
    }

    #pic_top4 {
      position: relative;
      width: 705px;
      height: 230px;
      background-image: url(bueros/pics/toppic.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
    }

    #pic_top5 {
      position: relative;
      width: 705px;
      height: 230px;
      background-image: url(datenschutz/pics/toppic.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
    }

    #pic_top6 {
      position: relative;
      width: 705px;
      height: 230px;
      background-image: url(impressum/pics/toppic.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      float: left;
    }

    

  #content_canvas {
    position: relative;
    width: 940px;
    height: auto;
    background-image: url(background.png);
    background-repeat: repeat-y;
    float: left;
  }

    #lefttxt {
      position: relative;
      width: 175px;
      height: 100%;
      margin-left: 20px;
      margin-right: 20px;
      float: left;
    }

    #righttxt {
      position: relative;
      width: 705px;
      height: 100%;
      margin-left: 20px;
      float: right;
    }

    #box {
      position: relative;
      width: 100%;
      height: auto;
      float: left;
    }


    #anwalt_ckipp {
      position: relative;
      width: 200px;
      height: 267px;
      background-image: url(anwaelte/pics/ckipp.jpg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }

    #anwalt_pjohanns {
      position: relative;
      width: 200px;
      height: 267px;
      background-image: url(anwaelte/pics/pjohanns.jpg);
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }

    #anwalt_theister {
      position: relative;
      width: 200px;
      height: 267px;
      background-image: url(anwaelte/pics/theister.jpg);
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }

    #anwalt_pruland {
      position: relative;
      width: 200px;
      height: 267px;
      background-image: url(anwaelte/pics/pruland.jpg);
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }

    #anwalttxt {
      position: relative;
      width: 485px;
      height: auto;
      margin-left: 20px;
      float: right;
    }


    #karte_ko {
      position: relative;
      width: 705px;
      height: 449px;
      background-image: url(bueros/pics/karte_ko.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }

    #karte_be {
      position: relative;
      width: 705px;
      height: 449px;
      background-image: url(bueros/pics/karte_be.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
    }


  #bottom {
    position: relative;
    width: 940px;
    height: 200px;
    bottom: 0px;
    background-image: url(background.png);
    background-repeat: repeat-y;
    float: left;
  }

    #bottomleft {
      position: relative;
      width: 175px;
      height: 200px;
      background-image: url(dekra.png);
      background-position-x: 42px;
      background-position-y: center;
      background-repeat: no-repeat;
      float: left;
    }

    #bottomright {
      position: relative;
      width: 705px;
      height: 200px;
      float: right;
    }

    #bottomrighttop {
      position: relative;
      height: 70px;
      width: 705px;
      float: left;
    }

    #bottomrightbottom {
      position: relative;
      height: 90px;
      width: 665px;
      padding: 20px;
      background-color: #084299;
      float: left;
    }

    #bottomrighttotop {
      position: relative;
      right: 0px;
      float: right;
    }



#space20 {
  height: 20px;
  width: 100%;
  float: left;
}

#divide {
  position: relative;
  height: 2px;
  width: 100%;
  background-color: #A1A1A1;
  float: left;
}

#downspace {
  width: 20px;
  height: 40px;
  float: left;
}



/* Mobil-Elemente */

#m_navbox, #m_orte, #m_nachoben, a.right {
  display: none;
}


/* Schriften */

.nav {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 10pt;
  font-stretch: normal;
  font-weight: 600;
  letter-spacing: 0.2px;
  word-spacing: 0px;
  text-decoration: none;
  padding-left: 20px;
  line-height: 22px;
}

.nav:hover {
  color: #FFFFFF;
  background-image: url(nav_hover.png);
  background-position-x: left;
  background-repeat: no-repeat;
}

.on, .on:hover {
  background-image: url(nav_on.png);
  background-position-x: left;
  background-repeat: no-repeat;
}

h1 {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #084299;
  font-size: 15pt;
  font-stretch: normal;
  font-weight: 600;
  letter-spacing: 0px;
  word-spacing: 5px;
  text-decoration: none;
  line-height: 23px;
  margin-top: -3px;
  margin-bottom: 20px;
}

.txt, li {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #000000;
  font-size: 10pt;
  font-stretch: normal;
  font-weight: 100;
  letter-spacing: 0.2px;
  word-spacing: 0px;
  text-decoration: none;
  line-height: 22px;
}

.bold {
  font-weight: 700;
}

.txtspace{
  letter-spacing: 2.5px;
}

.nowrap {
  white-space: nowrap;
}

a, a:visited {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #084299;
  font-size: 10pt;
  font-stretch: normal;
  letter-spacing: 0.2px;
  word-spacing: 0px;
  text-decoration: underline;
  line-height: 22px;
}

a:hover {
  text-decoration: none;
}

a.white {
  color: #FFFFFF;
  text-decoration: none;
}

a.underline {
  text-decoration: underline;
}

.bottomrightbottomtxt {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 10pt;
  font-stretch: normal;
  font-weight: 100;
  letter-spacing: 0.2px;
  word-spacing: 0px;
  text-decoration: none;
  line-height: 24px;
  margin-top: 0px;
}